/*서브페이지 상단 드롭다운 메뉴*/
#sub_container {position:absolute;width:100%;height: 60px;line-height:60px;bottom:0;border-top: 1px solid rgba(255,255,255,0.5)}
.sub_menu_list {width:1500px;margin:0 auto}
.sub_menu_list .inner {height: 100%}
.sub_menu_list .inner:after {clear: both; display: block;content: "";}
.sub_menu_list .inner .home {width: 60px;height: 100%;float: left;text-align: center;border-left: 1px solid rgba(255,255,255,0.5);border-right: 1px solid rgba(255,255,255,0.5)}
.sub_menu_list .inner .home a {display: block;color:#fff;font-size:17px}
.sub_menu_list .inner .dropdown {float: left;position: relative;min-width: 200px;border-right: 1px solid rgba(255,255,255,0.5)}
.sub_menu_list .inner .dropdown a.select {display: block;color: #fff;padding: 0 50px 0 20px;font-size:15px}
.sub_menu_list .inner .dropdown a.select:after {content: '\e942'; font-family: 'xeicon'; position: absolute; right:20px;font-size:15px}
.sub_menu_list .inner .dropdown a.select.open:after {content: '\e945'}
.sub_menu_list .inner a:hover {background:rgba(0,0,0,0.3); transition:all 0.3s ease}
.sub_menu_list .inner .dropdown ul.menu_list {position:absolute; display:none; width: 100%; background:rgba(0,0,0,0.8); z-index:300;left:0}
.sub_menu_list .inner .dropdown ul.menu_list li {line-height: 50px !important;height: 50px;text-indent: 15px}
.sub_menu_list .inner .dropdown ul.menu_list li a {display: block;text-align: left;height: 100%; /*line-height: 50px;*/line-height:35px;font-size:13px;padding-left:0;color:#fff !important}
.sub_menu_list .inner .dropdown ul.menu_list li a:hover {background: #000; border-bottom:0 !important; transition: all 0.4s ease}

/*서브페이지 공통*/
#subtop_wrap {width:100%;height:400px;position:relative}
.subtop_bg {background:url(../img/sub/sub_visual.jpg) center no-repeat}
div.sub_title {width: 100%;height:100%;position: relative;}
div.sub_title h2 {color: #fff;font-size: 48px; width: 100%;text-align: center;padding-top:200px;font-weight:300; text-shadow: 1px 1px 3px #000;}

#subpage_wrap {width:100%;;height:auto}
#subpage_wrap.bg_grey {background:#f5f5f5}
.sub_inner {width:1500px; margin:0 auto;height:auto;padding:50px 0;position: relative}
.sub_inner.not_pd {padding:0;}

/*타이틀 요소*/
.sub_title_bullet {padding-left: 35px;}
.sub_title_bullet.bullet04 {padding-left: 25px;}
h2.sub_title_bullet {font-size:24px;margin: 20px 0;height:40px;line-height:40px;position:relative}
h2.sub_title {font-size: 24px;margin-bottom: 20px;position:relative;padding-left:45px}
h2.sub_title:before {content:'';width:35px;height:35px;background:url(../img/sub/bullet.svg) center no-repeat;position:absolute;top:0;left:0}
h2.sub_title.type_small {color: #004e82;font-size: 22px;}
h3.bullet_title {width:100%;font-size: 18px;line-height: 40px; position: relative;display: inline-block; margin-bottom: 10px;color: #004e82;font-weight: 500;}
.bullet_title.dotted:before {content:"";display:inline-block;vertical-align: middle;width:5px;height:5px;margin-right:5px;background:#00ada9;border-radius:50%;}
.bullet {background: url(../img/sub/sub_title_bullet.png) left no-repeat;}
.bullet01:before {content:'';width: 40px;height: 35px;position: absolute;top:0;left:0; background: url(../img/sub/sub_title_bullet01.png) left no-repeat;}
.bullet02:before {content:'';width: 40px;height: 35px;position: absolute;top:0;left:0;background: url(../img/sub/sub_title_bullet02.png) left no-repeat;}
.bullet03:before {content:'';width: 40px;height: 35px;position: absolute;top:0;left:0;background: url(../img/sub/sub_title_bullet03.png) left no-repeat;}
.bullet04:before {    content: '';width: 20px;height: 3px;background: #00ada9;transform: rotate(135deg);position: absolute;top: 15px;left: 0;}

.desc {position:relative;margin-bottom:20px;color:#777;font-size:16px;}
.desc.dot:before {content:"";display:inline-block;vertical-align: middle;width:4px;height:4px;margin: 0 10px 4px 0;background:#00ada9;border-radius: 50%;}
.desc.type_center {text-align:center;}
.desc.bold {font-weight:600;}

/*리스트공통*/
ul.u_list {width:100%;margin-left:25px}
ul.u_list > li {line-height:2;font-size:15px;position:relative;padding-left:10px;margin-bottom:15px}
ul.u_list > li:before {content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background:#00ac79}
ul.u_list > li > ol li {color:#555;font-size:13px}

ol.o_list {margin:0 0 20px 15px;list-style-type: decimal}
ol.o_list > li {font-size: 16px;line-height: 2}
ol.o_list > li > ul {margin-bottom: 10px}
ol.o_list > li > ul li {padding-left: 15px;position: relative;color:#777}
ol.o_list > li > ul li:before {content:'\e91b'; font-family:'xeicon';position: absolute;top: 0;left: 0}
ol.o_list > li > ul li span {font-size: 13px;color:#fd5151}

/* 예시리스트 공통 */
.example_list {display:flex;flex-wrap: wrap;width: 100%;margin:0 0 20px;font-size:0;}
.example_list li {flex:1;display:inline-block;vertical-align:top;width:calc(33.3% - 7px);}
.example_list li:not(:first-child) {margin-left: 10px;}
.example_list .img_box {display:block;width:100%;background:#fff;}
.example_list .img_box img {max-width:100%;object-fit: cover;}
.example_list .txt {margin-top:16px;color:#777;font-size:16px;line-height:22px;text-align: center;}
.example_list h3.bullet_title {margin:0;}

.example_list.small {max-width:60%;margin:0 auto;}
.example_list.border li {border:1px solid #eee;}
.example_list.line_img li img {border:1px solid #eee;}

.not_font {font-size:0;}
.half_box .example_list li {flex:none;width:calc(50% - 10px);padding:0 5px;}
.half_box .example_list li:not(:first-child) {margin:0;}

.example_list .order {position:relative;margin-bottom:16px;margin-right:30px;color:#636363;font-size:16px;font-weight:700;}
.example_list .order:before {content:"";display:inline-block;vertical-align: middle;width:30px;height:30px;margin-right:5px;}
.example_list .order.red:before {background:url(../img/sub/tit_red.png) no-repeat 50% 50%;background-size:100%;}
.example_list .order.yellow:before {background:url(../img/sub/tit_yellow.png) no-repeat 50% 50%;background-size:100%;}
.example_list .order.green:before {background:url(../img/sub/tit_green.png) no-repeat 50% 50%;background-size:100%;}
.example_list .order.blue:before {background:url(../img/sub/tit_blue.png) no-repeat 50% 50%;background-size:100%;}

/* 이미지 하나 */
.one_img_area {width:100%;margin-bottom:20px;}
.one_img_area img {width:100%;max-width:100%;object-fit: cover;}
.one_img_area.small {width:60%;margin:0 auto 20px;}
.one_img_area.small2 {width:60%;margin:0 0 20px;}

/*테이블 공통*/
.table_normal {width: 100%}
.table_normal caption {margin-bottom:10px;font-size:16px;color:#777}
.table_normal thead th {padding: 15px 0;font-weight: 400;font-size: 16px;background: #f5f5f5; color: #666;text-align:center;border-right:2px solid #fff;}
.table_normal .border-l {border-left: 1px solid #e8e8e8 !important}
.table_normal tbody th {background:#f6f6f6;border-bottom: 1px solid #e8e8e8;font-size: 15px;font-weight:400;line-height: 1.5;padding:15px}
.table_normal tbody td {padding: 5px 10px 5px;font-size: 15px;text-align: center;border-bottom: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;color: #777;line-height: 2;}
.table_normal tbody .bold {font-weight:500;}
.table_normal tbody td p {font-size: 13px}
.table_normal tbody td.center {text-align: center}
.table_normal .bg-color {background:#f5f8fb}
.table_normal thead th:first-child,.table_normal tbody td:first-child {border-left: 0}

.table_normal tbody td ol li {font-size:17px;color:#777;line-height:40px;position:relative;padding-left:20px;letter-spacing:-1px;text-align: start;}
.table_normal tbody td ol li:before {content:'\e93f';font-family:'xeicon';position: absolute;top:0;left: 0}


/*텍스트 요소*/
.normal_text {font-size:15px;line-height:1.7}
.normal_text > i {vertical-align:middle}
.arrow_text {font-size: 15px;padding-left:20px;color:#555}
.text-right {text-align:right}
.text-left {text-align: left}
.text-center {text-align: center}
.small_txt {font-size: 13px}
.red_point {color:#fd5151}
.bold_text {font-weight:500}

/*tab*/
.tabs {width:100%;height:auto;overflow:hidden;text-align: center;margin-bottom: 50px}
.tabs li {display: inline-block;font-size: 17px;cursor: pointer; width: auto;color: #888;margin: 0 20px; border-bottom: 3px solid #ddd;padding-bottom: 20px;}
.tabs li span {margin:0 3px}
.tabs li.active {border-bottom:3px solid #00ac97;color:#00ac97}
.tabs li:hover {border-bottom:3px solid #00ac97;color:#00ac97;transition: all 0.3s ease}
.tab_container {width:100%;margin-top:20px}
.tab_content {width:100%}

/*박스*/
.center_img {margin:0 auto;display: block}
div.box {width:100%;border:1px solid #ddd;margin:20px 0;padding:20px;background:#f9f9f9}
div.box h3 {font-size: 20px;margin-bottom:10px;color:#555}
div.box > ul > li,div.box > p {line-height:2;font-size: 16px;color:#555}
div.box > ul > li {position:relative;padding-left:17px}
div.box > ul > li:before {position:absolute;top:0;left:0;content:'\e91b';font-family: 'xeicon'}
div.box > ul + h3 {margin:10px 0;}

.inline_box {display:inline-block;vertical-align: middle;}
.inline_box + .inline_box {width: calc(100% - 270px);}

/*이미지*/
.full {width:100%}
.center_img {display: block;margin:30px auto;}

/*공간*/
div.blank {width:100%;height:50px;clear:both}
.float-r {float:right}
.float-l {float:left}

/*인사말*/
.intro_title {text-align: center;line-height: 1.5;font-size: 48px;color: #555;font-weight:300;margin-bottom:70px;letter-spacing:-3px}
.intro_title span {display:block;color:#00ac97;font-size:60px;font-weight:500}
.intro_text {font-size: 24px;color: #777;text-align: center;width:82%;margin: 30px auto;letter-spacing: -1px;font-weight:300}
.intro_bg_area {width:100%;height: 300px;background:url(../img/sub/sub1_1_img01.jpg) center no-repeat;  background-size: cover;background-attachment: fixed}
.intro_list {width:100%;text-align:justify}
.intro_list:after {content:''; display: inline-block;width:100%}
.intro_list > li {display: inline-block;width: 32%;vertical-align:top}
.intro_list > li div {width: 100%;height: auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 0;text-align: center;background: #f5f5f5;}
.intro_list > li div h2 {font-size: 24px;color: #555;}
.intro_list > li div img {opacity: .5}
.intro_list > li ol {clear:both;margin-top:20px}
.intro_list > li ol li {font-size:17px;color:#777;line-height:40px;position:relative;padding-left:20px;letter-spacing:-1px}
.intro_list > li ol li:before {content:'\e93f';font-family:'xeicon';position: absolute;top:0;left: 0}

/*주요업무*/
.table_box {width: 100%;margin-bottom: 50px}
.table_box:last-child {margin-bottom: 0}
/*.table_box h3 {font-size:19px;width: 250px;height: 40px;line-height:40px;border-radius:20px;display: inline-block;margin-bottom: 20px;text-align: center}*/
.table_box h3 {font-size:19px;width:100%;max-width: 250px;height: 40px;line-height:40px;border-radius:20px;display: inline-block;margin: 20px 0;text-align: center}
.bg_red {border:1px solid #fd5151;color:#fd5151}
.bg_orange {border:1px solid #f19149;color:#f19149}
.bg_green {border:1px solid #00ac97;color:#00ac97}
.bg_blue {border:1px solid #00a0e9;color:#00a0e9}
.bg_violet {border:1px solid #673ab7;color:#673ab7}
div.link_btn {line-height:40px;margin-top:20px;text-align:center}
div.link_btn a {background: #4cbbb4;display: inline-block;min-width: 200px;color: #fff;padding: 0 10px;transition: all 0.4s ease}
div.link_btn a i {font-size: 17px;vertical-align:-2px}
div.link_btn a:hover {background:#00ac97;transition: all 0.4s ease}

ul.process {width: 100%;text-align: justify;position: relative;margin-top:50px}
ul.process:before {content:'';width:100%;height:1px;background: #59c3b6;position:absolute;top:7px;left:0}
ul.process:after {content:'';width:100%;display: inline-block}
ul.process li {display: inline-block;width: 16.666%;text-align: center;margin: 0 -15px}
ul.process li .dotArea {width: 15px;height: 15px;background:#59c3b6; margin: 0 auto; border-radius: 7px;position:relative}
ul.process li .dotArea:before {position: absolute;display: block;top: -8px;left: -8px;width: 30px; height: 30px;content: ''; border-radius: 50%;background: #23b0a7;opacity: .2}
ul.process li .infoArea {margin-top:30px}
ul.process li .infoArea h3 {font-size: 15px;line-height:2;font-weight:600}
ul.process li .infoArea p {font-size: 15px;line-height:2;color:#555;}

ul.edu_box_list {width: 100%;text-align: justify; border: 1px solid #ddd;padding: 30px 0;display: table;font-size:0}
ul.edu_box_list:after {content: '';width:100%;display: inline-block}
ul.edu_box_list li {width:16.6667%;display:table-cell;vertical-align:middle;height:100%;border-right: 1px solid #ddd}
ul.edu_box_list li:last-child {border-right:0}
ul.edu_box_list li a {display: block;width:100%;height:100%;text-align: center}
ul.edu_box_list li a p {width: 80px;height: 80px;margin: 0 auto;background: #e8e8e8;border-radius: 50px;transition: all 0.4s ease}
ul.edu_box_list li a h2 {font-size: 16px;color:#777;margin-top:30px;height: 50px}
ul.edu_box_list li a:hover p {transform: scale(1.2);transition: all 0.4s ease}

.accordian {border: 1px solid #ccc}
.accordian .title {padding:20px;cursor: pointer; transition: all .4s ease}
.accordian ul ul {display: none;padding:0 30px 30px 30px}
.open-box { transform: rotate(45deg); transition: all .25s ease;}
.accordian .title > i {transition: all .4s ease;float: right;font-size: 20px;color: #00ac79;}

/*조직 및 구성원*/
.member_list {width: 100%;font-size:0;height: auto;overflow: hidden;/*text-align: center*/}
.member_list > li {min-height:313px;padding:20px 30px;margin:0 10px 40px 10px;width:32%;vertical-align:top;display: inline-block;box-shadow: 2px 2px 5px #ddd;background: url(../img/sub/sub1_3_bg.png) #fff right top no-repeat;}
.member_list > li .bulletImg {display: block;float:right}
.member_list > li h2 {font-size: 24px;color: #00ac97;font-weight:300;line-height:1.7;text-align: center;clear: both;padding-bottom: 15px;border-bottom: 1px solid #eee}
.member_list > li h2 span {font-size:16px;color:#777;display:block}
.member_list > li dl {width:100%;margin-top:20px;font-size:14px;line-height: 35px;text-align:left}
.member_list > li dl dt {width:100px;float:left}
.member_list > li dl dd {margin-left:100px;color:#777}

/*찾아오시는 길*/
.map_left {width:50%;float:left;margin-right:3%}
.map_right {width:47%;float:left}
.map_table {width: 100%;margin-top: 30px}
.map_table tbody th {border-top: 1px solid #000;padding:12px;font-size:17px;font-weight:400}
.map_table tbody td {border-top: 1px solid #ddd;padding: 12px 0 12px 20px;font-size:17px}
.map_info {width:100%;margin-top:50px}
.map_info h2 {display: inline-block; border-top: 5px solid #00ac97;line-height: 2}
.map_info > ul {margin-top: 20px}
.map_info ul > li {line-height:2;margin-bottom:20px}
.map_info ul > li h3 {font-size:17px}
.map_info ul > li > p {font-size: 15px;color:#666}
.map_info ul > li > .u_list {margin-left:0}

/*보유장비*/
.equipment_list {width: 100%;height: auto;overflow: hidden}
h3.equip_title {font-size: 24px;margin-bottom: 10px;font-weight: 500}
h3.equip_title > span {font-size:18px;color:#777;}
.equipment_box {width: 100%;height: auto;overflow: hidden;display:table;margin-top:20px}
.equipment_box .img_area {display: table-cell;vertical-align: top; border-spacing: 10px;padding-right: 10px}
.equipment_box .img_area a {display: block}
.equipment_box .img_area a.equip_btn {margin-top: 20px;padding:0 10px;line-height: 40px;background: #4cbbb4;color: #fff;transition: all 0.3s ease}
.equipment_box .img_area a.equip_btn i {float: right;line-height: 40px;font-size: 15px}
.equipment_box .img_area a.equip_btn:hover {background: #00ac97; transition: all 0.3s ease}
.equipment_box ul {display: table-cell}
.equipment_box ul > li {line-height: 2;margin:0 20px;vertical-align: top}
.equipment_box ul > li:last-child {margin-top: 10px;vertical-align: top}
.equipment_box ul > li h3 {font-size: 17px}
.equipment_box ul > li p span {padding-right: 10px}

.equip_table {width: 100%;margin-top:10px;border-bottom: 1px solid #d5dfe7;border-right: 1px solid #d5dfe7}
.equip_table thead th {font-weight: 400;text-align: center;border-top: 1px solid #d5dfe7;padding:5px;background: #d5dfe7;font-size:14px}
.equip_table tbody th {font-weight:400;padding:10px 0}
.equip_table th p {display: inline-block}
.equip_table td {padding: 10px;border-top: 1px solid #d5dfe7;border-left: 1px solid #d5dfe7;text-align: center;color:#777}
.equip_table td.border-l{border-left: 1px solid #d5dfe7}

/*보유장비 - 상세페이지*/
.detail_page {width: 100%;position: relative}
.detail_page .header {width: 100%;height: auto;overflow: hidden;display: table}
.detail_page .header .info {display: table-cell;width: 100%;vertical-align: middle;padding-left:60px}
.detail_page .header .info h2 {font-size:30px;margin-bottom: 30px}
.detail_page .header .info h2 span {font-size:24px;display: block;color:#777;line-height:2}
.detail_page .header .info h3 {font-size:19px}
.detail_page .header .info ul {margin-top:10px}
.detail_page .header .info ul li {line-height: 2;font-size:17px}
.detail_page .header .info ul li > span.title {font-weight: 400;width: 150px;display: inline-block}
.detail_page .header .info ul li > span.text {color:#777;display: inline-block;vertical-align: top}
 
ul.detail_view {width: 100%;border-top: 1px solid #d5dfe7;clear: both;margin-top:40px}
ul.detail_view > li {border-bottom: 1px solid #d5dfe7;padding: 20px 0;width: 100%;display: table}
ul.detail_view > li h3 {font-size: 20px;margin-bottom: 10px;display: table-cell;vertical-align:middle;width:20%}
ul.detail_view > li div {display: inline-block;width: 100%}
ul.detail_view > li div h4 {font-size: 17px;margin-bottom:10px}
ul.detail_view > li div h4 > i {font-size: 20px;vertical-align: -2px;color: #00ac97}
ul.detail_view > li div p {font-size: 17px;line-height: 2;color: #777}
ul.detail_view > li div p span.title {color: #222; display:table-cell;font-weight: 400;width:20%;vertical-align:top}
ul.detail_view > li div p span.text {display:table-cell;vertical-align:top}
ul.detail_view > li div p.point {color:#f00;}
ul.detail_view > li div ul {margin:0 0 10px 10px}
ul.detail_view > li div ul li {font-size: 15px;line-height: 2;color:#777}
ul.detail_view > li div ul li:before {content:'\e91b';font-family:'xeicon'}
ul.detail_view > li ol {margin: 10px 0 10px 30px;list-style-type: decimal;}
ul.detail_view > li ol > li { line-height: 2;font-size: 15px;color: #777;}

.info_table {width:100%;border-top: 1px solid #ddd;}
.info_table thead th {font-size:15px;text-align:center;padding:15px;background:#f5f5f5;border-bottom: 1px solid #ddd;font-weight: 400;border-left: 1px solid #ddd}
.info_table thead th:first-child {border-left: 0}
.info_table tbody th {padding:10px;font-size: 14px;font-weight: 400;border-bottom: 1px solid #ddd;background:#f5f5f5;text-align: center}
.info_table tbody td {padding:10px;font-size: 14px;color:#777;border-bottom: 1px solid #ddd;line-height:1.7;border-left:1px solid #ddd}
.info_table tbody td.center {text-align: center}
.info_table tbody td.border-n {border-left: 0}
.info_table tbody td ul {margin:10px 0 10px 20px;list-style-type: decimal}
.info_table tbody td ul li {font-size:14px;line-height:2}

.info_table.top_color {margin-top:20px;}
.info_table.top_color th {background-color:#74c6be;color:#fff;}
.info_table.top_color td {border-right:1px solid #ddd;text-align: center;}

/*분석의뢰 절차*/
.process_box {width:100%;position:relative;text-align:center}
.process_box:before{width:100%;display: inline-block;content:'';height:1px; background:#00ac97;top:35px;left:0;position:absolute}
.process_box li {display: inline-block;width: 18%;vertical-align:top;position:relative;text-align: center}
.process_box li .number_area {width: 70px; height: 70px;margin: 0 auto; border-radius: 35px;border: 5px solid #00ac97;background: #fff;}
.process_box li .number_area .step {display: block;margin-top: 12px;color: #0075c2}
.process_box li .number_area .number {font-size: 20px;font-weight: 700}
.process_box li h3 {font-size: 17px;margin-top: 20px;color: #777}

.process_view {width:100%;margin:50px 0;border-top:1px solid #d5dfe7}
.process_view .view_box {border-bottom: 1px solid #d5dfe7;padding: 30px 0;width: 100%;height: auto;overflow: hidden;display:table}
.process_view .view_box .step {font-size: 15px;color: #0075c2;font-weight: 700;display:block}
.process_view .view_box h2 {font-weight: 300;font-size: 28px;display:table-cell;width:20%}
.process_view .view_box p {display:table-cell; vertical-align: middle;font-size: 20px;color: #666}
.process_view .view_box p a {background: #999;color: #fff;padding: 0 3px}

.process_list {width:100%}
.process_list > li {font-size:17px;line-height: 2.3;position: relative;padding-left:25px}
.process_list > li:before {content:'';width:20px;height:3px;background:#00ada9;transform:rotate(135deg);position:absolute;top:15px;left:0}
.process_list > li > ol li {font-size:15px;color: #666}

/* 영역 나누기 */
.half_box {display:inline-block;vertical-align: top;width:calc(50% - 20px);padding-top:20px;}
.half_box:nth-child(2n) {margin-left:20px;}
.half_box:nth-child(2n) ~ .half_box {margin-top:20px;}
.half_box .text {position:relative;font-size:16px;font-weight:700;}
.half_box .text:before {content:"";display:inline-block;vertical-align: middle;width:3px;height:3px;margin-right:10px;background:#333;border-radius: 50%;}






@media screen  and (max-width:1500px) {
	.sub_inner {width:100%;padding:100px 15px}
	.sub_menu_list {width:100%}
}

@media screen  and (max-width:1200px) {
	/*센터안내*/
	.intro_list > li div img {margin-bottom: 10px}
	.intro_list > li div h2 {font-size:20px}
	.intro_list > li ol li {font-size:15px}

	/*보유장비*/
	.detail_page .header .info {padding-left: 40px}
	.detail_page .header .info h2 {font-size: 24px}
	.detail_page .header .info h2 span {font-size: 20px}
}

@media screen  and (max-width:1024px) {
	/*이미지*/
	.center_img {width: 100%}
	/*폰트사이즈*/
	#bo_v_con p,div.box > ul > li, div.box > p,ol.o_list > li {font-size:15px}
	ul.edu_box_list li a h2,.table_normal tbody td,ul.detail_view > li div ul li {font-size:14px}

	/*구성원*/
	.member_list li {width:48%}
        
        /* 구역 나누기 */
        .half_box + .half_box,
        .half_box {width:100%;}
}

@media screen  and (max-width:768px) {
	/*서브페이지 레이아웃*/
	#subtop_wrap {height: 350px}
	div.sub_title h2 {padding-top:150px}
	#sub_container {height: 50px;line-height:50px}
	.sub_menu_list .inner .home {width:50px}
	.sub_inner {padding:50px 15px}

	div.blank {height:30px}

	/*폰트사이즈*/
	ul.u_list > li,ol.o_list > li,.accordian .title {font-size:13px}
	div.box h3,.table_box h3,.process_view .view_box p {font-size:17px}
	ul.process li .infoArea p {font-size:12px}
	
	/*센터안내*/
	.intro_title {font-size:36px;margin-bottom: 50px}
	.intro_title span {font-size: 50px}
	.intro_text {width:95%;text-align: justify;font-size: 20px; margin: 20px auto}
	.intro_list > li {width:100%;margin-bottom: 20px}

	/*보유장비*/
	ul.detail_view > li,.detail_page .header .info {display: block}
	ul.detail_view > li h3 {display: block;width:100%;margin-bottom:10px}
	ul.detail_view > li div {padding-left:15px}
	.equipment_box ul > li h3 {font-size:15px}
	#bo_v_con p.image {display: block;width:100%;text-align: center;margin-bottom: 30px}
	.detail_page .header .info,ul.detail_view > li div {padding-left: 0}
	.detail_page .header .info h2 {text-align: center}

	/*구성원*/
	.member_list li {width: 45%}

	/*오시는길*/
	.map_table tbody th,.map_table tbody td {font-size:15px}

	/*화평법*/
	ul.process li {margin:0 -10px;vertical-align:top}

	/*분석교육훈련*/
	ul.edu_box_list {border:0;padding:0;display:block}
	ul.edu_box_list li {width: 32%;display:inline-block;border:1px solid #ddd;margin-bottom:10px}
	ul.edu_box_list li:last-child {border-right:1px solid #ddd}
	ul.edu_box_list li a {padding:20px 5px}

	/*분석의뢰 절차*/
	.process_view .view_box h2 {font-size:22px;width:25%}
        
        /* 이미지리스트 */
        .example_list {flex-flow:wrap;}
        .example_list li {flex: none;width:100%;}
        .example_list.small {max-width:100%;}
        .example_list li:not(:first-child) {margin-left: 0;margin-top:10px;}
        
        .one_img_area.small {width:100%;}
}

@media screen  and (max-width:640px) {
	/*폰트사이즈*/
	h2.sub_title_bullet {font-size:20px}
	h3.bullet_title {font-size:17px}

	/*보유장비*/
	.equipment_box {display: block}
	.equipment_box .img_area {display: block;padding-right:0;text-align:center}
	.equipment_box ul {display:block;margin-left: 0;margin-top:20px}
	ul.detail_view > li div p span.title {width:27%}

	/*구성원*/
	.member_list li {width:100%;min-height: auto}
        
        .table_box h3 {width: 90%;font-size:15px;}
        .half_box .example_list li {width:100%;}
}

@media screen  and (max-width:414px) {
	/*서브페이지 레이아웃*/
	#subtop_wrap {height: 300px}
	div.sub_title h2 {font-size:30px;padding-top:140px}
	.sub_menu_list .inner .dropdown {min-width: auto}

	/*폰트사이즈*/
	h2.sub_title_bullet,h2.sub_title {font-size:20px}
	h2.sub_title {padding-left:37px}
	h2.sub_title:before {width:30px; height: 30px;background-size: cover;}
	.sub_menu_list .inner .dropdown a.select,
	.table_normal thead th,
	.table_normal tbody td,
	.normal_text,#bo_v_con p,
	div.box > ul > li, div.box > p,
	ol.o_list > li,
	.map_info ul > li h3,
	.map_info ul > li > p,
	ul.detail_view > li div ul li,
	.detail_page .header .info ul li > span.title,
	.detail_page .header .info ul li > span.text {font-size:13px}

	div.box h3, 
	.process_view .view_box p,
	.detail_page h2 span,
	ul.detail_view > li h3,
	ul.detail_view > li div h4,
	.map_info h2,h3.bullet_title,
	.intro_list > li div h2 {font-size:15px}

	h2.sub_title_bullet.line-2 {line-height: 1;font-size:17px}
	.table_box h3 {font-size:16px;display: block;width: 100%}


	/*리스트*/
	ol.o_list {margin:0 10px}

	/*센터안내*/
	.intro_title {font-size:20px;margin-bottom:30px}
	.intro_title span {font-size:40px}
	.intro_text {font-size: 16px}
	.intro_bg_area {background-attachment: inherit;}
	.intro_list > li ol li {line-height:1.7;font-size:14px}

	/*보유장비*/
	h3.equip_title {text-align:center}
	h3.equip_title > span {display: block;font-size: 14px;color:#777}
	.detail_page h2 {font-size:20px}
	.equip_table thead th,
	.equip_table td,.info_table thead th,
	.info_table tbody th,
	.info_table tbody td {font-size:12px;padding:10px 4px;}

	.detail_page .header .info h2 {font-size:20px;text-align:center}
	.detail_page .header .info h2 span,.detail_page .header .info ul li {font-size:14px}
	.detail_page .header .info h2 span {line-height:1.7;margin-top: 10px}
	.equipment_box ul > li {margin:0;}
	ul.detail_view > li div p span.title,ul.detail_view > li div p span.text,.detail_page .header .info ul li > span.title,.detail_page .header .info ul li > span.text {width:100%;display: block}

	/*구성원*/
	.member_list > li dl {line-height:30px}
	.member_list > li dl dt:nth-child(5) {width:100%}
	.member_list > li dl dd:nth-child(6) {margin-left: 0}

	/*오시는길*/
	.map_table tbody th, .map_table tbody td {font-size:13px;padding:10px}

	/*프로세스 바*/
	ul.process::before {width: 1px;height:100%;top:-50px;left:50%;}
	ul.process li {display: block;margin:0;width:100%}
	ul.process li:nth-child(odd) .infoArea {margin: -30px 0 50px 220px;text-align: left}
	ul.process li:nth-child(even) .infoArea {margin: -30px 220px 50px 0;text-align: right}
	
	ul.edu_list li {padding:15px 0}
	ul.edu_list li div.number {font-size:24px;display:block}
	ul.edu_list li div.subject {font-size: 17px}
	ul.edu_list li div.subject > span {display: block}

	/*분석교육훈련*/
	ul.edu_box_list li {width:100%}
	ul.edu_box_list li a p {display: none}
	ul.edu_box_list li a h2 {font-size: 13px;height: auto;margin-top:0}
	.accordian ul ul {padding:0 10px 10px 10px}

	/*분석의뢰 절차*/
	.process_box:before {top: 30px}
	.process_box li h3 {font-size:12px}
	.process_box li .number_area {width:60px;height: 60px}
	.process_box li .number_area .step {font-size:11px}
	.process_box li .number_area .number,.process_view .view_box p {font-size:15px}
	.process_view .view_box h2 {font-size:17px;display:block;width:100%}
	.process_view .view_box .step,.process_list > li > ol li {font-size:12px}
	.process_view .view_box p {display:block}
	.process_list > li {font-size:13px;padding-left: 15px}
	.process_list > li:before {width:13px;height:2px;top:13px}

	/*분석료 안내*/
	.overflow_box {width: 100%;height: auto;overflow: auto}
}

@media screen  and (max-width:375px) {
	ul.process li:nth-child(odd) .infoArea {margin: -30px 0 50px 200px;text-align: left}
	ul.process li:nth-child(even) .infoArea {margin: -30px 200px 50px 0;text-align: right}
	.equipment_box .img_area a img {width: 100%}
}

@media screen  and (max-width:320px) {
	.sub_menu_list .inner .dropdown a.select {padding:0 35px 0 15px;font-size:12px}
	.sub_menu_list .inner .dropdown.depth-2 a.select {min-width:160px}
	.sub_menu_list .inner .dropdown a.select:after {right:5px}
	.sub_menu_list .inner .dropdown ul.menu_list li a {font-size:12px;padding:0}
	ul.process li:nth-child(odd) .infoArea {margin: -30px 0 50px 170px;text-align: left}
	ul.process li:nth-child(even) .infoArea {margin: -30px 170px 50px 0;text-align: right}

	.table_normal thead th,.table_normal tbody th,.table_normal tbody td {font-size:12px;padding:5px 3px;line-height:1.5}
	
	/*분석의뢰 절차*/
	.process_box li {width: 19%}
	.process_box li .number_area {width: 55px;height: 55px}
	.process_box:before {top:28px}
	.process_box li .number_area .step,.process_box li h3 {margin-top:10px}
	.process_view {margin:30px 0 50px 0;}

}