@media print { .type_h3{clear:both;margin-bottom:20px; padding-top:13px; font-size:1.4em;letter-spacing:-.01em;color:#1a1a1a; background:url('/pages/basic/img/sub/h3_title.gif') 0 15px no-repeat;padding-left:25px} .type_h4{clear:both; padding-left:17px;margin-left:5px; font-size:1.2em; color:#333; background:url('/pages/basic/img/sub/h4_title.gif') 0 8px no-repeat; padding-bottom:15px;letter-spacing:-.02em;line-height:1.8em;font-weight:600} .type_h5{clear:both; padding-left:19px;margin-left:10px; font-size:1.1em; color:#333; background:url('/pages/basic/img/sub/h5_title.gif') 3px 7px no-repeat; padding-bottom:10px;letter-spacing:-.02em;line-height:1.5em;font-weight:500} .type_h5 span{font-weight:400} .type_list{padding-left:10px} .type_list > li {padding-left:10px; font-size:14px; line-height:20px; margin-bottom:4px; background:url('/pages/basic/img/sub/type_li_butt.gif') 0 9px no-repeat; color:#444} .type_list > li span {color: #333; font-weight:500} /* 이미지준비 */ .readyimg {width:100%; text-align:center;padding:50px 0} /* manager_info */ .manager_info{width:100%;clear:both;padding:25px 20px;background:#3b476c ;color:#fff;box-sizing: border-box;position:fixed;bottom:0;z-index:99999} .manager_info .manager_infobox{width:100%;max-width:1180px;margin:0 auto;position:relative} .manager_info .manager_infobox p.pass{font-family:'tahoma';font-weight:bold;font-size:12px;color:#fee300} .manager_info .manager_infobox p span{font-family:'Nanum Gothic';font-size:12px;color:#fff;padding-right:6px} .manager_info .manager_infobox ul{position:absolute;right:0;top:-10px} .manager_info .manager_infobox ul li{display:inline} .manager_info .manager_infobox ul li a{display:block;float:left;background: #7892c2 linear-gradient(to bottom, #7892c2 5%, #476e9e 100%) repeat scroll 0 0;margin:0 2px;color:#fff;text-align:center;border:1px solid #4e6096;font-size:12px;letter-spacing:-1px;text-shadow: 0 -1px 0 #222;box-shadow: 0 1px 3px 0 #9fb4f2 inset;font-weight: bold;border-radius: 5px} .manager_info .manager_infobox ul li a:hover{background: #476e9e linear-gradient(to bottom, #476e9e 5%, #7892c2 100%) repeat scroll 0 0;text-decoration:none} .manager_info .manager_infobox ul li a span{padding:5px 12px;line-height:30px} /* tab */ .boxTab { position:relative; clear:both; overflow:hidden; border-bottom:1px solid #bec6cf;margin-bottom:30px } .boxTab li { float:left; width:160px; margin:0 -1px 0 0; box-sizing:border-box; } .boxTab li a { display:block; border:1px solid #bec6cf; border-bottom:0; line-height:37px; text-align:center; font-family:"NanumBold"; font-size:1em; color:#666; } .boxTab li a:hover, .boxTab li a:focus, .boxTab li a:active, .boxTab li a.on { font-size:1em; color:#fff; background:#626d77; font-weight:700} .boxTab.full li { width:16%; } .boxTab.full li:first-child { width:20.5%; } .h0 {height:0px} .h146 {height:146px} #wrap {width:100%;margin:0 auto;overflow:hidden;min-height:100%;min-width:320px;position:relative;word-break:keep-all} /* popup_h */ #popup_h{width:100%;border:1px solid #e5eaeb;background:#f1f7fa;text-align:center;position:relative;z-index:999} #popup_h .wrap_imgbox {width:1200px;position:relative;height:auto;text-align:center;margin:0 auto} #popup_h .wrap_imgbox a.btn{display:block;width:25px;height:25px;overflow:hidden;background:url(/pages/basic/img/main/header_pop_btn.gif) 0 0 no-repeat;position:absolute;bottom:-25px;right:0} #popup_h .wrap_imgbox a.on {background:url(/pages/basic/img/main/header_pop_btn2.gif) 0 0 no-repeat !important} #popup_h .wrap_imgbox a:hover.btn{background-position:0 -25px !important} /* header */ #header_wrap{width:100%;height:auto; position:relative; z-index:100; margin-bottom:58px; display:none;} #header{width:1200px; height:87px; margin:0 auto;position:relative} #header h1{position:absolute; top:28px; left:0px; z-index:200} .vr_icon_wrap{width: 1200px; position: relative; margin: 0 auto;} .vr_icon{position: absolute; top: -70px; width: 60px; left:250px;} .vr_icon2{position: absolute; top: -70px; width:180px; left:320px;} #navigation_pc{width:100%; height:58px; background:url(/pages/basic/img/main/gnb_bg1.png) repeat-x; position:absolute; margin:0 auto} .gnbon{height:430px !important; background:url(/pages/basic/img/main/gnb_bg02.png) repeat-x !important;} #navigation li ul li:last-child {margin-bottom:20px} #navigation{width:1300px; margin:0 auto} #navigation li{display:inline; width:150px; position:relative;float:left; text-align:center;} #navigation > li { background:url(/pages/basic/img/main/gnb_division.png) right center no-repeat} #navigation > li:last-child {background:none} #navigation li a {width:140px;display:block;} #navigation li:nth-child(2), #navigation li:nth-child(2) a{width:240px; display:block;} #navigation li:nth-child(3), #navigation li:nth-child(3) a{width:150px;display:block;} #navigation li:nth-child(5), #navigation li:nth-child(5) a{width:180px;display:block;} #navigation li:nth-child(6), #navigation li:nth-child(6) a{width:180px; display:block;} #navigation li:nth-child(6), #navigation li:nth-child(7) a{width:200px; display:block;} #navigation li a{font-size:17px;font-weight:400;color:#fff; line-height:58px;letter-spacing:-.02em} #navigation li a:hover, #navigation li a.on{text-decoration:none;font-weight:600} #navigation li .pullDown{position:absolute;top:58px;left:0;/*background:#fff;*/z-index:9999;padding:0px 0px 20px;width:150px; min-height:175px; height:351px/* box-shadow:3px 3px 3px rgba(0,0,0,.1); */} #navigation li .pullDown li{width:100%; padding:0 0px; box-sizing:border-box; padding-top:14px} #navigation li .pullDown li a{width:100%;clear:both;font-size:14px;line-height:22px;display:block; color:#2c2c2c} #navigation li .pullDown li a:hover{text-decoration:none;color:#fff;/*font-weight:600;*/ background:#578fbb; /*border-radius:20px*/} #navigation li:first-child .pullDown{padding-left:300px; left:-300px; /*background:#fff url(/pages/basic/img/main/gnb_bg.jpg) 2px bottom no-repeat*/} #navigation li:nth-child(2) .pullDown{width:240px} #navigation li:nth-child(3) .pullDown{width:150px} #navigation li:nth-child(5) .pullDown{width:180px} #navigation li:nth-child(6) .pullDown{width:180px;padding-right:250px;} #navigation li:nth-child(7) .pullDown { width:190px; } #navigation li .navigation_on{background:#7baacf; width:100%; height:372px;} #navigation li .navigation_on li a {color:#fff} #header .header_info{position:absolute;top:37px;right:285px} #header .header_info li{display:inline; padding:0 3px; } #header .header_info li a{color:#616161;letter-spacing:-.02em; font-weight:600; font-size:12px} #header .header_info li a:hover{font-weight:600;text-decoration:none;} #header .header_info li:nth-child(2) {border-right:none} #header .header_info li:nth-child(2) a{color:#1db223} #header .header_info li span {font-weight:400; color:#ccc} .header_search_wrap {width:1200px; position:relative; margin:0 auto} .header_search{position:absolute; z-index:600; top:-62px; right:35px; /*width:240px;*/ height:40px; border-radius:25px; background-color:rgba(230,230,230,.75); } .header_search h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} .header_search #searchInfo{float:left;width:184px;height:38px; padding:7px 10px 7px 20px;border:none;background-color:rgba(256,256,256,0);font-weight:400;color:#333; margin:1px; box-sizing:border-box; font-size:14px} .header_search_wrap .header_search input::-webkit-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::-ms-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::-webkit-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::-ms-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::placeholder{color:#333; font-weight:100; font-size:13px} /*.search_move {top:-150px}*/ .btnsearch{padding:10px} .btnsearch2{padding:12px 19px} /* main_con */ #main_con{width:100%;margin:0 auto;/*overflow:hidden;*/height:auto; position:relative; } /* visual */ #visual_wrap{width:100%; height:335px; overflow:hidden; margin-bottom:40px} #visual{width:100%;height:335px;overflow:hidden;position:relative; margin:0 auto } /* accordion visual */ .accordion { width:100%; height:335px; overflow:hidden; margin:0px auto;} .accordion ul { width:100%; display:table; table-layout:fixed; margin: 0; padding: 0;} .accordion ul li { display:table-cell; vertical-align:bottom; position: relative; width: 16.666%; height: 335px; background-repeat: no-repeat; background-position: center center; transition: all 500ms ease-in-out;} .accordion ul li div { display:block; overflow:hidden; width: 100%;} .accordion ul li div a { display:block; height:335px; width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; transition: all 300ms ease-in-out; border:1px solid #448ccb; border-left:none} .accordion ul li:first-child div a {border-left:1px solid #448ccb;} .accordion ul li div a * { opacity:0; margin:0; width: 100%; text-overflow: ellipsis; position: relative; z-index: 5; white-space: nowrap; overflow: hidden; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; letter-spacing:-0.05em} .accordion ul li div a .majorbusi{opacity:1; width:65px;top:35px;left:20px;text-align:center;color:#0861b0;font-size:14px;padding:3px 0; border-top:1px solid #7da7d9; border-bottom:1px solid #7da7d9; letter-spacing:-1px; font-weight:400; margin:0 auto} .accordion ul li div a .majorbusi_02{color:#fff; border-top:1px solid #d6e9ff; border-bottom:1px solid #d6e9ff;} .accordion ul li div a .majorbusi_03{color:#fff; border-top:1px solid #d6e9ff; border-bottom:1px solid #d6e9ff;} .accordion ul li div a h4.title { opacity:1; width:180px; font-weight:500; text-overflow: clip; font-size: 20px; line-height:25px; text-align:center;margin:0 auto; top:48px; left:20px; color:#333} .accordion ul li div a h4.title_02{color:#fff} .accordion ul li div a h4.title_03{color:#fff} .accordion ul li div a p.accor_con { top: 70px; font-size:14px; padding-left: 20px; color:#74828e} .accordion ul li div a p.accor_con_02 {color:#e6f1fe} .accordion ul li div a p.accor_con_03 {color:#e6f1fe} .accordion ul li div a h4.title_03 .bc_br_m{display:none} .accordion ul li:nth-child(1) { background-image: url("/pages/basic/img/main/visual_c01.jpg"); background-position: 95% 50%;} .accordion ul li:nth-child(2) { background-image: url("/pages/basic/img/main/visual_c05.jpg"); background-position: 100% 50%;} .accordion ul li:nth-child(3) { background-image: url("/pages/basic/img/main/visual_c02.jpg"); background-position: 100% 50%;} .accordion ul li:nth-child(4) { background-image: url("/pages/basic/img/main/visual_c03.jpg"); background-position: 95% 50%;} .accordion ul li:nth-child(5) { background-image: url("/pages/basic/img/main/visual_c04.jpg"); background-position: 75% 50%;} .accordion ul li { background-size: cover; } .accordion ul:hover li { width: 25%; } .accordion ul:hover li:hover { width: 60%; } .accordion ul:hover li:hover a {border:5px solid #448ccb} .accordion ul:hover li:hover a * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .accordion ul:hover li:hover div a .majorbusi{ margin:0} .accordion ul:hover li:hover div a h4.title{ margin:0; text-align:left} /* new visual */ #visual_wrap2{width:100%; height:500px; background: url("/pages/basic/img/main/visual_newbg.jpg") center top no-repeat; overflow:hidden; margin-bottom:20px} #visual2{width:1300px;height:500px;overflow:hidden;position:relative; margin:0 auto } /* new visual list */ .new_list{width:1300px;position:relative;margin:0 auto} .new_list ul{display:inline-block;width:99%;height:456px; margin-top:10px;border: 5px solid #e6e6e6;} .new_list ul li{ display:block; width:25%;float:left;height:228px; font-size:20px; font-weight:400; text-align:center} .new_list ul li span{display: inherit; width:100px;text-align:center;color:#0861b0;font-size:14px;padding:3px 0; border-top:1px solid #7da7d9; border-bottom:1px solid #7da7d9; letter-spacing:-1px; font-weight:400; margin:10px auto;} .new_list ul li a{display:block; opacity:1; color:#32363e; height:228px; padding-top:35px} .new_list ul li.list1{background:url("/pages/basic/img/main/new01_bg.jpg") center top no-repeat; } .new_list ul li.list2{background: url("/pages/basic/img/main/new02_bg11.jpg") center top no-repeat; } .new_list ul li.list3{background: url("/pages/basic/img/main/new03_bg.jpg") center top no-repeat; } .new_list ul li.list4{background: url("/pages/basic/img/main/new04_bg.jpg") center top no-repeat; } .new_list ul li.list5{background: url("/pages/basic/img/main/new07_bg.jpg") center top no-repeat; } .new_list ul li.list6{background: url("/pages/basic/img/main/new08_bg.jpg") center top no-repeat; } .new_list ul li.list7{background: url("/pages/basic/img/main/new05_bg.jpg") center top no-repeat; } .new_list ul li.list8{background: url("/pages/basic/img/main/new06_bg.jpg") center top no-repeat; } .new_list ul li a:hover {background-color:rgba(0,0,0,0.7); width:100%; height:193px; color:#fff} #content_wrap {width:1200px; overflow:hidden; height:auto; margin:0 auto;} /* 장비DB */ #main_section{width:1200px; float:left; margin-bottom:16px} #main_section .contentbox{width:33.3%; height:120px;float:left; padding:22px 24px; box-sizing:border-box;position:relative } #main_section .contentbox_01{background:rgba(231,237,245,1)} #main_section .contentbox_01:hover {background:rgba(219,227,238,1)} #main_section .contentbox_02{background:rgba(187,219,234,1)} #main_section .contentbox_02:hover{background:rgba(176,211,227,1)} #main_section .contentbox_03{background:rgba(187,234,228,1)} #main_section .contentbox_03:hover{background:rgba(175,226,220,1)} #main_section .contentbox_04{background:rgba(245,248,216,1)} #main_section .contentbox_04:hover{background:rgba(236,239,202,1)} #main_section .contentbox .con_title h3{color:#3c3c3c; font-size:20px; font-weight:400; margin-bottom:28px} #main_section .contentbox .con_title:before {content:""; width:20px; height:3px; position:absolute; top:57px; left:25px} #main_section .contentbox_01 .con_title:before{background:#afbac8} #main_section .contentbox_02 .con_title:before{background:#4498bf} #main_section .contentbox_03 .con_title:before{background:#78c7bc} #main_section .contentbox_04 .con_title:before{background:#ccd198} #main_section .contentbox .con_title_e{font-size:12px; font-weight:600} #main_section .contentbox_01 .con_title_e{color:#afbac8} #main_section .contentbox_02 .con_title_e{color:#4498bf} #main_section .contentbox_03 .con_title_e{color:#78c7bc} #main_section .contentbox_04 .con_title_e{color:#ccd198} #main_section .contentbox .con_icon{position:absolute; right:16px; bottom:10px} .contentbox2{width:100%; height:90px; padding:5px 0 15px 0; float:left;box-sizing:border-box;position:relative; font-size:22px;font-weight:600; text-align:center; color:#333; letter-spacing: -1px;} .contentbox2 .gongyou{width:45%; padding:22px 24px; background:url('/pages/basic/img/main/gongyou.png') no-repeat 100px center; border:3px solid #c7d7e2; float:left } .contentbox2 .onestop{width:45%; padding:22px 24px; background:url('/pages/basic/img/main/onestop.png') no-repeat 100px center; border:3px solid #c7d7e2; margin-left:10px; float:left } .contentbox2 a{text-decoration:none !important; color:#232222; } .contentbox2 a:hover {text-decoration:none !important; color:#333; } /* 공지사항 */ #notice{width:670px;height:295px;float:left;position:relative;box-sizing:border-box; border:1px solid #d7d7d7} .noticeW {position:absolute; width:100%; float:left} .noticeW .notiBox { } .noticeW .notiBox > div{display:block; width:100%; border-top:1px solid #d7d7d7; position:absolute; top:50px; padding:25px 25px 21px; box-sizing:border-box;} .noticeW .notiBox .name {display: block; float: left; height:50px; font-size:18px; text-align: center; color:#838080; font-weight:400; line-height:51px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .noticeW .notiBox .name {background:#fff url('/common/images/icon/icon_slide_bar.gif') no-repeat right 5px; width:18.5%; letter-spacing:-.02em; position:relative; z-index:2} .noticeW .notiBox .name.on {color:#292929;border-top:4px solid #4798bb; border-bottom:none;height:47px; background:#fff;font-weight:500; line-height:44px} .noticeW .notiBox a.name:hover {text-decoration:none !important; color:#333; font-weight:500;} .noticeW .notiBox a.name:focus {text-decoration:none !important;} .noticeW .btn {position:absolute; top:-51px; right:-1px; height:51px; border-left:1px solid #d7d7d7} .noticeW .btn a{display:block;padding:15px 17px 15px 16px;color:#666;box-sizing:border-box} .noticeW .btn a:hover img{transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .noticeW .notiBox .notiListFirst {width:100%; padding-bottom:20px; border-bottom:1px solid #d7d7d7;} .noticeW .notiBox .notiListFirst li {width:100%; line-height:22px; font-size:13px; box-sizing:border-box} .noticeW .notiBox .notiListFirst li a{width:75%; display:inline-block; color:#0e5da5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px; font-weight:400; padding-top:5px; letter-spacing:-1px } .noticeW .notiBox .notiListFirst li a:hover {text-decoration:none; font-weight:500} .noticeW .notiBox .notiListFirst li span.listdate{float:left; width:80px; height:80px; color:#fff;background:#003471; background:-webkit-linear-gradient(141deg, #64cea7 0%, #4696bc 85%); background:linear-gradient(141deg, #64cea7 0%, #4696bc 85%); padding:2px 0px; box-sizing:border-box; letter-spacing:-0.05em;text-align:center; line-height:33px; margin-right:20px} .noticeW .notiBox .notiListFirst li span.listdate > p {font-size:46px; font-weight:400} .noticeW .notiBox .notiListFirst li span.listcontent {font-size:14px; height:44px; white-space:normal; word-wrap:break-word; color:#8c8c8c; display:block; overflow:hidden; width:82%; margin-top:2px} .noticeW .notiBox .notiListFirst span.notify{margin-top:6px} .noticeW .notiBox .notiList {padding-top:15px} .noticeW .notiBox .notiList li {width:100%;background:url(/pages/basic/img/main/bu_list.gif) no-repeat 8px 8px; line-height:22px; font-size:14px; padding-left:18px; box-sizing:border-box} .noticeW .notiBox .notiList li:first-child{display:none} .noticeW .notiBox .notiList li a{display:inline-block; color:#444;overflow:hidden;white-space:nowrap;width:78%;text-overflow:ellipsis;font-size:15px } .noticeW .notiBox .notiList li a:hover{font-weight:400; text-decoration:none} .noticeW .notiBox .notiList li span{float:right;color:#3db5e7; letter-spacing:-0.03em} .noticeW .notiBox span.notify { width:36px; height:21px; float:left !important; color:#fff !important; font-size:12px; background:#48495a; border-radius:3px; padding:0px 6px 0 7px ; -webkit-padding-before:1px;margin-right:5px; box-sizing:border-box; line-height:19px} #notice1{ width: 509px; margin-left: 20px;height:295px;float:left;position:relative;box-sizing:border-box; border:1px solid #d7d7d7} .noticeW1 {position:absolute; width:100%; float:left} .noticeW1 .notiBox { } .noticeW1 .notiBox > div{display:block; width:100%; border-top:1px solid #d7d7d7; position:absolute; top:50px; padding:25px 25px 21px; box-sizing:border-box;} .noticeW1 .notiBox .name2 {display: block; float: left; height:50px; font-size:18px; text-align: center; color:#838080; font-weight:400; line-height:51px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .noticeW1 .notiBox .name2 {background:#fff url('/common/images/icon/icon_slide_bar.gif') no-repeat right 5px; width:18.5%; letter-spacing:-.02em; position:relative; z-index:2} .noticeW1 .notiBox .name2.on {color:#292929;border-top:4px solid #4798bb; border-bottom:none;height:47px; background:#fff;font-weight:500; line-height:44px} .noticeW1 .notiBox a.name2:hover {text-decoration:none !important; color:#333; font-weight:500;} .noticeW1 .notiBox a.name2:focus {text-decoration:none !important;} .noticeW1 .btn {position:absolute; top:-51px; right:-1px; height:51px; border-left:1px solid #d7d7d7} .noticeW1 .btn a{display:block;padding:15px 17px 15px 16px;color:#666;box-sizing:border-box} .noticeW1 .btn a:hover img{transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .noticeW1 .notiBox .notiListFirst {width:100%; padding-bottom:20px; border-bottom:1px solid #d7d7d7;} .noticeW1 .notiBox .notiListFirst li {width:100%; line-height:22px; font-size:13px; box-sizing:border-box} .noticeW1 .notiBox .notiListFirst li a{width:68%; display:inline-block; color:#0e5da5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px; font-weight:400; padding-top:5px; letter-spacing:-1px } .noticeW1 .notiBox .notiListFirst li a:hover {text-decoration:none; font-weight:500} .noticeW1 .notiBox .notiListFirst li span.listdate{float:left; width:80px; height:80px; color:#fff;background:#003471; background:-webkit-linear-gradient(141deg, #64cea7 0%, #4696bc 85%); background:linear-gradient(141deg, #64cea7 0%, #4696bc 85%); padding:2px 0px; box-sizing:border-box; letter-spacing:-0.05em;text-align:center; line-height:33px; margin-right:20px} .noticeW1 .notiBox .notiListFirst li span.listdate > p {font-size:46px; font-weight:400} .noticeW1 .notiBox .notiListFirst li span.listcontent {font-size:14px; height:44px; white-space:normal; word-wrap:break-word; color:#8c8c8c; display:block; overflow:hidden; width:75%; margin-top:2px} .noticeW1 .notiBox .notiListFirst span.notify{margin-top:6px} .noticeW1 .notiBox .notiList {padding-top:15px} .noticeW1 .notiBox .notiList li {width:100%;background:url(/pages/basic/img/main/bu_list.gif) no-repeat 8px 8px; line-height:22px; font-size:14px; padding-left:18px; box-sizing:border-box} .noticeW1 .notiBox .notiList li:first-child{display:none} .noticeW1 .notiBox .notiList li a{display:inline-block; color:#444;overflow:hidden;white-space:nowrap;width:70%;text-overflow:ellipsis;font-size:15px } .noticeW1 .notiBox .notiList li a:hover{font-weight:400; text-decoration:none} .noticeW1 .notiBox .notiList li span{float:right;color:#3db5e7; letter-spacing:-0.03em} .noticeW1 .notiBox span.notify { width:36px; height:21px; float:left !important; color:#fff !important; font-size:12px; background:#48495a; border-radius:3px; padding:0px 6px 0 7px ; -webkit-padding-before:1px;margin-right:5px; box-sizing:border-box; line-height:19px} /* banner */ #mbox1{float:left;margin-left:4px;margin-bottom:28px; width:524px; height:293px; border:1px solid #d7d7d7;position:relative} .bannerbox {} .bannerbox .img {width:360px;height:293px; overflow:hidden} .bannerbox .img li img {/*position:relative; */left:50%; margin-left:-498px;position:absolute; display:block; width:1000px; height:293px} .bannerbox .btnbox {position:absolute;left:18px; bottom:15px} .bannerbox .btnbox li {float:left; margin-right:3px} .bannerbox .btnbox li a.on span {width:20px; height:20px; border:1px solid #3e3e3e; background:#3e3e3e; line-height:20px; color:#fff; display:block; border-radius:50%; text-align:center; font-size:12px} .bannerbox .btnbox li a span {width:20px; height:20px; border:1px solid #7d7d7d; background:#fff; line-height:20px; color:#25424d; display:block; border-radius:50%; text-align:center; font-size:12px} #mbox1 .sisul {padding-top:10px} .banner_arrow a{display:block} .banner_arrow a.ba_arrow_prev{background:url('/pages/basic/img/main/popzone_control_prev.gif') 0 0 no-repeat;width:51px;height:51px;position:absolute;right:51px;top:0px;z-index:9} .banner_arrow a.ba_arrow_next{background:url('/pages/basic/img/main/popzone_control_next.gif') 0 0 no-repeat;width:51px;height:51px;position:absolute;right:0;top:0px;z-index:9} .banner_arrow a:hover{background-position:0 -51px} .banner_arrow a span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /* 주요사업 #majorBusiness{width:1299px; height:340px; float:left; position:relative; margin-bottom:28px} #majorBusiness h3 {display:none} #majorBusiness .majorBusiness_tab{position:absolute; bottom:0; width:100%; height:60px; background:#9dbada} #majorBusiness .majorBusiness_tab ul li {float:left; text-align:center; box-sizing:border-box; } #majorBusiness .majorBusiness_tab ul li:first-child{} #majorBusiness .majorBusiness_tab ul li a{width:433px; height:60px; line-height:60px; background:#9db9da; display:block; border-left:1px solid #d7e5f5; box-sizing:border-box} #majorBusiness .majorBusiness_tab ul li:first-child a{border-left:none; } #majorBusiness .majorBusiness_tab .bc_br_m, #majorBusiness .majorBusiness_tab .bc_br_m2 {display:none} #majorBusiness .majorBusiness_tab ul li a h4 {font-size:15px; color:#222222; font-weight:400} #majorBusiness .majorBusiness_tab ul li a:hover h4 {color:#fff; font-weight:500} #majorBusiness .majorBusiness_tab ul li a.on {height:70px; line-height:70px; background:#003471;display:block; position:relative; top:-10px; border-left:none; box-shadow:3px 0px 3px rgba(0,0,0,.25)} #majorBusiness .majorBusiness_tab ul li a.on h4 {font-size:16px; color:#fff; font-weight:500} #majorBusiness .majorBusiness_wrap .majorBusiness_con{height:280px} #majorBusiness .majorBusiness_wrap .majorBusiness01{background:url('/pages/basic/img/main/majorBusiness_bg_01.jpg') no-repeat center 0px;} #majorBusiness .majorBusiness_wrap .majorBusiness02{background:url('/pages/basic/img/main/majorBusiness_bg_02.jpg') no-repeat center 0px;} #majorBusiness .majorBusiness_wrap .majorBusiness03{background:url('/pages/basic/img/main/majorBusiness_bg_03.jpg') no-repeat center 0px;} #majorBusiness .majorBusiness_wrap .majorBusiness01 .bc_br_m {display:block} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl {padding:40px 40px 0 626px} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_subject {color:#4992d1; font-size:13px; border-top:1px solid #4992d1; border-bottom:1px solid #4992d1; height:22px; width:48px; line-height:23px; font-weight:500; padding:0 3px; margin-bottom:12px} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_title{color:#003471; font-size:22px; font-weight:600; margin-bottom:20px;letter-spacing:-.05em} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_con{color:#343434; font-size:14px; line-height:22px; margin-bottom:22px} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more{ width:180px; height:42px; border:1px solid #0072bc;} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more a { color:#003471; font-size:13px; line-height:43px; padding-left:18px;width:180px; height:42px; display:block; box-sizing:border-box} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more a:hover {background:#0054a6; color:#fff; transition:all 1s} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more a img {padding:16px 0 0 55px} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more2{display:none} #majorBusiness .majorBusiness_wrap .majorBusiness02 dl .bc_subject {color:#9fd5fc; border-top:1px solid #9fd5fc; border-bottom:1px solid #9fd5fc;} #majorBusiness .majorBusiness_wrap .majorBusiness02 dl .bc_title{color:#fff;} #majorBusiness .majorBusiness_wrap .majorBusiness02 dl .bc_con{color:#e5e5f1;} #majorBusiness .majorBusiness_wrap .majorBusiness02 dl .bc_more {border:1px solid #7dbae8;} #majorBusiness .majorBusiness_wrap .majorBusiness02 dl .bc_more a { color:#fff;} /* 장비DB #main_section{width:1300px; float:left} #main_section .equipment{width:432px;height:270px;float:left;margin-right:1px; background:url('/pages/basic/img/main/section_bg_01.jpg') no-repeat center 0px; padding:40px 35px; box-sizing:border-box} #main_section .equipment .bc_br_m{display:none} #main_section .newsletter{width:432px;height:270px;float:left;margin-right:1px; background:url('/pages/basic/img/main/section_bg_02.jpg') no-repeat center 0px; padding:40px 35px; box-sizing:border-box} #main_section .r_section{width:434px;float:left;} #main_section .r_section .lease{width:434px; height:135px; background:url('/pages/basic/img/main/section_bg_03.jpg') no-repeat center 0px; position:relative} #main_section .r_section .lease img {position:absolute; right:46px; top:50px} #main_section .r_section .charging{width:434px; height:135px; background:#f5f5f7; position:relative} #main_section .r_section .charging img {position:absolute; right:46px; top:36px} #main_section .eq_title{font-size:18px; margin-bottom:12px; color:#3c3c3c} #main_section .eq_con{font-size:14px; margin-bottom:22px; color:#444; font-weight:400} #main_section .eq_more {font-size:14px; padding-left:22px; background:url('/pages/basic/img/main/eq_more_btn.png') no-repeat 0px 0px; line-height:12px; color:#2b2b2b;} #main_section a:hover .eq_more{background:url('/pages/basic/img/main/eq_more_btn.png') no-repeat 0px -12px; text-decoration:underline} #main_section .r_section a{ height:135px; box-sizing:border-box; display:block; padding:55px 34px; line-height:25px; color:#3c3c3c; font-size:18px} #main_section .r_section a:hover {border:6px solid #ffd201; padding:49px 28px;} /* sub_visual */ #sub_visual{width:100%;text-align:center; display: none;} #sub_visual .imgbox{width:1920px;margin-left:-960px; left:50%;height:188px;position:relative;background:url(/pages/basic/img/sub/sub_visual_bg.png) repeat-x center 0px} #sub_visual .imgbox p {font-size:30px; color:#fff; padding-top:65px; font-weight:700; line-height:23px} #sub_visual .imgbox p span {font-size:14px; font-weight:300} #sub_visual .imgwrap{width:100%; max-width:1300px;position:relative; margin:0 auto} #sub_visual .imgwrap img {position:absolute; top:-140px; right:35px;} /*#sub_visual .imgbox .imgwrap{position:relative; width:1300px; height:386px; margin:0 auto} #sub_visual .imgbox img {position:absolute; right:32px; bottom:-47px} /* contents_wrap */ #contents_wrap{width:1200px;padding-top:0px;margin:0 auto;overflow:hidden} #contents_wrap #lnb{width:240px;margin:22px 0 0 00px;float:left;padding-bottom:20px; display:none;} #lnb h3{display:block;font-size:22px;letter-spacing:-1px;font-weight:400;color:#fff;width:100%;height:112px; line-height:35px;background:url(/pages/basic/img/sub/sub_lnbbg.png) no-repeat;box-sizing:border-box;padding:63px 5px 5px 26px} #lnb ul{display:block;width:100%;float:left;overflow:hidden;box-sizing:border-box} #lnb ul li a{font-size:15px;float:left;border-bottom:1px solid #ddd;display:block;min-height:17px;width:165px;padding:15px 10px 12px 15px;position:relative;color:#333;box-sizing:border-box;width:100%;margin-top:-1px;line-height:20px; font-weight:400; letter-spacing:-0.05em} #lnb ul li a.on{/*border:2px solid #017eba;border-bottom:3px solid #017eba;box-sizing:border-box;*/font-weight:700;color:#3c86c7} #lnb ul li a:hover{font-weight:bold;color:#3c86c7;text-decoration:none} #lnb ul li a span{padding-left:5px} #lnb ul li ul{background:#f9f9f9;padding:10px 30px} #lnb ul li ul li a{font-size:13px;padding-left:20px;border:0;padding:5px 0 5px 15px;line-height:19px;letter-spacing:-.02em} #lnb ul li ul li a.on{font-weight:bold;color:#000;border:0} #contents_wrap #contents{width:100%; max-width:710px; float:left;position:relative; box-sizing:border-box} #contents .location{text-align:right;color:#666;position:absolute;right:0;top:100px; display:none;} #contents .location span{font-weight:700;color:#333} #contents .connew_title{border-bottom:1px solid #b7b7b7;padding-bottom:12px} #contents .connew_title h2{font-size:30px;letter-spacing:-2px;font-weight:500;color:#1f1f1f;line-height:38px;} #contents .connew_title p{font-size:11px;color:#999;line-height:16px;letter-spacing:-.02em} #contents .connew_title p b{font-weight:400;color:#4595bc;letter-spacing:0;font-size:13px} #contents .connew_title p span {display:none} #contents .con{margin-top:22px;background:#fff;min-height:400px;padding-bottom:40px} .group.type4 ul li div { font-size: 16px !important; } .group.type5 ul li dl dd { font-size: 15px !important; } .group.type5 ul li dl dt { font-size: 15px !important; } /* footer #footer{max-width:100%;height:auto;padding-bottom:80px;clear:both;margin:30px auto;position:relative} #footer .banner_wrap{border:1px solid #d7d7d7; padding:30px 35px;width:1300px; height:110px; overflow:hidden; margin:0 auto; box-sizing:border-box} #footer .banner_wrap h3{float:left} #footer .banner_wrap .list{float:left; padding-left:57px} #footer .banner_wrap .list li{display:inline;padding-right:10px}*/ #footer {margin:0px auto 0; width:100%; position:relative; display:none;} #footer .banner_wrap{width:1200px; border:1px solid #d7d7d7; padding:29px 40px; height:105px; overflow:hidden; margin:0 auto; box-sizing:border-box} #footer .banner_wrap #banner_box {position:relative} /*#footer .banner_wrap #banner_box h3 {display:inline}*/ #footer .banner_wrap #banner_box .control { position:relative;height:20px; margin-top:5px; z-index:99;} #footer .banner_wrap #banner_box .list{ position:absolute !important; top:4px; left:130px ; height:35px; overflow:hidden } #footer .banner_wrap #banner_box .list li {padding-right:40px; float:left} #banner_box .control a{display:block;width:20px;height:20px;overflow:hidden;float:left;margin-right:3px;line-height:65px;cursor:pointer} #banner_box .control a span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #banner_box .control a.btn_prev{background:url('/pages/basic/img/main/sitelink_btn_prev.gif') 0 0 no-repeat} #banner_box .control a.btn_playstop{background:url('/pages/basic/img/main/sitelink_btn_playstop.gif') 0 0 no-repeat} #banner_box .control a.btn_next{background:url('/pages/basic/img/main/sitelink_btn_next.gif') 0 0 no-repeat} #banner_box .control a:hover.btn_prev, #banner_box .control a:hover.btn_next{background-position:0 -20px} #banner_box .control a.on{background-position:0 -20px} #footer .footer_info{margin-top:32px; border-top:1px solid #ccc; /*background:#eee;*/ height:100px; padding:30px 0} #footer .footer_info .com_info{width:1200px; margin:0 auto} #footer .footer_info .com_info img {float:left; margin: 0 30px 50px 0} #footer .footer_info ul {padding-top:10px} #footer .footer_info li{display:inline;line-height:18px;white-space:nowrap;overflow:hidden} #footer .footer_info li span{padding:0 6px;color:#ccc} #footer .footer_info li a{font-size:13px;color:#555;letter-spacing:-1px} #footer .footer_info li a:hover{text-decoration:none;color:#333;font-weight:bold} #footer address{padding-top:15px;font-size:13px;line-height:18px;letter-spacing:-0.025em;font-style:normal;color:#555} #footer .info_btn{position:absolute;top:30px;right:0} #footer .info_btn li{display:inline} #footer .info_btn a{display:block;float:left;width:173px;height:42px;box-sizing:border-box;border:1px solid #929292;font-size:13px;line-height:42px;margin-left:10px} #footer .info_btn a:hover{border:3px solid #494949;box-sizing:border-box;line-height:38px} #footer .info_btn a span{color:#414141;padding-left:18px} #navigation_mobile, #header_m, .navigation_mobile_bg, .header_fullmenu_m, #navigation_m, #navigatioin_top, .header_search_m{display:none} #navigation_mobile .btn_close span {display:none} /* 조직도 */ #organization{text-align:center;margin:0 auto} /* 부가정보 > 로그인 */ .wrap_loginset {width:100%;padding-top:100px} .wrap_loginset .leftbox {width:50%;margin:0 auto;} .wrap_loginset .leftbox .memberlogin_box {width:95%; border:1px solid #d0d8dd; background:#f7ffff;margin:0 auto;margin-bottom:20px} .wrap_loginset .leftbox .memberlogin_box fieldset {padding:20px 20px 5px 20px} .wrap_loginset .leftbox .memberlogin_box fieldset label {display:none} .wrap_loginset .leftbox .memberlogin_box fieldset .wrap_input {float:left;width:67%} .wrap_loginset .leftbox .memberlogin_box fieldset input.int {width:96%;line-height:30px;height:30px;margin-bottom:4px;border-radius:4px;padding-left:10px;color:#333} .wrap_loginset .leftbox .memberlogin_box fieldset .btnlogin {float:right; width:30%;height:70px;line-height:70px;background:#03b7ac;border:none; color:#fff; font-weight:600; border-radius:4px;text-align:center;cursor:pointer;} .wrap_loginset .leftbox .memberlogin_box fieldset .btnlogin:hover {background:#077e77;} .wrap_loginset .leftbox .memberlogin_box p {margin:5px 20px;padding-bottom:10px;border-bottom:1px solid #b8bbc1;font-size:12px} .wrap_loginset .leftbox .memberlogin_box ul {height:50px;padding:0 20px;margin-top:12px} .wrap_loginset .leftbox .memberlogin_box ul li a {float:left;width:49%;margin-left:1%;background:#849fbd; border-radius:2px;text-align:center;height:30px;line-height:30px;color:#fff;font-weight:600;font-size:12px} .wrap_loginset .leftbox .memberlogin_box ul li a:hover {background:#506479;} .wrap_loginset .leftbox .memberlogin_box ul li:first-child a {margin-left:0%} /* 부가정보 > 박스안 아이디찾기 */ .wrap_rectangle {width:45%;margin:60px auto;} .wrap_rectangle .rectangle_box {width:100%; border:3px solid #4f5e6b;margin:0 auto;margin-bottom:20px;text-align:center} .wrap_rectangle .rectangle_box .title {font-size:31px; font-weight:600;color:#333;padding-top:45px;padding-bottom:15px;letter-spacing:-1.5px} .wrap_rectangle .rectangle_box .text {color:#555} .wrap_rectangle .rectangle_box ul {margin:30px auto;width:80%;height:140px} .wrap_rectangle .rectangle_box ul li a {float:left;width:49%;text-align:center} .wrap_rectangle .rectangle_box ul li dt {color:#fff;border-radius:6px; width:100%;font-size:16px;font-weight:600} .wrap_rectangle .rectangle_box ul li a:hover {text-decoration:underline} .wrap_rectangle .rectangle_box ul li dt.btnleft {height:70px;padding-top:30px;background:#2aaad9} .wrap_rectangle .rectangle_box ul li a:hover dt.btnleft {background:#0a688b} .wrap_rectangle .rectangle_box ul li dt.btnright {height:55px; padding-top:45px;background:#419ce2} .wrap_rectangle .rectangle_box ul li a:hover dt.btnright {background:#1f659c} .wrap_rectangle .rectangle_box ul li dd {line-height:120%;padding-top:10px} .wrap_rectangle .rectangle_box ul li a.marL {margin-right:2%} /* 부가정보 > 박스안 아이디확인 */ .wrap_loginconfirm {width:100%} .wrap_loginconfirm .loginconfirm {width:470px;margin:130px auto;text-align:center} .wrap_loginconfirm .loginconfirm p {padding-bottom:15px;padding-top:40px} .wrap_loginconfirm .loginconfirm .idbox {width:100%;height:50px; line-height:50px;background:#f9fafc; border:1px solid #d0dae3;font-size:12px} .wrap_loginconfirm .loginconfirm .idbox span {font-size:16px; font-weight:600;padding-right:10px;color:#0086ff} .wrap_loginconfirm .loginconfirm .btnbox {margin:0 auto;width:230px;height:80px;margin-top:40px} .wrap_loginconfirm .loginconfirm a {width:110px; height:35px; line-height:35px;border-radius:4px;display:block;float:left;font-size:12px} .wrap_loginconfirm .loginconfirm a.login {border:1px solid #b9cdd5;margin-right:5px} .wrap_loginconfirm .loginconfirm a.login:hover {border:1px solid #5a6c73; background:#5a6c73;color:#fff;font-weight:600} .wrap_loginconfirm .loginconfirm a.pass {border:1px solid #3896bd; background:#54aed4;color:#fff;font-weight:600} .wrap_loginconfirm .loginconfirm a.pass:hover {background:#186a8d;} /* 부가정보 > 비밀번호 찾기 */ .wrap_rectangle2 {width:45%;margin:60px auto;} .wrap_rectangle2 input.recboxid{width:76%;line-height:30px;height:30px;margin-top:25px;margin-bottom:10px;border-radius:4px;padding-left:10px;color:#333} .wrap_rectangle2 .rectangle_box {width:100%; border:3px solid #4f5e6b;margin:0 auto;margin-bottom:20px;text-align:center} .wrap_rectangle2 .rectangle_box .title {font-size:31px; font-weight:600;color:#333;padding-top:45px;padding-bottom:15px;letter-spacing:-1.5px} .wrap_rectangle2 .rectangle_box .text {color:#555} .wrap_rectangle2 .rectangle_box ul {margin:0 auto;width:80%;height:140px;padding-bottom:30px} .wrap_rectangle2 .rectangle_box ul li a {float:left;width:49%;text-align:center} .wrap_rectangle2 .rectangle_box ul li dt {color:#fff;border-radius:6px; width:100%;font-size:16px;font-weight:600} .wrap_rectangle2 .rectangle_box ul li a:hover {text-decoration:underline} .wrap_rectangle2 .rectangle_box ul li dt.btnleft {height:70px;padding-top:30px;background:#2aaad9} .wrap_rectangle2 .rectangle_box ul li a:hover dt.btnleft {background:#0a688b} .wrap_rectangle2 .rectangle_box ul li dt.btnright {height:55px; padding-top:45px;background:#419ce2} .wrap_rectangle2 .rectangle_box ul li a:hover dt.btnright {background:#1f659c} .wrap_rectangle2 .rectangle_box ul li dd {line-height:120%;padding-top:10px} .wrap_rectangle2 .rectangle_box ul li a.marL {margin-right:2%} /* 부가정보 > 발급방법 선택하기 */ .wrap_passbtn3 p.title {font-size:30px; font-weight:600;color:#333;text-align:center;padding-bottom:20px;padding-top:60px} .wrap_passbtn3 p.text {text-align:center} .wrap_passbtn3 ul {margin:60px auto;width:65%;height:140px;padding-bottom:30px} .wrap_passbtn3 ul li a {float:left;width:32.5%;text-align:center;margin-left:1%} .wrap_passbtn3 ul li dt {color:#fff;border-radius:6px; width:100%;font-size:16px;font-weight:600;height:55px; padding-top:45px;} .wrap_passbtn3 ul li dt br {display:none} .wrap_passbtn3 ul li a:hover {text-decoration:underline} .wrap_passbtn3 ul li dt.btn01 {background:#419ce2} .wrap_passbtn3 ul li dt.btn02 {background:#2abdb4} .wrap_passbtn3 ul li dt.btn03 {background:#69838e} .wrap_passbtn3 ul li dd {line-height:120%;padding-top:10px} .wrap_passbtn3 ul li a.marL {margin-left:0%} /* 부가정보 > 비밀번호 질문 */ .wrap_loginquestion .loginquestion {width:80%;margin:50px auto;text-align:center} .wrap_loginquestion {width:100%} .wrap_loginquestion p.title {font-size:30px; font-weight:600;color:#333;text-align:center;padding-bottom:20px;padding-top:20px} .wrap_loginquestion p.text {text-align:center;padding-bottom:60px} .wrap_loginquestion p.text span {font-weight:600; color:#0085ff;font-size:14px;padding-right:10px} .wrap_loginquestion .loginquestion .idbox {width:100%;background:#f9fafc; padding:20px 0 15px 0; border:1px solid #d0dae3;font-size:12px} .wrap_loginquestion .loginquestion .idbox .idbox_box {width:70%;margin:0 auto; text-align:left} .wrap_loginquestion .loginquestion .idbox fieldset input.int {text-align:left;display:block;width:60%;line-height:30px;height:30px;margin-bottom:4px;border-radius:4px;padding-left:10px;color:#333} .wrap_loginquestion .loginquestion .idbox_box label {float:left; text-align:left; width:30%; display:block;line-height:30px;height:30px;font-weight:600} .wrap_loginquestion .loginquestion .pwselect, .wrap_loginquestion .loginquestion .pwinput {height:40px} .wrap_loginquestion .loginquestion .pwselect select {text-align:left;display:block;width:63%;line-height:30px;height:30px;margin-bottom:4px;border-radius:4px;padding-left:10px;color:#333} .wrap_loginquestion .loginquestion .btnbox {margin:0 auto;width:230px;height:80px;margin-top:60px} .wrap_loginquestion .loginquestion a {width:110px; height:40px; line-height:40px;border-radius:4px;display:block;float:left;font-size:13px} .wrap_loginquestion .loginquestion a.login {border:1px solid #b9cdd5;margin-right:5px} .wrap_loginquestion .loginquestion a.login:hover {border:1px solid #5a6c73; background:#5a6c73;color:#fff;font-weight:600} .wrap_loginquestion .loginquestion a.pass {border:1px solid #3896bd; background:#54aed4;color:#fff;font-weight:600} .wrap_loginquestion .loginquestion a.pass:hover {background:#186a8d;} /* 부가정보 > 새비밀번호 지정 */ .wrap_loginnewpass .loginnewpass {width:80%;margin:50px auto;text-align:center} .wrap_loginnewpass {width:100%} .wrap_loginnewpass p.title {font-size:30px; font-weight:600;color:#333;text-align:center;padding-bottom:20px;padding-top:20px} .wrap_loginnewpass p.text {text-align:center;padding-bottom:60px} .wrap_loginnewpass p.text span {font-weight:600; color:#0085ff;font-size:14px;padding-right:10px} .wrap_loginnewpass p.ftext {padding-top:10px;padding-bottom:10px} .wrap_loginnewpass .loginnewpass .idbox {width:100%;background:#f9fafc; padding:20px 0; border:1px solid #d0dae3;font-size:12px} .wrap_loginnewpass .loginnewpass .idbox .idbox_box {width:70%;margin:0 auto; text-align:left} .wrap_loginnewpass .loginnewpass .idbox fieldset input.int {text-align:left;display:block;width:60%;line-height:30px;height:30px;margin-bottom:4px;border-radius:4px;padding-left:10px;color:#333} .wrap_loginnewpass .loginnewpass .idbox_box label {float:left; text-align:left; width:30%; display:block;line-height:30px;height:30px;font-weight:600} .wrap_loginnewpass .loginnewpass a.confirm {width:180px; height:40px; line-height:40px;border-radius:4px;display:block;margin:50px auto; font-size:13px;border:1px solid #3896bd; background:#54aed4;color:#fff;font-weight:600} .wrap_loginnewpass .loginnewpass a:hover {background:#186a8d;} /* 부가정보 > 박스안 아이디확인 */ .wrap_loginget {width:100%} .wrap_loginget .loginget {width:80%;margin:130px auto;text-align:center} .wrap_loginget .loginget p {padding-bottom:15px;padding-top:40px} .wrap_loginget .loginget .idbox {padding:20px;background:#f9fafc; border:1px solid #d0dae3;font-size:12px} .wrap_loginget .loginget .idbox span {font-size:16px; font-weight:600;padding-right:10px;color:#0086ff} .wrap_loginget .loginget .btnbox {margin-top:40px} .wrap_loginget .loginget a.pass {font-size:12px; padding:10px 40px; border:1px solid #3896bd; background:#54aed4;color:#fff;font-weight:600;border-radius:4px;} .wrap_loginget .loginget a.pass:hover {background:#186a8d;} /* 부가정보 > 비밀번호 메일 */ .wrap_mailpass {width:100%} .wrap_mailpass .mailpass {width:80%;margin:100px auto;text-align:center} .wrap_mailpass .mailpass p.title {font-size:18px;font-weight:600;color:#333;padding-bottom:10px} .wrap_mailpass .mailpass p.text span {font-size:15px; font-weight:600;padding-right:10px;color:#0086ff} .wrap_mailpass .mailpass .passbox {width:240px;border:4px solid #3d94e3;padding:30px 0; font-size:30px; font-weight:600; color:#0373d9; margin:40px auto} .wrap_mailpass .mailpass .btnbox {margin-top:40px} .wrap_mailpass .mailpass a {font-size:15px;width:240px;display:block;margin:0 auto; padding:15px 0; border:1px solid #0a5294; background:#0076e2;color:#fff;font-weight:600;} .wrap_mailpass .mailpass a:hover {background:#186a8d;} /* 부가정보 > 임시 비밀번호 발송 */ .wrap_passgo {width:100%} .wrap_passgo .passgo {width:470px;margin:130px auto;text-align:center} .wrap_passgo .passgo p {padding-bottom:15px;padding-top:10px;letter-spacing:0} .wrap_passgo .passgo .idbox {padding:20px;background:#f9fafc; border:1px solid #d0dae3;font-size:12px} .wrap_passgo .passgo .idbox span {font-size:16px; font-weight:600;padding-right:5px;padding-left:5px;color:#0086ff} .wrap_passgo .passgo .btnbox {margin:0 auto;width:230px;height:80px;margin-top:40px} .wrap_passgo .passgo a {width:110px; height:35px; line-height:35px;border-radius:4px;display:block;float:left;font-size:12px} .wrap_passgo .passgo a.btn01 {border:1px solid #3896bd;margin-right:5px; background:#54aed4;color:#fff;font-weight:600} .wrap_passgo .passgo a.btn01:hover {background:#186a8d;} .wrap_passgo .passgo a.btn02 {border:1px solid #b9cdd5} .wrap_passgo .passgo a.btn02:hover {border:1px solid #5a6c73; background:#5a6c73;color:#fff;font-weight:600} /* 부가정보 > 회원가입 */ .wrap_joinus {text-align:center;height:550px} .wrap_joinus p.title {padding-top:40px} .wrap_joinus .btn p.title {font-size:30px; font-weight:600;color:#333;text-align:center;padding-bottom:20px;padding-top:60px} .wrap_joinus .btn p.text {text-align:center} .wrap_joinus .btn ul {margin:60px auto;width:65%;height:80px} .wrap_joinus .btn ul li a {float:left;width:32.5%;text-align:center;margin-left:1%} .wrap_joinus .btn ul li dt {color:#fff;border-radius:6px; width:100%;font-size:16px;font-weight:600;height:55px; padding-top:45px;} .wrap_joinus .btn ul li dt br {display:none} .wrap_joinus .btn ul li a:hover {text-decoration:underline} .wrap_joinus .btn ul li dt.btn01 {background:#419ce2} .wrap_joinus .btn ul li dt.btn02 {background:#2abdb4} .wrap_joinus .btn ul li dt.btn03 {background:#69838e} .wrap_joinus .btn ul li dd {line-height:120%;padding-top:10px} .wrap_joinus .btn ul li a.marL {margin-left:0%} .wrap_joinus .ftext {color:#333;font-size:12px;display:block;width:100%;padding-bottom:20px} /* 부가정보 > 회원가입 절차 */ .process_joinustap {border-top:2px solid #777e89;border-bottom:1px solid #a0a3a9;height:100px;text-align:center} .process_joinustap ul {width:100%; margin:0 auto } .process_joinustap ul li {float:left;width:30%; padding-left:2%;background:url(/pages/basic/img/sub/bg_arrowjoinus.jpg) left center no-repeat; color:#888; font-size:17px;font-weight:600;margin:30px 0;line-height:120%} .process_joinustap ul li:first-child {background:none} .process_joinustap ul li span {font-size:12px;letter-spacing:0;font-weight:700} .process_joinustap ul li.on {color:#333} .process_joinustap ul li.on span {color:#0096ff} /* 부가정보 > 실명인증 */ .wrap_cofirmp {width:400px;margin:30px auto;text-align:center} .cofirmp .text {color:#555;font-size:14px;padding-top:60px} .cofirmp ul {margin:30px auto;width:80%;height:140px;padding-bottom:50px} .cofirmp ul li a {float:left;width:49%;text-align:center} .cofirmp ul li dt {color:#fff;border-radius:6px; width:100%;font-size:16px;font-weight:600} .cofirmp ul li a:hover {text-decoration:underline} .cofirmp ul li dt.btnleft {height:70px;padding-top:30px;background:#2aaad9} .cofirmp ul li a:hover dt.btnleft {background:#0a688b} .cofirmp ul li dt.btnright {height:55px; padding-top:45px;background:#419ce2} .cofirmp ul li a:hover dt.btnright {background:#1f659c} .cofirmp ul li dd {line-height:120%;padding-top:10px} .cofirmp ul li a.marL {margin-right:2%} /* 부가정보 > 약관동의 */ .wrap_agree {padding-top:30px} .wrap_agree textarea {font-size:12px; width:91%; border:1px solid #ccc; overflow:hidden; padding:4%;margin:0 auto;overflow-y:scroll;margin-bottom:10px} .wrap_agree .checkAgreement {margin-bottom:30px;padding:2px 0} .wrap_agree .checkAgreement input {vertical-align:middle} .agree_btnbox {margin:30px auto;text-align:center;padding-bottom:40px} /* 부가정보 > 어린이회원 실명인증 */ .box_underline {width:100%; border-bottom:1px dotted #666;} .wrap_cofirm_chi {width:400px;margin:30px auto;text-align:center;clear:both} .wrap_cofirm_chi .title {font-size:18px;font-weight:600; color:#333;padding-bottom:10px} .cofirm_chi ul {margin:30px auto;width:80%;height:100px;padding-bottom:50px} .cofirm_chi ul li a {float:left;width:49%;text-align:center} .cofirm_chi ul li dt {color:#fff;border-radius:6px; width:100%;font-size:16px;font-weight:600} .cofirm_chi ul li a:hover {text-decoration:underline} .cofirm_chi ul li dt.btnleft {height:70px;padding-top:30px;background:#2aaad9} .cofirm_chi ul li a:hover dt.btnleft {background:#0a688b} .cofirm_chi ul li dt.btnright {height:55px; padding-top:45px;background:#419ce2} .cofirm_chi ul li a:hover dt.btnright {background:#1f659c} .cofirm_chi ul li dd {line-height:120%;padding-top:10px} .cofirm_chi ul li a.marL {margin-right:2%} .btn_greenBB {text-align:center;padding:14px 28px;font-size:15px;font-weight:700;border-bottom:0 !important;background:#2abdb4;color:#fff !important; font-weight:600;border-radius:4px} .btn_greenBB:hover {background:#077e77} /****** Mobile ***** @media screen and (max-width:340px){ .noticeW .notiBox .name{width:75px; font-size:14px} .noticeW .notiBox .notiListFirst li a{width:50%} .noticeW .notiBox .notiListFirst li span.listcontent{width:50%} }*/ /****** Mobile ******/ @media screen and (max-width:690px){ /* 공통 */ .type_h3{font-size:1.25em} .type_h4{font-size:1.1em} .type_h5{font-size:1em} /* menu */ #navigation_pc{display:none} /* #header{width:100%; height:56px; border-bottom:1px solid #fff} #header .header_info{display:none} #header .header_search {display:none} #header h1 {top:12px; left:10px} #header h1 img {width:80%} */ #header_wrap{margin-bottom:0} #header{display:none} #header_m {display:block;width:100%; height:56px; border-bottom:1px solid #fff} #header_m h1 {top:12px; left:10px;position:absolute; z-index:200} #header_m h1 img {width:80%} /* mobile menu */ #header_m .header_fullmenu_m{display:block;position:absolute;float:none;top:18px;right:15px;z-index:20} #header_m .header_fullmenu_m a.btn_fullmenu_m{display:block;width:30px;height:22px;overflow:hidden;background:url('/pages/basic/img/main/header_btn_fullmenu_m2_b.png') 0 0 no-repeat} #header_m .header_fullmenu_m a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile_wrap .navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:20;background:#333;top:0;left:0;opacity:0.36; } #navigation_mobile #navigatioin_top {display:block; width:250px; height:70px; background:#1d7fc8; /*position:fixed; top:0; right:0; z-index:30*/} #navigation_mobile #navigatioin_top .head_info_m {padding:27px 20px} #navigation_mobile #navigatioin_top .head_info_m ul li {float: left; padding-right:2px; margin-right:9px; border-right:1px solid #97c1ea; height:12px; position:relative } #navigation_mobile #navigatioin_top .head_info_m ul li:last-child {border-right:none} #navigation_mobile #navigatioin_top .head_info_m ul li img {position:relative; top:-10px; width:80%} #navigation_mobile .header_search_m{display:block; width:210px;/* position:fixed; z-index:30; top:80px; right:0;*/ height:36px;border:none; padding:0 20px 15px; background:#1d7fc8} #navigation_mobile .header_search_m .searchWrap{border-bottom:3px solid #fff} #navigation_mobile .header_search_m h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile .header_search_m #searchInfo{float:left;width:155px; height:32px;padding:5px;border:none;background-color:rgba(256,256,256,0);font-weight:500;color:#fff; margin:2px 10px 1px 10px; box-sizing:border-box; font-size:16px; } #navigation_mobile .btnsearch1 {padding:7px 0 0} #navigation_mobile .header_search_m input::-webkit-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::-ms-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::-webkit-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::-ms-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::placeholder{color:#fff; font-weight:400; font-size:13px} #navigation_mobile .btnsearch{padding:4px 0} #navigation_mobile{width:250px;height:100%;min-height:100%; right:0;top:0px; z-index:300;position:absolute; background:#fff} #navigation_mobile #navigation_m{display:block} #navigation_mobile #navigation_m li a{color:#3d6184;font-size:16px;line-height:50px;display:block;height:50px;background:#fff;border-bottom:1px solid #d7d7d7;padding-left:22px;position:relative; font-weight:400} #navigation_mobile #navigation_m li a:hover{} #navigation_mobile #navigation_m li a.on{background:#fff;font-weight:bold;color:#31679c;border-bottom:5px solid #1d7fc8; height:56px; line-height:56px} #navigation_mobile #navigation_m li a.on span{font-size:20px} #navigation_mobile #navigation_m li a span{position:absolute;right:20px;font-size:20px;color:#ababab} #navigation_mobile #navigation_m li ul.depth2{padding-top:0} #navigation_mobile #navigation_m li ul.depth2 li a{background:#efefef ;line-height:40px;height:40px;font-size:13px;padding-left:30px;border-bottom:1px solid #d7d7d7;color:#6b6b6b} #navigation_mobile #navigation_m li ul.depth2 li a:hover {font-weight:500} #navigation_mobile #navigation_m li ul.depth2 li a span{right:30px} #navigation_mobile #navigation_m li ul.depth2 li a.on{/*border-bottom:2px solid #8fc95b*/} #navigation_mobile #navigation_m li ul.depth2 li li a{background:#fff;line-height:45px;height:45px;font-size:13px;padding-left:40px;border-bottom:1px solid #efefef;color:#666} #navigation_mobile #navigation_m li ul.depth2 li li a:hover{color:#333} #navigation_mobile .btn_close{z-index:9999;position:absolute;display:block;width:31px;height:31px;top:18px; right:13px; background:url('/pages/basic/img/main/header_btn_close_m.png') 0 0 no-repeat} #navigation_mobile .btn_close span {display:none} #visual_wrap {height:auto} #visual {height:auto; width:100%; margin:0 auto} .accordion {height:auto; } .accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover { position:relative; display:table; table-layout:fixed; width: 100%; -webkit-transition: none; transition: none;} .accordion ul li div a * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .accordion ul li div a .majorbusi{left:0; top:25px; font-size:12px; width:55px; padding:1px 0} .accordion ul li div a h4.title{left:0; top:36px} .accordion ul li div a p.accor_con{opacity:0} .accordion ul li div a:hover p.accor_con{opacity:0} .accordion ul li{height:200px} .accordion ul li div a{height:200px} .accordion ul li div a{border:1px solid #448ccb; border-top:none;} .accordion ul li:first-child div a{border-top:1px solid #448ccb;} .accordion ul:hover li:hover div a .majorbusi{ margin:0 auto} .accordion ul:hover li:hover div a h4.title{ margin:0 auto; text-align:center} #visual_wrap2{width:100%; height:440px; background:none} #visual2{width:96%; } /* new visual list */ .new_list{width:100%;} .new_list ul{display:inline-block;width:100%; margin-top:10px;} .new_list ul li{ display:block; width:50%;float:left;height:100px; font-size:16px; font-weight:400; } .new_list ul li span{display:none} .new_list ul li a{display:block; height:98px; color:#fff; padding-top:30px} .new_list ul li.list1{background:#37983e url("/pages/basic/img/main/01.png") -10px -20px no-repeat;} .new_list ul li.list2{background:#75ade4 url("/pages/basic/img/main/02.png") -10px -20px no-repeat;} .new_list ul li.list3{background:#67d5a1 url("/pages/basic/img/main/03.png") -10px -20px no-repeat;} .new_list ul li.list4{background:#9fd35b url("/pages/basic/img/main/04.png") -10px -20px no-repeat;} .new_list ul li.list5{background:#1dadaf url("/pages/basic/img/main/05.png") -10px -20px no-repeat;} .new_list ul li.list6{background:#babbaf url("/pages/basic/img/main/06.png") -10px -20px no-repeat;} .new_list ul li.list7{background:#b0bad9 url("/pages/basic/img/main/07.png") -10px -20px no-repeat;} .new_list ul li.list8{background:#357abd url("/pages/basic/img/main/08.png") -10px -20px no-repeat;} .new_list ul li a:hover {width:100%; height:71px; color:#fff} /* .main_book ul li a {width:100%} /* #visual .imgbox li{} #visual .imgbox li img {width:46%;margin:0 auto; display:block; } .visual_arrow{display:none} */ #content_wrap{width:100%; padding:0 10px; box-sizing:border-box} #main_section .contentbox{width:50%;} #main_section .contentbox{padding:18px 18px} #main_section .contentbox .con_title h3{font-size:16px; margin-bottom:22px} #main_section .contentbox .con_title:before{top:50px; left:18px} #main_section .contentbox .con_icon{right:-3px} #main_section .contentbox .con_icon img {width:80%} /* 공지사항 */ #notice {width:100%; height:276px} .noticeW .notiBox .notiListFirst li a {width:52%; font-size:16px} .noticeW .notiBox .notiListFirst li span.listcontent {width:70%; font-size:12px; line-height:18px; height:35px; margin-top:0} .noticeW .notiBox .name{width:80px; font-size:16px; height:45px; line-height:47px;} .noticeW .notiBox .name.on {height:42px; line-height:41px;} .noticeW .notiBox > div{top:45px; padding:25px 20px 15px} .noticeW .notiBox .notiListFirst li span.listdate {margin-right:10px; font-size:12px; width:70px; height:70px; line-height:28px;} .noticeW .notiBox .notiListFirst li span.listdate > p {font-size:36px} .noticeW .notiBox .notiList li { background:url(/pages/basic/img/main/bu_list.gif) no-repeat 0px 8px; padding-left:8px; font-size:13px;} .noticeW .notiBox .notiList li a {width:60%; font-size:14px; letter-spacing:-0.05em} .noticeW .btn {top:-46px; height:46px;} .noticeW .btn a{padding:13px 17px 13px 16px} .noticeW .btn a:hover img{transition:unset} .noticeW .notiBox .notiListFirst span.notify{margin-top:6px} #notice1 {width:100%; height:276px; margin-top:10px; margin-left:0;} .noticeW1 .notiBox .notiListFirst li a {width:52%; font-size:16px} .noticeW1 .notiBox .notiListFirst li span.listcontent {width:70%; font-size:12px; line-height:18px; height:35px; margin-top:0} .noticeW1 .notiBox .name2{width:80px; font-size:16px; height:45px; line-height:47px;} .noticeW1 .notiBox .name2.on {height:42px; line-height:41px;} .noticeW1 .notiBox > div{top:45px; padding:25px 20px 15px} .noticeW1 .notiBox .notiListFirst li span.listdate {margin-right:10px; font-size:12px; width:70px; height:70px; line-height:28px;} .noticeW1 .notiBox .notiListFirst li span.listdate > p {font-size:36px} .noticeW1 .notiBox .notiList li { background:url(/pages/basic/img/main/bu_list.gif) no-repeat 0px 8px; padding-left:8px; font-size:13px;} .noticeW1 .notiBox .notiList li a {width:60%; font-size:14px; letter-spacing:-0.05em} .noticeW1 .btn {top:-46px; height:46px;} .noticeW1 .btn a{padding:13px 17px 13px 16px} .noticeW1 .btn a:hover img{transition:unset} .noticeW1 .notiBox .notiListFirst span.notify{margin-top:6px} .contentbox2{ height: auto;font-size:16px;font-weight:600; text-align:center; color:#333; letter-spacing: -1px;} .contentbox2 .gongyou{width:94%; margin:10px 0; padding:10px; background:none; border:2px solid #c7d7e2; } .contentbox2 .onestop{width:94%; margin:0; padding:10px; background:none; border:2px solid #c7d7e2; } /* 배너 */ #mbox1 {width:100%; margin:15px 0; height:202px;} .bannerbox .img {height:228px} /* .bannerbox .img li a {left:70%; } .bannerbox .img li a img{height:228px;}*/ .bannerbox .img li img {width:690px; margin-left:-345px; width:690px; height:auto} .banner_arrow a.ba_arrow_prev{background:url('/pages/basic/img/main/popzone_control_prev_m.gif') 0 0 no-repeat;width:40px;height:40px;position:absolute;right:40px;top:0px;z-index:9} .banner_arrow a.ba_arrow_next{background:url('/pages/basic/img/main/popzone_control_next_m.gif') 0 0 no-repeat;width:40px;height:40px;position:absolute;right:0;top:0px;z-index:9} .banner_arrow a:hover{background-position:0 -40px} /* 주요사업 */ #majorBusiness{width:100%; border:1px solid #9ab9da;box-sizing:border-box; height:295px; margin-bottom:15px} #majorBusiness .majorBusiness_tab{height:55px} #majorBusiness .majorBusiness_tab ul li{width:33%} #majorBusiness .majorBusiness_tab ul li:first-child{width:34%} #majorBusiness .majorBusiness_tab ul li a {width:100%; height:56px; line-height:18px; padding-top:11px} #majorBusiness .majorBusiness_tab ul li a.on {line-height:18px; padding-top:18px; top:-14px} #majorBusiness .majorBusiness_tab ul li:first-child a{line-height:16px; padding-top:5px;} #majorBusiness .majorBusiness_tab ul li:first-child a.on { padding-top:10px;} #majorBusiness .majorBusiness_tab ul li a h4{font-size:13px} #majorBusiness .majorBusiness_tab ul li a.on h4{font-size:14px} #majorBusiness .majorBusiness_tab .bc_br_m, #majorBusiness .majorBusiness_tab .bc_br_m2 {display:block} #majorBusiness .majorBusiness_wrap .majorBusiness_con{height:240px} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl {padding:25px 20px 0 40%} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_subject{font-size:10px; height:18px; width:37px; line-height:19px; padding:0 0px; margin-bottom:8px} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_title{font-size:20px; margin-bottom:10px; letter-spacing:-0.03em} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_con {/*display:none*/font-size:11px; line-height:16px; margin-bottom:10px; letter-spacing:-0.05em} #majorBusiness .majorBusiness_wrap .majorBusiness01{background:url('/pages/basic/img/main/majorBusiness_bg_01_m.jpg') no-repeat center 0px;} #majorBusiness .majorBusiness_wrap .majorBusiness02{background:url('/pages/basic/img/main/majorBusiness_bg_02_m.jpg') no-repeat center 0px;} #majorBusiness .majorBusiness_wrap .majorBusiness03{background:url('/pages/basic/img/main/majorBusiness_bg_03_m.jpg') no-repeat center 0px;} #majorBusiness .majorBusiness_wrap .majorBusiness_con .bc_br_m {display:none} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more{display:none} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more2{display:block} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more2{ width:130px; height:30px; border:1px solid #0072bc;} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more2 a { color:#003471; font-size:12px; line-height:30px; padding-left:15px;width:130px; height:30px; display:block; box-sizing:border-box} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more2 a:hover {background:#0054a6; color:#fff; } #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_more2 a img{padding:10px 0 0 30px} /* 장비DB */ #main_section{width:100%; } #main_section .equipment{width:50%; margin-right:0; padding:30px 25px; height:200px;background:url('/pages/basic/img/main/section_bg_01.jpg') no-repeat 27% 73%; } #main_section .equipment .bc_br_m{display:block} #main_section .newsletter{width:50%; margin-right:0; margin-bottom:0px; padding:30px 25px; height:200px;background:url('/pages/basic/img/main/section_bg_02.jpg') no-repeat 60% -18px;} #main_section .r_section{width:100%;} #main_section .r_section .lease {background:#f5f5f7 url('/pages/basic/img/main/section_bg_03.jpg') no-repeat right 0px} #main_section .r_section .lease, #main_section .r_section .charging{width:100%; border-top:1px solid #fff; height:90px} #main_section .r_section a{font-size:17px; height:90px; line-height:28px; padding:32px 34px; box-sizing:border-box} #main_section .r_section a:hover {border:6px solid #ffd201; padding:26px 28px;} #main_section .eq_con {font-size:12px; line-height:18px; letter-spacing:-0.05em; margin-bottom:18px} #main_section .r_section .lease img{top:27px;} #main_section .r_section .charging img{top:19px} /* footer */ #footer {margin:20px auto 0} #footer .footer_info {padding:25px 15px; height:200px; margin-top:0} #footer .footer_info .com_info{width:100%} #footer .footer_info .com_info img {margin:0 0 5px; float:none; width:200px; } #footer .banner_wrap{width:100%;padding:25px 20px; height:98px; border:none; border-top:1px solid #d7d7d7} #footer .banner_wrap #banner_box .list{left:90px; width:80%; height:25px; top:10px} #footer .banner_wrap #banner_box .list li {padding-right:0px} #footer .banner_wrap #banner_box .list li img {width:71%; display:block; margin:0 auto} /* sub */ #contents_wrap{width:100%} #contents_wrap #lnb {display:none} #contents .connew_title{padding-bottom:2px} #contents .connew_title h2{font-size:23px} #contents .location {right:20px; top:52px; display:none} #sub_visual .imgbox{height:130px; background-size:85%} #sub_visual .imgwrap img{width:130px; top:-65px;right:15px;} #sub_visual .imgbox p {padding-top:42px; line-height:20px; font-size:22px} #sub_visual .imgbox p span {font-size:12px} } @media screen and (max-width:500px){ .noticeW .notiBox .name { width:18%; font-size: 12px; height: 45px; line-height: 47px; } .noticeW1 .notiBox .name2 { width:18%; font-size: 12px; height: 45px; line-height: 47px; } } /****** Tablet Device ******/ @media screen and (min-width:691px) and (max-width:999px) { #lnb{display:none} #contents_wrap{width:100%} /* menu */ #navigation_pc{display:none} #header_wrap{margin-bottom:0} #header{display:none} .header_search{display:none} #header_m {display:block;width:100%; height:70px; border-bottom:1px solid #fff} #header_m h1 {top:16px; position:absolute; left:15px; z-index:200} /* mobile menu */ #header_m .header_fullmenu_m{display:block;position:absolute;float:none;top:25px;right:20px;z-index:20} #header_m .header_fullmenu_m a.btn_fullmenu_m{display:block;width:36px;height:26px;overflow:hidden;background:url('/pages/basic/img/main/header_btn_fullmenu_m2_b.png') 0 0 no-repeat} #header_m .header_fullmenu_m a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile_wrap .navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:20;background:#333;top:0;left:0;opacity:0.36; } #navigation_mobile #navigatioin_top {display:block; width:300px; height:100px; background:#1d7fc8; /*position:absolute; top:0; right:0; */} #navigation_mobile #navigatioin_top .head_info_m {padding:27px 20px} #navigation_mobile #navigatioin_top .head_info_m ul li {float: left; padding-right:10px; margin-right:12px; border-right:1px solid #b2df8a; height:12px; position:relative } #navigation_mobile #navigatioin_top .head_info_m ul li:last-child {border-right:none} #navigation_mobile #navigatioin_top .head_info_m ul li img {position:relative; top:-10px} #navigation_mobile .header_search_m{display:block; width:260px; /*position:absolute; z-index:30; top:100px; right:0; */height:54px;border:none; padding:0 20px; background:#1d7fc8} #navigation_mobile .header_search_m .searchWrap{border-bottom:5px solid #fff; height:34px; } #navigation_mobile .header_search_m h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile .header_search_m #searchInfo{float:left;width:210px; height:29px;padding:5px;border:none;background-color:rgba(256,256,256,0);font-weight:500;color:#fff; margin:2px 10px 0 5px; box-sizing:border-box; font-size:18px; } #navigation_mobile .btnsearch1{padding:5px 0 0} #navigation_mobile .header_search_m input::-webkit-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::-ms-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::-webkit-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::-ms-input-placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile .header_search_m input::placeholder{color:#fff; font-weight:300; font-size:14px} #navigation_mobile{width:300px;height:100%;min-height:100%; right:0;top:0px; z-index:300;position:absolute; background:#fff} #navigation_mobile #navigation_m{display:block; /*position:absolute; top:164px; width:300px; */} #navigation_mobile #navigation_m fieldset{border-bottom:5px solid #fff} #navigation_mobile #navigation_m li a{color:#3d6184;font-size:20px;line-height:62px;display:block;height:62px;background:#fff;border-bottom:1px solid #d7d7d7;padding-left:26px;position:relative; font-weight:400} #navigation_mobile #navigation_m li a:hover{} #navigation_mobile #navigation_m li a.on{background:#fff;font-weight:bold;color:#3d6184;border-bottom:5px solid #1d7fc8; height:80px; line-height:80px} #navigation_mobile #navigation_m li a.on span{font-size:33px} #navigation_mobile #navigation_m li a span{position:absolute;right:20px;font-size:20px;color:#ababab} #navigation_mobile #navigation_m li ul.depth2{padding-top:0} #navigation_mobile #navigation_m li ul.depth2 li a{background:#efefef ;line-height:50px;height:50px;font-size:15px;padding-left:38px;border-bottom:1px solid #d7d7d7;color:#6b6b6b} #navigation_mobile #navigation_m li ul.depth2 li a:hover {font-weight:500} #navigation_mobile #navigation_m li ul.depth2 li a span{right:30px} #navigation_mobile #navigation_m li ul.depth2 li a.on{/*border-bottom:2px solid #8fc95b*/} #navigation_mobile #navigation_m li ul.depth2 li li a{background:#fff;line-height:45px;height:45px;font-size:13px;padding-left:48px;border-bottom:1px solid #efefef;color:#666} #navigation_mobile #navigation_m li ul.depth2 li li a:hover{color:#333} #navigation_mobile .btn_close{z-index:9999;position:absolute;display:block;width:25px;height:25px;top:20px; right:20px; background:url('/pages/basic/img/main/header_btn_close_m.png') 0 0 no-repeat} #navigation_mobile .btn_close span {display:none} #visual {width:100%} .accordion ul li div a h4.title_03 .bc_br_m{display:block} .accordion ul li div a h4.title{width:150px} /* new visual */ #visual_wrap2{width:100%; background:none} #visual2{width:98%; } .new_list{width:100%} .new_list ul li{ font-size:18px; } #content_wrap{width:100%; padding:0 20px; box-sizing:border-box} #main_section .contentbox{width:50%;} /* 공지사항 */ #notice {width:100%;} .noticeW .notiBox .notiListFirst li a {width:72%} .noticeW .notiBox .notiListFirst li span.listcontent {width:80%} .noticeW .btn a:hover img{transition:unset} .noticeW .notiBox .notiListFirst span.notify{margin-top:6px} #notice1 {width:100%; margin-left:0; margin-top:10px;} .noticeW1 .notiBox .notiListFirst li a {width:72%} .noticeW1 .notiBox .notiListFirst li span.listcontent {width:80%} .noticeW1 .btn a:hover img{transition:unset} .noticeW1 .notiBox .notiListFirst span.notify{margin-top:6px} .contentbox2{ height: auto;font-size:16px;font-weight:600; text-align:center; color:#333; letter-spacing: -1px;} .contentbox2 .gongyou{width:94%; margin:10px 0; padding:10px; background:none; border:2px solid #c7d7e2; } .contentbox2 .onestop{width:94%; margin:0; padding:10px; background:none; border:2px solid #c7d7e2; } /* 배너 */ #mbox1 {width:100%; margin:15px 0;} .bannerbox .img li a img{} /* 주요사업 */ #majorBusiness{width:100%; border:1px solid #9ab9da;box-sizing:border-box; margin-bottom:15px;} #majorBusiness .majorBusiness_tab ul li{width:33%} #majorBusiness .majorBusiness_tab ul li:first-child{width:34%} #majorBusiness .majorBusiness_tab ul li a {width:100%} #majorBusiness .majorBusiness_tab ul li:first-child a h4{line-height:20px; padding-top:12px;} #majorBusiness .majorBusiness_tab ul li:first-child a.on h4{ padding-top:16px;} #majorBusiness .majorBusiness_tab ul li:first-child a h4 .bc_br_m {display:block;} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl {padding:35px 20px 0 45%} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl .bc_title{font-size:20px} #majorBusiness .majorBusiness_wrap .majorBusiness01 .bc_br_m {display:block} #majorBusiness .majorBusiness_wrap .majorBusiness01 .bc_br_m2 {display:none} /* 장비DB */ #main_section{width:100%; } #main_section .equipment{width:33%; margin-right:0} #main_section .newsletter{width:33%; margin-right:0} #main_section .r_section{width:34%;} #main_section .r_section .lease, #main_section .r_section .charging{width:100%;} #main_section .r_section .lease img, #main_section .r_section .charging img{display:none} #main_section .r_section a{font-size:17px} /* footer */ #footer .footer_info {padding:25px 10px; margin-top:0} #footer .banner_wrap{width:100%;padding:25px 30px; height:98px; border:none; border-top:1px solid #d7d7d7} #footer .banner_wrap #banner_box .list{left:120px} #footer .banner_wrap #banner_box .list li {padding-right:30px} #footer .footer_info .com_info img {margin: 0 20px 50px 0} /* sub */ #contents_wrap{width:100%} #contents_wrap #lnb {display:none} #contents .location {right:40px; top:68px} #sub_visual .imgbox{} #sub_visual .imgwrap img{width:190px; top:-100px;right:30px;} } /****** Desktop ******/ @media screen and (min-width:1000px) and (max-width:1200px) { #header{width:100%; background:#fff; height:87px} #header .header_info{right:325px; top:36px} /*#header .header_search {right:20px;}*/ #header h1{position:absolute; top:22px; left:22px; z-index:200} #navigation li:nth-child(6) .pullDown{ background:none} #navigation{width:1000px; margin:0 auto} #navigation_pc{width:100%; padding-left:10px} #navigation li:nth-child(1) .pullDown{padding-left:150px; left:-150px; background:#fff;} #navigation li:nth-child(6) .pullDown{padding-right:170px; } #header .header_info li a{color:#6a6a6a; } .header_search_wrap{width:100%;} .header_search{background-color:rgba(230,230,230,.75); top:-62px; right:70px; height:40px; border-radius:25px;} .header_search #searchInfo { padding:7px 10px 7px 20px; height:38px} .header_search_wrap .header_search input::-webkit-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::-ms-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::-webkit-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::-ms-input-placeholder{color:#333; font-weight:100; font-size:14px} .header_search_wrap .header_search input::placeholder{color:#333; font-weight:100; font-size:13px} .btnsearch2{padding:12px 19px} #visual{width:100%;} .visual_arrow{display:none} .vr_icon_wrap{width:100%;} .vr_icon{} /* new visual */ #visual2{width:100%;} .new_list{width:100%} #content_wrap{width:100%} #contents_wrap{width:100%; box-sizing:border-box} #contents_wrap #lnb {display:none} #contents .location {right:40px; top:68px} /* 공지사항 */ #notice{width:57%} .noticeW{width:100%} .noticeW .notiBox .notiListFirst li a{width:70%} .noticeW .notiBox .notiListFirst li span.listcontent{width:80%} .noticeW .notiBox .notiListFirst span.notify{margin-top:6px} .contentbox2{ font-size:16px;} .contentbox2 .gongyou{width:44%; } .contentbox2 .onestop{width:44%; } /* 배너 */ #mbox1{width:41%; height:293px; margin-left:15px} .bannerbox .img li img{} /* 주요사업 */ #majorBusiness{width:100%; border:1px solid #9dbada; box-sizing:border-box} #majorBusiness .majorBusiness_tab ul li{width:33%} #majorBusiness .majorBusiness_tab ul li:first-child{width:34%} #majorBusiness .majorBusiness_tab ul li a {width:100%} #majorBusiness .majorBusiness_wrap .majorBusiness_con dl {padding:40px 40px 0 55%} #majorBusiness .majorBusiness_wrap .majorBusiness01 .bc_br_m {display:block} /* 장비DB */ #main_section{width:100%; } #main_section .equipment{width:33%; margin-right:0} #main_section .newsletter{width:33%; margin-right:0} #main_section .r_section{width:34%;} #main_section .r_section .lease, #main_section .r_section .charging{width:100%;} /* footer */ #footer .footer_info {padding:30px 20px;margin-top:-1px} #footer .banner_wrap{width:100%;} } @charset "utf-8"; /* 공통 */ .h3_butt{clear:both;padding-top:10px;line-height:30px;font-weight:700;font-size:17px;color:#000;background:url('/pages/basic/img/sub/h3_title.gif') 3px 16px no-repeat;padding-left:28px;margin-top:20px;clear:both} .h4_butt{clear:both;font-size:15px;font-weight:500;margin-left:5px;color:#374c8a;line-height:22px;letter-spacing:-.02em;padding-bottom:5px;padding-top:3px;background:url('/pages/basic/img/sub/h4_title.gif') 0 7px no-repeat;padding-left:19px;clear:both} .h5_butt{clear:both;font-size:14px;font-weight:400;margin-left:10px;color:#333;line-height:20px;letter-spacing:-.02em;padding-bottom:5px;background:url('/pages/basic/img/sub/h5_title.gif') 0 9px no-repeat;padding-left:15px} .text_type1{margin: 0 0 15px 5px;line-height:21px} .text_type1 a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700} .text_type1 strong{color:#333} .img_type1{margin:10px 0} .img_type2{border:1px solid #ddd;box-sizing: border-box;padding:20px 10px;margin:10px 0;text-align:center;border-radius:6px;overflow:hidden} a.btn_dw{text-align:center;line-height:30px;padding:10px 60px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/pages/basic/img/sub/icon_down.png') right 13px #7b98b5 no-repeat;font-weight:700;border-bottom:0 !important} a:hover.btn_dw{background:url('/pages/basic/img/sub/icon_down.png') right 13px #2a4c6e no-repeat} a.btn_link{text-align:center;line-height:30px;padding:10px 60px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/pages/basic/img/sub/icon_link.png') right 12px #7b98b5 no-repeat;font-weight:700;border-bottom:0 !important} a:hover.btn_link{background:url('/pages/basic/img/sub/icon_link.png') right 12px #2a4c6e no-repeat} .pdf_download {text-align:center;line-height:30px;padding:10px 30px 10px 10px;color:#fff !important;font-size:12px;border-radius:3px;background:url('/pages/basic/img/sub/icon_down.png') right 13px #7b98b5 no-repeat;font-weight:700;border-bottom:0 !important} a:hover.pdf_download {background:url('/pages/basic/img/sub/icon_down.png') right 13px #2a4c6e no-repeat} .btn_type1{background:#535353 ;color:#fff;border:none;padding:6px 16px;font-weight:400;font-family:'Nanum Gothic';cursor:pointer} .btn_type1:hover{background:#000} .tag{width:100%;box-sizing:border-box;padding:30px;text-align:center;background:#333;color:#fff;font-size:18px;font-weight:700;height:250px;margin:10px 0 20px 0} .img_c{text-align:center} .img_c img{text-align:center} .head_top_butt{margin-top: 50px;font-size:24px; padding:0; line-height: 40px; background:url('/pages/basic/img/sub/h3_title03.png') 0px top no-repeat;} .person_in_charge{border:1px solid #ddd; padding:16px 25px; font-size:16px; color:#444; margin-top: 30px; background: #fcfcfc;} .person_in_charge span.person{background:url('/pages/basic/img/sub/person_icon.png') left no-repeat;padding-left: 22px;} .person_in_charge span.call{background:url('/pages/basic/img/sub/call_icon.png') left no-repeat;padding-left: 18px;margin-left: 20px;} .propel_wrap{min-height:260px; margin-bottom:30px;} .propel_wrap dl{width: calc(100% / 3 - 10px); float:left; margin: 0 5px;} .propel_wrap dt{font-size:14px; font-weight:400; text-align:center;} .propel_wrap dt span{font-size:15px;display:block;letter-spacing: -0.03em;} .propel_wrap dd{width:100%} .propel_wrap dd img {width:100%;} /* 이미지삽입 */ .basicimgbox {width:100%;margin-bottom:20px;text-align:center} .basicimgbox p {border:1px solid #dddddd} .bordernone p {border:none !important} .m_img{display:none} /* 로그인 */ .login_bg{font-size:50px;font-weight:900;text-align:center;padding:170px 0 50px;color:#ddd;letter-spacing:-2px;background:url(/pages/basic/img/sub/login_bg.jpg) no-repeat center 30px} .login_box{width:480px;margin:0 auto;box-sizing:border-box;padding:40px 0} .login_box fieldset{position:relative} .login_box dl input{float:left;margin-bottom:7px;width:320px;height:40px;border:1px solid #ddd;color:#585858;text-indent:10px;border-color:#b6b6b6 #dfdfdf #dfdfdf #b6b6b6} .login_box h3{text-align:center;padding:0 0 35px 0;font-weight:200;font-size:28px;line-height:32px;letter-spacing:-.08em;color:#222} .login_box h3 span{font-weight:500} .login_box .btn_login{position:absolute;right:0;width:150px;height:92px;line-height:90px;color:#fff;font-weight:600;margin-left:10px;border-radius:3px;cursor:pointer;background:#1f72a7 url('/pages/basic/img/sub/login_btn_ico.png') 32px center no-repeat;border:0;padding-left:15px} .login_box .btn_login:hover{background-color:#1c4478} .login_box .id_save{float:left;width:100%;padding-top:10px} .login_box .id_save input{margin-right:4px} .login_type{margin:20px 0;width:100%;box-sizing:border-box;border-top:1px solid #ddd} .login_type li{position:relative;line-height:68px;border-bottom:1px dotted #ddd;height:70px;padding-left:4px;color:#666} .login_type li strong{color:#000;font-size:16px;padding-right:7px} .login_type li span{color:#e64c4c;font-size:13px} .login_type li a.btn{float:right;border-radius:3px;background:#6e6e6e;width:140px;line-height:45px;text-align:center;color:#fff;font-size:13px;margin-top:16px} .login_type li a.btn2{float:right;border-radius:3px;background:#fff;width:140px;line-height:38px;text-align:center;color:#666;font-size:13px;border:1px solid #ddd;margin-top:16px} .login_type li a.btn:hover{background:#666;text-decoration:none;color:#fff;font-weight:600} .login_type li a.btn2:hover{border:1px solid #999;text-decoration:none;font-weight:700;} /* 정보입력 */ .join_table_list_group{width:620px;margin:20px auto;overflow:hidden;} .join_table_list_box{width:100%;border:1px solid #dadada;box-sizing:border-box;float:left;clear:both;background:#fff;padding:15px 50px !important;position:relative} .join_table_list_box h3{display:inline;margin-right:7px;width:20%;line-height:32px;font-size:14px} .join_table_list_box span.star{color:#f41e1d;font-weight:600;margin-right:4px;margin-left:-14px} .leave_table_list_box{width:100%;border:1px solid #dadada;box-sizing:border-box;clear:both;background:#fff;padding:15px 20px;position:relative} .type_input_t{border:0;padding:7px 10px;color:#555;font-size:13px;width:74%;box-sizing:border-box;font-weight:700;margin-bottom:3px;background:#efefef;line-height:20px} .type_input_t2{border:0;padding:7px 10px;color:#555;font-size:13px;width:20%;box-sizing:border-box;font-weight:700;margin-bottom:3px;background:#efefef;line-height:20px} .type_input_t3{border:0;padding:7px 10px;color:#555;font-size:15px;width:20%;box-sizing:border-box;font-weight:700;margin-bottom:3px;background:#efefef;line-height:20px} .br_t_n{border-top:0 !important} .join_info_ok{color:#577FBD;letter-spacing:-.02em;line-height:18px;display:block;clear:both} .join_info_normal{color:#777;letter-spacing:-.02em;line-height:18px;display:block;clear:both} .join_info_normal2{color:#777;letter-spacing:-.02em;line-height:18px;display:block;clear:both;padding-bottom:7px;padding-left:3px} .join_info_error{color:red;letter-spacing:-.02em;line-height:18px;display:block;clear:both} .fixed_p{font-size:15px;color:#000;line-height:35px;font-weight:700} .passwd_1{padding-left:22%;font-size:12px !important} /* 아이디/비밀번호찾기 */ .find_idpw_wrap{width:880px;margin:0px auto;overflow:hidden} .find_idpw_wrap .idbox_wrap{float:left;width:420px;border:1px solid #d9d9d9;box-sizing:border-box;border-radius:10px;padding:35px 40px 45px;box-sizing:border-box;margin:50px 20px 0 0;min-height:450px} .find_idpw_wrap .idbox_wrap dt{color:#000;font-weight:600;font-size:20px;line-height:23px;border-bottom:1px dotted #999;padding:0 0 10px 0} .find_idpw_wrap .idbox_wrap dd{line-height:20px;color:#666;padding-top:10px;font-size:13px} .find_idpw_wrap .find_list{padding:15px 0 0 0} .find_idpw_wrap .find_list ul li{float:left;width:100%;padding:4px 0 0 2px} .find_idpw_wrap .find_list label{float:left;cursor:normal} .find_idpw_wrap .find_list .sel{float:left;width:55px;height:30px;margin-left:3px;text-indent:2px;min-width:55px;color:#666} .find_idpw_wrap .find_list p.label_type{padding:5px 10px 0 0;width:57px} .find_idpw_wrap .find_list input{float:left;height:28px;text-indent:5px;border:none;border-bottom:1px solid #ddd;width:100%} .find_idpw_wrap .find_list input.id_btn{padding:0 !important;width:100%;display:block;float:left;border:1px solid #7ba1a1;background:#97a7b9;height:43px;line-height:38px;font-size:12px;box-sizing:border-box;color:#fff;font-weight:500;margin:20px 0 0 4px;cursor:pointer} .find_idpw_wrap .find_list input.pw_btn{padding:0 !important;width:100%;display:block;float:left;border:1px solid #494949;background:#606060;height:43px;line-height:38px;font-size:12px;box-sizing:border-box;color:#fff;font-weight:500;margin:20px 0 0 4px;cursor:pointer} .find_idpw_wrap .find_list input.id_btn:hover{text-decoration:underline} .find_idpw_wrap .find_list input.pw_btn:hover{text-decoration:underline} .find_idpw_wrap .mb_alert{font-size:12px;line-height:28px;color:#777;background:#f8f8f8;border-radius:10px;display:block;float:left;margin-left:15px;padding:0 15px;box-sizing:border-box} /* 부가정보 > 사이트맵 */ #sitemap{width:100%;background:#fff;overflow:hidden} #sitemap ul li{float:left;width:32%;position:relative;margin:10px 10px 0 0;min-height:360px;box-sizing:border-box;border-radius:10px} #sitemap ul li:last-child{margin-right:0 !important} #sitemap ul li a{padding:11px;text-align:center;font-weight:500;background:#5989bf ;color:#fff;line-height:22px;font-size:17px;letter-spacing:-1px; display:block;border-bottom:1px solid #ddd;border-radius:5px;} #sitemap ul li ul li{height:auto;border:none;padding:0;width:100%;margin:0;min-height:auto} #sitemap ul li ul li a{font-weight:normal;background:#fff;padding:0;color:#666;border:1px solid #d1dfee;padding:8px;border-radius:5px;font-size:14px;line-height:23px;margin-bottom:2px} #sitemap ul li ul li a:hover{color:#222;text-decoration:none;font-weight:600} #sitemap .site_depth2{margin-top:2px} /* 큰 컬러버튼 스타일 */ .whitebtn { margin:0 auto; text-align:center} .whitebtn a { display:inline-block;min-width:60px;background-color:#fff; border:1px solid #dae4ee;padding:8px 18px; color:#333;font-size:14px; font-weight:600; text-align:center;line-height:145%;border-radius:6px;margin:0 2px } .whitebtn a:hover { background-color:#4785df;color:#fff;} .bluebtn a { display:inline-block;min-width:60px;background-color:#fff;padding:8px 25px 11px;background:#fff;font-size:14px;color:#4b7dae;border:1px solid #8ac1d7;font-weight:500; text-align:center;line-height:145%;border-radius:4px;margin:2px } .bluebtn a:hover { background-color:#8ac1d7;color:#fff;} .blue-greenbtn_box{ position: relative;width:260px; margin:0 auto;} .blue-greenbtn { display:inline-block;background:#4f7090;padding:8px 55px 11px;font-size:14px;color:#fff;font-weight:500; text-align:center;line-height:145%;border-radius:4px; margin: 5px auto; } .blue-greenbtn:hover { background-color:#32506d;color:#fff;} /* .ul_type1 {margin: 0 0 35px 0} .ul_type1 li{padding-left: 10px;position: relative;margin-bottom:13px} .ul_type1 li span, .ul_type1 li strong {color: #000} .ul_type1 li a{border-bottom:1px dotted #333;color:#333;margin-left:3px} .ul_type1 li:last-child{margin-bottom:0} .ul_type1 li:before{content: '';display: block;position: absolute;left:3px;top:8px;width: 3px;height: 3px;background-color: #3b486b} */ .ul_type1 {margin: 0 0 20px 15px} .ul_type1 li{padding-left: 14px;position: relative;margin-bottom:5px;line-height:165%;color:#444} .ul_type1 li span, .ul_type1_2 li strong {color: #000} .ul_type1 li strong{padding-right:5px;color:#333} .ul_type1 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700} .ul_type1 li:last-child{margin-bottom:0} .ul_type1 li:before{content: '';display: block;position: absolute;left:5px;top:8px;width: 3px;height: 3px;background-color: #3b486b} .ul_type1_2 {margin: 0 0 15px 0} .ul_type1_2 li{padding-left: 14px;position: relative;margin-bottom:7px} .ul_type1_2 li span, .ul_type1_2 li strong {color: #000} .ul_type1_2 li strong{padding-right:5px;color:#333} .ul_type1_2 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700} .ul_type1_2 li:last-child{margin-bottom:0} .ul_type1_2 li:before{content: '';display: block;position: absolute;left:5px;top:8px;width: 3px;height: 3px;background-color: #3b486b} .ul_type2 {margin: 6px 0 10px 0} .ul_type2 > li{padding-left: 13px;position: relative;margin-bottom:3px;line-height:155%} .ul_type2 > li span {color: #333; font-weight:600} .ul_type2 > li a{border-bottom:1px dotted #333;color:#333} .ul_type2 > li:last-child{margin-bottom: 0} .ul_type2 > li:before{content: '';display: block;position: absolute;left:3px;top:8px;width: 4px;height: 1px;background-color: #757575} .ul_type3 {margin: 6px 0 10px 0} .ul_type3 > li{padding-left: 13px;position: relative;margin-bottom:3px;line-height:145%;} .ul_type3 > li span {color: #333; font-weight:600} .ul_type3 > li a{border-bottom:1px dotted #333;color:#333} .ul_type3 > li:last-child{margin-bottom: 0} .ul_type3 > li:before{content: '';display: block;position: absolute;left:3px;top:8px;width: 2px;height: 1px;background-color: #757575} .table_type1 {margin: 4px 0 30px 0} .table_type1 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff} .table_type1 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2} .table_type1 th{background-color: #7faacb;color: #fff;padding:13px 10px;font-size:14px;position:relative} .table_type1 th:before{content:'';display:block;position:absolute;right:0;top:19px;width:1px;height:15px;background:#fff} .table_type1 th:last-child:before{background:none} .table_type1 tbody th{background:#7badd4;font-weight:normal} .table_type1 td{color: #666;padding:10px;line-height:160%} .table_type1 td a{color:#666} .table_type1 td a:hover{color:#000} .table_type1 td strong{color:#333} .table_type1 td span{color:#333} .table_type1 td span.redpoint{color:#c40101 !important;font-weight:600} /*.table_type1 th:first-child,.table_type1 td:first-child{border-left: none}*/ .m_info{display:none} .imgtable img{width:60%} .table_type2 {margin: 4px 0 30px 0} .table_type2 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff} .table_type2 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2} .table_type2 th{background-color: #7faacb;color: #fff;padding:17px 10px;font-size:14px;position:relative} .table_type2 th:before{content:'';display:block;position:absolute;right:0;top:19px;width:1px;height:15px;background:#fff} .table_type2 th:last-child:before{background:none} .table_type2 tbody th{background:#f5f5f5;font-weight:normal;color:#333} .table_type2 tbody th:before{content:'';display:block;position:absolute;right:0;top:19px;width:1px;height:15px;background:#f5f5f5} .table_type2 td{color: #666;padding:15px;line-height:160%} .table_type2 td a{color:#666} .table_type2 td a:hover{color:#000} .table_type2 td strong{color:#333} .table_type2 td span{color:#333} .table_type2 td span.redpoint{color:#c40101 !important;font-weight:600} /*.table_type1 th:first-child,.table_type1 td:first-child{border-left: none}*/ .m_info{display:none} .imgtable img{width:60%} .table_type3{border-top:1px solid #7e869b;margin: 0 0 30px 0} .table_type3 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff} .table_type3 th,.table_type3 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2;} .table_type3 th{background-color: #7faacb;color: #fff;padding:17px 15px;font-size:14px} .table_type3 tbody th{background:#7faacb;font-weight:normal} .table_type3 td{color: #868686;padding:15px;border-bottom: 1px dotted #e2e2e2} .table_type3 td a{color:#868686} .table_type3 td a:hover{color:#000} .table_type3 td strong{color:#333} .table_type3 td span{color:#333} .table_type3 td span.redpoint{color:#c40101 !important;font-weight:600} /*.table_type2 th:first-child,.table_type1 td:first-child{border-left: none}*/ .table_type4{border-top:2px solid #7e869b;margin: 0 0 30px 0;} .table_type4 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff} .table_type4 th,.table_type2 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2;} .table_type4 th{background-color: #f4f3f3;color: #494949;padding:17px 15px;font-weight:bold;font-size:14px} .table_type4 tbody th{background:#f9f9f9;font-weight:normal} .table_type4 td{color: #868686;padding:15px;border-bottom: 1px dotted #e2e2e2} .table_type4 td a{color:#868686} .table_type4 td a:hover{color:#000} .table_type4 td strong{color:#333} .table_type4 td span{color:#333} .tab_type{position:relative; overflow:hidden; background:#fff;margin-bottom:25px} .tab_type ul.title_box{height:42px} .tab_type ul.title_box li{float:left} .tab_type ul.title_box li h4 a{display:block; height:27px;padding:13px 28px 0 28px; font-size:13px; line-height:16px; color:#808080; font-weight:bold; border:1px solid #d8d8d8;background:#f5f5f5;border-radius:3px 3px 0 0;margin-right:-1px;} .tab_type ul.title_box li h4 a.on{border-bottom:1px solid #fff; color:#41a2a8; background:#fff} .tab_type1{position:relative;display:block;box-sizing: border-box;width:100%;clear:both;float:left;margin-bottom:20px;background:#fff} .tab_type1 a {width:30%;box-sizing:border-box;border:1px solid #ddd;margin-left:-1px;display:block;float:left;white-space:nowrap;text-overflow:ellipsis;line-height:16px;padding:20px 10px;text-align:center;color:#555;} .tab_type1 a:hover{color:#333;background:#f5f5f5;font-weight:700;text-decoration:none} .tab_type1 a.on{font-weight:700;color:#333;border-bottom:none;border-top:3px solid #3dae2d;font-size:15px} #board_total_top{width:100%;border:1px solid #dfe2e7;box-sizing: border-box;position:relative;padding:27px;background:url('/pages/basic/img/sub/board_total_top_bg.gif') 30px 50% no-repeat;margin-bottom:20px;border-radius:6px;clear:both} #board_total_top dl{padding-left:150px} #board_total_top dl dt{font-size:15px;font-weight:700;color:#f19000;padding-bottom:3px;padding-top:4px} #board_total_top dl dd a{text-decoration:underline;color:#333} #board_total_top dl dd span{border-bottom:1px dotted #333;line-height:26px} .con_info_top{width:100%;border:1px solid #dfe2e7;box-sizing: border-box;position:relative;padding:20px 30px 20px 110px;margin-bottom:20px;border-radius:6px;background:url('/pages/basic/img/sub/con_total_top_bg.gif') 25px center no-repeat} .con_info_top p{font-size:15px;font-weight:700;color:#666;padding-bottom:3px;padding-top:4px;line-height:22px} .con_info_top .btn_area{margin-top:10px} /* .con_info_top{width:100%;border:1px solid #dfe2e7;box-sizing: border-box;position:relative;padding:32px 50px 32px 27px;background:url('/pages/basic/img/sub/board_total_top_bg.gif') 30px center no-repeat;margin-bottom:20px;border-radius:6px;} .con_info_top p{padding-left:180px;font-size:15px;letter-spacing:-1px;font-weight:700;color:#555;padding-bottom:3px;padding-top:4px;line-height:22px} .con_info_top .btn_area{padding-left:180px;margin-top:10px} */ .p_box{clear:both;border:1px solid #ddd;box-sizing: border-box;padding:18px 20px 13px 15px;margin:2px 0 15px 0;width:100%;border-radius:7px} .p_box2{clear:both;border:1px dotted #ddd;box-sizing: border-box;padding:1px 30px 10px 30px;margin:5px 0 25px 0} .p_box3{clear:both;border-bottom:2px solid #999;border-top:2px solid #999;background:#fff;box-sizing: border-box;padding:15px 10px 7px 10px;margin:5px 0 25px 0} .p_box4{clear:both;width:100%;height:auto;margin-bottom:20px} .p_box4 .title{width:100%;box-sizing: border-box;padding:10px 20px;font-size:15px;color:#444;border:1px solid #ccc} .p_box4 .con{box-sizing: border-box;padding:20px 20px 5px 20px;border-bottom:1px solid #ddd;background:#f9f9f9 } .p_box5{float:left;border:1px solid #ddd;box-sizing: border-box;padding:18px 20px 13px 15px;margin:2px 0 15px 0;width:100%;border-radius:7px} span.star{font-weight:700;color:#e6224c !important;padding:0 2px} .h5_butt2{font-size:17px;font-weight:800;line-height:20px;color:#444;letter-spacing:-1px;padding-left:15px} .ul_basic{display:block;clear:both;width:100%;margin-bottom:10px;padding-top:10px;color:#777} .ul_basic li{padding:0 12px 3px 15px;background:url(/pages/hospital/img/sub/li_butt.gif) no-repeat scroll 1px 9px transparent;line-height:20px;font-size:13px;*zoom:1;letter-spacing:-1px} .ul_basic li strong{font-weight:700;color:#000} .ul_basic li img{vertical-align:middle} .ul_basic li a{padding:0 5px;font-size:15px;font-weight:700;color:#777;text-decoration:underline} .ul_basic li a:hover{color:#d52d0c;text-decoration:underline} .ul_basic li.info{display:block;clear:both;padding-left:25px !important;background:url(/pages/hospital/img/sub/icon_alert.gif) no-repeat scroll 4px 4px transparent;font-size:14px;font-weight:700;line-height:24px;color:#3c50ac} .ul_basic li.info a{padding:0 5px} .ul_basic li.info a:hover{color:#000;text-decoration:underline} .ul_basic li.point{font-weight:700;color:#2e62c1} .ul_basic li span { text-align:center; display: block; margin:10px 0;} .worksp1{float:left; width:30%} .worksp2{float:left; width:65%; margin-left:25px} /* 로그인 */ /* #login_wrap{width:100%;height:auto} #login_wrap > .login_top{width:100%;height:auto} .login_top > h4{font-size:18px;letter-spacing:-2px;font-weight:400;color:#444;padding:13px 0 4px 0;margin-bottom:6px !important} .login_box{border:6px solid #e2e2e2;border-radius:3px;width:100%;height:200px;margin-top:20px;position:relative;box-sizing:border-box} .login_box fieldset{width:520px;margin:0 auto;padding-top:45px} .login_box dl dt{clear:both;width:70px;line-height:40px;font-size:15px;color:#555;font-weight:700} .login_box dl dt, .login_box dl dd{float:left;margin-bottom:7px} .login_box dl dd input{width:285px;height:40px;color:#585858;font-weight:700;font-size:15px;font-family:'Malgun Gothic';letter-spacing:-1px;padding-left:10px;border-top:1px solid #b6b6b6;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-left:1px solid #b6b6b6;border-radius:3px} .login_box .btn_login{width:130px;height:90px;line-height:90px;text-align:center;background:#555;color:#fff;border:1px solid #444;font-weight:700;font-size:15px;letter-spacing:-1px;margin-left:6px;border-radius:3px;cursor:pointer} .login_box .btn_login:hover{background:#333} .login_type{padding-top:20px} .login_type .btn{color:#333} .login_type .btn:hover{color:#053ddb} */ /* 회원가입 */ #join_wrap{width:100%;height:auto} .join_step_top { margin:10px 0 30px 0;border-top:2px solid #2e62c1;border-bottom:1px solid #ddd} .join_step_top ol { position:relative;margin-bottom:18px;width:100%;height:80px} .join_step_top ol li { display:inline;float:left} .join_step_top ol li span { display:block; font-size:12px; line-height:1;padding-bottom:10px} .join_step_top ol li strong { display:block; font-size:20px;color:#777;letter-spacing:-2px;font-weight:400} .join_step_top ol li.on span, .join_step_top ol li.on strong { color:#333;font-weight:700} .join_step_top ol .step1 {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px;background:url('/pages/basic/img/sub/join_arrow.gif') 90% 29px no-repeat} .join_step_top ol .step2 {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px;background:url('/pages/basic/img/sub/join_arrow.gif') 90% 29px no-repeat} .join_step_top ol .step3 {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px;background:url('/pages/basic/img/sub/join_arrow.gif') 90% 29px no-repeat} .join_step_top ol .step4 {float:left;display:block;width:25%;box-sizing:border-box;padding:24px 0 0 30px} .agree_cont_box{padding-top:10px} .agree_cont_box .agree_cont{border:2px solid #ddd;padding:20px;margin:20px 0;border-radius:3px} .agree_cont_box .agree_cont section{height:140px;overflow-y:scroll;padding:0 20px 0 0} .agree_cont_box .agree_cont section h4{font-size:15px;letter-spacing:-1px;padding:10px 0 10px 0} .agree_cont_box .agree_cont section h5{font-size:14px;letter-spacing:-1px;padding:10px 0 10px 0} .agree_check{width:100%;height:40px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:40px;background:#5872a5 ;text-align:center;display:block} .agree_check input.i_check{position:relative;border:1px solid #000;width:20px;height:20px} .agree_check label{padding-left:10px;cursor:pointer;letter-spacing:-1px;color:#fff;font-weight:700} .agree_check label:hover{color:#ffd837} .agree_cont_box2 ul{text-align:center;width:100%;border-top:1px solid #ddd;padding-top:20px !important} .agree_cont_box2 li{display:inline} .join_btn_list{text-align:center} .join_btn_list li{display:inline} .join_step4_box{text-align:center;width:100%} .join_step4_box > p{font-size:22px;font-weight:400;letter-spacing:-2px;padding-top:210px;color:#333;padding-bottom:20px} .join_step4_box > a{margin: 0 auto !important;float:none !important} .join_step4_box .btn_type2{background:#22b773;padding:6px 20px; border-radius:4px;color:#fff} .agreeCheck {position:relative; padding:6px 0 20px; text-align:right; width:100%;} #join_step_wrap .btn_box{text-align:center;} #join_step_wrap .btn_box a{cursor:pointer;display:inline-block;width:130px;box-sizing:border-box;border-radius:3px;} #join_step_wrap .btn_box .btn_prev{background:#ddd;color:#333;padding:10px 20px;height:43px} #join_step_wrap .btn_box .btn_next{background:#1b8664;color:#fff;padding:10px 20px;height:43px} /* 본인인증 */ .join_step5_box {height:auto;overflow:hidden;padding:25px 0 50px 0} .join_step5_box ul li {position:relative;height:350px; float:left; width:44%;border:1px solid #d2e1e7; border-radius:8px} .join_step5_box ul li.bg1 {background:url('/pages/basic/img/sub/icon_ipin2.gif') 50% 40px no-repeat;margin-left:5.5%;margin-right:1.3%} .join_step5_box ul li.bg2 {background:url('/pages/basic/img/sub/icon_ipin.gif') 50% 40px no-repeat;margin-left:1.3%} .join_step5_box ul li dl {padding:130px 40px 60px 40px;} .join_step5_box ul li dl dt {text-align:center; font-size:20px; color:#333; font-weight:600;padding-bottom:18px;letter-spacing:-1px} .join_step5_box ul li dl dd{font-size:13px;letter-spacing:-1px;color:#777;line-height:17px} .join_step5_box ul li dl dd.btn {padding-top:30px;text-align:center} /* 가입완료 */ .join_finish{width:100%;box-sizing:border-box;padding:30px;text-align:center} .join_finish dt{font-size:18px;letter-spacing:-1px;padding-bottom:15px} .join_finish dd{color:#555;letter-spacing:-.02em} .join_finish dd img{padding:30px 0 0 0} .table_type4{border-top:1px solid #7e869b;margin: 0 0 30px 0} .table_type4 table{text-align: center;border-bottom: 1px solid #b5b9c4;font-size:13px;background:#fff} .table_type4 th,.table_type3 td{border-left: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;border-right: 1px dotted #e2e2e2;} .table_type4 th{background-color: #f4f3f3;color: #494949;padding: 15px 35px; text-align:left;font-size:14px} .table_type4 tbody th{background:#f9f9f9;font-weight:normal} .table_type4 td{color: #868686;padding:18px;border-bottom: 1px dotted #e2e2e2;text-align:left} .table_type4 td a{color:#868686} .table_type4 td a:hover{color:#000} .table_type4 td strong{color:#333} .table_type4 td span{color:#333} .table_type4 td span.redpoint{color:#c40101 !important;font-weight:600} .button_type2{display:inline-block;width:55px;height:29px;border-radius:4px;border:1px solid #566963;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #666e81), color-stop(1, #6c7c7c));background:-moz-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:-webkit-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:-o-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:-ms-linear-gradient(top, #666e81 5%, #6c7c7c 100%);background:linear-gradient(to bottom, #666e81 5%, #6c7c7c 100%);background-color:#666e81;font-size:13px !important;font-weight:bold;line-height:29px;color:#fff !important;text-align:center;-moz-box-shadow:inset 0 1px 3px 0 #91b8b3;-webkit-box-shadow:inset 0 1px 3px 0 #91b8b3;box-shadow:inset 0 1px 3px 0 #91b8b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666e81',endColorstr='#6c7c7c',GradientType=0);-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer;text-shadow:0 -1px 0 #2b665e} .button_type2{width:auto;padding:0 15px} .button_type2:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);background-color:#6c7c7c;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c',endColorstr='#768d87',GradientType=0)} .button_type2:active{position:relative;top:1px} .button_type3{display:inline-block;width:auto;height:32px;border-radius:3px;border:1px solid #fa2;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);background-color:#ffec64;font-size:12px;font-weight:bold;line-height:32px;color:#000 !important;letter-spacing:-1px;text-align:center;-moz-box-shadow:inset 0 1px 0 0 #fff6af;-webkit-box-shadow:inset 0 1px 0 0 #fff6af;box-shadow:inset 0 1px 0 0 #fff6af;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0);-moz-border-radius:6px;-webkit-border-radius:6px;cursor:pointer;text-shadow:0 1px 0 #fe6} .button_type3{width:auto;padding:0 15px} .button_type3:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);background-color:#ffab23;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0)} .button_type3:active{position:relative;top:1px} .button_type5{display:inline-block;padding:16px 23px;border-radius:5px;border:1px solid #4e6096;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);background-color:#7892c2;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;-moz-box-shadow:inset 0 1px 3px 0 #9fb4f2;-webkit-box-shadow:inset 0 1px 3px 0 #9fb4f2;box-shadow:inset 0 1px 3px 0 #9fb4f2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2',endColorstr='#476e9e',GradientType=0);-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;text-shadow:0 -1px 0 #283966} .button_type5{font-family:'Nanum Gothic'} .button_type5:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);background-color:#476e9e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e',endColorstr='#7892c2',GradientType=0)} .button_type5:active{position:relative;top:1px} .button_type6{display:inline-block;padding:16px 23px;border-radius:5px;border:1px solid #dcdcdc;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);background-color:#ededed;font-size:13px;font-weight:bold;color:#777;text-decoration:none;-moz-box-shadow:inset 0 1px 3px 0 #fff;-webkit-box-shadow:inset 0 1px 3px 0 #fff;box-shadow:inset 0 1px 3px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf',GradientType=0);-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;text-shadow:0 -1px 0 #fff} .button_type6{font-family:'Nanum Gothic'} .button_type6:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);background-color:#dfdfdf;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed',GradientType=0)} .button_type6:active{position:relative;top:1px} .input_type{position:relative;height:28px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font-size:12px;font-family:'Nanum Gothic';line-height:30px;padding:0 3px 0 6px;margin:0;border-radius:0;} .wfull_95{width:95%} /* 인사말 */ .greed_top{background:url(/pages/basic/img/sub/greed_bg.png) no-repeat right bottom;padding:80px 0 0 0;border-bottom:1px solid #ddd} .greed_top .title{font-size:20px;font-weight:400} .greed_top .txt{color:#5cb855;font-weight:600;padding:30px 0;font-size:15px} p.sign{padding:40px 0;text-align:right;font-weight:600;font-size:16px} .wrap_introduce_m{display:none;} /* 비전과목표 */ .vision_goals_box{background-size:100%; padding-top:20px} .vision_h3_type{position:absolute; left:0px; width:150px; font-size:26px; color:#3c576e;} .vision_box {border:1px solid #3c86c7; border-top:5px solid #3c86c7;background:#fff; position:relative; padding:37px 30px 30px; width:90%; margin:0 auto 40px ; box-sizing:border-box; left:5%} .vision_box h3 {width:168px; height:40px; border-radius:27px; background:#3c86c7; color:#fff; padding:0; line-height:39px; position:absolute; top:-20px; left:50%; margin-left:-84px; font-size:19px;text-align:center } .vision_box p{color:#010101; font-size:20px; font-weight:400; text-align:center} .value_box{position:relative; height:230px; background:url('/pages/basic/img/sub/sub_vision_bg001.jpg') no-repeat right 0; margin-bottom:15px} .value_box h3 { top:70px; width:120px } .value_box ul li {width:135px; height:135px; border-radius:50%; float:left; padding:58px 10px; box-sizing:border-box; text-align:center; font-size:18px; color:#fff; font-weight:400; position:absolute;} .value_box ul li.value1 {background:#afcb2a; top:30px; left:21.5%} .value_box ul li.value2 {background:#5eb543; top:30px; left:42%} .value_box ul li.value3 {background:#38a07f; top:30px; left:61.5%} .value_box ul li.value4 {background:#407ecb; top:30px; left:82%} .goals_box{position:relative; height:195px;margin-bottom:25px; background:url('/pages/basic/img/sub/sub_vision_bg002.jpg') no-repeat right 70px;} .goals_box h3 { top:65px; width:120px} .goals_box ul {position:relative;width:80%; left:8%;margin:0 auto} .goals_box ul li {width:145px; height:145px; border-radius:50%; float:left; padding:40px 0px 0px 0; box-sizing:border-box; text-align:center; font-size:16px; color:#3d3d3d; font-weight:500; position:absolute; background:#fff;} .goals_box ul li.goal1{top:0px; left:4%; border:solid 10px #afcb2a;} .goals_box ul li.goal2{top:0px; left:30%; border:solid 10px #5eb543} .goals_box ul li.goal3{top:0px; left:55%; border:solid 10px #38a07f} .goals_box ul li.goal4{top:0px; left:80%; border:solid 10px #407ecb} .strategy_box{position:relative; height:285px;margin-bottom:25px; background:url('/pages/basic/img/sub/sub_vision_bg003.jpg') no-repeat right 100px;} .strategy_box h3 { top:85px; width:120px} .strategy_box ul {position:relative;width:80%; height:auto; left:8%;margin:0 auto} .strategy_box ul li {position:absolute;width:130px; height:145px; background:url('/pages/basic/img/sub/strategy_libg.png') no-repeat left 0; color:#fff;text-align:center; font-size:16px;font-weight:500; float:left; padding:40px 0 0 0; } .strategy_box ul li.strategy1{top:0px; left:2%; } .strategy_box ul li.strategy2{top:95px; left:22%; } .strategy_box ul li.strategy3{top:0px; left:41%;} .strategy_box ul li.strategy4{top:95px; left:62%;} .strategy_box ul li.strategy5{top:0px; left:82%;} .push_box{position:relative; height:160px;} .push_box h3 { top:35px; } .push_box > ul {position:absolute; left:15%; width:85%} .push_box > ul > li {width:31%; margin-right:1%;border:1px solid #bebebe; border-bottom:none; color:#656565; font-size:13px; font-weight:400; float:left; border-radius:10px 10px 0 0; padding:20px 10px; box-sizing:border-box; background:#fff; min-height:160px} .push_box > ul > li > ul {margin:0} .assignment_box{position:relative; height:145px;} .assignment_box h3 { top:35px; } .assignment_box > ul {position:absolute; left:15%; width:85%} .assignment_box > ul > li {width:31%; margin-right:1%; border:1px solid #bebebe; border-top:none; color:#656565; font-size:13px; font-weight:400; float:left; border-radius:0 0 10px 10px; padding:0px 10px 20px; box-sizing:border-box; background:#fff; min-height:140px} .assignment_box > ul > li > ul {margin:0; border-top:1px dashed #bebebe; padding-top:15px} .assignment_box > ul > li > ul > li {letter-spacing:-0.02em} /* 연혁 */ .history .view_list { position: relative; margin-top:50px} .history .view_list::before { content: ""; width: 1px; height: 98%; margin: 1% 0; background: url(/pages/basic/img/sub/dot_line.gif); display: block; position: absolute; left: 50%} .history .view_list::after { content: ""; display: block; clear: both; } .history .view_list li dl { width: 100%; padding-right: calc( 50% + 35px ); box-sizing: border-box; text-align: right; } .history .view_list li dl:nth-child(even) { padding-right: 0; padding-left: calc( 50% + 35px ); box-sizing: border-box; text-align: left; } .history .view_list li dt { margin-bottom: 30px; font-size: 31px; position: relative } .history .view_list li dt::before { content: ""; width: 27px; height: 27px; margin-top: -14px; display: block; border: 7px #3d89c0 solid; box-sizing: border-box; border-radius: 14px; position: absolute; top: 50%; right: -49px; background: #fff; z-index: 2; } .history .view_list li dl:nth-child(even) dt::before { left: -49px; } .history .view_list li dd li { margin-bottom: 7px; line-height:22px; position: relative; } .history .view_list li dd li::after { content: ""; width: 7px; height: 7px; margin-top: -4px; display: block; background: #b6c6e9; border-radius: 4px; position: absolute; z-index: 2; top: 50%; right: -39px; } .history .view_list li dl:nth-child(even) dd li::after { left: -38px; } .history .view_list li dd span { margin-right: 10px;font-weight:500} .wrap_fbasis {background:url(/pages/basic/img/sub/fbasisbg.png) no-repeat right bottom;position:relative; width:100%;margin-top:40px;padding-top:40px;border-top:1px solid #d1d7de} /* 조직도 */ #organization{text-align:center;margin:0 auto} #organization img {width:100%; max-width:862px} /* 오시는길 */ .kakaonavi{margin:10px 0;font-size:16px;color:#333;} .navi_iconbox{margin:10px 0 30px} .navi_iconbox a span{padding:15px 10px;color:#333;display:block;float:left} .navi_iconbox img{width:50px;float:left} /* 친환경 */ .ecocar_vision{padding:15px 0;position:relative;height:700px;width:100%;background:url(/pages/basic/img/sub/eco_bg.png) no-repeat center 100px} .ecocar_vision h3{font-size:20px;font-weight:200;color:#333;text-align:center;border:1px solid #3879af;padding:25px 0;border-radius:5px} .ecocar_vision h3 span{color:#3879af;font-weight:600} .ecocar_vision h4{background:#3879af;font-size:18px;color:#fff;text-align:center;position:absolute;left:50%;top:150px;padding-top:70px;width:200px;height:200px;margin-left:-100px;box-sizing:border-box;border-radius:50%} .ecocar_vision .ecocar_box1{background:none;border:1px solid #ddd;width:250px;height:190px;padding:0 20px;position:absolute;left:20px;top:170px;box-sizing:border-box} .ecocar_vision .ecocar_box1 h5{font-size:16px;text-align:center;color:#333;padding:12px 0;background:#3879af;border-radius:5px;color:#fff;position:relative;top:-20px} .ecocar_vision .ecocar_box2{background:none;border:1px solid #ddd;width:250px;height:190px;padding:0 20px;position:absolute;right:20px;top:170px;box-sizing:border-box} .ecocar_vision .ecocar_box2 h5{font-size:16px;text-align:center;color:#333;padding:12px 0;background:#3879af;border-radius:5px;color:#fff;position:relative;top:-20px} .ecocar_vision dl{float:left;position:relative;width:32%;float:left;height:240px;top:350px;margin-right:10px} .ecocar_vision dl dt{background:#9abcd5;color:#fff;text-align:center;padding:15px;font-size:16px;border-radius:7px 7px 0 0;} .ecocar_vision dl dd{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;box-sizing:border-box;min-height:220px} .ecocar_vision dl dd .ul_type4 li{width:49%;display:inline-block;border:1px solid #ddd;border-radius:5px;padding:5px;box-sizing:border-box;text-align:center;font-size:13px} .ul_type4 li::before{clear:both;background:#fff} span.left_triangle{position:absolute;left:290px;top:235px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-right:12px solid #a7b8c6} span.right_triangle{position:absolute;right:290px;top:235px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:12px solid #a7b8c6} /* 친환경 구축사업 */ .ecocar_build{padding:15px 0;position:relative;height:700px;width:100%;background:url(/pages/basic/img/sub/eco_bg3.png) no-repeat center 215px} .ecocar_build .ecocar_buildbox{background:none;border:1px solid #ddd;width:100%; padding: 20px 20px 0px;position:absolute;box-sizing:border-box} .ecocar_build .ecocar_buildbox h5{font-size:16px;color:#333;padding:5px 0;position:relative;border-bottom: 1px dotted #0575c7;} .ecocar_build .ecocar_buildbox h5 span{background: #0575c7;color: #fff; padding: 3px 8px 5px;border-radius: 5px;} .ecocar_build dl{float:left;position:relative;width:32%;float:left;height:240px;top:295px;margin-right:10px} .ecocar_build dl dt{background:#9abcd5;color:#fff;text-align:center;padding:15px;font-size:16px;border-radius:7px 7px 0 0;} .ecocar_build dl dd{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;box-sizing:border-box;min-height:220px} .ecocar_build dl dd .ul_type4 li{width:100%;display:inline-block;border:1px solid #ddd;border-radius:5px;padding:5px;box-sizing:border-box;text-align:center;font-size:13px} .ecocar_build .ecocar_buildbox .ul_type1{margin: 10px 0 20px 15px;} .ecocar_build .ecocar_buildbox .ul_type1 li span{font-size: 12px;padding-left: 20px;color: #666;} /* 국가인적자원개발컨소시엄 공동훈련센터 */ .sub0208_wrap .sub0208_box {background: none; border: 1px solid #ddd; width: 100%;padding: 0 20px;box-sizing: border-box;} .sub0208_wrap .sub0208_box h5 {font-size: 16px; text-align: center; color: #333; padding: 12px 0; background: #3879af;border-radius: 5px; color: #fff; position: relative;top: -20px;} .sub0208_wrap .sub0208_box2 {position: relative; background: url(/pages/basic/img/sub/arrow_bg.png) no-repeat center top;width: 870px;height: 372px; margin: 30px auto;} .sub0208_wrap .sub0208_box2 dl {position: relative;display: block; top: 50px; width: 48.8%;float: left; height: 240px; margin: 30px 5px;} .sub0208_wrap .sub0208_box2 dl dt {background: #9abcd5;color: #fff; text-align: center; padding: 15px; font-size: 16px; border-radius: 7px 7px 0 0;} .sub0208_wrap .sub0208_box2 dl dd {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; box-sizing: border-box;min-height: 220px;} .sub0208_wrap2 {position: relative;} .sub0208_wrap2 .sub0208_box3 {position: relative; width: 870px;margin: 0 auto;} .sub0208_wrap2 .sub0208_box3 dl {position: relative;display: block; width: 32%;float: left;margin: 0 5px 100px;} .sub0208_wrap2 .sub0208_box3 dl dt {color: #fff; text-align: center; padding: 15px; font-size: 16px; border-radius: 7px 7px 0 0;} .sub0208_wrap2 .sub0208_box3 dl.sub0208_green dt{background: #408e01;} .sub0208_wrap2 .sub0208_box3 dl.sub0208_blue dt{background: #0a58ce;} .sub0208_wrap2 .sub0208_box3 dl.sub0208_purple dt{background: #7c0fb4;} .sub0208_wrap2 .sub0208_box3 dl dd {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; box-sizing: border-box;min-height: 550px;} .sub0208_wrap2 .sub0208_box3 dl dd p {border:1px solid #ddd; padding:5px 10px;} .sub0208_wrap2 span.triangle1{position:absolute;left:286px;top:275px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:12px solid #a7b8c6} .sub0208_wrap2 span.triangle2{position:absolute;right:291px;top:275px;border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:12px solid #a7b8c6} /* 인공지능중심산업 융합집적단지 조성사업 */ .sub0209_wrap{padding:15px 0;position:relative;height:865px;width:100%;background:url(/pages/basic/img/sub/sub0209_wrap_bg.png) no-repeat center 100px} .sub0209_wrap h3{font-size:20px;font-weight:200;color:#333;text-align:center;border:1px solid #3879af;padding:25px 0;border-radius:5px} .sub0209_wrap h4{font-size:18px;color:#fff;text-align:center;position:absolute;left:50%;top:136px;padding-top:10px;width:100px;height:100px;margin-left:-55px;} .sub0209_wrap dl{float:left;position:relative;width:32%;float:left;height:240px;top: 230px;margin-right:10px} .sub0209_wrap dl dt{background:#9abcd5;color:#fff;text-align:center;padding:15px;font-size:16px;border-radius:7px 7px 0 0;} .sub0209_wrap dl dd{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;box-sizing:border-box;min-height:289px;background: #fff;} .sub0209_wrap dl dd .ul_type4 li{width:100%;display:inline-block;border:1px solid #ddd;border-radius:5px;padding:5px;box-sizing:border-box;text-align:center;font-size:13px} .sub0209_wrap h5{position: absolute; bottom: 143px; left: 29%;width: 427px;font-size: 17px; color: #fff; margin: 0 auto; text-align: center;} p.sub0209_p {border-top:1px solid #88bee7; color:#0b2d5d; text-align:center; font-size:18px;font-weight: 600; padding-top: 10px;margin-bottom: 30px;} .sub0209_wrap2 {background: #fff url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center bottom; width:100%; height:309px;} .sub0209_wrap2 h3{font-size:20px;font-weight:200;color:#333;text-align:center;border:1px solid #3879af;padding:25px 0;margin-top: 50px;border-radius:5px} .sub0209_wrap2 .sub0209_box2 {background: none; border: 1px solid #ddd; width: 100%;padding: 0 20px 20px;box-sizing: border-box;position: relative;display: inline-block;} .sub0209_wrap2 .sub0209_box2 h5 {font-size: 16px; text-align: center; color: #fff; padding: 12px 0; background: #3879af;border-radius: 5px; color: #fff; position: relative;top: -20px;} .sub0209_wrap2 .sub0209_box2 ul {position: relative; display: block;} .sub0209_wrap2 .sub0209_box2 li {width: 30%; float: left; text-align: center; color: #fff; background: #555; padding: 5px 10px; margin: 0 2px; border: 1px solid #ddd; position: relative; display: inline-block; } .sub0209_wrap3 {background: #fff url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center bottom; width:100%; height:312px;} .sub0209_wrap3 .sub0209_box3 {background: none; border: 1px solid #ddd; width: 100%;padding: 0 20px 20px;box-sizing: border-box;position: relative;display: inline-block;} .sub0209_wrap3 .sub0209_box3 h5 {font-size: 16px; text-align: center; color: #fff; padding: 12px 0; background: #3879af;border-radius: 5px; color: #fff; position: relative;top: -20px;} .sub0209_wrap3 ul{margin-top:10px; position: relative; display: block; height: 100px;} .sub0209_wrap3 li {float:left; width:25%; height: 30px;padding-top: 70px;text-align:center; position: relative; display: inline-block; } .sub0209_wrap3 li.sub0209_icon1{background:url(/pages/basic/img/sub/sub0209_icon1.png) no-repeat center top;} .sub0209_wrap3 li.sub0209_icon2{background:url(/pages/basic/img/sub/sub0209_icon2.png) no-repeat center top;} .sub0209_wrap3 li.sub0209_icon3{background:url(/pages/basic/img/sub/sub0209_icon3.png) no-repeat center top;} .sub0209_wrap3 li.sub0209_icon4{background:url(/pages/basic/img/sub/sub0209_icon4.png) no-repeat center top;} .sub0209_wrap4 {position: relative; width: 870px;height: 355px; margin: 30px auto;} .sub0209_wrap4 dl {position: relative;display: block; width: 48.8%;float: left; height: 240px; margin:0px 5px;} .sub0209_wrap4 dl dt {background: #9abcd5;color: #fff; text-align: center; padding: 15px; font-size: 16px; border-radius: 7px 7px 0 0;} .sub0209_wrap4 dl dd {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; box-sizing: border-box;min-height: 220px;} /* 광주형일자리 */ .sub0206{padding:15px 0;position:relative;width:100%;} .sub0206_box{margin:0 auto; width:100%;} .sub0206 h3{font-size:20px;font-weight:600;color:#3879af;text-align:center;border:1px solid #3879af;padding:25px 0; margin: 30px 0;border-radius:5px} .sub0206 h4.sub0206_con1{position:relative;float:left;margin: 30px; background:#3879af;font-size:18px;color:#fff;text-align:center;padding-top:83px;width:150px;height:150px;box-sizing:border-box;border-radius:50%} .sub0206 h4.sub0206_con2{position:relative;float:left;margin: 30px; background:#3879af;font-size:18px;color:#fff;text-align:center;padding-top:83px;width:150px;height:150px;box-sizing:border-box;border-radius:50%} .sub0206 h4.sub0206_con3{position:relative;float:left;margin: 30px; background:#3879af;font-size:18px;color:#fff;text-align:center;padding-top:83px;width:150px;height:150px;box-sizing:border-box;border-radius:50%} span.left_add{width:23px; height:23px; position:relative;float:left;left:0;top:114px;background:url(/pages/basic/img/sub/add.png) no-repeat} span.right_add{width:23px; height:23px; position:relative;float:left;right:0;top:114px;background:url(/pages/basic/img/sub/add.png) no-repeat} /* 친환경 추진체계 */ .s0202_system{position:relative;height:825px;background:url(/pages/basic/img/sub/s0202_bg.png) no-repeat center top;width:870px;margin:0 auto} .s0202_system h4{position:absolute;width:168px;height:200px;padding:40px 0;text-align:center;left:50%;margin-left:-88px;top:210px;font-size:21px; z-index:99;color:#fff;line-height:26px} .s0202_system h4 span{display:block;font-size:14px;font-weight:300;line-height:18px;margin-top:4px} .s0202_system h5{font-size:15px;line-height:19px;position:absolute;color:#333;text-align:center;z-index:99} .s0202_system h5.s0202_t1{left:219px;top:85px} .s0202_system h5.s0202_t2{right:232px;top:70px} .s0202_system h5.s0202_t3{left:216px;top:421px} .s0202_system h5.s0202_t4{right:232px;top:432px} .s0202_system dl{width:50%;float:left;height:330px;padding:100px 40px;box-sizing:border-box;z-index:1} .s0202_system dl dt{font-size:16px;color:#333;margin-bottom:10px;font-weight:500} .s0202_system dl.s0202_dl1{text-align:right;padding:33px 256px 40px 0} .s0202_system dl.s0202_dl2{padding:33px 0px 0 254px} .s0202_system dl.s0202_dl3{text-align:right;padding:70px 256px 40px 0} .s0202_system dl.s0202_dl4{padding:70px 0px 0 254px} .s0202_system dl.s0202_dl1 dt {color:#0662b0} .s0202_system dl.s0202_dl2 dt {color:#94c11f} .s0202_system dl.s0202_dl3 dt {color:#009fe2} .s0202_system dl.s0202_dl4 dt {color:#54bec7} /* 기업지원 */ .business_support li a{width:100%;padding:20px;border:1px dotted #bbb;display:block;box-sizing:border-box;color:#333;margin-bottom:5px;border-radius:5px;font-size:15px; background:url(/pages/basic/img/sub/business_support_bg.png) no-repeat right center} .business_support li a:hover{border:1px dotted #66a9e3;color:#fff;background:#4a87c3 url(/pages/basic/img/sub/business_support_bg2.png) no-repeat right center} .business_support li a h4{font-weight:400} /* 클린디젤 */ .infra_box dl{clear:both} .infra_title dt{float:left;width:25%;margin-right:5px;margin-bottom:5px;border:1px solid #6abeda;padding:10px;box-sizing:border-box;text-align:center;border-radius:5px;font-size:15px} .infra_title dd{float:left;width:36.5%;margin-right:5px;margin-bottom:5px;border:1px solid #6abeda;padding:10px;box-sizing:border-box;text-align:center;border-radius:5px;font-size:15px} .infra_txt dt{float:left;width:25%;margin-right:5px;margin-bottom:5px;text-align:center;padding:50px 10px;border:1px solid #6abeda;border-radius:5px;box-sizing:border-box;height:120px} .infra_txt dd{float:left;width:36.5%;margin-right:5px;margin-bottom:5px;padding:20px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;height:120px} .infra_txt2 dt{float:left;width:25%;margin-right:5px;margin-bottom:5px;text-align:center;padding:140px 10px;border:1px solid #6abeda;border-radius:5px;box-sizing:border-box;height:310px} .infra_txt2 dd{float:left;width:36.5%;margin-right:5px;margin-bottom:5px;padding:10px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;height:310px;text-align:center;margin-bottom:30px} .infra_t_before{background:#b3d3f3;color:#333;border:1px solid #b3d3f3 } .infra_t_after{background:#2682c6;color:#fff} .infra_txt_before{background:#f9f9f9} .infra_txt_after{background:#f2f2f2} /* 수소스테이션 */ .h2station_box{border-radius:5px;padding:30px 10px 40px 50px;background:url(/pages/basic/img/sub/h2station_bg.jpg) no-repeat 0px center; min-height:165px; background-size:100% } .h2station_box h4 span {color:#2394fd} /* 입주신청 */ .movein_step dl{box-sizing:border-box;width:16.6%;float:left;margin-right:5px;text-align:center;min-height:120px;margin:20px 0px 20px 0px;position:relative;border-right:1px solid #fff;height:130px} .movein_step dl.step01{background:#6dafd8 url(/pages/basic/img/sub/movein_step01.png) no-repeat left top} .movein_step dl.step02{background:#4696c8 url(/pages/basic/img/sub/movein_step02.png) no-repeat left top} .movein_step dl.step03{background:#287aad url(/pages/basic/img/sub/movein_step03.png) no-repeat left top} .movein_step dl.step04{background:#0f659b url(/pages/basic/img/sub/movein_step04.png) no-repeat left top} .movein_step dl.step05{background:#004774 url(/pages/basic/img/sub/movein_step05.png) no-repeat left top} .movein_step dl.step06{background:#002741 url(/pages/basic/img/sub/movein_step06.png) no-repeat left top} .movein_step dl dt{font-size:17px;padding:40px 0 0px;color:#fff;font-weight:500;} .movein_step dl dd{padding:10px;color:#fff} /* 윤리경영 */ .wrap_ethics {position:relative;width:680px;margin:0 auto;border:1px solid #ddd;border-radius:10px;display:inline-block;width:100%;box-sizing:border-box;padding:30px 0} .wrap_ethics .ethtitle {font-family:Nanum Myeongjo; font-size:50px;font-weight:500;line-height:105%;color:#34393b;padding:20px 20px;text-align:center} .wrap_ethics .ethtitle span {color:#3c8ad3} .wrap_ethics .extext {position:relative;padding:30px 30px 40px;width:680px;line-height:160%;color:#666;text-align:center;border-bottom:1px dashed #aaa;margin:0 auto 40px; } .wrap_ethics .textboxgroup {padding:0px 0 0 60px;width:680px;margin:0 auto} .wrap_ethics .textboxgroup li {display:block;margin:10px;background:#fff;opacity:0.97;width:100%;margin:0 auto} .wrap_ethics .textboxgroup li .number {display:block;width:10%; text-align:center; font-family:Nanum Myeongjo;font-size:20px;line-height:140%; color:#565a5c;padding-top:30px; padding-bottom:6px;float:left;font-weight:700} .wrap_ethics .textboxgroup li .conttext {padding:20px;width:80%;display:block;line-height:160%;float:left;height:60px} /* CI */ .ci{width:100%; margin:0 auto; text-align:center} .ci img{margin:0 auto} .ci p{font-size:16px; margin-top:20px; text-align:left} a.btn_download{display:inline-block;height:40px;line-height:43px;padding:0 28px;margin-right:3px;background:#636b70;font-size:15px;color:#fff;text-align:center;font-weight:400;box-sizing:border-box} a.btn_download:before{content:'';display:inline-block;width:20px;height:100%;margin-right:10px;background:url(../img/sub/icon_download_wh.png) no-repeat center;vertical-align:top} a.btn_download:hover{background-color:#273245;text-decoration:none;font-weight:400} .ci_btn_download{width:100%;height:45px; margin:10px 0} .type{float:left; width:100%; margin:0 auto; text-align:center; padding-bottom:10px} .type dl{width:32%; margin:10px 5px; float:left} .type dl dt{margin-bottom:10px; height:70px} .type2{float:left; width:100%; margin:0 auto; text-align:center; padding-bottom:40px} .type2 dl{width:32%; margin:10px 5px; float:left} .type2 dl dt{margin-bottom:10px; height:170px} a.btn_download2{display:inline-block;width:98%; height:35px;line-height:35px;padding:0 28px;margin-right:3px;background:#a4a5a6;font-size:14px;color:#fff;text-align:center;font-weight:400;box-sizing:border-box} a.btn_download2:before{content:'';display:inline-block;width:20px;height:100%;margin-right:10px;background:url(../img/sub/icon_download_wh.png) no-repeat center;vertical-align:top} a.btn_download2:hover{background-color:#273245;text-decoration:none;font-weight:400} /* 기업애로 */ .bgnone { background:none; padding:0 0 5px 8px; margin:20px 0 0 0;} .stepbox{margin:0 auto;text-align: center} .stepbox li {display: inline-block; vertical-align: top; padding-right: 20px; text-align: center; background: url(/pages/basic/img/sub/job_step_arrow.png) no-repeat 100% 40%;} .stepbox li.bgtop {background: url(/pages/basic/img/sub/job_step_arrow.png) no-repeat 100% 24%;} .stepbox li dl dt {border-top: 2px solid #333; border-bottom: 1px solid #333; padding: 10px 15px; color: #0562c1;} .stepbox li dl dd {padding: 15px; border-bottom: 1px solid #ccc;} .stepbox li:last-child {background: none;} .sub0605_step_wrap{margin-bottom:80px;} .sub0605_step_box{width:100%; min-height: 105px;display:block;} .sub0605_step_box2{width:100%; min-height: 115px;display:block;} .sub0605_step_img{width:90px; float:left; margin-right:15px;} .pdlf7{padding-left:6px; } .sub0605_step_text{text-align: justify;padding: 5px 0 15px; margin-left:100px; border-bottom:1px solid #e9e9e9;} .sub0605_step_text2{text-align: justify;padding:0px 0 15px 0; margin-left:103px; border-bottom:1px solid #e9e9e9;} .way_wrap{position:relative;width:100%} .way_wrap li{height:230px;float:left;width:22%; padding: 20px 5px 10px 5px; margin-right:15px;text-align: center;color: #fff;} .way_wrap li:last-child{margin-right:0px;} .way_01{ background:#a5a4a4} .way_02{background:#06b6a9} .way_03{background:#059dcc} .way_04{ background:#5a8dda} .way_wrap{height: 260px;margin-bottom: 50px;} .way_wrap li h2{font-size:15px; letter-spacing:-0.03em; padding: 10px 0 10px;line-height: 20px;} .way_wrap li .way_h2{margin-top:10px} .way_wrap li p{line-height: 20px; padding: 0 10px; font-size: 13px;letter-spacing: -0.04em;} .sub0607{width:100%; margin:0 auto;} .sub0607_logo{width:244px; margin: 0 auto;} .sub0607 h1 {text-align:center;color: #555;font-size: 18px; font-weight: 500; line-height: 24px;padding: 5px 0;} .sub0607 h1 span{color:#3c8ad3} .sub0607_decoTop{width: 453px;margin: 20px auto;} .sub0607_decoTop li{width:145px; height:130px;float:left;margin:0 3px;font-size:14px;color: #555;font-weight: 600; text-align: center;padding-top: 70px;} .sub0607_top01{background:url(/pages/basic/img/sub/sub0607_top01.png) no-repeat;} .sub0607_top02{background:url(/pages/basic/img/sub/sub0607_top02.png) no-repeat;} .sub0607_top03{background:url(/pages/basic/img/sub/sub0607_top03.png) no-repeat;} .sub0607_wrap{position: relative;margin: 0 auto 50px auto; border: 1px solid #ddd; border-radius: 10px; display: inline-block; width: 100%;box-sizing: border-box; padding:10px 0;} .sub0607_wrap h2{font-size: 25px;font-weight: 500;line-height: 105%; color:#3c8ad3;padding: 20px 20px 10px;text-align: center;} .sub0607_wrap p{position: relative;padding: 0px 10px 10px;line-height: 160%;color: #666; text-align: center;} .sub0607_ulBox{margin:0 auto;} .sub0607_ulBox ul{margin: 0 0 20px 15px;} .sub0607_ulBox li{ color: #666;padding-left: 14px; position: relative; margin-bottom: 5px; line-height: 135%;} .sub0607_ulBox li:before {content: '';display: block; position: absolute; left: 5px;top: 8px; width: 3px; height: 3px; background-color: #3b486b;} /*정보공개 경영공시*/ .tabinfo{width:100%;height:370px} .tab{width:100%;margin:0 auto;margin-top:0px;padding-bottom:30px;overflow:hidden} .tab ul{border-left:1px solid #efefef;margin-top:10px} .tab li {float:left;width:33.33%;position:relative;margin-left:-1px} .tab li a{display:block;float:left;width:100%;line-height:60px;font-size:15px;color:#58585a;border:1px solid #ddd;font-weight:300;box-sizing:border-box;text-align:center;position:relative} .tab li a.on, #tab li a:hover.on{color:#fff;font-weight:400;background:#00a0c1;z-index:9} .tab li a:hover{background:#efefef;text-decoration:none;color:#000} .tab4{width:320px;margin:0 auto;margin-top:0px;padding-bottom:10px;overflow:hidden} .tab4 ul{border-left:1px solid #efefef;margin:0 5px} .tab4 li {float:left;width:45%; position:relative;margin-right:10px} .tab4 li a{display:block;float:left;width:100%; border-radius:50%; height:130px;font-size:15px; padding-top:50px;background:#efefef; color:#58585a;border:1px solid #ddd;font-weight:300;box-sizing:border-box;text-align:center;position:relative} .tab4 li a.on, #tab li a:hover.on{color:#fff;font-weight:400;background:#efefef;z-index:9} .tab4 li a:hover{background:#00a0c1;text-decoration:none;color:#fff; font-weight:bold} /* 버튼 */ .btn_apply{position: absolute;float:right; top:440px; cursor:pointer;background:#8a96b1 url(/pages/basic/img/sub/apply_btn_ico.png) right center no-repeat;display:inline-block;min-width:210px;padding:0 18px;height:50px;font-size:16px;line-height:48px;font-weight:500;color:#fff;padding-left:20px;box-sizing:border-box} .btn_apply:hover{background-color:#707684;text-decoration:none; color:#fff} .btn_apply a{ color:#fff} .code_of_conduct{position: relative;width:100%; overflow: auto;} .code_of_conduct .info{width:100%; margin-top:20px; text-align:right} .code_of_conduct h1 {font-size: 30px; text-align: center; color: #555;letter-spacing: -0.04em;padding: 20px 0 10px;line-height: 30px;} .code_of_conduct h2 { font-size: 24px;color: #1461A5; line-height: 36px; font-weight: 400; margin: 40px 0 24px;} .code_of_conduct h3 { font-size: 20px; color: #506273; line-height: 32px; margin: 30px 0 20px;} .code_of_conduct h3 span{font-weight:400;margin-left: 13px;font-size: 18px;} .code_of_conduct p { line-height: 24px; margin-bottom: 20px; color: #555; -ms-word-break: keep-all;word-break: keep-all;} .code_of_conduct ul, .code_of_conduct ol {list-style: decimal;line-height: 30px; margin-bottom: 15px;} .code_of_conduct ul li, .code_of_conduct ol li {margin-left: 24px; margin-bottom: 10px;line-height: 22px;} .code_of_conduct ul.nostyle {list-style: none; margin-top: 10px;} .code_of_conduct ul.nostyle li {margin-left: 0; margin-bottom: 7px;} .code_of_conduct table { margin: 10px 0 15px; width: 100%; font-size: 15px; line-height: 20px;display: block; overflow-x: auto;text-align: center;} .code_of_conduct table th {font-weight: bold; text-align: center; background: #e6e6e6;border: 1px solid #ccc; padding: 8px 10px;} .code_of_conduct table td {border: 1px solid #ccc;padding: 8px 10px;} .table_left_align{text-align:left;} .costumer_board{border:1px solid #e8e8e8; background: #f9f9f9;padding:8px 40px; margin-bottom:10px;letter-spacing:1px;} .costumer_board span{font-weight:600;} /****** Mobile ******/ @media screen and (max-width:690px){ /* 공통 */ .img_type2 img{width:100%} .pc_img{display:none} .p_box img{width:100%} .m_w100per{width:100%} .imgtable img{width:100%} a.btn_dw {display:block;margin-top:2px;padding:10px 30px 10px 10px;line-height:17px} .ul_type1 li{font-size:13px;line-height:155%} /* 이미지삽입 */ .basicimgbox img {width:100%} .m_img{display:block} /* 테이블 */ .table_type1{overflow:hidden;overflow-x:scroll;width:100%} .table_type1 th,.table_type1 td{white-space:nowrap} .table_type1 .m_info{display:block;line-height:20px;color:#2da362;padding:7px 0;font-weight:500} .table_type2{overflow:hidden;overflow-x:scroll;width:100%} .table_type2 th,.table_type2 td{white-space:nowrap} .table_type2 .m_info{line-height:20px;color:#2da362;padding:7px 0;font-weight:700} .table_type3{overflow:hidden;overflow-x:scroll;width:100%} .table_type3 th,.table_type3 td{white-space:nowrap} .table_type3 .m_info{line-height:20px;color:#2da362;padding:7px 0;font-weight:700} /* 로그인 */ .login_box{height:auto;padding:20px 0 20px 0} .login_box fieldset{width:100%;text-align:center;padding-top:0} .login_box fieldset dl{text-align:center;display:block;width:95%;margin:0 auto;overflow:hidden} .login_box dl dt, .login_box dl dd{float:none;width:99%;line-height:30px} .login_box dl dd{display:block;width:96%} .login_box dl dd input{width:100%;display:block;} .login_box .btn_login{width:96%;clear:both;height:50px;line-height:50px;margin-top:5px;margin-left:0;box-sizing:border-box} .join_step_top ol{overflow:hidden;padding-bottom:10px;height:auto} .join_step_top ol .step1, .join_step_top ol .step2, .join_step_top ol .step3, .join_step_top ol .step4{width:50%} .agreeCheck{text-align:center;font-size:15px} .join_step5_box ul li{width:98%} .join_step5_box ul li.bg1{margin-left:0;margin-right:0} .join_step5_box ul li.bg2{margin-left:0;margin-top:10px} .button_type5{color:#fff !important} .worksp1 { float: left; width: 80%; margin-left: 10%;} .worksp2 { float: left; width: 96%; margin-left: 2%;} /* 인사말 */ .wrap_introduce{display:none;} .greed_top{background:url(/pages/basic/img/sub/greed_bg.png) no-repeat right bottom / 50%;padding:20px 0px 0 0;} .greed_top .title{font-size:18px;margin-bottom:50px} .greed_top .txt{color:#5cb855;font-weight:600;padding:30px 0;font-size:15px} p.sign{padding:40px 0;text-align:right;font-weight:600;font-family:Nanum Myeongjo;font-size:16px} .wrap_introduce_m{display:block;} .ci img{margin:0 auto; width:100%} .type dl{width:98%; } .type2 dl{width:98%; } .type2 dl dt{margin-bottom:10px; height:auto} /* 비전과목표 */ .vision_goals_box{background-size:100%} .vision_h3_type {background:none; width:100%;text-align:center;} .vision_box{width:100%; left:0; } .vision_box h3 {font-size:17px} .vision_box p{font-size:17px; line-height:22px} .value_box{height:282px; background:none} .value_box h3{width:100%; font-size:20px; top:100px; z-index:20; background:#e1e4e8; width:80px; height:80px;margin:0 auto; border-radius:50%; text-align:center; left:50%; margin-left:-40px;padding-top:29px;box-sizing:border-box; color:#1d3450;} .value_box ul {width:260px; margin:0 auto; position:relative;} .value_box ul li{width:140px; height:140px; padding:52px 10px; line-height:18px;} .value_box ul li.value1{top:0; left:0px} .value_box ul li.value2{top:0; right:0px;left:unset;} .value_box ul li.value3{top:120px; left:0px} .value_box ul li.value4{top:120px; left:120px;} .goals_box{height:210px; background:none} .goals_box h3 {width:100%; top:0; font-size:20px;} .goals_box ul{width:100%; left:0} .goals_box ul li {background:none; width:46%; height:auto; padding:12px; border-radius:10px;; background:#fff; font-size:15px; font-weight:400 } .goals_box ul li.goal1{left:0; top:35px; border:solid 5px #afcb2a;} .goals_box ul li.goal2{left:48%;top:35px; border:solid 5px #5eb543;} .goals_box ul li.goal3{left:0; top:120px; border: solid 5px #38a07f} .goals_box ul li.goal4{left:48%;top:120px; border:solid 5px #407ecb;} .strategy_box{height:260px; margin-bottom:25px; background:none} .strategy_box h3 {width:100%; top:0; font-size:20px;} .strategy_box ul{width:100%; left:0; top:30px} .strategy_box ul li{width:42%; min-height:50px; font-size:14px; padding:10px 5px; background:#149e79; border-radius:3%} .strategy_box ul li.strategy1{height:auto; left:0; } .strategy_box ul li.strategy2{height:auto; left:48%; top:0} .strategy_box ul li.strategy3{height:auto; left:0; top:95px; } .strategy_box ul li.strategy4{height:auto; left:48%;} .strategy_box ul li.strategy5{height:auto; left:0; top:190px;} .push_box{height:210px; margin-bottom:25px;} .push_box h3{top:0} .push_box > ul{width:100%; left:0; top:30px} .push_box > ul > li {width:32.3%; padding:15px 5px 15px 2px; border-bottom:1px solid #bebebe; min-height:180px} .assignment_box{height:218px} .assignment_box h3 {top:0} .assignment_box > ul{width:100%; left:0; top:30px} .assignment_box > ul > li {width:32.3%; padding:15px 5px 15px 2px; border-top:1px solid #bebebe; min-height:188px} .assignment_box > ul > li > ul {border-top:none; padding-top:0} /* 연혁 */ .history .view_list { position: relative; } .history .view_list::before { content: ""; width: 1px; height: 98%; margin: 1% 0; background: url(/pages/basic/img/sub/dot_line.gif); display: block; position: absolute; left: 16px} .history .view_list::after { content: ""; display: block; clear: both; } .history .view_list li dl { width: 100%; padding-right:0; box-sizing: border-box; text-align: left;margin-bottom:30px } .history .view_list li dl:nth-child(even) { padding-right: 0; padding-left: 0; box-sizing: border-box; text-align: left; } .history .view_list li dt { margin-bottom: 30px; font-size: 31px; position: relative;padding-left:40px } .history .view_list li dt::before { content: ""; width: 27px; height: 27px; margin-top: -14px; display: block; border: 7px #3d89c0 solid; box-sizing: border-box; border-radius: 14px; position: absolute; top: 50%; left: 5px; background: #fff; z-index: 2; } .history .view_list li dl:nth-child(even) dt::before { left: 5px; } .history .view_list li dd{padding-left:40px} .history .view_list li dd li { margin-bottom: 7px; line-height:22px; position: relative; } .history .view_list li dd li::after { content: ""; width: 7px; height: 7px; margin-top: -4px; display: block; background: #b6c6e9; border-radius: 4px; position: absolute; z-index: 2; top: 50%; left: -27px; } .history .view_list li dl:nth-child(even) dd li::after { left: -27px; } .history .view_list li dd span { margin-right: 10px;font-weight:500} .wrap_fbasis {background:url(/pages/basic/img/sub/fbasisbg.png) no-repeat right bottom;position:relative; width:100%;margin-top:40px;padding-top:40px;border-top:1px solid #d1d7de} /* 조직도 */ #organization{text-align:center;margin:0 auto} #organization img{width:100%} /* 오시는길 */ .direct_box img{width:100%} .imgboxe2 li:first-child {width:99%;margin-left:0.5%;margin-bottom:1%} .imgboxe2 li {width:99%;margin-left:1%;} .imgboxe3 li:first-child {width:99%;margin-left:0.5%;margin-bottom:1%} .imgboxe3 li:last-child {margin-left:1%;} .imgboxe3 li {width:49%;margin-left:0.5%} /* 친환경 */ .ecocar_vision{min-height:1350px} .ecocar_vision h3{line-height:21px;font-size:18px;;padding:25px 10px;margin-bottom:10px} .ecocar_vision dl{width:100%;height:auto;margin-bottom:10px;top:0;} .ecocar_vision dl dd{height:auto;min-height:auto} .ecocar_vision h4{position:relative;left:50%;margin-left:-100px;top:30px;background:#3879af} .ecocar_vision .ecocar_box1{position:relative;top:70px;float:left;left:0;background:#fff;width:48%;margin-right:10px;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px} .ecocar_vision .ecocar_box2{position:relative;top:70px;float:left;right:0;background:#fff;width:48%;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px} .ecocar_vision .ecocar_box1 h5{margin-left:10px} .ecocar_vision .ecocar_box2 h5{margin-left:10px} .ecocar_vision dl{top:80px} span.left_triangle{display:none} span.right_triangle{display:none} /* 친환경 구축사업 */ .ecocar_build{min-height:1350px} .ecocar_build dl{width:100%;height:auto;margin-bottom:10px;top:0;} .ecocar_build dl dd{height:auto;min-height:auto} .ecocar_build .ecocar_buildbox{position:relative;} .ecocar_build .ecocar_buildbox h5{margin-left:10px} .ecocar_build dl{top:110px} /* 친환경 추진체계 */ .s0202_system{width:100%;background:url(/pages/basic/img/sub/s0202_msystem.jpg) no-repeat center bottom;height:1030px} .s0202_system h4{position:relative;width:100%;left:auto;top:auto;padding:20px 10px;background:#80bc3a;box-sizing:border-box;text-align:center;margin:0;height:auto } .s0202_system h4 br{display:none} .s0202_system h5{position:relative;padding:10px 0;border-radius:5px;margin:5px 0} .s0202_system h5.s0202_t1{left:auto;top:auto;background:#0662b0;color:#fff} .s0202_system h5.s0202_t2{left:auto;top:auto;right:auto;background:#94c11f;color:#fff} .s0202_system h5.s0202_t3{left:auto;top:auto;background:#009fe2;color:#fff} .s0202_system h5.s0202_t4{left:auto;top:auto;right:auto;background:#5fc4cd;color:#fff} .s0202_system dl{float:none} .s0202_system dl.s0202_dl1{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%} .s0202_system dl.s0202_dl2{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%} .s0202_system dl.s0202_dl3{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%} .s0202_system dl.s0202_dl4{text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;height:auto;width:100%} /* 기업지원 */ .business_support li a{padding:10px 60px 10px 10px;font-size:13px} /* 클린디젤 */ .infra_txt2 img{width:100%} .infra_title dd{width:35%;height:auto;} .infra_txt dt{min-height:220px;height:auto;padding:100px 5px} .infra_txt dd{width:35%;height:auto;min-height:220px;padding:10px} .infra_txt2 dd{width:35%;height:325px;} .infra_txt2 dt{height:auto} /* 입주신청 */ .movein_step dl{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;width:47.5%;float:left;margin-right:0px;text-align:center;min-height:120px;margin:10px 3px;position:relative} /* 수소스테이션 */ .h2station_box{padding:0px 10px 0px 0px;} /* 윤리경영 */ .wrap_ethics .ethtitle {font-size:25px;letter-spacing:-0.5px;font-weight:600} .wrap_ethics .extext {position:relative; left:0; top:0; width:auto; padding:0 20px;padding-bottom:20px} .wrap_ethics .ethtitle br {display:none} .wrap_ethics .textboxgroup {padding:0 20px; width:100%;margin:0 auto;box-sizing:border-box} .wrap_ethics .textboxgroup li .conttext{width:100%;box-sizing:border-box;height:auto;padding:0} .wrap_ethics .textboxgroup li .number{width:100%;box-sizing:border-box} /* 광주형일자리 */ .sub0206_box{width:100%;} .sub0206_conbox{margin-bottom:10px;} .sub0206 h4.sub0206_con1{float:none; margin:30px auto 0 auto;} .sub0206 h4.sub0206_con2{float:none; margin:30px auto 0 auto;} .sub0206 h4.sub0206_con3{float:none; margin:30px auto 0 auto;} span.left_add{display:none;} span.right_add{display:none;} .sub0605_step_img{width:60px;margin-top: 20px;} .sub0605_step_img img{width:60px;} .sub0605_step_box2{padding: 10px 0;} .sub0605_step_text{line-height: 20px;margin-left: 84px;font-size: 13px; letter-spacing: -0.03em;} .sub0605_step_text2{line-height: 20px;margin-left: 84px;font-size: 13px;letter-spacing: -0.03em;} .way_img img{width:75px;} .way_wrap li{width: 100%;height: auto;padding:10px 5px;margin-right: 0px;margin-bottom: 10px;} .way_wrap li p{padding: 0 5px;letter-spacing: -0.05em;} .code_of_conduct table {overflow-x: scroll;width: 878px;overflow: hidden;} /* 국가인적자원개발컨소시엄 공동훈련센터 */ .sub0208_wrap .sub0208_box2{width:100%; height: auto; margin: 30px auto 70px auto;} .sub0208_wrap .sub0208_box2 dl {float:none; width:100%; height: auto; margin: 20px 0px;} .sub0208_wrap .sub0208_box2 dl dd {min-height: 160px;} .sub0208_wrap2 .sub0208_box3{width:100%;} .sub0208_wrap2 .sub0208_box3 dl{width:100%; float:none; margin: 0 5px 40px;} .sub0208_wrap2 .sub0208_box3 dl dd {min-height: auto;} .sub0208_wrap2 span.triangle1{left: 50%; top: 560px; border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent;} .sub0208_wrap2 span.triangle2{left: 50%; top: 820px; border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent;} /* 인공지능중심산업 융합집적단지 조성사업 */ .sub0209_wrap{background:none; height: 895px;} .sub0209_wrap h4 {position: relative;left: 0; top: 10px; margin: 0;width:100%;height: auto; background:#0a62a6 url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center 100px;; padding:10px 0px;} .sub0209_wrap dl {position: relative;height: auto;margin-bottom: 15px;top: 30px;float:none; width:100%; } .sub0209_wrap dl dd {min-height: auto;} .sub0209_wrap h5{bottom:0; left:0; width: 427px; position: relative; font-size: 17px; padding: 13px 0; background: #7539a8; border-radius: 30px; margin: 43px auto 0 auto; text-align: center;} .sub0209_wrap2 {height: 350px;} .sub0209_wrap2 .sub0209_box2 li {width: 100%;padding: 5px 0px;} .sub0209_wrap2 h3 {font-size: 18px;} .sub0209_wrap4 {width:100%; height: auto;} .sub0209_wrap4 dl{ width:100%; height: auto;float:none; margin: 0 0 20px;} .btn_apply{display:none} } /****** Mobile ******/ @media screen and (max-width:590px){ /* 친환경 구축사업 */ .ecocar_build {background: url(/pages/basic/img/sub/eco_bg3.png) no-repeat center 290px;} .ecocar_build dl{top:164px} } /****** Mobile ******/ @media screen and (max-width:500px){ /* 광주형일자리 */ .sub0206 h3{font-size:18px;text-align:center;padding:25px 0;} .sub0206_box ul li.middle{width:90%; margin:0 auto;} .sub0206 h4.sub0206_con1{position:relative;float:none;margin:25px auto 0 auto;font-size:16px;padding-top:62px;width:150px;height:150px;box-sizing:border-box;border-radius:50%} .sub0206 h4.sub0206_con2{position:relative;float:none;margin: 25px auto 0 auto;font-size:16px;padding-top:62px;width:150px;height:150px;box-sizing:border-box;border-radius:50%} .sub0206 h4.sub0206_con3{position:relative;float:none;margin: 25px auto 0 auto;top:0;font-size:16px;padding-top:62px;width:150px;height:150px;box-sizing:border-box;border-radius:50%} span.left_add{width:23px; height:23px; position:relative;top:0;float:none;} span.right_add{width:23px; height:23px; position:relative;top:0;float:none;} .sub0607_decoTop{width:380px;margin: 5px auto;} .sub0607_decoTop li{width:100px;height:80px;font-size: 13px; padding-top:50px;} .sub0607_top01, .sub0607_top02,.sub0607_top03{background-size:100%} /*정보공개 경영공시*/ .tab{width:100%;margin:0 auto;margin-top:0px;padding-bottom:30px;overflow:hidden} .tab ul{border-left:1px solid #efefef;margin-top:10px} .tab li {float:left;width:48.8%;position:relative;margin-left:-1px;} .tab li a{font-size:13px} /* 친환경 구축사업 */ .ecocar_build dl{top:140px} } /****** Mobile ******/ @media screen and (max-width:400px){ .sub0208_wrap2 span.triangle2{left: 50%; top: 840px; border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent;} /* 인공지능중심산업 융합집적단지 조성사업 */ .sub0209_wrap2 {height: 320px;} .sub0209_wrap2 .sub0209_box2, .sub0209_wrap3 .sub0209_box3 {background: #fff;} .sub0209_wrap3 {height: 260px;} } /****** Tablet Device ******/ @media screen and (min-width:691px) and (max-width:899px) { /* 공통 */ /*테이블*/ .table_type1 .m_info, .table_type2 .m_info, .table_type3 .m_info{display:none} .img_type2 img{width:100%} .m_w100per{width:100%} /* 인사말 */ .greed_top{background:url(/pages/basic/img/sub/greed_bg.png) no-repeat right bottom / 50%;padding:20px 330px 0 0;} .greed_top .title{font-size:20px;font-family:Nanum Myeongjo;font-weight:400;margin-bottom:50px} .greed_top .title br{display:none} /* 광주형일자리 */ .sub0206_box{width:100%;} .sub0206_conbox{margin-bottom:10px;} .sub0206 h4.sub0206_con1{float:none; margin:30px auto 0 auto;} .sub0206 h4.sub0206_con2{float:none; margin:30px auto 0 auto;} .sub0206 h4.sub0206_con3{float:none; margin:30px auto 0 auto;} span.left_add{display:none;} span.right_add{display:none;} .propel_wrap dl{width: 100%;float:none;margin: 0 0 10px 0;} /* 비전과목표 */ .vision_h3_type {left:0} .value_box{background:none} .value_box ul li{width:150px; height:150px; padding:52px 10px; } .value_box ul li.value1{left:16%} .value_box ul li.value2{left:34%} .value_box ul li.value3{left:54%} .value_box ul li.value4{left:73%} .goals_box{background:none} .goals_box ul{width:90%; left:9%} .goals_box ul li.goal1{left:2%} .goals_box ul li.goal2{left:23%} .goals_box ul li.goal3{left:44%} .goals_box ul li.goal4{left:65%} .strategy_box{height:260px; background:none} .strategy_box ul li{height:106px} .strategy_box ul li.strategy1{left:0%} .strategy_box ul li.strategy2{top:120px; left:18%} .strategy_box ul li.strategy3{left:33%} .strategy_box ul li.strategy4{top:120px; left:48%} .strategy_box ul li.strategy5{left:66%} .push_box{height:180px} .push_box > ul > li{min-height:180px} /* 오시는길 */ .direct_box img{width:100%} /* 친환경 */ .ecocar_vision{min-height:1350px} .ecocar_vision h3{line-height:21px;font-size:18px;;padding:25px 10px;margin-bottom:10px} .ecocar_vision dl{width:100%;height:auto;margin-bottom:10px;top:0;} .ecocar_vision dl dd{height:auto;min-height:auto} .ecocar_vision h4{position:relative;left:50%;margin-left:-90px;top:53px;background:#3879af;padding-top:55px;width:180px;height:180px;} .ecocar_vision .ecocar_box1{position:relative;top:155px;float:left;left:0;background:#fff;width:49%;margin-right:10px;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px} .ecocar_vision .ecocar_box2{position:relative;top:155px;float:left;right:0;background:#fff;width:49%;padding:0 10px 0 0;border:1px dashed #91ddd3;height:auto;min-height:220px} .ecocar_vision .ecocar_box1 h5{margin-left:10px} .ecocar_vision .ecocar_box2 h5{margin-left:10px} .ecocar_vision dl{top:150px} span.left_triangle{display:none} span.right_triangle{display:none} /* 친환경 구축사업*/ .ecocar_build{min-height:1350px} .ecocar_build dl{width:100%;height:auto;margin-bottom:10px;top:115px;} .ecocar_build dl dd{height:auto;min-height:auto} .ecocar_build .ecocar_buildbox{position:relative;} .ecocar_build .ecocar_buildbox h5{margin-left:10px} /* 친환경 추진체계 */ .s0202_system{width:650px;height: 920px;background:url(/pages/basic/img/sub/s0202_tbg.jpg) no-repeat center 60px;padding-top:10px} .s0202_system h4{padding-top:144px;width:188px} .s0202_system h5.s0202_t1{left:105px;top:177px} .s0202_system h5.s0202_t2{right:95px;top:164px} .s0202_system h5.s0202_t3{left:99px;top:538px} .s0202_system h5.s0202_t4{right:98px;top:554px} .s0202_system dl.s0202_dl1{padding:0 50px 40px 0; text-align:left} .s0202_system dl.s0202_dl2{padding:0 0px 40px 50px} .s0202_system dl.s0202_dl3{padding:300px 50px 0 0; text-align:left} .s0202_system dl.s0202_dl4{padding:300px 0 0 50px} .s0202_system dl.s0202_dl2 br{display:none} /* 클린디젤 */ .infra_txt2 img{width:100%} .infra_title dd{width:35%} .infra_txt dd{width:35%} .infra_txt2 dd{width:35%} /* 입주신청 */ .movein_step dl{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;width:32%;float:left;margin-right:0px;text-align:center;min-height:120px;margin:10px 3px;position:relative} .sub0605_step_img{width:60px} .sub0605_step_img img{width:60px;} .sub0605_step_text{margin-left: 84px;font-size: 13px; letter-spacing: -0.03em;} .sub0605_step_text2{margin-left: 84px;font-size: 13px;letter-spacing: -0.03em;} .way_wrap li{width: 100%;height: auto;padding:10px 5px;margin-right: 0px;margin-bottom: 10px;} .way_wrap li p{padding: 0 5px;letter-spacing: -0.05em;} .code_of_conduct table {overflow-x: scroll;width: 878px;overflow: hidden;} /* 국가인적자원개발컨소시엄 공동훈련센터 */ .sub0208_wrap .sub0208_box2{width:100%; height: auto; margin: 30px auto 70px auto;} .sub0208_wrap .sub0208_box2 dl {float:none; width:100%; height: auto; margin: 20px 0px;} .sub0208_wrap .sub0208_box2 dl dd {min-height: 160px;} .sub0208_wrap2 .sub0208_box3{width:100%;} .sub0208_wrap2 .sub0208_box3 dl{width:100%; float:none; margin: 0 5px 40px;} .sub0208_wrap2 .sub0208_box3 dl dd {min-height: auto;} .sub0208_wrap2 span.triangle1{left: 50%; top: 585px; border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent;} .sub0208_wrap2 span.triangle2{right: 50%; top: 850px; border-top: 12px solid #a7b8c6; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid transparent;} /* 인공지능중심산업 융합집적단지 조성사업 */ .sub0209_wrap{background:none; height: 895px;} .sub0209_wrap h4 {position: relative;left: 0; top: 10px; margin: 0;width:100%;height: auto; background:#0a62a6 url(/pages/basic/img/sub/arrow_bg2.png) no-repeat center 100px;; padding:10px 0px;} .sub0209_wrap dl {position: relative;height: auto;margin-bottom: 15px;top: 30px;float:none; width:100%; } .sub0209_wrap dl dd {min-height: auto;} .sub0209_wrap h5{bottom:0; left:0; width: 427px; position: relative; font-size: 17px; padding: 13px 0; background: #7539a8; border-radius: 30px; margin: 43px auto 0 auto; text-align: center;} .sub0209_wrap2 {height: 350px;} .sub0209_wrap2 .sub0209_box2 li {width: 100%;padding: 5px 0px;} .sub0209_wrap4 {width:100%; height: auto;} .sub0209_wrap4 dl{ width:100%; height: auto;float:none; margin: 0 0 20px;} } /****** Desktop Device ******/ @media screen and (min-width:900px) and (max-width:1150px) { .m_w100per{width:100%} /* 비전과목표 */ .vi_go_box h3{float:none;width:100%} .vi_go_box div{float:none;width:100%} .border_rndbox ul li{width:33%;border-right:1px dotted #ddd;border-bottom:none;padding:15px} .corevalue_box{margin:40px auto;width:670px} .corevalue_box h3{left:286px} .corevalue_box li.value1{left:170px} .corevalue_box li.value2{left:400px} .corevalue_box li.value3{left:170px} .corevalue_box li.value4{left:400px} /* 오시는길 */ .direct_box img{width:100%} /* 친환경 */ .ecocar_vision{width:100%;margin:0 auto} .ecocar_vision h4{left:50%;margin-left:-100px} .ecocar_vision .ecocar_box1{left:0} .ecocar_vision .ecocar_box2{right:0} /* 친환경 추진체계 */ .s0202_system{width:870px} .s0202_system h5.s0202_t1{left:219px;top:87px} .s0202_system h5.s0202_t2{right:233px;top:69px} .s0202_system h5.s0202_t3{left:216px;top:420px} .s0202_system h5.s0202_t4{right:234px;top:432px} .way_wrap li{width: 24%;padding:20px 0px 10px;margin-right: 10px;} .way_wrap li p{padding: 0 5px;letter-spacing: -0.05em;} .value_box{background:none;} .goals_box{background:none;} .strategy_box{background:none;} .strategy_box ul li.strategy2{top:0} .strategy_box ul li.strategy4{top:0} /* 국가인적자원개발컨소시엄 공동훈련센터 */ .sub0208_wrap .sub0208_box2{width:100%;} .sub0208_wrap2 .sub0208_box3{width:100%;} } /****** Desktop Wide Device ******/ @media screen and (min-width:1151px){ /* 비전과목표 */ .vi_go_box h3{float:none;width:100%} .vi_go_box div{float:none;width:100%} .border_rndbox ul li{width:33%;border-right:1px dotted #ddd;border-bottom:none;padding:15px} .corevalue_box{margin:40px auto;width:670px} .corevalue_box h3{left:286px} .corevalue_box li.value1{left:170px} .corevalue_box li.value2{left:400px} .corevalue_box li.value3{left:170px} .corevalue_box li.value4{left:400px} /* 오시는길 */ .direct_box img{width:100%} /* 친환경 */ .ecocar_vision{width:100%;margin:0 auto} } }