.page10 .conBox { display:inline-block; width:100%; margin-bottom:10%; } .page10 .conBox .conText {float:left;width:48%;} .page10 .conBox .conText p { margin-bottom:5%;padding-bottom:5%; border-bottom:3px #eee solid} .page10 .conBox .conText ul {} .page10 .conBox .conText ul li::before {content:''; position:absolute; top:8px; left:8px; width:8px; height:8px; background-color:#a774b3} .page10 .conBox .conText ul li {position: relative; padding-left: 22px;} .page10 .conBox .conImg { float:right;width:45%;} .page10 .conBox .conImg img { width:100%} .page10 .conBox:last-child { margin:0; padding:0; border:0} @media all and (max-width:700px){ .conBox .conText, .conBox .conImg {float: inherit; width: 100%;} .conBox .conText {margin-bottom:5%} } .tableType2 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #ccc; margin-left:5px;} .tableType2 th {border-bottom:1px solid #fff; border-right:1px solid #fff; padding:10px 0;text-align:center; color:#fff; font-weight:500;} .tableType2 th:last-child{ border-right:0;} .tableType2 td {border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6;padding:15px 5px; text-align:center;word-break:keep-all;color:#777; font-size:15px; letter-spacing:0;} .tableType2 td:last-child{ border-right:0;} .tableType3 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #ccc; margin-left:5px;} .tableType3 th {background:#eee;border-bottom:1px solid #fff; border-right:1px solid #fff; padding:10px 0;text-align:center; color:#555; font-weight:500;} .tableType3 th:last-child{ border-right:0;} .tableType3 td {border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6;padding:15px 0; text-align:center;word-break:break-all;color:#777; letter-spacing:0;} .tableType3 td:last-child{ border-right:0;} .tableType3 .tal{ text-align:left; padding-left:30px;} .puplebg th { color:#a774b3} .puplebg tr td:first-child { background:#f3eff7;} .greenbg th { background-color:#59a140} .greenbg tr td:first-child { background:#d0e8cc;} .bluebg th { background-color:#2b4f91} .bluebg tr td:first-child { background:#d9e2ee;} .orangebg th { background-color:#f36903} .orangebg tr td:first-child { background:#eee2d9;} .yellowbg th { background-color:#f3ce03} .yellowbg tr td:first-child { background:#f7f2d6;} .page5 .s02 {width:45%; float: right;} .page5 .s02 img { width:100%} .page5 .s01 {display: inline-block; width: 45%;} @media all and (max-width:800px){ .page5 .s01 { width:100%;} .page5 .s01 p { text-align:center; } .page5 .green_wirte { padding:0; text-align:center; } .page5 .green_wirte .q_m01, .page5 .green_wirte .q_m02 { display:none} .page5 .s02 {width:100%; float: inherit; text-align:center; } .page5 .s02 img { width:80%} } .page5{ position:relative;} .page5 .inner{} .page5 .fs30{ color:#8dc540;} .page5 .fs40{ color:#084742; font-weight:500;line-height: 120%;} .page5 .inner img {right: 60px; max-width: 100%; height: auto; background-image: url(/resources2/images/view_management/overview/overview_management_01.png);} .page5 .green_wirte { padding:50px 0; position: relative;} .page5 .green_wirte .q_m01 {position: absolute; top:0px; left: 0;} .page5 .green_wirte .q_m02 { position: absolute; top: 230px; left: 410px; } .page20 .con{padding:70px 50px;min-height:210px;} .page20 .s00 {margin-bottom:5%} .page20 .s00 .sTit{ position:relative;background:url(./image/sub/1/page20_bg.jpg) no-repeat 50% 50%; background-size:cover; height:600px;} .page20 .s00 .sTit p{ position:absolute;bottom:50px; text-align:center; width:100%; color:#fff; font-family: 'IropkeBatangM';} .page20 .s00 .sTit p span { color:#8dc540; display:block} .page20 .tTxt{ background:#eee; padding:13px 0; text-align:center; margin-top:25px;} .page20 .tTxt span{font-weight:500;} .page20 ul{} .page20 li{ position:relative; float:left;width:calc((100% - 1px) / 2);vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box; margin:0; padding:0; } .page20 li span{ display: block; padding-bottom: 15px; color: #cecece; text-transform: uppercase; font-weight: bold;} .page20 li:nth-child(1){ border-right:1px #ddd solid; border-bottom:1px #ddd solid; border-top:1px #ddd solid;} .page20 li:nth-child(2){ border-bottom:1px #ddd solid;border-top:1px #ddd solid;} .page20 li:nth-child(3){ border-right:1px #ddd solid;border-bottom:1px #ddd solid; } .page20 li:nth-child(4){border-bottom:1px #ddd solid;} .page20 li:nth-child(5){ border-right:1px #ddd solid; border-bottom:1px #ddd solid;} .page20 li:before{ content:''; position:absolute; top:70px; right:70px; width:130px; height:130px;} .page20 .s01 li:nth-child(1):before{background:url(./image/sub/1/page20_1.jpg) no-repeat;background-size:100%; } .page20 .s01 li:nth-child(2):before{background:url(./image/sub/1/page20_2.jpg) no-repeat;background-size:100%; } .page20 .s01 li:nth-child(3):before{background:url(./image/sub/1/page20_3.jpg) no-repeat;background-size:100%; } .page20 .s01 li:nth-child(4):before{background:url(./image/sub/1/page20_4.jpg) no-repeat;background-size:100%; } .page20 li .area{ min-height:50px;} .page20 li .area p{ position:relative; padding-left:20px;} .page20 li .area p:before {content:'';position:absolute;top:10px; left:0;width:10px;height:1px;border-top:1px #777 solid;vertical-align:top;} .page20 li:nth-child(2n+2){ margin-right:0;} .page20 li strong{ display:inline-block; margin-bottom:20px; color:#333;} .page20 .s01 li .sTit{box-shadow:0 -10px 0 rgba(246,191,209,0.7) inset;} .page24{} .page24 .s01{} .page24 .s01 .sTit{ position:relative;background:url(./image/sub/1/page24_bg1.jpg) no-repeat 50% 50%; background-size:cover; height:600px;} .page24 .s01 .sTit p{ position:absolute;top:40px; text-align:center; width:100%; color:#333; font-family: 'IropkeBatangM'; } .page24 .s01 .sTit p span { color:#8dc540; display:block} .page24 .s01 li{ position:relative; display:inline-block; border:1px #ccc solid;width:calc((100% - 80px) / 4); margin-right:20px; margin-bottom:20px;} .page24 .s01 li:nth-child(4n+4){ margin-right:0;} .page24 .s01 li p{ padding:30px 30px 30px 70px;} .page24 .s01 li p span{ position:absolute; left:0; top:0; display:inline-block; width:50px; height:50px; background:#000; color:#fff; text-align:center; line-height:50px;} .page24 .s01 .fs25{ text-align:center; color:#666;font-weight: 300;} .page24 .s02{} .page24 .s02 .sTit{ position:relative;background:url(./image/sub/1/page24_bg2.jpg) no-repeat 50% 50%; background-size:cover; height:600px;} .page24 .s02 .sTit p{ position:absolute; bottom:40px; text-align:center; width:100%; color:#fff; font-family: 'IropkeBatangM'; } .history .year {position: -webkit-sticky;position: sticky;display: inline-block;top: 300px;left: 0;} .history .year p {font-weight: 700;color: #8dc540;font-size: 70px;text-align: center;} .wf-active .history .year p {} .history .year p.end {position: relative;margin-top: 45px;color: #084742} .history .year p.end::before {content: '';position: absolute;top: -45px;left: 50%;width: 1px;height: 50px;background-color: #000;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .history .lists {position: relative;margin-top: -250px;margin-left: 600px;} .history .lists::before {content: '';position: absolute;top: 10px;left: 0;bottom: 10px;width: 1px;background-color: #dbdbdb;} .history .lists li {position: relative;margin-top: 50px;padding-left: 115px;font-weight:400;letter-spacing: 0; color:#333; font-size:17px;} .history .lists li:first-child {margin-top: 0;} .history .lists li::before {content: '';position: absolute;top:15px;left: -8px;margin-top: -8px;width: 17px;height: 17px;background-color: #fff;} .history .lists li::after {content: '';position: absolute;top:15px;left: -4px;margin-top: -4px;width: 5px;height: 5px;background-color: #fff;border: 2px #31a05f solid;border-radius: 100%;} .history .lists li .month {position: absolute;top: 0;left: 15px;letter-spacing: 0; color:#222; } .history .lists li .s_con{ margin-top:10px;} .history .lists li .s_con p{ position:relative; color:#777; font-size:19px; padding-left:20px; font-weight:400;} .history .lists li .s_con p:before{ content:''; position:absolute; top:15px; left:0; width:10px; border-top:1px #777 solid;} .page31 .Goal01 { margin:0 auto; text-align:center; } .page31 .main_title{ margin: 100px; 0;} .page31 .center_img img{ width:100%;} .page31 .work_01 { margin:0 auto;} .page31 .tabcontent0 .work_01 tr td { padding:1.5% 0;} .page31 .tabcontent0 .work_01 .net_title { background-color:#c90d0b; border-radius:10px; color:#fff; } .page31 .tabcontent0 .work_01 .net_title1 {} .page31 .tabcontent0 .work_01 .net_title2 {} .page31 .tabcontent0 .work_01 .net_title3 { border:1px solid #eee;} .page31 .tabcontent0 .work_01 .arrow_side { margin:5px;} .page31 .main_title1{ margin: 100px 0 50px 0;} .page31 .tabcontent1 { margin-bottom:100px;} .page31 .tabcontent1 .work_01 tr th { border-top: 1px solid #c90d0b; border-bottom: 6px solid #c90d0b; padding:1% 0;} .page31 .tabcontent1 .work_01 tr td { border-bottom: 1px solid #ccc; padding:2% 0;} .page31 .tabcontent1 .work_01 .net_title1 { border-right:1px solid #ccc;} .page31 .jinan { width:60%; margin:0 auto;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page32 .Goal01 { margin:0 auto; text-align:center; } .page32 .main_title{ background-image:url('/layouts/bluebDesign_2020/image/sub/32/mountain.jpg');;background-repeat:no-repeat;background-size:contain;background-position:center; position:relative; height:1000px;} .page32 .main_title .sub_write h3{margin-top:100px; padding:100px 0 30px 0; letter-spacing: -2.5px;} .page32 .main_title .sub_write p {} .page32 .main_title .marster{ position:absolute; bottom:-1px; right:19%; width:33%;} .page32 .main_title .marster img {width:100%;} .page32 .main_title .sub_write { text-align:left; padding-left: 22%;} .page32 .main_title .sub_title { position: absolute;bottom: 5%;left: 31%; text-align:left; background-color:#000;} .page32 .main_title .sub_title ul li{ } .page32 .main_title .sub_title .number {writing-mode:lr-tb;} .page32 .sub_title2 { position:absolute;top: 38%; left:22%;font-size: 22px;border-top: 1px solid #fff;padding: 30px;border-bottom: 1px solid #fff;; color:#fff; } .page32 .Goal01 .Goods { margin:200px auto; width:65%;} .page32 .Goal01 .Goods img {width:100%;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page36 { max-width:1350px; margin: 60px auto; font-weight:300; } .page36 .greeting { position:relative;background-image:url('/layouts/bluebDesign_2020/image/sub/36/greeting_back.jpg');background-repeat:no-repeat;background-size:contain;background-position:center; padding:7%; } .page36 .greeting img { position:absolute; top:80px; right:60px;max-width:100%;height:auto;background-image: url(/resources2/images/view_management/overview/overview_management_01.png);} .page36 .red_wirte { padding:100px; position:relative;} .page36 .red_wirte .q_m01{ position:absolute; top:60px; left:105px;} .page36 .red_wirte .q_m02{ position:absolute; top:290px; left:450px;} .page36 .red_wirte .li1{line-height:110%; padding-top:20px;} .page36 .red_wirte p{ letter-spacing:-2px; line-height:165%;} .page36 .bottom_wirte .ba1{ padding:4% 8%; background-color:#fff;} .page36 .bottom_wirte p { padding-bottom:10px; } /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page37 .main_title { text-align:center; margin: 100px auto;} .page37 .Goal01 .sub_01 { height:520px;display:flex;} .page37 .Goal01 .bg01{background-color: #f4f4f4;} .page37 .sub_01 .left_img img{ width:100%; } .page37 .Goal01 .line01 {position:relative;} .page37 .Goal01 .dot_circle {position:absolute; bottom:0; right:0;} .page37 .Goal01 .dot_circle1 {position:absolute; bottom:0; right:0;} .page37 .Goal01 .dot_circle2 {position:absolute; bottom:0; right:37%;} .page37 .sub_01 .right_write { padding:10% 12%;} .page37 .sub_01 .right_write ul li:first-child {font-size:100px; font-weight:800;opacity:0.2; color: #999; position:absolute; top:20%; right:33%;} .page37 .sub_01 .right_write ul li dl dt{ letter-spacing:-1.5px; line-height:120%; margin-bottom:20px;} .page37 .bottom_title {margin:10% 0 5% 10%;} .page37 .bottom_title h3{ letter-spacing:-1.5px; line-height:120%; margin-bottom:20px;} .page37 .so5 { width:80%; text-align:center; margin:0 auto;} .page37 .so5 img{width:100%;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page38 { margin: 100px auto; } .page38 .center_img { position:relative;margin-bottom:100px;} .page38 .center_img img {width:100%;} .page38 .main_title {position:absolute; top:25%; left:7%; text-align:left; line-height:45px; } .page38 .right_line {position:absolute; right:3%; bottom:5%;} .page38 .sub_con { width:100%;} .page38 .sub_wrap {position: relative;} .page38 .sub_wrap ul { border: 1px solid #eee; margin-bottom:200px;background-color: #fff;} .page38 .sub_wrap .line1 {position:absolute; top:29%; left:50%;} .page38 .sub_wrap .line2 {position:absolute; top:66%; left:50%;} .page38 .sub_wrap .circle1 {position:absolute; top:10%; left:-20%; z-index:-10;} .page38 .sub_wrap .circle2 {position:absolute; bottom:-13%; right:-16%; z-index:-10;} .page38 .sub_wrap ul li { display:inline-block; vertical-align:top;} .page38 .sub_wrap ul li img{width:100%;} .page38 .sub_wrap ul li dl dt { margin-bottom:10px;} .page38 .sub_wrap .ma1 { margin-bottom:20px;} .page38 .sub_wrap .right_cont { width:50%; padding: 50px 0 20px 50px ;} .page38 .bottom_title { text-align:center;} .page38 .bottom_title .tmr {margin-top: 50px;} .page38 .bottom_title .tmr td { border-top:1px #eee solid;border-left:1px #eee solid; padding:30px 0px; color:#333} .page38 .bottom_title .tmr td:hover { cursor:pointer; background-color: rgba(248, 247, 216, 0.7); } .page38 .bottom_title .tmr td:last-child {border-right:1px #eee solid} .page38 .bottom_title .tmr tr:last-child td {border-bottom:1px #eee solid} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #page39 h2 { text-align:left;} #page39 .work_01 {text-align:left; margin-bottom:80px;;} #page39 .work_01 caption{display:none;} #page39 .work_01 thead tr th { color:#000; font-size:19px; text-align:center; border-top: 3px solid #666; border-right: 1px solid #c4c4c4; padding:1%;} #page39 .work_01 tbody { font-size:14px;} #page39 .work_01 td { background-color:#fff; padding-left:20px; border-right: 1px solid #c4c4c4} #page39 .work_01 .bo1{border-right:none} #page39 .work_01 td:last-child{border:none} #page39 .work_01 tbody tr .net_title { text-align:left; background-color:#ffeded; color:#000; border-right:1px solid #c4c4c4; padding: 15px 0 15px 40px; font-weight:400; font-size:16px;} #page39 .work_01 thead .net_title {border-right:1px solid #c4c4c4; padding:1%;} #page39 .work_01 tbody tr {border-top:1px solid #c4c4c4;} #page39 .work_01 tbody .net_title2 {border-bottom:1px solid #c4c4c4;} #page39 .work_01 tbody tr .net_title3 {padding:15px;} #tabmenu{ position:relative; height:52px; font-size:15px; padding-top:0px; padding-bottom:100px; text-align:center; width:100%;} #tabmenu ul,.tabmenu ul li{margin:0;padding:0;} #tabmenu ul li{list-style:none; } #tabmenu ul li,.tabmenu ul li a{background:url('/images/bg_tab2_off.gif'); no-repeat} #tabmenu ul li{float:left;margin-right:-1px;line-height:26px} #tabmenu ul li a{display:inline-block; height:50px; line-height:50px;padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0; margin-right:5px;color:#666;cursor:pointer;text-decoration:none !important} #tabmenu ul li a:hover{color:#000} #tabmenu ul li.on a{color:#000;} #tabmenu ul li.on a:after { content: ''; width: 8%; height: 1px; display: block; position: absolute; margin-top: -8px; border-bottom: 5px solid #c00;} #tabcontent0 h3 { margin-bottom:40px;} #tabcontent1 h3 { margin-bottom:40px;} #tabcontent1 .work_01 td { padding-left:0;} #tabcontent2 .sub_box{ position:relative;} #tabcontent2 .center_img img {width:100%;} #tabcontent2 .center_img { position:relative;margin-bottom:100px;} #tabcontent2 .center_img img {width:100%;} #tabcontent2 .main_title {position:absolute; top:25%; right:4%; text-align:left; width:32%;} #tabcontent2 .right_line {position:absolute; right:5%; top:-65%;} #tabcontent2 .sub_box,sub_box1 { text-align:center; } #tabcontent2 .sub_box1 { margin:100px 0;} #tabcontent2 .sub_box .redbox img{ width:100%;} #tabcontent2 .sub_box .redbox_write { position:absolute; top:77%; left:0;} #tabcontent2 .sub_box .redbox_write ul li{width:calc(80% / 3); display:inline-block; text-align:left; padding:0 3%;} #tabcontent2 .sub_box .redbox_write dt {margin-bottom:100px; text-align:center;} #tabcontent2 .left_write {text-align:left; margin-bottom:50px;} #tabcontent2 .left_write dt {margin-bottom:100px;} .detail-lists { margin-top: 50px; display: flex;} .detail-lists li { flex: 1; min-width: 0; } /*.detail-lists li img { width: 100%;}*/ .detail-lists .detail { padding-top: 40px; letter-spacing: -1.1px;} .detail-lists .detail strong { font-size: 24px; font-weight: 700;} .detail-lists .detail p { margin-top: 16px; line-height: 1.6; letter-spacing: -0.8px;} .detail-lists2 { margin-top: 107px;} .detail-lists2 li { display: flex; } .detail-lists2 strong { font-size: 30px; text-transform: uppercase;} .detail-lists2 .column-box { flex: 1; display: flex; flex-direction: column; justify-content: center;} .detail-lists2 .column-box img { width: 100%; height: 100%;} .detail-lists2 .column-box>div { padding-left: 58px;} .detail-lists2 .column-box+.column-box>div { padding-left: 97px;} .detail-lists2 .column-box p { margin-top: 20px; line-height: 1.64;} #tabcontent2 .boxing .box_title .pointicon { display:block; margin-bottom:30px;} #tabcontent2 .boxing .box_title { text-align:center; background-color:#e8e8e8; padding:15%; position:relative;} #tabcontent2 .boxing .box_title .icon{ padding-bottom:50px; } #tabcontent2 .boxing .box_title1 { background-color:#a40000;} #tabcontent2 .boxing .detail {padding:10%;} #tabcontent2 .boxing .box_title .line_gray {border: 10px solid #a40000;width: 250px;display: block;position: absolute;border: ;bottom: -8px;left: 95px; box-shadow:2px 2px 5px -2px;} #tabcontent2 .boxing .box_title .line_rad {border: 10px solid #fff;width: 250px;display: block;position: absolute;border: ;bottom: -8px;left: 95px; box-shadow:2px 2px 5px -2px;} #tabcontent2 .boxing .detail dl dt {margin-bottom:5px;} #tabcontent2 .boxing1 { position:relative; margin:0 auto;background-image:url('/layouts/bluebDesign_2020/image/sub/39/circle2.png');background-repeat:no-repeat;background-size:50%;background-position:center; } #tabcontent2 .boxing1 ul li { display:flex; text-align:left; margin-bottom:50px;} #tabcontent2 .boxing1 .detail { padding: 35px 100px;} #tabcontent2 .boxing1 .detail dl { padding: 35px 100px; border:2px dashed #a0a0a0; width:700px; background-color:#fff;} #tabcontent2 .boxing1 .detail dl dt {margin-bottom:2px;} #tabcontent2 .boxing1 .box_title p {letter-spacing:-1.5px;} #tabcontent2 .boxing1 ul li::before{ border:1px solid #a0a0a0; width:150px; content: ""; display:block; position:absolute;margin:100px 160px; z-index:-1; } #tabcontent2 .boxing1 ul li::after{ border-radius: 100%;width:20px;height:20px; content: ""; display:block; position:absolute;margin:91px 190px; background-color:#fff; } #tabcontent2 .boxing1 .box_title::after{ border-radius: 100%;width:15px;height:15px; content: ""; display:block; position:absolute;margin:-107px 194px; background-color:#a40000; z-index:2;} #tabcontent2 .boxing1 .box_title .line_gray {border-radius: 100%;width:200px;height:200px; background-color:#a0a0a0; display:block; display: table-cell;vertical-align: middle; text-align:center;} #tabcontent2 .boxing1 .box_title .line_rad {border-radius: 100%;width:200px;height:200px; background-color:#a40000;display:block; display: table-cell;vertical-align: middle;text-align:center;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page40 {} .page40 .organ_img {width:100%;} .page40 .img_cha { width:60%; margin:0 auto;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page42{ background:#9F0} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page43{} .page43 .s01{ display:inline-block; width:30%;vertical-align:top; margin-right:5%;} .page43 .s01 dl{ position:relative; border-bottom:2px #084742 solid; margin-bottom:20px;} .page43 .s01 dl dt{ color:#8dc540;} .page43 .s01 dl dd{ margin:7px 0 10px 0;} .page43 .s02{ display:inline-block; width:calc(65% - 4px); vertical-align:top;} .root_daum_roughmap {width: 100% !important;border: none;padding: 0;} .root_daum_roughmap .wrap_map{ height:800px !important;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pa1 { padding-top:10px;} .r1 { color:#8d1607;} .w0{ font-weight:300; } .w1{ font-weight:500; } .w2{ font-weight: 600;} .cfff{color:#FFF;} .cred{color:#cc3300;} .pn2{#1e3451;} .pn1 {color:#fff; padding:10px 20px 20px 20px;} .ac {text-align: center;position: relative; padding-bottom: 10px;border-bottom: 1px #ccc solid;} .place_view{} .place_view li{ display:inline-block; vertical-align:top;} .place_view li:nth-child(1){ width:100%; margin-right:50px; vertical-align:top;} .place_view .info{ position:relative; background:#e4ecef; padding:50px; margin:50px 0;} .place_view .info dl{ line-height:30px;} .place_view .info dl dt{ display:inline-block; width:85px; margin-right:20px; vertical-align:top; font-weight:500; } .place_view .info dl dd{display:inline-block;width:calc(100% - (85px + 24px)); vertical-align:top;} .place_view .info .homepageBtn{ position:absolute; bottom:50px; right:50px; background:#390 url(./image/sub/homepare_arrow.png) no-repeat 90% 50%; color:#fff; border-radius:7px; padding:5px 60px 5px 20px;} .ect_view .ect{ margin-bottom:50px;} .ect_view .ect li{ display:inline-block;width:calc((100% - 169px ) / 6 ); margin-right:30px; vertical-align:top; margin-top:30px; } .ect_view .ect li img{ width:100%; margin-bottom:10px;} @media all and (max-width:1920px){ } @media all and (max-width:1350px){ .page43{ margin:0 15px;} .root_daum_roughmap .wrap_map{ height:500px !important;} } @media all and (max-width:980px){ .inner {width:90%; margin:0 auto} .page43 .s01{ width:100%;} .page43 .s02{ width:100%;} } @media all and (max-width:640px){ .page32 .main_title .sub_write h3{ padding: 0 0 10px 0; margin-top:10px;} .page32 .main_title .sub_write { padding-left:0;} .page32 .main_title { height:335px;} .page32 .main_title .sub_write p { font-size:15px} .page32 .sub_title2 { left:0%; font-size:14px; padding:8px;} .page32 .main_title .sub_title ul li { font-size:13px;} .page32 .Goal01 .Goods { width:100%; margin:100px auto;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page36 { margin:0;} .page36 .red_wirte{ padding-bottom:15px; padding-left:12px; padding-right:0; padding-top:15px;} .page36 .red_wirte p { font-size:18px; line-height:120%;} .page36 .red_wirte span { font-size:18px;} .page36 .red_wirte .li1 { padding-top:0; line-height:120%;} .page36 .greeting { padding:9%;} .page36 .greeting img { top:30px; right:15px;width:22%;} .page36 .red_wirte .q_m01 { top:0px; left:3px; width:3%;} .page36 .red_wirte .q_m02 { top:97px; left:200px; width:3%;} .page36 .bottom_wirte p { padding-bottom:0;} .page36 .bottom_wirte .fs20 { font-size:13px;} .page36 .bottom_wirte span { font-size:13px;} .page36 .bottom_wirte .ba1 { padding:4% 5%;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page37 .Goal01 .sub_01 { height: 520px; display:initial; } .page37 .sub_01 .right_write { padding-left:90px;} .page37 .sub_01 .right_write ul li:first-child {top: 370px;left: 33%; font-size:100px;} .page37 .sub_01 .right_write ul li dl{ margin:30px 0;} .page37 .sub_01 .right_write ul li dl dt { margin-top:10px;} .page37 .so5 { width:100%;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page38 .sub_wrap ul { border:none; text-align:center; margin-bottom:100px;} .page38 .sub_wrap .right_cont { padding: 50px 0; width:85%;} .page38 .sub_wrap .circle1 {display:none;} .page38 .sub_wrap .circle2 {display:none;} .page38 .sub_wrap .line1 {left:44%;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #tabmenu ul li.on a::after{ width:17%;} #tabcontent2 .right_line {top:-31%;} #tabcontent2 .main_title { width:94%; color:#fff;} #tabcontent2 .boxing .box_title .line_gray {border: 7px solid #a40000;width: 120px; left:40px; } #tabcontent2 .boxing .box_title .line_rad {border: 7px solid #fff;width: 120px; left:40px; } #tabcontent2 .boxing .box_title .{border: 7px solid #fff;width: 120px;left: 40px;} #tabcontent2 .boxing .box_title p{font-size:18px;} #tabcontent2 .boxing1 .box_title p{font-size:18px; color:#000;} #tabcontent2 .boxing1 .box_title .line_gray{ background-color: initial;} #tabcontent2 .boxing1 .box_title .good { color:#fff;} #tabcontent2 .boxing1 .box_title .line_rad{background-color: initial;} #tabcontent2 .boxing1 .detail dl { padding:15px; width:80%;} #tabcontent2 .boxing1 ul li{ margin-bottom:0;} #tabcontent2 .boxing1 .box_title::after { display:none;} #tabcontent2 .boxing1 ul li::after{ display:none;} #tabcontent2 .boxing1 ul li::before {display:none;} #tabcontent2 .boxing1 .detail{ padding:30px 0;} #tabcontent2 .main_title { top:17%;} .pa1 { padding-top:2px;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page40 .img_cha {width:100%;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .fs30 {font-size: 20px;} .fs40 {font-size: 25px;line-height: 110%;} .fs50 {font-size: 35px;} .fs70 {font-size: 33px;} .root_daum_roughmap .wrap_map{ height:400px !important;} } @media all and (max-width:480px){ .page31 .main_title { margin:50px 5px;} .page31 .tabcontent0 .work_01 tr td { padding:1.5% 7%;} .page31 .tabcontent1 .work_01 tr th{padding:1% 7%;} .page32 .main_title { height:250px;} .page32 .main_title .marster{bottom: 0px;right: 4%;width: 40%;} .page32 .main_title .sub_write p{ font-size:13px;} .page32 .main_title .sub_title { bottom: 4%;} .page32 .main_title .marster img { width:89%;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page36 .greeting { padding:2%;} .page36 .bottom_wirte .ba1 { padding:2% 2%;} .page36 .greeting .red_jin{ display:none;} .page36 .greeting { background-image:none;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page37 .main_title { margin-top:0; margin-bottom:50px;} .page37 .sub_01 .right_write ul li:first-child {top: 290px; font-size:70px;} .page37 .sub_01 .right_write ul li dl dt{ margin-bottom:10px;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page38 { margin:0; } .page38 .center_img { margin-bottom:20px;} .page38 .main_title{ line-height: 20px; top:11%;} .page38 .bottom_title .tmr tr:last-child td a{ font-size:12px;} .page38 .bottom_title .tmr td {font-size:12px;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #page39 .work_01 tbody tr .net_title { font-size: 13px; padding:15px 5px;} #tabcontent2 .boxing .box_title .line_gray {border: 7px solid #a40000;width: 395px; left:40px; } #tabcontent2 .boxing .box_title .line_rad {border: 7px solid #fff;width:395px; left:40px; } #tabcontent2 .boxing .box_title .pointicon{margin-bottom: 20px;} #tabcontent2 .boxing .box_title p {padding-bottom: 10px;} #tabcontent2 .boxing .box_title{ padding:3%; width:94%;} .detail-lists { display:block; } #tabcontent2 .sub_box1 {margin:40px 0;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pn1 { padding:5px;} .fs25 {font-size: 17px;} .fs30 {font-size: 16px;} .fs35 {font-size: 19px;} .fs40 {font-size: 20px;} .fs50 {font-size: 25px;} .fs70 {font-size: 26px;} .root_daum_roughmap .wrap_map{ height:350px !important;} } @media all and (max-width:375px){ .fs70 { font-size:22px;} .page32 .main_title .marster { bottom:2%; right:0%; width:38%;} .page32 .sub_title2 { font-size:12px; padding:5px;} .page32 .main_title { background-image:none;} .page32 .sub_title2 { top:47%; color:#666; text-align:left;} .page32 .main_title .sub_title {bottom: -8%%; left:1%;} #tabcontent2 .boxing .box_title .line_gray {border: 7px solid #a40000;width: 275px; left:40px; } #tabcontent2 .boxing .box_title .line_rad {border: 7px solid #fff;width:275px; left:40px; } #tabcontent2 .main_title {width: 95%; top:27%;} #tabmenu ul li.on a::after { width:30%;} #tabcontent2 .center_img img { background-color:#666;} } .page7 .s01{ margin:0 8%;} .page7 .s01 .sTit{ position:relative; color:#31a05f; margin:30px 0 10px 0; font-weight:500; padding-left:15px;} .page7 .s01 .sTit:before{ content:''; position:absolute; top:10px; left:0; width:7px; height:7px; background:#31a05f;} /* organ */ /*조직도*/ .org{ padding:30px 0 10px 0; margin-bottom:30px;} /*조직도 첫번째 - 장급*/ .org .step01{ position:relative; margin-bottom:20px; height:130px;} .org .step01 ul{} .org .step01 ul li{} .org .step01 ul li.li001{ position:absolute; top:0; left:50%; margin-left:-150px; width:300px; padding:17px 0; border:9px #31a05f solid; color:#000; background:#fff;text-align:center;border-radius:70px;} .org .step01 ul li.li002{ position:absolute; top:20px; right:20%; } .org .step01 ul li.li002 span{ display:inline-block; background:#999; width:160px;color:#fff; text-align:center;border-radius:10px; font-size:16px;padding:10px 0; margin-bottom:15px; font-weight:300;} .org .step01 ul li.li003{ position:absolute; top:80px; left:10%; width:200px; padding:20px 0; background:#448ccb; color:#fff; text-align:center;border-radius:10px; font-size:16px; font-weight:500;} .org .step01 ul li.li003::before{content: ""; position:absolute; width:320px; top:35px; left:100%; border-top:1px #ccc solid; height:2px;} .org .step01::after{content: ""; display:block;position:absolute; width:0px; top:77px; right: 0; margin: 0 auto;border-right:1px #ccc solid; height:245px; padding:0; left:0;z-index:-1;} .org .step02{ position:relative; margin-bottom:20px; height:130px;} .org .step02 ul{} .org .step02 ul::before{content: ""; position:absolute; width:650px; top:45px; right:0; left:0; margin:0 auto; border-top:1px #ccc solid; height:2px; z-index:-1;} .org .step02 ul li{} .org .step02 ul li.li001{ display:none;position:absolute; top:0; left:50%; margin-left:-150px; width:300px; padding:17px 0; text-align:center; } .org .step02 ul li.li001::before{content: ""; position:absolute; width:550px; top:45px; right:0; margin:0 auto; border-top:1px #ccc solid; height:2px; z-index:-1;} .org .step02 ul li.li002{ position:absolute; top:10px; right:300px; width:300px; padding:17px 0; background:#ccc; color:#333; text-align:center;border-radius:70px; font-weight:500;} .org .step02 ul li.li003{ position:absolute; top:10px; left:300px; width:300px; padding:17px 0; background:#ccc; color:#333; text-align:center;border-radius:70px; font-weight:500;} .org .step03{ position:relative; margin-bottom:20px; height:200px;} .org .step03 ul{} .org .step03 ul li{} .org .step03 ul li.li001{ position:absolute; top:0; left:50%; margin-left:-150px; width:300px; padding:17px 0; border:9px #c5a638 solid; background:#fff; color:#333; text-align:center;border-radius:70px; } .org .step01 span{ padding:25px 0; text-align:center; background:#1d3e9e; color:#fff; font-size:20px; font-weight:500; border-radius:10px;} .org .step01 a{ color:#fff;} .org .step01 .r_org{ position:absolute; right:0; top:0;} .org .step01 .r_org span{ width:20%; background:#999; padding:30px 0; text-align:center;} .m_org{ display:none;} @media all and (max-width:1920px){ .org .step01{ height:100px;} .org .step01::after{height:245px;} .org .step01 ul li.li001{ width:220px; margin-left:-110px; border:7px #000 solid;} .org .step02{ height:100px;} .org .step02 ul li.li001{width:220px; margin-left:-110px; border:7px #555 solid;} .org .step02 ul li.li002{width:220px; right:100px;} .org .step02 ul li.li003{width:220px; left:100px;} .org .step03{ height:150px;} .org .step03 ul li.li001{width:220px; margin-left:-110px; border:7px #999 solid;} .org .step02{ width:95%;} .org .step02 > div li{ padding-left:15px; font-size:15px;;} .org .step02 > div li:before{ top:11px; width:7px;} .org .step02::before{width:870px;margin-left:-417px;} } @media all and (max-width:1200px){ .m_org { display:block;} .m_org img { width:100%} .org{ display:none;} } @media all and (max-width:480px){ .tableType3 th, .tableType3 td { font-size:12px;} } @media all and (max-width:800px){ .page20 .con{ min-height:250px;} .page20 .s00 .sTit p { font-size:27px; line-height:120%} .page24 .s01 .sTit p { font-size:27px; line-height:120%} .page24 .s01 .fs25 br { display:none} .page7 .s01 { margin:0 0%} } @media all and (max-width:680px){ .page20 li{ width:100%;} .page20 li:nth-child(1){ border-right:0;border-bottom:1px #ddd solid;} .page20 li:nth-child(3){ border-right:0;border-bottom:1px #ddd solid;} .page20 li:nth-child(2){ border-bottom:1px #ddd solid; border-top:none;} .page20 li:nth-child(5){ border-right:0;} .page20 .con{ min-height:auto; padding:50px 30px;} } @media all and (max-width:480px){ .page20 .s00 .sTit { height:300px;} .page20 .s00 .sTit p { font-size:16px; } .page20 .con{padding:30px 20px;} .page20 li:before{ width:50px; height:50px; top:50px; right:10px;} } /* 슬라이더 */ .ir{display:block;background-image:url(ir_icon.png);background-repeat:no-repeat;overflow:hidden;font-size:0;line-height:0;text-indent:-999em} .contSlider{ position:relative;} .contSlider .swiper-container{overflow:hidden;position:relative;width:100%;margin:70px auto 0;text-align:center;z-index:1} .contSlider .swiper-container .swiper-slide, .contSlider .swiper-container .swiper-slide p{opacity:.5} .contSlider .swiper-container .swiper-invisible-blank-slide{visibility:hidden;} .contSlider .swiper-container .swiper-button-prev, .contSlider .swiper-container .swiper-button-next{display:inline-block;margin:25px 5px;width:60px;height:60px;position:static;background:none;} .contSlider .swiper-container .swiper-button-prev a, .contSlider .swiper-container .swiper-button-next a{width:100%;height:100%} .contSlider .swiper-container .swiper-button-prev a{background:url(./image/sub/swiper_prev.png) no-repeat no-repeat 0 0px;} .contSlider .swiper-container .swiper-button-next a{background:url(./image/sub/swiper_next.png) no-repeat no-repeat 0 0px;} .contSlider .swiper-container .swiper-button-prev a:hover{background:url(./image/sub/swiper_prev_over.png) no-repeat 0 0px;} .contSlider .swiper-container .swiper-button-next a:hover{background:url(./image/sub/swiper_next_over.png) no-repeat 0 0px;} .contSlider .swiper-container .swiper-button-prev.swiper-button-disabled, .contSlider .swiper-container .swiper-button-next.swiper-button-disabled {display:none} .contSlider .swiper-container .swiper-slide-active, .contSlider .swiper-container .swiper-slide-prev, .contSlider .swiper-container .swiper-slide-next, .contSlider .swiper-container .swiper-slide-active p, .contSlider .swiper-container .swiper-slide-prev p, .contSlider .swiper-container .swiper-slide-next p{opacity:1} .contSlider .swiper-container .swiper-slide-duplicate-prev, .contSlider .swiper-container .swiper-slide-duplicate-next{opacity:.35;} .contSlider .swiper-container .swiper-slide p{margin-top:20px;font-size:20px} .contSlider .swiper-container .swiper-slide img{display:block;width:100%;background:#fff;box-shadow:0 13px 21px 0 rgba(153, 159, 183, .1);}