.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 #222 solid; margin-bottom:20px;}
.page43 .s01 dl dt{ color:#999;}
.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;}


@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){
	.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;}


}