@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

/* 서브페이지 */
.mobile_submenu { display:none; }
.sub_wrap .inner { max-width:1460px; width:100%; }
.subpage_tab { display: flex; margin-bottom:40px; }
.subpage_tab li a { 
  display: inline-block;
  padding:10px; margin-right:10px;     width: 240px;
  height: auto;
  position: relative;
  padding: 20px 10px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-size: 19px;
  color: #aaa;
  opacity: 1;
  background-color: #fff;
  margin: 0 10px !important;}
.subpage_tab li a.active { position: relative; color: #ea6000; font-weight: 500; border-bottom: 1px solid #ea6000; }

#hd.sub_hd #logo a { background:url('/img/logo.svg') center center no-repeat; }
#hd.sub_hd #gnb_1dul > li > a { color:#fff; }
#hd.sub_hd { background-color:transparent; height:auto; padding-bottom:0 !important; box-shadow:none; }
#hd.sub_hd #hd_wrapper { border-bottom:none;  }
#hd.sub_hd .gnb_menu_btn_border { background-color:#fff; }
#hd.sub_hd .gnb_menu_btn_border:before { background-color:#fff; }
#hd.sub_hd .gnb_menu_btn_border:after { background-color:#fff; }

.top_bar_fix { padding-top:80px; }

.sub_header { text-align:center; height:400px; padding-top:180px; }
.sub_header .sub_title { font-size:45px; font-weight:500; color:#fff; margin-bottom:30px; }
.location_text li { display:inline-block; position:relative; color:#fff; padding-right:20px; margin-right:15px; vertical-align:top;  }
.location_text li a { color:#fff; font-size:16px; display:inline-block; vertical-align:top; font-weight:300; }
.location_text li:after { position:absolute; content:""; width:1px; height:8px; background-color:#fff; transform:rotateZ(-45deg); right:0; top:4px; }
.location_text li:before { position:absolute; content:""; width:1px; height:8px; background-color:#fff; transform:rotateZ(45deg); right:0; top:10px; }
.location_text li:last-child { margin-right:0; padding-right:0; }
.location_text li:last-child a { border-bottom:1px solid #fff; }
.location_text li:last-child:before { width:0; }
.location_text li:last-child:after { width:0; }

.sub_wrap { position:relative; }

.sub_wrap .inner { display:flex; flex-direction:row; }
.sub_left { width:250px; }
.sub_content { width:calc(100% - 250px); padding:0 40px; }
/*.sub_content * { font-size:16px; }*/

.sub_left_group_title { background-color:transparent; padding:0 30px; height:70px; line-height:70px; color:#fff; font-size:22px; font-weight:500; text-align:right; width:100%; margin-top:-35px; position:relative; z-index:2; border-radius:0 0px 0px 0; box-shadow:3px 0px 5px rgba(0,0,0,0.2); }
.sub_left_group_title:before { position:absolute; content:""; left:-1000%; right:0;  top:0; height:70px; background:#ea6000 url(/img/ms_logo_back.png) right 150px bottom no-repeat; z-index:-1; }

.left_menu > ul > li { border-bottom:1px solid #ddd; }
.left_menu > ul > li > a { position:relative; display:block; text-align:left; padding:20px 40px 20px 20px; font-size:17px; font-weight:400; color:#595757; }
.left_menu > ul > li > a.on { color:#ea6000; font-weight:bold; }
.left_menu > ul > li > a.on:after { position:absolute; content:""; display:inline-block; width:10px; height:2px; background-color:#ea6000; right:11px; top:calc(50% - 2px); transform:rotateZ(45deg); }
.left_menu > ul > li > a.on:before { position:absolute; content:""; display:inline-block; width:2px; height:10px; background-color:#ea6000; right:15px; top:calc(50%); transform:rotateZ(45deg);  }


.left_menu > ul > li > a.parent_menu.on { border-bottom:2px solid #ea6000; }
.left_menu > ul > li > a.parent_menu:after { position:absolute; content:""; display:inline-block; width:12px; height:2px; background-color:#777; right:10px; top:50%; }
.left_menu > ul > li > a.parent_menu:before { position:absolute; content:""; display:inline-block; width:2px; height:12px; background-color:#777; right:15px; top:calc(50% - 5px);}
.left_menu > ul > li.on > a.parent_menu:before { position:absolute; content:""; display:inline-block; width:0px; height:12px; background-color:#777; right:15px; top:calc(50% - 5px);}

.left_menu > ul > li ul { background-color:#fafafa; padding:20px; display:none; }
.left_menu > ul > li ul.on { display:block; border-top:2px solid #ea6000; }
.left_menu > ul > li ul li a { display:block; padding:5px 15px; position:relative; color:#666; font-size:16px; }
.left_menu > ul > li ul li a:after { position:absolute; content:""; display:inline-block; width:7px; height:1px; background-color:#ea6000; left:0px; top:50%; }

.left_menu > ul > li ul li a.on { color:#ea6000; font-weight:500; }
.left_menu > ul > li ul li a.on:after { position:absolute; content:""; display:inline-block; width:7px; height:1px; background-color:#ea6000; left:0px; top:20px; transform:rotateZ(-45deg); }
.left_menu > ul > li ul li a.on:before { position:absolute; content:""; display:inline-block; width:1px; height:7px; background-color:#ea6000; left:3px; top:13px; transform:rotateZ(-45deg);  }


.sub_content_title { font-size:22px; font-weight:500; padding:24px 0; border-bottom:1px solid #ddd; margin-bottom:40px;  color:#595757; }


/* MS 비전 및 핵심가치  */
.sub1_item { display:flex; flex-direction:row; padding:20px; border-bottom:1px solid #f1f1f1; }
.sub1_item h3 { width:240px; font-size:35px; color:#595757; font-weight:700; border-right:1px solid #f1f1f1; padding:40px 0;}
.sub1_item .sub1_content { width:calc(100% - 200px); min-height:200px; padding-left:40px; }

.sub1_item h3 .ko_title { display:block; position:relative; padding-left:18px; font-weight:400; font-size:16px; }
.sub1_item h3 .ko_title:before { position:absolute; width:14px; height:1px; bottom:4px; left:2px; background-color:#595757; content:""; }
.circle_icon { display:block; width:50px; height:50px; line-height:48px; border-radius:100%; font-size:30px; font-weight:700; text-align:center; background-color:#ddd; color:#fff; }
.sub_bottom_text { font-size:14px; font-weight:normal; margin-top:20px; padding-right:24px;}

.sub1_01 p:nth-of-type(1) { font-size:20px; color:#595757; }
.sub1_01 p:nth-of-type(2) { font-size:72px; font-weight:700; color:#333; letter-spacing:-5px;line-height:90px }
.sub1_01 p:nth-of-type(2) span { font-size:85px; color:#333; }


.sub1_02 { text-align:center; position:relative; }
.sub1_02 .sub1_02_title { font-size:35px; font-weight:500; padding:40px 0 60px; position:relative; }
.sub1_02 .sub1_02_title span { font-size:35px; font-weight:bold; }
.sub1_02 .sub1_02_title .l_quat, .sub1_02 p .r_quat { font-size:60px; line-height:10px; font-weight:bold; color:#ddd; }
.sub1_02 .sub1_02_title .l_quat { left:60px; }
.sub1_02 .sub1_02_title .r_quat { right:60px; }
.sub1_02_text { font-size:14px; background-color:#f1f1f1; color:#666; width:80%; margin:20px auto; padding:20px; }

.sub1_03 { display:flex; flex-direction:column; }
.sub1_03_item_wrap { display:flex; flex-direction:row; align-items: center; justify-content: center; height:300px; position:relative; }
.sub1_03_item { position:relative; width:calc(25% - 40px); margin:0 20px; text-align:center; background-color:#333; color:#fff; height:120px; padding-top:33px; font-size:20px; border-radius:5px; }
.sub1_03_item:after { position:absolute; content:""; display:block; width:40px; height:1px; right:-40px; top:50%; background-color:#111; }
.sub1_03_item:before { position:absolute; content:""; display:block; width:20px; height:5px; right:-42px; top:calc(50% - 6px); background-color:#ea6000; transform:rotateZ(45deg); z-index:1;  border-radius:10px;}
.sub1_03_item:last-child { background:#ea6000; }
.sub1_03_item:last-child:after { display:none; }
.sub1_03_item:last-child:before { display:none; }
.sub1_03_item p { font-size:18px; }
.rotate_line { border-bottom:1px solid #222; border-right:1px solid #222; border-left:1px solid #222; position:absolute; width:75%; height:40%; top:50%; left:50%; transform:translateX(-50%); }
.rotate_line:before { position:absolute; content:""; display:block; width:20px; height:5px; left:-5px; top:calc(50% + 9px); background-color:#ea6000; transform:rotateZ(45deg); z-index:1; border-radius:10px; }

.sub1_03_item2_wrap {  display:flex; flex-direction:row; align-items: center; justify-content: center; padding-top:50px; padding-bottom:30px; }
.sub1_03_item2 { position:relative; width:30%; margin-right:3.33333%; text-align:center; padding:40px 10px; background-color:#f1f1f1; color:#222; font-size:16px; font-weight:500; border-radius:10px; box-shadow:inset -2px -2px 2px rgba(0,0,0,0.2); }
.sub1_03_item2 span { position:absolute; font-size:35px; font-weight:bold; top:-40px; left:-10px; color:#24304d; letter-spacing:-1px; font-family: 'Oswald', sans-serif; }
.sub1_03_item2:last-child { margin-right:0; }

.circle_icon.light_on { background-color:#ea6000; color:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }


/* 컨설팅 철학 */
.phil_title {letter-spacing: 0; font-size:23px; text-align:center; width:80%; font-weight:300; margin:80px auto; position:relative; padding:0 100px;}
.phil_title strong { font-weight:bold; color: #e07a32;}
.phil_title span { font-size:60px; font-weight:bold; line-height:20px; color:#ddd; }
.phil_title span:first-child { position:absolute; left:10%; top:30px; }
.phil_title span:last-child { position:absolute; right:10%; top:30px; }
.phil_flow { display:flex; flex-direction:row; align-items: center; justify-content: center; }
.phil_flow li { text-align:center; width:calc(33.3333333% - 20px); position:relative; }
.phil_flow li:nth-of-type(2) .circle_icon_wrap { background-color:#ea6000;  }
.phil_flow li:after { display:block; position:absolute; content:""; width:40px; height:40px; border-radius:10%; border-top:7px solid #ea6000; border-right:7px solid #e92000; transform:rotateZ(45deg); right:-10px; top:120px; }
.phil_flow li:last-child:after { display:none; }

.circle_icon_wrap { background-color:#222; border-radius:100%; width:250px; height:250px; line-height:350px; display:inline-block; }
.circle_icon_wrap img { width:140px; }
.phil_flow h4 { font-size: 26px;    margin-top: 30px;    font-weight: 600;    position: relative;    padding-top: 30px;    margin-bottom: 10px;}
.phil_flow h4:after { position:absolute; display:block; clear:both; content:""; width:8px; height:8px; background-color:#222; left:calc(50% - 4px); top:10px; }
.phil_flow h4 span { color:#f1f1f1; position:absolute; left:60%; transform:translateX(-50%); top:70px; z-index:-1; font-size:85px; font-family: 'Allison', cursive; filter:blur(2px);}
.phil_flow p { font-size:16px; letter-spacing: 0;}
.right_ribon_text { background-color:#4c4c4c; padding:20px 30px; margin:150px 0 40px; border-bottom: 8px solid #f57e2c;    border-right: 10px solid #f57e2c;position:relative;  width:calc(100% - 40px); text-align:right; }
.right_ribon_text p { color:#fff; font-size:27px; font-weight:200;  }
.right_ribon_text p span { font-weight:bold; }

.half_content { display:flex; flex-direction:row; }
.half_item { width:50%; }
.ph_img { width:40%; background:url(/img/phil_img.png) center/cover no-repeat; opacity:.8; z-index:-1; }
.ph_text { width:40%; padding:50px 40px 20px; }
.ph_text ul li { margin-bottom:60px; }
.ph_text h4 { font-size:32px; position:relative; margin-bottom:20px; }
.ph_text h4:before { position: absolute;    display: block;    content: "";    width: 28px;    height: 2px;    background-color: #f57e2c;    bottom: -4px;    left: 0;}
.ph_text h4 span { font-size:20px; font-weight:300; display:inline-block; margin-left:10px; }
.ph_text ul li p { font-size: 16px; letter-spacing: 0; }

/* 연혁 */
.admin_btn { float:right; font-size:15px; border:1px solid #222; padding:5px; margin-top:20px; }
.history_li { display:flex; flex-direction:row; padding:40px 0; }
.history_li:nth-of-type(odd) { background-color:#f1f1f1; }
.history_li > span { display:block; width:30%; text-align:right; font-size:40px; padding:0 30px; font-weight:bold; }
.history_inner { display:block; width:70%; padding:10px 30px; }
.history_inner span { font-size:30px; font-weight:bold; }
.history_inner p {font-size: 16px;    letter-spacing: 0;    color: #4c4c4c;    line-height: 26px;}
.history_text { text-align:center; }

.history_month { margin-top:50px; display:block; margin-bottom:20px; padding-left:40px; position:relative; }
.history_month:after { position:absolute; content:""; display:block; width:30px; height:2px; background-color:#ea6000; left:0; top:50%; }
.history_month:first-child { margin-top:0; }

.subpage_title { padding:0 30px; text-align:center; margin-bottom:40px; }
.mscimap {margin-top: -7px;}
.subpage_title h3 { font-size:52px;}
.subpage_title h3 span { color:#ea6000; }
.subpage_title p {font-size: 16px;    margin-top: 14px;    letter-spacing: 0;letter-spacing: 0;}


/* 조직도 */
.team_row { display:flex; flex-direction:row; align-items:center; justify-content: center; }
.team_item { position:relative; text-align:center; background-color:#555; color:#fff; line-height:100px; width:calc(33.33333% - 10%); font-size:22px; margin:0 5% }
.team_item:after { position:absolute; display:block; content:""; width:20px; height:20px; background-color:#ea6000; top:-5px; left:-5px; border-bottom:4px solid #e93000;  border-right:4px solid #eb9000; border-radius:100%; box-shadow:3px 3px 5px rgba(0,0,0,0.4); }
.team_row:first-child .team_item:first-child { background-color:#ea6000; color:#fff; }
.team_mid_line2 { position:relative; width:34%; height:100px; border-left:1px solid #ddd; content:""; display:block; left:50%; bottom:0; z-index:-1;}
.team_mid_line_up:after { position:absolute; width:100%; height:1px; content:""; background-color:#ddd; display:block; left:0; top:0%; }
/*.team_mid_line2:before { position:absolute; width:1px; height:200px; content:""; background-color:#ddd; display:block; right:0; top:50%; }
*/

.mid_flex { display:flex; justify-content: center; align-items: flex-end; }
.team_mid_line { position:relative; border-top:1px solid #ddd; padding-top:29px; width:34%; border-left:1px solid #ddd; }
.team_mid_line_up { position:relative; padding-top:30px; width:34%; border-right:1px solid #ddd;}
.team_mid_line:before { position:absolute; width:1px; height:200px; background-color:#ddd; content:""; display:block; right:-1px; bottom:0; z-index:-1; }

.team_item ul { position:absolute; top:100px; background-color:#f1f1f1; width:100%; }
.team_item ul li { font-size: 16px;    color: #222;    width: 100%;    text-align: left;    line-height: 30px;    padding: 10px 10px 14px 40px; }
.margin-bottom-50 {margin-bottom: 50px}
.margin-bottom-70 {margin-bottom: 70px}

/* 파트너 */
.partner_wrap ul li { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #f1f1f1; }
.partner_logo { width:300px; text-align:center; padding:20px; border:1px solid #f1f1f1;}
.partner_logo img { width:100%; }
.partner_info { width:calc(100% - 300px); padding:20px; }
.partner_info h4 { font-size:24px; position:relative; padding-left:20px;}
.partner_info h4:after { display:block; content:""; position:absolute; left:0; top:0; width:10px; height:10px; background-color:#ea6000; border-bottom:4px solid #e75000; border-right:4px solid #e82000; }
.partner_info p { font-size:16px; margin:10px 0; }
.partner_info a { color:#ea6000; }
.partner_info a:hover { color:#e90000; }
.partner_title { font-size:30px; padding:20px 0; margin-bottom:40px; }

/* 오시는길 */
#daumRoughmapContainer1629942150192 { width:100% !important; }
#daumRoughmapContainer1724991026069 { width:100% !important; }
.map_info { padding:30px; border:1px solid #ddd; border-top:none; display:flex; flex-direction:row; align-items: center; justify-content: center;}
.map_info_text { width:calc(100% - 150px); }
.map_info h2 { font-size:25px; margin-bottom:20px; font-weight:500; }
.map_info p { font-size:20px; line-height:35px; font-weight:300; }
.map_info p strong { font-size:20px; }

.map_info_btn { width:150px; text-align:center; }
.map_info_btn a { display:inline-block; position:relative; width:100px; height:100px; border-radius:100%; background-color:#ea6000; color:#fff; text-align:center; padding-top:15px; font-size:13px; }
.map_info_btn a svg { display:inline-block; width:40px; height:40px; }
.map_info_btn a p { font-size:13px; }
.map_info_btn a:before { display:block; opacity:0; filter:blur(0px); position:absolute; content:""; width:100px; height:100px; transition:.3s;  border:4px solid #ea6000; border-radius:100%; background-color:#fff; left:0px; top:0px; z-index:-1;}
.map_info_btn a:hover:before { width:120px; height:120px; filter:blur(3px); left:-10px; top:-10px;  opacity:.3; }
.hide { display:none; }
.map_info_btn a:hover { background-color:#e95000; }

.location_info { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.lo_row { width:100%; display:flex; flex-direction:row; align-items: center; justify-content: center; border-bottom:1px solid #ddd; }
.lo_method { width:190px; text-align:center; padding:30px 0; }
.lo_root { width:calc(100% - 190px); padding:30px; }
.lo_root p:first-child { font-weight:500; }
.lo_root p:last-child { font-weight:300; }

/* 공공정책 기획 */
.mi_title { font-size:40px; font-weight:400; margin-bottom:40px; color:#222; border-bottom:1px solid #222; padding-bottom:10px; }
.mi_title span { font-size:18px; font-weight:500; display:inline-block; margin-left:10px; }
.mi_title a { float:right; font-size:18px; margin-top:30px; font-weight:400; }
.mi_title a:hover { color:#ea6000; }
.mi_title strong { float:right; font-weight:200; }
.mi_content { display:flex; flex-direction:column; align-items:top; justify-content:space-between; background-color:#fff; }
.mi_item { width:100%; margin-bottom:40px; padding:20px; }  
.mi_item h4 { position: relative;    font-size: 22px;    margin-bottom: 24px;    padding-left: 30px;    font-weight: 500;  }
.mi_item h4:after { display:block; content:""; position:absolute; left:3px; top:12px; width:10px; height:10px; background-color:#aaa; border-bottom:4px solid #aaa; border-right:4px solid #888; }
.mi_item h4:before { display:block; content:""; position:absolute; left:-5px; top:15px; width:14px; height:14px; background-color:#ea6000; border-bottom:4px solid #e75000; border-right:4px solid #e82000; z-index:1;}
.mi_item .mi_text p { font-size:18px; margin-bottom:10px; font-weight:400;  position:relative; padding-left:15px; }
.mi_item .mi_text p:after { display:block; content:""; position:absolute; left:0; top:12px; width:7px; height:2px;  background-color:#444;  }
.mi_item .mi_text p:last-child { margin-bottom:0; }
.mi_img { width:100%; height:300px; position:relative; overflow:hidden; border:1px solid #ddd; }
.mi_text { padding:20px; border:1px solid #f1f1f1; background-color:#fafafa; margin-bottom:10px; }
.mi_img_back { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;  }
.mi_back01 { background:url(/img/mi_img_01.png) center top/cover no-repeat; }
.mi_back02 { background:url(/img/mi_img_02.png) center bottom/cover no-repeat; }
.mi_back03 { background:url(/img/mi_img_03.png) center top/cover no-repeat; }
.mi_back04 { background:url(/img/mi_img_04.png) center top/cover no-repeat; }
.mi_back05 { background:url(/img/mi_img_05.png) center top/cover no-repeat; }
.sub_content_inner .sub_pager { position:unset; text-align:left; margin:40px 0; }
.swiper-pagination-sub .swiper-pagination-bullet { width:240px; height:auto; position:relative; padding:20px 10px; font-weight:500; border-bottom:1px solid #ddd; border-radius:0; font-size:19px; color:#aaa; opacity:1; background-color:#fff; margin:0 10px !important; }
.swiper-pagination-sub .swiper-pagination-bullet:after { position:absolute; content:""; display:block; width:15px; height:15px; transform:rotateZ(45deg); border-top:1px solid #aaa; border-right:1px solid #aaa; right:5px; top:32px; }
.swiper-pagination-sub .swiper-pagination-bullet-active { position:relative; color:#ea6000; font-weight:500; border-bottom:1px solid #ea6000; }
.swiper-pagination-sub .swiper-pagination-bullet-active:after { border-top:1px solid #ea6000; border-right:1px solid #ea6000; }
.swiper-pagination-sub .swiper-pagination-bullet:last-child:after { display:none; }

.sub_slide_btn { float:right;margin-top:-100px; padding:20px; }
.sub_slide_btn div { display:inline-block; color:#222; font-size:14px; margin:0 5px; cursor:pointer; }
.sub_slide_btn div:hover { color:#ea6000; }
.sub-button-prev { width:20px; height:20px; transform:rotateZ(45deg); border-bottom:1px solid #aaa; border-left:1px solid #aaa; }
.sub-button-next { width:20px; height:20px; transform:rotateZ(45deg); border-top:1px solid #aaa; border-right:1px solid #aaa; }
.sub-button-prev:hover { opacity:.5; }
.sub-button-next:hover { opacity:.5; }

.fo_img {height: 450px;}

/* 기관 경영 평가 */
.mi_row { display:flex; flex-direction:row; justify-content:space-between; margin-top:40px; }
.mi_col { display:flex; flex-direction:column; width:calc(25% - 40px); background-color:#f1f1f1; position:relative; }
.mi_col:after { display:block; position:absolute; content:""; right:-30px; top:40%; width:20px; height:20px; border-right:1px solid #222; border-top:1px solid #222; transform:rotateZ(45deg); }
.mi_col:last-child:after { display:none; }
.mi_col_title { color:#fff; background-color:#222; text-align:left; font-size:22px; padding:20px 10px 0px; width:100%; font-weight:500; }
.mi_row .mi_col .mi_col_text1 { font-size:16px; padding:0 10px 20px; font-weight:300; background-color:#222; color:#fff; }
.mi_row .mi_col .mi_col_text2 { font-size:16px; padding:20px 10px;  }

.mi_action { display:flex; flex-direction:row; }
.mi_action_arrow { position:relative; width:200px; }
.mi_action_arrow:after { position:absolute; content:""; display:block; width:60px; height:60px; border-top:25px solid #ea6000; border-right:25px solid #ea6000; top:45%; left:30%; transform:rotateZ(45deg); opacity:.4;}
.mi_action_arrow:before { position:absolute; content:""; display:block; width:60px; height:60px; border-top:25px solid #ddd; border-right:25px solid #ddd; top:45%; left:10%; transform:rotateZ(45deg); opacity:.4;}
.mi_action_content { width:250px; margin-top:40px; overflow:hidden; }
.mi_action_top { width:100%; background-color:#ea6000; color:#fff; padding:20px; }
.mi_action_top h5 { font-size:22px; }
.mi_action_top p { font-size:16px; font-weight:300; color:#fff; }
.mi_action_bottom { padding:20px; background-color:#f1f1f1; font-size:16px }

.issue_wrap > h5 { font-size:20px; margin:60px 0px 20px 0; }
.issue_row { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-bottom:20px; }
.issue_title { width:30%; padding:30px 20px; background-color:#333; color:#fff; font-size:18px; font-weight:500; }
.issue_sol { width:70%; padding:20px; background-color:#f1f1f1; }
.issue_sol p { font-size:16px; color:#444; }
.benefit_item { margin-bottom:20px; border:1px solid #222; padding:20px;  }
.benefit_item h5 { font-size:20px; position:relative; padding-left:10px; margin-bottom:15px; }
.benefit_item h5:after { display:block; position:absolute; content:""; left:0; top:49%; width:5px; height:5px; background-color:#222; }
.benefit_item p { margin-bottom:10px; padding-left:10px; position:relative; }
.benefit_item p:after { display:block; position:absolute; content:""; left:0; top:50%; width:5px; height:1px; background-color:#222; }

.mi_diagram ul { margin-top:40px; }
.mi_diagram ul li { position:relative; display:flex; flex-direction:row; align-items:center; justify-content:center; font-size:18px; border:1px solid #ccc; background-color:#f1f1f1; margin-bottom:60px; padding:0px; }

.mi_diagram ul li:after { position:absolute; content:""; display:block; width:40px; height:40px; left: calc(50% - 20px); transform:rotateZ(45deg); border-bottom:4px solid #ddd; border-right:4px solid #ddd; bottom:-40px; }
.mi_diagram ul li:last-child:after { display:none; }
.mi_diagram ul li p { display:block; width:250px; padding:30px 0; border-right:4px solid #ea6000; text-align:center;  background-color:#333; color:#fff; }
.mi_diagram ul li p img { width:140px; }
.mi_diagram ul li span { display:block; width:calc(100% - 250px); font-size:18px; padding:10px; text-align:left;  }
.mi_diagram ul li.on p { background-color:#fff; color:#ea6000; }


/* HR */
.process_wrap { display:flex; flex-direction: row; justify-content: center; align-items: center; padding:50px 0 140px; }
.process_row { position:relative; text-align: center; width:calc(25% - 30px); margin-right:40px; border:5px solid #222; padding:20px; }
.process_row img { width:130px; }
.process_row:last-child { margin-right:0; }
.process_title { font-weight:500; font-size:18px; }
.process_sol { position:absolute; left:0; bottom:-140px; height:124px; width:100%; text-align:left; padding:20px; background-color: #f1f1f1; box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.process_sol:after { display:block; content:""; position: absolute; width:5px; height:18px; background-color: #ea6000; top:-18px; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); }

.pro_2_wrap { display:flex; flex-direction: row; justify-content: center; align-items: center; }
.pro_2_item { position:relative; text-align: center; width:calc(25% - 30px); margin-right:40px; border-radius: 10px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.pro_2_item span { font-size: 30px;  font-weight:bold; color:#ea6000; }
.pro_2_item p { font-size:20px; }

.front,
.back {
  background-size: cover;
  border-radius: 10px;
  background-position: center;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  height: 200px;
}

.innerTurn {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.pro_2_item .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .pro_2_item .front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .pro_2_item:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .pro_2_item:hover .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }


.back {
  background: #ea6000;
  /* background: -webkit-linear-gradient(45deg,  #7ab5c7 0%,#596a72 100%);
	background: -o-linear-gradient(45deg,  #7ab5c7 0%,#596a72 100%);
	background: linear-gradient(45deg,  #7ab5c7 0%,#596a72 100%); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color:#fff;
}

.front {
  background: #f4f5f5;
}

.pro_2_item:hover .front,
.pro_2_item:hover .back {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.mi_inner_content h5 { font-size:20px; margin-bottom: 20px; font-weight:500; }
.mi_gr_flex { display: flex; padding:20px; }
.mi_gr_flex > div { width:calc(50% - 10px); margin-right:20px;}
.mi_gr_flex > div:last-child { margin-right:0; }
.mi_gr_positive { position:relative; padding:40px 10px 20px; margin:20px 0;  border-radius:10px; font-size:16px;  border-right: 4px solid #ddd; border-left:4px solid #ddd;  }
.mi_gr_positive:after { position:absolute; display:block; content:"Advantages"; font-weight:700; color:#ddd;  left:10px; top:0px; font-size:20px;  }
.mi_gr_negative { position:relative; padding:40px 10px 20px;  border-radius:10px;  font-size:16px;  border-right: 4px solid #ddd; border-left:4px solid #ddd;}
.mi_gr_negative:after { position:absolute; display:block; content:"Disadvantages"; font-weight:700; color:#ddd;  left:10px; top:0px; font-size:20px;  }
.mi_gr_positive p, .mi_gr_negative p { padding:3px 0; }

.mi_gr_flex h6 { font-size:18px; font-weight:500; text-align: center; background-color:#f1f1f1; color: #222; padding:10px; margin:0 auto; }
.pro_cf_wrap { position:relative; padding-top:150px; margin-bottom:50px;}
.pro_cf_wrap:after { position:absolute; display: block; content: ""; top:10px; left:calc(50% - 40px); width:80px; height:80px; border-bottom:10px solid #ddd; border-right:10px solid #ddd; transform:rotateZ(45deg); }
.pro_cf_wrap h5 { text-align:center; width:350px; margin:0 auto; padding:10px; background-color: #24304d; color:#fff;}
.pro_cf_posi { padding:40px 0 20px; display:flex; justify-content: center; align-items: center; background-color:#f1f1f1; margin-top:30px; }
.pro_cf_posi1 { position: relative; background-color:#eb6000; color:#fff; width:250px; height:80px; line-height: 80px; padding:0 20px; font-size:18px; text-align: center; border-radius: 40px 0 0 40px;}
.pro_cf_posi2 { background-color:#24304d; color:#fff; width:250px; height:80px; line-height: 80px; padding:0 20px; font-size:18px; text-align: center; border-radius: 0 40px 40px 0;}
.pro_cf_posi1:after { display:block; position: absolute; content:"+"; font-size:50px; font-weight:800; color:#fff; right:-15px; top:0; }
.pro_cf_text { background-color:#f1f1f1; padding:20px; text-align:center; }
.pro_cf_text p { margin-bottom:5px; position: relative; padding-left:10px; display:inline-block; font-size:16px; }
.pro_cf_text p:after { display:block; position: absolute; content:""; width:5px; height:5px; background-color:#24304d; left:0; top:calc(50% - 2.5px); }

.pro_dev_wrap h5 { font-size:20px; margin-bottom: 20px; font-weight:500;  }
.pro_dev_row { display: flex; justify-content: center; align-items: center; }  
.pro_dev_ul { display: flex; align-items: center; }  
.pro_dev_row > div { width:calc((100% - 150px) / 2); padding:10px; border-bottom:1px solid #ddd; height:120px; }
.pro_dev_row .row_header_left { background-color:#f1f1f1; color:#222; width:150px; font-weight:500;  }
.pro_dev_table { border:1px solid #ddd; font-size:15px; }
.pro_dev_bottom { background-color:#f1f1f1; padding:20px; width:calc(50% - 10px); margin-right:20px; }
.pro_dev_bottom:last-child { margin-right: 0; }
.pro_dev_bottom_row { display:flex; margin-top:50px; } 
.pro_dev_bottom h6 { font-size:18px; margin-bottom:10px; }  
.pro_dev_bottom h6 span { font-size:12px; color:#aaa; font-weight:300; margin-left:10px; letter-spacing: 0;}
.pro_dev_bottom div p { margin:5px 0; position: relative; padding-left:10px; }
.pro_dev_bottom div p:after { display: block; position: absolute; content:""; width:5px; height:5px; background-color: #24304d; left:0; top:10px; }


.pro_dev_wrap .row_header_top { height:auto; background-color:#f1f1f1; color:#222; font-weight:500; }
.pro_dev_ul li { position:relative; padding:10px; background-color:#24304d; border-radius: 5px; margin-right:45px; color:#fff; }
.pro_dev_ul li:after { position:absolute; display: block; content:"선발"; right:-29px; top:calc(50% + 20px); color:#888; font-size:12px; }
.pro_dev_ul li:before { position:absolute; display: block; content:""; width:20px; height:20px; transform: rotateZ(45deg); border-top:3px solid #eb6000; border-right:3px solid #eb6000; right:-25px; top:calc(50% - 8px); color:#888; font-size:12px; }
.pro_dev_ul li.notChoose { margin-right:0; }
.pro_dev_ul li.notChoose:before { display: none; }
.pro_dev_ul li.notChoose:after { display: none; }
.pro_dev_ul li h6 { font-weight:400; font-size:18px; }
.pro_dev_ul li p { font-size:13px; }
.pro_dev_row_text { display: flex; }
.pro_dev_row_text p { background-color:#fff; padding:10px; margin:0 5px; border-right:1px solid #ddd; }
.dev_col_1 { width:50%; }
.dev_col_2 { width:50%; }
.dev_col_3 { width:100%; border-right:none !important; }

/* 인권경영 */
.human_wrap > h4 { font-size:30px; text-align:center; padding:30px 0; border:5px solid #222; color:#222; }
.human_wrap > p { font-size:16px; margin-top:40px; text-align:center; color:#222; }
.human_row { display:flex; flex-direction:row; margin-top:50px; border:1px solid #222; margin-bottom:50px; }
.human_row > div { padding:20px; }
.human_img { background:url(/img/human_img.png) center/cover no-repeat; width:50%; }
.human_content { width:50%; }
.human_content h4 { font-size:30px; margin-bottom:40px; }
.human_text { padding:20px; border:1px solid #222; }
.human_content p { position:relative; font-size:16px; margin-bottom:10px; padding-left:10px; text-align:justify;  }
.human_text p { position:relative; font-size:16px; margin-bottom:10px; padding-left:10px;  text-align:justify; }
.human_content p:after { position:absolute; content:""; display:block; width:5px; height:5px; background-color:#222; left:0; top:10px; }
.human_text p:after { position:absolute; content:""; display:block; width:5px; height:5px; background-color:#222; left:0; top:10px; }
.human_item { width:100%; margin-bottom:40px; }  
.human_item h4 { position:relative; font-size:24px; margin-bottom:20px; padding-left:20px; font-weight:500;  }
.human_item h4:after { display:block; content:""; position:absolute; left:5px; top:12px; width:10px; height:10px; background-color:#aaa; border-bottom:4px solid #aaa; border-right:4px solid #888; }
.human_item h4:before { display:block; content:""; position:absolute; left:-5px; top:15px; width:14px; height:14px; background-color:#ea6000; border-bottom:4px solid #e75000; border-right:4px solid #e82000; z-index:1;}

.human_item .human_sub_text p { font-size:18px; margin-bottom:10px; font-weight:400;  position:relative; padding-left:15px; }
.human_item .human_sub_text p:after { display:block; content:""; position:absolute; left:0; top:50%; width:7px; height:2px;  background-color:#444;  }
.human_item .human_sub_text p:last-child { margin-bottom:0; }

.human_sub_text { padding:20px; border:1px solid #f1f1f1; background-color:#fafafa; margin-bottom:10px; }
.human_process li { margin:30px 0 30px; display:flex; flex-direction:row; border:1px solid #ddd; }
.human_process li .hp_img { width:30%; height:200px; padding:20px; }
.human_process li .hp_img.hpi_01 { background:url(/img/hpi_01.png) center/cover no-repeat; }
.human_process li .hp_img.hpi_02 { background:url(/img/hpi_02.png) center/cover no-repeat; }
.human_process li .hp_img.hpi_03 { background:url(/img/hpi_03.png) center/cover no-repeat; }
.human_process li .hp_img.hpi_04 { background:url(/img/hpi_04.png) center/cover no-repeat; }
.human_process li .hp_img.hpi_05 { background:url(/img/hpi_05.png) center/cover no-repeat; }
.human_process li .hp_content { width:70%; padding:20px; }
.human_process li h5 { font-size:20px; margin-bottom:10px; }

.human_process li p { position:relative; font-size:16px; margin-bottom:10px; padding-left:10px;  text-align:justify; }
.human_process li p:after { position:absolute; content:""; display:block; width:5px; height:5px; background-color:#222; left:0; top:10px; }

/* 중소기업 - R&D 기획 */
.rnd_item { width:100%; padding:20px; margin-bottom:50px; }
.rnd_item h4 { font-size:24px; font-weight:500; margin-bottom:20px; position:relative; padding-left:20px; }
.rnd_item h4:after { display:block; content:""; position:absolute; left:5px; top:12px; width:10px; height:10px; background-color:#aaa; border-bottom:4px solid #aaa; border-right:4px solid #888; }
.rnd_item h4:before { display:block; content:""; position:absolute; left:-5px; top:15px; width:14px; height:14px; background-color:#ea6000; border-bottom:4px solid #e75000; border-right:4px solid #e82000; z-index:1;}
.rnd_item p { font-size:16px; }
.rnd_item .rnd_item_sub_text { margin-bottom:20px; padding:20px; background-color:#f1f1f1; }
.rnd_flow { margin:50px 0 20px; }
.rnd_flow ul { display:flex; flex-direction:row; }
.rnd_flow ul li { width:calc(33.333333% - 10px); text-align:center; padding:10px; border-right:1px solid #ddd; }
.rnd_flow ul li:last-child { border-right:none; }
.rnd_flow ul li h5 { font-size:20px; margin-bottom:10px; }
.rnd_flow_icon { width:200px; height:200px; margin:0 auto 20px; background-color:#ea6000; text-align:center; line-height:250px; border-radius:100%; }
.rnd_flow_icon img { width:50%; }
.rnd_item p:last-child { padding:0 20px; }


/* 중소기업 - 사업화 전략 수립 */
.st_content_header { display:flex; margin-bottom:30px; }
.st_content_left_img { width:40%; }
.st_content_left_img img { width:100%; }
.st_content_right_text { width:60%; padding:20px; }
.st_content_right_text h3 { position:relative; font-size: 24px; font-weight:300; margin-bottom:20px; padding:0 20px; }
.st_content_right_text h3 span { font-weight:500; }
.st_content_right_text h3:after { display:block; position:absolute; content: "\0022"; left:0; top:5px; font-size:23px; }
.st_content_right_text h3:before { display:block; position:absolute; content: "\0022"; right:0; top:5px; font-size:23px; }
.st_content_right_text p { font-size:16px; margin-bottom:10px; padding:0 20px; }
.st_content_right_text p:last-child { font-weight:500; }
.st_th { font-size:20px; font-weight:500; }
.st_td_wrap { margin:10px 0 30px; border:1px solid #ddd; border-bottom:none; border-top:2px solid #ea6000; }
.st_tr { display: flex; }
.st_td { width:calc(100% - 250px); font-size:15px; padding:20px; border-bottom:1px solid #ddd; } 
.st_tr .st_td:first-child { width:250px; border-right:1px solid #ddd; background-color:#f1f1f1; font-weight:500; }
.st_result_title { background-color:#ea6000; color:#fff; padding:20px; text-align:center; font-size:20px; }
.st_result_content_wrap { display:flex; padding:20px 0; }
.st_result_content { width:calc(33.333333% - 10px); font-size:15px; margin-right:20px; padding:20px; border:1px solid #ddd; }
.st_result_content:last-child { margin-right:0; }
.st_result_content_title { font-weight: 500; padding:10px 0; text-align:center; font-size:18px; }
.st_result_content_text { text-align:center; padding:10px 0; background-color:#f1f1f1; }
.st_result_content_text p { padding:5px 0; }

/* 컨설팅 프로세스 */
.con_pro_title h3 { font-size:30px; }
.con_pro_title p { font-size:18px; margin-top:20px; font-weight:300; }
.con_pro_flow { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:30px; }
.con_pro_line { width:74px; height:100vh; background-color:#ea6000; position:relative; }
.con_pro_line:after { position:absolute; content:""; display:block; bottom:-25px; left:11px; width:50px; height:50px; background-color:#ea6000; transform:rotateZ(45deg); z-index:1; }
.con_pro_content { width:calc(100% - 45px); padding-left:100px;  }
.con_pro_content li { margin:40px 0; position:relative; background-color:#f1f1f1; padding:30px; }
.con_pro_content li:after { display:block; content:""; position:absolute; left:-100px; top:50%; width:100px; height:2px; background-color:#ea6000; }
.con_pro_content li:before { display:block; content:""; position:absolute; left:-120px; top:calc(50% - 20px); width:40px; height:40px; border-radius:100%; transform:rotateZ(45deg); background-color:#fff; border:10px solid #ea6000; z-index:1; }
.con_pro_content li h4 { font-size:25px; margin-bottom:10px; font-weight:600; }
.con_pro_content li h4 span { position:absolute; right:20px; top:-40px; font-size:70px; color:#ddd;  }
.con_pro_content li p { font-size:16px; }

/* 도시재생활성화 컨설팅 */
.sub6_title { margin-bottom:30px; }
.sub6_title h3 { font-size:22px; font-weight:500; position:relative; padding-left:20px; }
.sub6_title h3:after { display:block; content:""; position:absolute; left:3px; top:12px; width:10px; height:10px; background-color:#aaa; border-bottom:4px solid #aaa; border-right:4px solid #888; }
.sub6_title h3:before { display:block; content:""; position:absolute; left:-5px; top:15px; width:14px; height:14px; background-color:#ea6000; border-bottom:4px solid #e75000; border-right:4px solid #e82000; z-index:1;}

.sub6_back { background:url(/img/sub6_img.png) center/cover no-repeat fixed; width:100%; height:300px; margin-bottom:50px; }
.sub6_text { font-size: 17px; margin-top:20px; line-height:34px; }
.sub6_text span { color:#777; font-size:14px; display:inline-block; background-color:#f1f1f1; padding:5px 10px; margin-top:25px; }

.sub6_section { margin-bottom:80px; }
.sub6_1_row { display:flex; justify-content: center; align-items: center; margin:10px 0; }
.sub6_1_row > div { width:33.33333%; text-align:center; height:80px; display:flex; flex-direction: column; justify-content: center; align-items: center; border-radius:10px; }
.sub6_1_row > div p { font-size:16px; }
.sub6_1_center { position:relative; color:#777; }
.sub6_1_center:before { 
    position:absolute;
    content:"";
    display:block;
    left:10px;
    width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #444;/* 화살표 */
 }
 .sub6_1_center:after { 
    position:absolute;
    content:"";
    display:block;
    right:10px;
    width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #444;/* 화살표 */
 }
.sub6_1_left { background-color:#f3f3f3; }
.sub6_1_right { background-color:#444; color:#fff; }

.sub6_2_row { display:flex; justify-content: space-between; align-items: center; margin-bottom:15px; }
.sub6_2_col { display:flex; flex-direction: column; width:calc(33.333333% - 10px); justify-content: center; align-items: center; text-align:center; padding:20px; height:200px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
.sub6_2_col h4 { font-size:18px; margin:10px 0; }
.sub6_2_col p { font-size:14px; color:#777; }

/* 이용약관 */
.agreement_wrap { padding:20px; }
.health_agreement h2 { position:relative; font-size:20px; margin-bottom:10px; padding-left:15px; }
.health_agreement h2:before { position:absolute; content:""; width:10px; height:10px; background-color:#ea6000; left:0; top:5px; }
.health_agreement textarea { padding:20px; }