.con_head {height: 90px; border-bottom: 1px dashed #d9d9d9;margin-bottom:20px}
.con_head h2 {font-size:26px; line-height:60px; padding-top:15px;}
.con_body {position:relative;margin-top:20px;font-weight:300;padding-bottom:100px;}
.con_body p {word-break:keep-all;text-align: justify;}
.con_body .boxbasic  {margin-top:30px}
.icon_tit {position: relative; margin: 2px 0 10px; padding-left: 22px; color: #000; font-size: 22px; font-weight: 700;}
.icon_tit:after {content: ""; position: absolute; top: 50%;transform:translateY(-50%); left: 0; width: 15px; height: 15px; background: url(./../image/sub/h4.png) no-repeat center left;}
.con_list01 li {padding-left: 10px; position: relative; line-height: 1.6;}
.con_list01 li:after { content: ""; display: block; top: 8px;position: absolute; left: 0; width: 3px; height: 3px; background: #111111;}

.tb_scroll { position: relative; overflow-x: auto; overflow-y: hidden;}
.basic_tb01 { text-align: center; border-spacing: 0; position: relative; width: 100%; font-size: 17px; line-height: 1.6; margin: 5px 0 15px -1px; border-top: 2px solid #000; -webkit-overflow-scrolling: touch; word-break: keep-all;}
.basic_tb01 th { padding: 10px 15px; vertical-align: middle; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #f3f3f3;}
.basic_tb01 td { padding: 10px 15px; vertical-align: middle; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.basic_tb01 td.al_le {text-align:left} 
.basic_tb01 td.ba_y {background:rgba(235,241,131,0.5)}
.basic_tb01 td.ba_b {background: rgba(184,242,255,0.5);}
.basic_tb01 td.ba_r {background: rgba(247,216,224,0.5);}
.basic_inner h5{font-size: 18px; font-weight: 500; margin-bottom: 10px;margin: 30px 0 5px;padding-left:25px; position:relative;}
.basic_inner h5:before {content:"\e9cd";font-family: "xeicon";position:absolute;width:20px; height:20px;left:0;line-height: 24px;}
.basic_inner h5:first-child { margin: 0 0 5px;}
.basic_inner h5 i {margin-right:8px}
.tb_scroll h5{font-size: 18px; font-weight: 500; margin-bottom: 10px;margin: 30px 0 5px;padding-left:25px; position:relative;}
.tb_scroll h5:before {content:"\e9cd";font-family: "xeicon";position:absolute;width:20px; height:20px;left:0;line-height: 24px;}
.tb_scroll h5:first-child { margin: 0 0 5px;}
.tb_scroll h5 i {margin-right:8px}
.basic_tb01 td h5 { text-align: left; padding-left: 20px; font-size: 17px;  line-height: 30px; position: relative;}
.basic_tb01 td h5:before { content: ""; display: block; position: absolute; top: 50%;  transform: translateY(-50%); left: 0; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #333;}
.conul_list li { padding-left: 30px; position: relative; text-align: left;}
.conul_list li::before {content: ""; display: block;width: 3px; height: 3px; background: #ddd; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.basic_inner p span { margin-left: 10px; color: #af1616; display: inline-block; font-size: 14px;}
.tb_scroll span { margin-left: 10px; color: #af1616; display: inline-block; font-size: 14px;}
/*센터소개*/
.intro_box {width: 100%; margin-bottom: 50px; padding-top: 300px; background: no-repeat center top; background-image: url(./../image/sub/center_bg.jpg);}
.intro_box.carbon { background-image: url(./../image/sub/barbon_bg.jpg);}
.intro_box .intro_inner {position: relative; width: 83%; min-height: 200px; margin: 0 auto; padding: 40px 40px 40px 188px; border: 1px solid #fdfdfd; background: #fff;  box-shadow: 8px 8px 20px rgba(0,0,0,0.08);}
.intro_box .intro_inner:before {content:"";display:block;position:absolute;top:40px;left:40px;width:110px;height:110px;border-radius:100%;background:#f4f9f9 no-repeat center center;background-image: url(./../image/sub/main-icon2.png);}
.intro_tit {color: #01182a; font-size: 28px; font-weight: 500;}
.intro_box .intro_inner p{position: relative; margin-top: 20px; padding-top: 25px; color: #475b6a; line-height: 1.5;}
.intro_box .intro_inner p:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 1px; background: #01182a;}

/*조직도*/
.group_img {margin-bottom:50px}
.sorg_w {position:relative;  width:1120px; height:580px; background:#fff url("./../image/sub/rinfo_04_img_bg.png")no-repeat top center}
.sorg_d1 {position:absolute; top:30px; left:490px; background:#025aaa;  padding:50px 40px; border-radius:70px;  }
.sorg_d3 {position:absolute; top:280px; left:385px; background:#625374;  padding:13px 0; width:31%;  }
.sorg_d4 {position:absolute; top:170px; right:145px; background:#4f5da6;  padding:13px 0; width:21%;  }
.sorg_d5 {position:absolute; top:195px; left:105px; background:#c7d300;  padding:13px 0; width:24%;  }
.sorg_d6 {position:absolute; bottom:0; left:180px; background:#188c64;  padding:13px 0; width:67%;  }
.sorg_d7 {position:absolute; top:195px; left:735px; background:#126f31;  padding:13px 0; width:25%;  }
.sorg_t {font-weight:600; color:#fff; font-size:21px; text-align:center;}

/*
.sorg_d5 {position:absolute; top:410px; left:180px; background:#48771c;  padding:13px 0; width:32%;  }
.sorg_d6 {position:absolute; top:410px; left:585px; background:#188c64;  padding:13px 0; width:32%;  }
.sorg_d2{position:absolute; width:31%;  border:5px solid #ddd; }
.sorg_d2_bg2 {background: #74a149; top:490px; left:180px;}
.sorg_d2_bg3 {background: #24ae7f; top:490px; left:585px;}
*/
.sorg_d2{position:absolute; width:24%;  border:5px solid #ddd; }
.sorg_d2 h4{width:100%; text-align: center;font-size: 21px; padding:15px 0 13px;color: #fff; font-weight: 600; }
.sorg_d2.sorg_line01 ul {min-height:30px;text-align:center}
.sorg_d2.sorg_line01 ul li {padding-left:0;background:none}
.sorg_d2 ul{padding: 13px 10px; min-height:112px; background: #fff;}
.sorg_d2 ul li{background:url("./../image/sub/li01_bg.png") no-repeat 0px 11px; font-size:16px; padding-left:11px; width:100%; line-height:180%; letter-spacing:-0.5px;font-weight:300}

.sorg_d2_bg2 {background: #74a149; top:310px; left:105px;}
.sorg_d2_bg3 {background: #24ae7f; top:310px; left:420px;}
.sorg_d2_bg4 {background: #209447; top:310px; left:735px;}
.sorg_d2_bg5 {background: #0a2c65; top:30px; left:420px;}


/*목표및비전*/
.vision_box { border-top: 3px solid #f0f1f3; border-bottom: 3px solid #f0f1f3; padding: 45px 0 24px; margin: 50px 0 30px; position: relative}
.vision_box .vs_tit .tit_round { position: absolute; width: 230px; height: 50px; line-height: 50px; background: #222864; color: #fff; border-radius: 50px; top: -25px; left: 50%; transform: translateX(-50%);}
.vision_box .vs_tit .tit_round strong { line-height: 50px; font-size: 28px; text-align: center; display: block; position: relative}
.vision_box .vs_tit .tit_round strong:before,.vision_box .vs_tit .tit_round strong:after { content: ""; width: 10px; height: 10px; border-radius: 50%; display: block; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 10px;}
.vision_box .vs_tit .tit_round strong:after { right: 10px; left: inherit}
.vision_box .vs_tit h1 { font-size: 28px; line-height: 50px; text-align: center; font-weight: 500;}
.vision_box .vs_tit h1 em { font-weight: 700; color: #014ba0; font-style: normal;}
.vision_box .vs_tit h1:before { content: ""; display: block; width: 58px; height: 50px; top: 20px; left: 0; position: absolute; background: url(./../image/sub/cts62_bg.png) no-repeat 0 0;}
.vision_box .vs_tit h1:after { content: ""; display: block; width: 58px; height: 50px; top: 20px; right: 0; position: absolute; background: url(./../image/sub/cts62_bg.png) no-repeat -62px 0;}

.mission_area {position: relative}
.mission_area .tit_circle { z-index: 4; width: 250px; height: 250px; margin: 50px auto; background: #222864; border-radius: 50%; position: relative;}
.mission_area .tit_circle::before { content: ""; display: block; position: absolute; width: 210px; height: 210px; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 50%;}
.mission_area .tit_circle span { position: absolute; z-index: 2; font-weight: 700; line-height: 30px; text-align: center; left: 50%; transform: translateX(-50%); top: 55px}
.mission_area .tit_circle span:after { content: ""; position: absolute; top: 30px; height: 3px; width: 50px; left: 50%; transform: translateX(-50%); background: #222864}
.mission_area .tit_circle h2 { font-weight: 500; position: relative; font-size: 24px; padding-top: 100px; text-align: center; line-height: 1.6}
.mission_area .tit_circle h2 strong { color: #014ba0;}
.mission_area .msbox { position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.mission_area .msbox ul { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; align-items: center; align-content: space-around;}
.mission_area .msbox ul li {letter-spacing: -1px; padding: 0 35px; width: 45%; margin-bottom: 60px; font-size: 17px; height: 85px; line-height: 1.6; background: #f0f1f3; border-radius: 20px; display: table}
.mission_area .msbox ul li:nth-child(3) { margin-bottom: 0}
.mission_area .msbox ul li:nth-child(4) { margin-bottom: 0}
.mission_area .msbox ul li:nth-child(2n) p{ text-align: right;}
.mission_area .msbox ul li p { display: table-cell; vertical-align: middle;font-weight: 500; font-size: 22px;color: #222864;}

.clist_box {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.clist_box > div  {width:32%;margin-top: 50px; position: relative}
.clist_box .c_box .c_tit {position: absolute; top: -25px; left: 50%; transform: translateX(-50%);}
.clist_box .c_box .c_tit span { min-width: 220px; display: block; text-align: center; background: #222864; color: #fff; border-radius: 10px; line-height: 50px; font-weight: 600;}
.clist_box .c_box .c_tit span:before, .clist_box .c_box .c_tit span:after { content: ""; width: 10px; height: 10px; border-radius: 50%; display: block; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 10px;}
.clist_box .c_box .c_tit span:after { right: 10px; left: inherit}
.c_ul {padding: 40px 15px 15px; border: 1px dashed #555; border-radius: 10px;min-height: 150px;}
.c_ul li { padding-left: 10px; position: relative; line-height: 1.6}
.c_ul li:after { content: ""; display: block; top: 50%; transform: translateY(-50%);position: absolute; left: 0; width: 3px; height: 3px; background: #111111;}


/*오시는길*/
.con_body .root_daum_roughmap .wrap_map {width:100%; height:550px}
.map_info {color: #fff;display: flex;  flex-direction: row; justify-content: space-between; flex-wrap: nowrap;}
.map_info .text_col {height:100px;padding:0 20px;display: table;}
.map_info .text_col.left {width: 40%; background: #1d9980;position:relative;padding-left: 105px;}
.map_info .text_col.left :before {content: '';display:block; position:absolute; top:calc(50% - 26px); left:33px; width:53px; height:53px; border-radius:50%; background:#fff url(./../image/sub/map_api_icon.png) center no-repeat;}
.map_info .text_col.right {width: 60%; background: #888;}
.map_info .text_col .map_wrap { display: table-cell; vertical-align: middle;}
.map_info .text_col.left h2 {font-size: 20px; font-weight: 700; padding: 0; margin: 0;}
.map_info .text_col ul .map_item {position:relative;padding-left:20px}
.map_info .text_col ul .map_item:before {content: '';display:block; position:absolute; top:13px; left:0; width:9px; height:2px; background-color:#fff; transform:rotate(-45deg);}

/*사업소개*/
.business_box { padding: 5px; background: url(./../image/sub/pt_line3.png)repeat; margin-bottom: 40px}
.business_box .box_inner { position: relative;  padding: 30px 25px;}
.business_box .box_inner.consulting { background: #fff url(./../image/sub/consulting.png)no-repeat right; background-size: contain;}
.img_ul {display: flex; flex-direction: row; justify-content: space-between; margin: 0 40px;}

.business_box .box_inner:after { display: block; content: "";  clear: both}
.business_box .box_inner .box_left { float: left;}
.business_box .box_inner .box_left h3 {font-size: 20px; line-height: 1.5; font-weight: 500}
.business_box .box_inner .box_left h2 {font-size: 30px; color: #222864; line-height: 2; padding-left: 60px; position: relative;font-weight: 500;}
.business_box .box_inner .box_left h2:before { content: "";  display: block; width: 35px; height: 3px; left: 0; top: 50%; transform: translateY(-50%); background: #222864; position: absolute}
.business_box .box_inner .box_left h2:after { content: ""; display: block; width: 13px; height: 13px; left: 35px; top: 50%; transform: translateY(-50%);background: #222864; position: absolute; border-radius: 50%;}
.business_box p { word-break: keep-all; margin-top: 10px; position:relative;padding-left:15px}
.business_box p:after {content:""; width:0;height:0; border-left:8px solid #8b1616; border-top:4px solid transparent; border-bottom:4px solid transparent; position:absolute;display:block; left:0; top:6px}
.business_box p + p { margin-top: 0}
.obj_box { position: relative; width: 100%; padding: 20px; border: 2px solid #dfe6ee; background: #fff; margin: 20px 0}
.obj_box:before { content: ""; position: absolute; top: -2px; left: -2px; width: 50px; height: 50px; border-top: 4px solid #e87e00; border-left: 4px solid #e87e00;}
.obj_box:after { content: ""; position: absolute; bottom: -2px; right: -2px; width: 50px; height: 50px; border-bottom: 4px solid #2a384a; border-right: 4px solid #2a384a;}
.obj_box h3 { font-size: 24px; text-align: center; color: #17335a; line-height: 1.5;}
.obj_box h3 i { margin-right: 10px; color: #af1616}
.step_use { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;}
.step_use dl { width: 29%; text-align: center; position: relative}
.step_use dl:after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -47px; width: 20px; height: 20px; background: url(./../image/sub/aro_step.gif)no-repeat center;}
.step_use dl:last-child:after { display: none}
.step_use dl dt { background: #2a384a; font-size: 18px;  padding: 13px 0; border-radius: 10px; color: #fff; font-weight: 500;}
.step_use dl dd { border: 1px dashed #2a384a; border-radius: 10px;  padding: 25px 0 15px;  margin-top: -10px;font-size: 22px; font-weight: 500; color: #2a384a;}
.tavle_step {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between;}
.tavle_step dl {margin-bottom: 40px;position: relative}
.tavle_step dl:last-child {margin-bottom:0}
.tavle_step dl dt {padding: 10px 0; border-radius: 10px; border: 1px dashed #ddd; font-weight: 500;}
.tavle_step dl:after { content: ""; display: block; position: absolute; transform: translateX(-50%) rotate(90deg);  left: 50%;  bottom: -30px; width: 20px; height: 20px; background: url(./../image/sub/aro_step.gif)no-repeat center;}
.tavle_step dl:last-child:after {display:none}

.fill_box {background: #f7f7f7;padding: 15px 30px; position: relative;margin-bottom:20px}
.fill_box:after {content:"*";display:block; position:absolute; top:15px;left:15px; color:red; font-weight:500}

.ictdl {margin:20px 0;}
.ictdl:after {display:block; content:""; clear:both}
.ictdl dt {background:#1a3257;float:left; width:220px;margin-right:30px;text-align:center;height:70px;display:table;border-radius: 25px;color:#fff;font-weight:500;position:relative}
.ictdl dt:after {position: absolute; content:"";width:30px; height:1px; background:#ddd;right:-30px; transform: translateY(-50%);top:50%;}

.ictdl dd {float:left; width:calc(100% - 380px);height:70px;display:table; border: 1px dotted #cbcbcf; border-radius: 25px;padding:18px;position:relative}
.ictdl dd:before {position:absolute; width:10px; height:10px;content:""; left:5px; top:50%; transform: translateY(-50%);border-radius: 50%;}
.ictdl.dl01 dd:before {background:#40d4e2}
.ictdl.dl02 dd:before {background:#41a7e1}
.ictdl.dl03 dd:before {background:#4383dd}
.ictdl dt span, .ictdl dd span {display:table-cell; vertical-align: middle;}


.boxbasic .conb_tit {margin: 50px 0; word-break: keep-all; font-size: 40px; text-align: center; font-weight: 700;}
.box_content [class^="con_box"] { display: flex; margin-bottom: 30px;}
.box_content [class^="con_box"] h3 {flex-shrink: 0;  width: 195px;}
.box_content [class^="con_box"] h3 em {display: inline-block; padding-top: 10px; border-top: 2px solid #d0d0d0; font-size: 20px;font-weight:500; margin-bottom:10px;}
.box_content .con_box1 > div {flex-grow: 1; display: grid; place-items: center; font-size: 20px; text-align: center;}
.box_content .con_box1 div {border-radius: 10px;box-shadow: 3px -8px 25px #c0c9d7 inset, 3px -8px 25px #ffffff inset;}
.box_content .con_box1 div p {font-weight:500;font-size:24px;padding: 20px 100px; text-align: center;}
.box_content .con_box1 div p em {color:#1f55a5;font-weight:700; font-size:26px;}
.box_content .con_box1 div p span {color:#138253;font-weight:700; font-size:26px;}

.box_content .con_box2 .box2in{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;padding:0}
.box_content .con_box2 .box2in > div {width:49%;background:#f3f4f7;border:1px solid #bcc6d4;margin-bottom:20px;padding:10px 20px}
.box_content .con_box2 .box2in > div p {text-align:center; font-weight:500;font-size:18px}
.box_content .con_box2 .box2in > div p span{display:block;font-weight:700;font-size:24px}
.box_content .con_box2 .box2in > div:nth-child(1) p span{color:#1c52a4}
.box_content .con_box2 .box2in > div:nth-child(2) p span{color:#209da0}
.box_content .con_box2 .box2in > div:nth-child(3) p span{color:#027947}
.box_content .con_box2 .box2in > div:nth-child(4) p span{color:#846fc0}
.box_content .con_box3 .box3in {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; border:1px solid #ddd; padding:20px;}
.box_content .con_box3 .box3in p {font-size: 26px; font-weight: 500; text-align: center; width: 100%;}
.box_content .con_box3 .box3in p span {font-size: 30px; font-weight: 700; color: #18417d;}
.box_content .con_box3 .box3in .round_b {display: flex; flex-direction: row; align-items: center;margin-right:50px}
.box_content .con_box3 .box3in .round_b:last-child {margin-right:0}
.box_content .con_box3 .box3in .round_b p{font-size:22px; display:inline-block; padding:5px 30px; border-radius:50px;margin-right:20px}
.box_content .con_box3 .box3in .round_b.grayc p{background:#e6eaef}
.box_content .con_box3 .box3in .round_b.blurc p{background:#264c84;color:#fff}
.box_content .con_box3 .box3in .round_b span {font-size:22px;}

.box_content .con_box4 .boxcon_list {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.box_content .con_box4 .boxcon_list .boxcon_item {width:19.5%;border: 1px solid #ddd; border-radius: 10px;min-height:155px;margin-bottom:10px}
.box_content .con_box4 .boxcon_list .boxcon_item h4 {background: #1f55a5; color: #fff; border-radius: 10px 10px 0 0; text-align: center; padding: 10px 0; font-size: 20px; font-weight: 700;}
.box_content .con_box4 .boxcon_list .boxcon_item ul {padding: 10px;}
.box_content .con_box4 .boxcon_list .boxcon_item ul li {padding-left: 10px;;position:relative;}
.box_content .con_box4 .boxcon_list .boxcon_item ul li:after {content: ""; display: block; top: 8px; position: absolute; left: 0; width: 3px; height: 3px; background: #111111;}

.box_content .con_box5 .boxcon_list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.box_content .con_box5 .boxcon_list .boxcon2_item {width:32%;text-align:center;margin-bottom:40px}
.box_content .con_box5 .boxcon_list .boxcon2_item h4 {border-radius:50px; background:#1c9b9e;padding:10px 40px;display:inline-block;color:#fff; font-weight:500}
.box_content .con_box5 .boxcon_list .boxcon2_item ul {border:1px solid #ddd;margin-top:-20px;padding:40px 10px 10px 10px;min-height:130px;text-align:left}
.box_content .con_box5 .boxcon_list .boxcon2_item ul li {padding-left: 10px;;position:relative;}
.box_content .con_box5 .boxcon_list .boxcon2_item ul li:after {content: ""; display: block; top: 8px; position: absolute; left: 0; width: 3px; height: 3px; background: #111111;}

/*관련기관*/
.con_boxlist01 {display: flex;flex-wrap: wrap;margin: 0 -10px -20px;}
.con_boxlist01 li{margin: 0 10px 20px; width: calc(50% / 1 - 20px); }
.con_boxlist01 li a {display: flex; padding: 20px;align-items: center;  justify-content: space-between; border: 1px solid #ddd; background: #f0f3f9; transition: all 0.5s;}
.con_boxlist01 li a p{font-size: 18px; line-height: 1.7; padding-top: 3px;font-weight:500;padding-left:20px;position:relative}
.con_boxlist01 li a p:after{content: ''; position: absolute; left: 10px; top: 50%;transform:translateY(-50%); width: 5px; height: 5px; background: #0493cc;}
.con_boxlist01 li a p span {font-size:16px; font-weight:300; }
.con_boxlist01 li a em {padding: 10px 40px 10px 20px; background: #fff; font-size: 15px; border-radius: 30px; transition: all 0.3s;position:relative}
.con_boxlist01 li a em:after {content: "\e980"; font-family: "xeicon"; position: absolute; width: 30px; height: 30px; right: 7px;line-height: 23px; font-size: 20px;}
.con_boxlist01 li a:hover {border:1px solid #3f65b7; background:#fff;transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0px 10px 20px 0px rgb(28 35 69 / 14%);}
.con_boxlist01 li a:hover em {background:#3f65b7; color:#fff; }


@media (min-width: 1024px) and (max-width: 1155px) {
	.sorg_w {width:auto}
	.sorg_d2_bg5 {left:50%; transform:translateX(-50%);}
	.sorg_d5 {left:60px}
	.sorg_d2_bg2,.sorg_d2_bg3,.sorg_d2_bg4 {width:26%;}
	.sorg_d2_bg2 {left:60px}
	.sorg_d2_bg3 {left:375px}
	.sorg_d2_bg4 {left:690px}
}

@media (min-width: 763px) and (max-width: 1023px) {
	.sorg_w {position:relative;  width:100%; height:100%; background: none;}
	.sorg_d2{position:relative; display:block; margin:5px auto;  width:50%; border:5px solid #ddd; }
	.sorg_d5 {position:relative; display:block; margin:45px auto 10px auto;   background:#48771c;  padding:13px 0; width:50%;  }
	.sorg_d6 {position:relative; display:block; margin:45px auto 10px auto;  background:#188c64;  padding:13px 0; width:50%;  }
	.sorg_d7 {position:relative; display:block; margin:45px auto 10px auto;  background:#126f31;  padding:13px 0; width:50%;  }	
	.sorg_d2_bg2,.sorg_d2_bg3,.sorg_d2_bg4,.sorg_d2_bg5,.sorg_d5  {left:initial; top:initial}
}

@media (max-width: 762px) {
	.intro_box .intro_inner{width:88%;padding:30px}
	.intro_box .intro_inner:before {background-size: 50px; width: 80px; height: 80px;left:20px; top:10px}
	.intro_tit {padding-left:100px}
	.basic_tb01 {width:1000px}
	.vision_box .vs_tit .tit_round strong {font-size:24px}
	.vision_box .vs_tit h1 {font-size:22px; margin-top:20px;}
	.mission_area .msbox ul li {width:43%;padding: 0 10px;}
	.mission_area .tit_circle {width:200px; height:200px}
	.mission_area .tit_circle::before {width:180px; height:180px}
	.mission_area .tit_circle span {top:30px}
	.mission_area .tit_circle h2 {font-size: 20px; padding-top: 85px;}
	.c_ul li {font-size:15px}
	.step_use dl:after {right:-25px}
	.box_content [class^="con_box"] {flex-direction: column;}
	.box_content .con_box2 .box2in > div p {font-size:14px}
	.box_content .con_box4 .boxcon_list .boxcon_item h4 {font-size:18px}
	.box_content .con_box4 .boxcon_list .boxcon_item ul li {font-size:14px}
	.box_content .con_box5 .boxcon_list .boxcon2_item ul li {font-size:14px}
	.sorg_w {position:relative;  width:100%; height:100%; background: none;}
	.sorg_d2 h4 {font-size:16px}
	.sorg_d2{position:relative; display:block; margin:5px auto;  width:90%; border:5px solid #ddd; }
	.sorg_d5 {position:relative; display:block; margin:45px auto 10px auto;   background:#48771c;  padding:13px 0; width:90%;  }
	.sorg_d6 {position:relative; display:block; margin:45px auto 10px auto;  background:#188c64;  padding:13px 0; width:90%; word-break: keep-all; word-wrap: break-word; }
	.sorg_d7 {position:relative; display:block; margin:45px auto 10px auto;  background:#126f31;  padding:13px 0; width:90%;  }
	.sorg_d2_bg2,.sorg_d2_bg3,.sorg_d2_bg4,.sorg_d2_bg5,.sorg_d5  {left:initial; top:initial}
	.sorg_t {font-size:16px}
}
@media (max-width: 420px) {
	.intro_box { padding-top: 200px;}
	.intro_box .intro_inner:before {display:none}
	.intro_tit {padding-left:0;font-size:22px}
	.clist_box {flex-direction: column;}
	.clist_box > div {width:100%}
	.c_ul {min-height:10px}
	.mission_area .tit_circle {margin: 0 auto; border-radius: 30px; width: 100%; height: 60px;margin-bottom: 10px;}
	.mission_area .tit_circle::before {width:150px;height:50px;border-radius:35px;left: 10px; transform: translate(0,-50%);}
	.mission_area .tit_circle span {top: 18px; left: 44px;   transform: translateX(0);}
	.mission_area .tit_circle span:after {width:0}
	.mission_area .tit_circle h2 {font-size: 13px; padding-top: 0; line-height: 60px; color: #fff; padding-left: 150px; font-weight: bold;}
	.mission_area .msbox {position:relative;top: 0;  transform: translateY(0);}
	.mission_area .msbox ul {flex-direction: column;}
	.mission_area .msbox ul li {width:100%;margin-bottom: 10px;}
	.mission_area .msbox ul li:nth-child(3){margin-bottom: 10px;}
	.mission_area .msbox ul li p {text-align:center}
	.mission_area .msbox ul li:nth-child(2n) p {text-align:center}
	.map_info {flex-direction: column;}
	.map_info .text_col.left {width:100%}
	.map_info .text_col.right {width:100%; padding:10px 20px;}
	.box_content .con_box2 .box2in > div {width:100%}
	.box_content .con_box2 .box2in > div p span {font-size:18px}
	.box_content .con_box3 .box3in .round_b {margin-bottom:10px;margin-right: 0;}
	.box_content .con_box3 .box3in .round_b p {font-size:18px;padding: 5px 15px;}
	.box_content .con_box4 .boxcon_list .boxcon_item {width:49%}
	.box_content .con_box5 .boxcon_list .boxcon2_item {width:100%}
	.box_content .con_box5 .boxcon_list .boxcon2_item h4 {font-size:16px;padding:5px 20px}
	.con_body p {text-align: unset; margin:10px;}
	.business_box .box_inner .box_left h2:before{display:none;}
	.business_box .box_inner .box_left h2:after {display:none;}
	.business_box .box_inner .box_left h2{padding:0;font-size: 23px;line-height: 3;font-size: 18px;}
	.obj_box h3{font-size:18px;}
	.step_use dl dt{font-size:10px;}
	.step_use dl dd{font-size:12px;}
	.ictdl dd{width:100%;}
	.ictdl dt:after{display:none;}
	.ictdl dt {
	left: 18%;
	top: 15px;
    background: #1a3257;
    width: 220px;
    text-align: center;
    height: 50px;
    display: table;
    border-radius: 25px;
    color: #fff;
    font-weight: 500;
    position: relative;
    z-index:5;
}
.ictdl{
	position:relative;
	    margin: 5px 0;
}
.box_content .con_box1 div p {
	padding:20px;
	}
}