@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;900&display=swap');

	@font-face {
		 font-family: 'S-CoreDream-9Black';
		 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
		 font-weight: normal;
		 font-style: normal;
	}

/* 공통 */

.sub_visual {position: relative; height: 720px; background: url("/images/sub_vis_img1.jpg") center top no-repeat; background-size: cover;}
.sub_visual_txt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; max-width: 1400px; width: 100%;}
.sub_visual_txt h2 {color: #fff; font-size: 70px; line-height: 80px; font-weight: 700;}
.sub_visual_txt p {color: #fff; font-size: 25px; line-height: 35px; font-weight: 300; margin-top: 10px;}

.sub_menu {position: absolute; max-width: 1500px; width: 100%; left: 0; right: 0; bottom: 0; height: 100px; background: #fff; border-bottom: 1px solid #e5e5e5; z-index: 20; margin: auto;}
.sub_menu > ul {position: relative; max-width: 1500px; margin: auto;}
.sub_menu > ul:after {content: ""; display: block; clear: both;}
.sub_menu > ul > li {position: relative; float: left; height: 100px;}
.sub_menu > ul > li:last-child {}
.sub_menu > ul > li a {display: block; padding-left: 30px; font-size: 18px; height: 100%;}
.sub_menu > ul > li > a {line-height: 98px;}
.sub_menu > ul > li.menu_btn {line-height: 98px; background: url("/images/sub_menu_arrow.png") 92% center no-repeat;}
.sub_menu > ul > li.menu_btn > a {color: #090d12;}
.sub_menu > ul > li + li {min-width: 290px;}
.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 25px; background: #e5e5e5;}
.sub_menu > ul > li.home {width: 120px; background: url("/images/sub_home_icon.png") center no-repeat; background-size: 27px;}
.sub_menu > ul > li.menu_btn.on {background: url("/images/sub_menu_arrow_on.png") 92% center no-repeat;}
.sub_menu > ul > li.menu_btn.on > a {color: #0054ff;}
.sub_menu > ul > li ul {display: none; position: absolute; border: 1px solid #e5e5e5; border-top: 0; width: 100%; z-index: 15;}
.sub_menu > ul > li ul li {height: 90px;  background: #fff; border-top: 1px solid #e5e5e5;}
.sub_menu > ul > li ul li:nth-child(1) {border-top: 0;}
.sub_menu > ul > li ul li a {color: #222; line-height: 88px;}
.sub_menu > ul > li ul li:hover a {color: #6091f5;}

#sub_content_wrap {padding-top: 80px; margin-bottom: 100px;}
.sub_inner {max-width: 1400px; width: 100%; margin: 0 auto;}
.sub_title {color: #000; font-size: 50px; line-height: 58px; font-weight: 700; text-align: center;}
.sub_inner_menu {margin-top: 90px;}

/* 인사말 */

.eti_title {color: #000; font-size: 40px; line-height: 48px; font-weight: 700; }
.eti_txt_wrap p {color: #000; font-size: 35px; line-height: 45px; margin-top: 30px; font-weight: 300;} 

.eti_img {margin-top: 40px;}
.eti_img img {width: 100%;}
.eti_txt p {color: #707070; font-size: 20px; line-height: 30px; font-weight: 300; margin-top: 40px;}
.eti_inner_txt {text-align: right;}
.eti_inner_txt span {position: relative; display: block; color: #000; font-size: 22px; line-height: 30px; font-weight: 300; padding-right: 100px;}
.eti_inner_txt span strong {display: block; color: #000; font-size: 25px; line-height: 35px; font-weight: 700;}
.eti_inner_txt span:before {content: ""; position: absolute; top: -20px; right: 0; width: 90px; height: 120px; background: url("/images/sign_img.jpg") center no-repeat; background-size: 100%;}

.eti_tbl_wrap {position: relative; display: table; width: 100%; margin-top: 180px; padding-top: 150px; border-top: 1px solid #e5e5e5;}
.eti_tbl_wrap:before {content: ""; position: absolute; top: 0; right: 0; width: 835px; height: 540px; background: url("/images/sec1_bg_ic.png") center no-repeat; background-size: 100%;}
.eti_tbl1 {display: table-cell; vertical-align: top; width: 27.85%;}
.eti_tbl1 img {width: 100%;}
.eti_tbl2 {display: table-cell; vertical-align: top; width: 78.57%; padding-left: 60px;}
.eti_tbl2 h4 {color: #000; font-size: 32px; line-height: 40px; font-weight: 700;}
.eti_tbl2 em {display: block; font-family: 'Poppins', sans-serif; color: #0054ff; font-size: 22px; line-height: 30px; font-weight: 900;}
.eti_tbl2 ul {margin-top: 40px;}
.eti_tbl2 ul li {position: relative; color: #707070; font-size: 20px; line-height: 28px; font-weight: 300; padding-left: 15px;}
.eti_tbl2 ul li:before {content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #9e9e9e; border-radius: 50%;}
.eti_tbl2 ul li + li {margin-top: 10px;}

/* 비전/목표 */

.d_tpp_menu {margin-top: 100px;}
.d_tpp_menu ul {position: relative; margin: -10px;}
.d_tpp_menu ul:after {content: ""; display: block; clear: both;}
.d_tpp_menu ul li {padding: 10px; float: left; width: 50%;}
.d_tpp_menu .dd_tp_inner {border: 1px solid #ddd; position: relative; border-radius: 25px; padding: 50px; font-size: 30px; line-height: 38px; font-weight: 700;}
.d_tpp_menu ul li:nth-child(1) .dd_tp_inner:before {content: ""; position: absolute; bottom: 30px; right: 30px; width: 60px; height: 70px; background: url("/images/d_tp_ic1.png") center no-repeat; background-size: 100%;}
.d_tpp_menu ul li:nth-child(2) .dd_tp_inner:before {content: ""; position: absolute; bottom: 30px; right: 30px; width: 54px; height: 70px; background: url("/images/d_tp_ic2.png") center no-repeat; background-size: 100%;}
.d_tpp_menu ul li:nth-child(3) .dd_tp_inner:before {content: ""; position: absolute; bottom: 30px; right: 30px; width: 70px; height: 51px; background: url("/images/d_tp_ic3.png") center no-repeat; background-size: 100%;}
.d_tpp_menu ul li:nth-child(4) .dd_tp_inner:before {content: ""; position: absolute; bottom: 30px; right: 30px; width: 66px; height: 70px; background: url("/images/d_tp_ic4.png") center no-repeat; background-size: 100%;}

.d_tpp_menu ul li .dd_tp_inner:hover {background: #095afe; border: 1px solid #095afe; color: #fff;}
.d_tpp_menu ul li:nth-child(1):hover .dd_tp_inner:before { background: url("/images/d_tp_ic1_on.png") center no-repeat; background-size: 100%;}
.d_tpp_menu ul li:nth-child(2):hover .dd_tp_inner:before { background: url("/images/d_tp_ic2_on.png") center no-repeat; background-size: 100%;}
.d_tpp_menu ul li:nth-child(3):hover .dd_tp_inner:before { background: url("/images/d_tp_ic3_on.png") center no-repeat; background-size: 100%;}
.d_tpp_menu ul li:nth-child(4):hover .dd_tp_inner:before { background: url("/images/d_tp_ic4_on.png") center no-repeat; background-size: 100%;}

/* 조직*/

.tpp_title {color: #000; font-size: 30px; line-height: 36px; font-weight: 700; }
.tpp_img {margin-top: 20px; }
.tpp_wrap2 {margin-top: 70px;}
.tpp_tbl_wrap {margin-top: 20px; display: table; width: 100%;}
.tpp_tbl1 {display: table-cell; text-align: center; vertical-align: middle; width: 22.85%; background: #f0f0f0; border-radius: 25px; color: #000; font-size: 27px; font-weight: 700;}
.tpp_tbl2 {display: table-cell; vertical-align: middle; width: 77.14%; padding-left: 30px;}
.tpp_tbl2_inner {border-radius: 25px; border: 1px solid #ddd; padding: 60px 30px;}
.tpp_tbl2_inner ul li {position: relative; color: #707070; font-size: 20px; font-weight: 300; padding-left: 15px;}
.tpp_tbl2_inner ul li + li {margin-top: 10px;}
.tpp_tbl2_inner ul li:after {content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #9e9e9e; border-radius: 50%;}

/* 연혁 */

.history_wrap {position: relative; padding-top: 150px; padding-left: 250px;}
.his_txt {position: absolute; top: 0; left: 0;}
.his_txt h3 {color: #000; font-size: 40px; line-height: 55px; font-weight: 300;}
.his_txt h3 span {display: block; font-weight: 700;}
.his_txt h2 {font-family: 'Poppins', sans-serif; color: #0054ff; font-size: 100px; line-height: 108px; font-weight: 900; margin-top: 80px;}
.h_his_txt {position: relative; margin-top: 60px;}
.h_his_txt:before {content: ""; position: absolute; right: 0; bottom: 70px; width: 835px; height: 540px; background: url("/images/sec1_bg_ic.png") center no-repeat; background-size: 100%;}
.h_his_txt h4 {color: #000; font-size: 32px; line-height: 40px; font-weight: 700;}
.h_his_txt em {font-family: 'Poppins', sans-serif; display: block; color: #0054ff; font-size: 22px; line-height: 30px; font-weight: 900; margin-top: 10px;}
.h_his_txt ul {margin-top: 50px;}
.h_his_txt ul li + li {margin-top: 5px;}
.h_his_txt ul li {color: #707070; font-size: 20px; line-height: 28px; font-weight: 300;}
.h_his_txt ul li span {display: inline-block; vertical-align: middle; color: #000; font-size: 20px; line-height: 28px; font-weight: 700; width: 170px;}


/* 오시는 길 */

.ttp_map {height: 670px !important;}
.ttp_map .root_daum_roughmap .wrap_map {height: 670px !important;}
.ttp_map .root_daum_roughmap .wrap_controllers {display: none;}

.ttp_map_txt {display: table; width: 100%; margin-top: 70px;}
.ttp_map_txt1 {display: table-cell; vertical-align: top; text-align: center; width: 42.85%;}
.ttp_map_txt2 {position: relative; display: table-cell; vertical-align: top; width: 57.14%; padding-left: 60px;}
.ttp_map_txt2:before {content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; min-height: 160px; background: #ccc;}
.ttp_map_txt2 li + li {margin-top: 20px;}
.ttp_map_txt2 li strong {display: inline-block; vertical-align: top; width: 80px; color: #000; font-weight: 700; font-size: 20px; line-height: 28px;}
.ttp_map_txt2 .ttp_ic1 {display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url("/images/ttp_ic1.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -5px;}
.ttp_map_txt2 .ttp_ic2 {display: inline-block; vertical-align: middle; width: 15px; height: 18px; background: url("/images/ttp_ic2.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -5px;}
.ttp_map_txt2 .ttp_ic3 {display: inline-block; vertical-align: middle; width: 17px; height: 17px; background: url("/images/ttp_ic3.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -5px;}

.ttp_map_txt2 li span {display: inline-block; vertical-align: top; color: #000; font-size: 20px; line-height: 28px; font-weight: 300;}
.ttp_map_txt2 li span.ttp_strong {font-weight: 700;}
.ttp_map_txt2 li a.more {display: inline-block; vertical-align: middle; padding: 0 30px; background: #000; font-size: 18px; height: 45px; line-height: 45px; border-radius: 50px; color: #fff; margin-left: 20px;}
.ttp_map_txt2 li a.more .more_ic {display: inline-block; vertical-align: middle; width: 14px; height: 12px; background: url("/images/more_ic2.png") center no-repeat; background-size: 100%; margin-left: 10px; margin-top: -3px;}

/* 연구소 */

.dd_tp_tbl {display: table; width: 100%;}
.dd_tp_tbl1 {display: table-cell; width: 47.85%; vertical-align: top;}
.dd_tp_tbl1 h2 {color: #000; font-size: 40px; line-height: 48px; font-weight: 700;}
.dd_tp_tbl1 em {font-family: 'Poppins', sans-serif; display: block; color: #0054ff; font-size: 22px; line-height: 30px; font-weight: 700; margin-top: 10px;}
.dd_tp_tbl2 {display: table-cell; width: 52.14%; vertical-align: top; border-left: 1px solid #ccc; padding-left: 30px;}
.dd_tp_tbl2 h3 {color: #000; font-size: 30px; line-height: 38px; font-weight: 700;}
.dd_tp_tbl2 ul {margin-top: 20px;}
.dd_tp_tbl2 ul li {position: relative; font-size: 20px; line-height: 28px; font-weight: 300; color: #707070; padding-left: 15px;}
.dd_tp_tbl2 ul li:before {content: ""; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; background: #9e9e9e; border-radius: 50%;}
.dd_tp_tbl2 ul li + li {margin-top: 10px;}
.tpp_img.tpp_img2 {margin-top: 50px;}

.ddd_tp_tbl2 {display: table; width: 100%; margin-top: 50px;}
.dd_ttp_tbl1 {display: table-cell; vertical-align: top; width: 50%;}
.dd_ttp_tbl2 {display: table-cell; vertical-align: top; width: 50%;}

.ddd_tp_tbl2 dl dt {color: #000; font-size: 30px; line-height: 38px; font-weight: 700; margin-bottom: 15px;}
.ddd_tp_tbl2 dl dd {position: relative; font-size: 20px; line-height: 28px; font-weight: 300; color: #707070; padding-left: 15px; }
.ddd_tp_tbl2 dl dd:before {content: ""; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; background: #9e9e9e; border-radius: 50%;}
.ddd_tp_tbl2 dl dd + dd {margin-top: 10px;}

.ddd_tp_tbl3 {margin-top: 90px;}
.ddd_tp_title {color: #000; font-size: 30px; line-height: 38px; font-weight: 700;}
.ddd_tp_inner {margin-top: 40px;}
.ddd_tp3_title {position: relative; color: #164cb9; font-size: 25px; line-height: 35px; font-weight: 700; padding-left: 15px; margin-bottom: 30px;}
.ddd_tp3_title:before {content: ""; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; background: #164cb9; border-radius: 50%;}
.ddd_tp_inner ul li {display: table; width: 100%;}
.ddd_tp_inner ul li:nth-child(1) {border-top: 2px solid #164cb9;}
.ddd_tp_inner ul li:nth-child(1) div {background: #f2f7ff; color: #164cb9; border-bottom: 1px solid #d0dbf1; font-size: 20px;}
.ddd_tp_inner ul li div {display: table-cell; vertical-align: middle; text-align: center; padding: 30px; border-bottom: 1px solid #e5e5e5; color: #707070; font-size: 20px; font-weight: 300;}

.ddd_tp_inner ul li div:nth-child(1) {width: 25.71%;}
.ddd_tp_inner ul li div:nth-child(2) {width: 18.21%;}
.ddd_tp_inner ul li div:nth-child(3) {width: 16.42%;}
.ddd_tp_inner ul li div:nth-child(4) {width: 39.64%;}

.ddd_tp_inner ul li:nth-child(n+2) div:nth-child(4) {text-align: left; }

@media (max-width: 1400px) {
	
	/* 공통 */

	.sub_visual {height: 51.4286vw; }
	.sub_visual_txt {left: 3.5714vw; }
	.sub_visual_txt h2 {font-size: 5.0000vw; line-height: 5.7143vw; }
	.sub_visual_txt p {font-size: 1.7857vw; line-height: 2.5000vw; margin-top: 0.7143vw;}

	.sub_menu {left: 0; right: 0; bottom: 0; height: 7.1429vw; }
	.sub_menu > ul > li {height: 7.1429vw;}
	.sub_menu > ul > li a { padding-left: 2.1429vw; font-size: 1.2857vw;}
	.sub_menu > ul > li > a {line-height: 7.0000vw;}
	.sub_menu > ul > li.menu_btn {line-height: 7.0000vw; }
	.sub_menu > ul > li + li {min-width: 20.7143vw;}
	.sub_menu > ul > li + li:before {width: 0.0714vw; height: 1.7857vw;}
	.sub_menu > ul > li.home {width: 8.5714vw; background-size: 1.9286vw;}
	.sub_menu > ul > li ul li {height: 6.4286vw; }
	.sub_menu > ul > li ul li a {line-height: 6.2857vw;}

	#sub_content_wrap {padding-top: 5.7143vw; margin-bottom: 7.1429vw;}
	.sub_title { font-size: 3.5714vw; line-height: 4.1429vw; }
	.sub_inner_menu {margin-top: 6.4286vw; padding: 0 3.5714vw;}

	/* 인사말 */

	.eti_title {font-size: 2.8571vw; line-height: 3.4286vw; }
	.eti_txt_wrap p {font-size: 2.5000vw; line-height: 3.2143vw; margin-top: 2.1429vw; } 

	.eti_img {margin-top: 2.8571vw;}
	.eti_txt p {font-size: 1.4286vw; line-height: 2.1429vw; margin-top: 2.8571vw; word-break: keep-all;}
	.eti_txt p br {display: none;}
	.eti_inner_txt span {font-size: 1.5714vw; line-height: 2.1429vw; padding-right: 7.1429vw; margin-top: 3.5714vw;}
	.eti_inner_txt span strong {font-size: 1.7857vw; line-height: 2.5000vw; }
	.eti_inner_txt span:before {top: -1.4286vw; width: 6.4286vw; height: 8.5714vw; }

	.eti_tbl_wrap {margin-top: 12.8571vw; padding-top: 10.7143vw;}
	.eti_tbl_wrap:before {width: 59.6429vw; height: 38.5714vw;}
	.eti_tbl2 {padding-left: 4.2857vw;}
	.eti_tbl2 h4 {font-size: 2.2857vw; line-height: 2.8571vw;}
	.eti_tbl2 em {font-size: 1.5714vw; line-height: 2.1429vw;}
	.eti_tbl2 ul {margin-top: 2.8571vw;}
	.eti_tbl2 ul li {font-size: 1.4286vw; line-height: 2.0000vw; padding-left: 1.0714vw;}
	.eti_tbl2 ul li:before {top: 0.7143vw; width: 0.3571vw; height: 0.3571vw; }
	.eti_tbl2 ul li + li {margin-top: 0.7143vw;}

	/* 비전/목표 */

	.d_tpp_menu {margin-top: 7.1429vw;}
	.d_tpp_menu ul { margin: -0.7143vw;}
	.d_tpp_menu ul li {padding: 0.7143vw;}
	.d_tpp_menu .dd_tp_inner {border-radius: 1.7857vw; padding: 3.5714vw; font-size: 2.1429vw; line-height: 2.7143vw; }
	.d_tpp_menu ul li:nth-child(1) .dd_tp_inner:before {  bottom: 2.1429vw; right: 2.1429vw; width: 4.2857vw; height: 5.0000vw; }
	.d_tpp_menu ul li:nth-child(2) .dd_tp_inner:before {  bottom: 2.1429vw; right: 2.1429vw; width: 3.8571vw; height: 5.0000vw;}
	.d_tpp_menu ul li:nth-child(3) .dd_tp_inner:before {  bottom: 2.1429vw; right: 2.1429vw; width: 5.0000vw; height: 3.6429vw; }
	.d_tpp_menu ul li:nth-child(4) .dd_tp_inner:before {  bottom: 2.1429vw; right: 2.1429vw; width: 4.7143vw; height: 5.0000vw; }



	/* 조직*/

	.tpp_title { font-size: 2.1429vw; line-height: 2.5714vw;  }
	.tpp_img {margin-top: 1.4286vw; }
	.tpp_img img {width: 100%;}
	.tpp_wrap2 {margin-top: 5.0000vw;}
	.tpp_tbl_wrap {margin-top: 1.4286vw; }
	.tpp_tbl1 {width: 30%;  border-radius: 1.7857vw;  font-size: 1.9286vw; }
	.tpp_tbl2 {width: 70%; padding-left: 2.1429vw;}
	.tpp_tbl2_inner {border-radius: 1.7857vw; padding: 4.2857vw 2.1429vw;}
	.tpp_tbl2_inner ul li {  font-size: 1.4286vw;  padding-left: 1.0714vw;}
	.tpp_tbl2_inner ul li + li {margin-top: 0.7143vw;}
	.tpp_tbl2_inner ul li:after {top: 0.7143vw; width: 0.3571vw; height: 0.3571vw; }

	/* 연혁 */

	.history_wrap { padding-top: 10.7143vw; padding-left: 17.8571vw;}
	.his_txt h3 { font-size: 2.8571vw; line-height: 3.9286vw; }
	.his_txt h2 {font-size: 7.1429vw; line-height: 7.7143vw; margin-top: 5.7143vw;}
	.h_his_img img {width: 100%;}
	.h_his_txt { margin-top: 4.2857vw;}
	.h_his_txt:before {  right: 0; bottom: 5.0000vw; width: 59.6429vw; height: 38.5714vw;}
	.h_his_txt h4 { font-size: 2.2857vw; line-height: 2.8571vw; }
	.h_his_txt em {font-size: 1.5714vw; line-height: 2.1429vw;  margin-top: 0.7143vw;}
	.h_his_txt ul {margin-top: 3.5714vw;}
	.h_his_txt ul li + li {margin-top: 0.3571vw;}
	.h_his_txt ul li { font-size: 1.4286vw; line-height: 2.0000vw; }
	.h_his_txt ul li span {font-size: 1.4286vw; line-height: 2.0000vw;  width: 12.1429vw;}


	/* 오시는 길 */

	.ttp_map {height: 47.8571vw !important;}
	.ttp_map .root_daum_roughmap .wrap_map {height: 47.8571vw !important;}

	.ttp_map_txt {margin-top: 5.0000vw;}
	.ttp_map_txt1 img {width: 19.2857vw;}
	.ttp_map_txt2 {padding-left: 4.2857vw;}
	.ttp_map_txt2:before {width: 0.0714vw; min-height: 11.4286vw;}
	.ttp_map_txt2 li + li {margin-top: 1.4286vw;}
	.ttp_map_txt2 li strong {  width: 5.7143vw;   font-size: 1.4286vw; line-height: 2.0000vw;}
	.ttp_map_txt2 .ttp_ic1 {  width: 1.0714vw; height: 1.0714vw; margin-right: 0.3571vw; margin-top: -0.3571vw;}
	.ttp_map_txt2 .ttp_ic2 {  width: 1.0714vw; height: 1.2857vw; margin-right: 0.3571vw; margin-top: -0.3571vw;}
	.ttp_map_txt2 .ttp_ic3 {  width: 1.2143vw; height: 1.2143vw; margin-right: 0.3571vw; margin-top: -0.3571vw;}

	.ttp_map_txt2 li span {   font-size: 1.4286vw; line-height: 2.0000vw; }
	.ttp_map_txt2 li a.more {  padding: 0 2.1429vw; font-size: 1.2857vw; height: 3.2143vw; line-height: 3.2143vw; border-radius: 3.5714vw;  margin-left: 1.4286vw;}
	.ttp_map_txt2 li a.more .more_ic {  width: 1.0000vw; height: 0.8571vw; margin-left: 0.7143vw; margin-top: -0.2143vw;}

	/* 연구소 */

	.dd_tp_tbl1 h2 { font-size: 2.8571vw; line-height: 3.4286vw; }
	.dd_tp_tbl1 em {font-size: 1.5714vw; line-height: 2.1429vw;  margin-top: 0.7143vw;}
	.dd_tp_tbl2 { padding-left: 2.1429vw;}
	.dd_tp_tbl2 h3 { font-size: 2.1429vw; line-height: 2.7143vw; }
	.dd_tp_tbl2 ul {margin-top: 1.4286vw;}
	.dd_tp_tbl2 ul li { font-size: 1.4286vw; line-height: 2.0000vw;   padding-left: 1.0714vw;}
	.dd_tp_tbl2 ul li:before {  top: 1.0714vw; width: 0.3571vw; height: 0.3571vw; }
	.dd_tp_tbl2 ul li + li {margin-top: 0.7143vw;}
	.tpp_img.tpp_img2 {margin-top: 3.5714vw;}

	.ddd_tp_tbl2 {margin-top: 3.5714vw;}

	.ddd_tp_tbl2 dl dt { font-size: 2.1429vw; line-height: 2.7143vw;  margin-bottom: 1.0714vw;}
	.ddd_tp_tbl2 dl dd { font-size: 1.4286vw; line-height: 2.0000vw;   padding-left: 1.0714vw;  word-break: keep-all;}
	.ddd_tp_tbl2 dl dd:before { top: 1.0714vw; width: 0.3571vw; height: 0.3571vw;}
	.ddd_tp_tbl2 dl dd + dd {margin-top: 0.7143vw;}

	.ddd_tp_tbl3 {margin-top: 6.4286vw;}
	.ddd_tp_title { font-size: 2.1429vw; line-height: 2.7143vw; }
	.ddd_tp_inner {margin-top: 2.8571vw;}
	.ddd_tp3_title {  font-size: 1.7857vw; line-height: 2.5000vw;  padding-left: 1.0714vw; margin-bottom: 2.1429vw;}
	.ddd_tp3_title:before { top: 1.0714vw; width: 0.3571vw; height: 0.3571vw; }
	.ddd_tp_inner ul li:nth-child(1) div {font-size: 1.4286vw;}
	.ddd_tp_inner ul li div { padding: 2.1429vw; font-size: 1.4286vw; word-break: keep-all;}


}

@media (max-width: 1024px) {
	
	/* 공통 */

	.sub_visual {height: 70.3125vw; }
	.sub_visual_txt {left: 4.8828vw; }
	.sub_visual_txt h2 {font-size: 6.8359vw; line-height: 7.8125vw; }
	.sub_visual_txt p {font-size: 2.4414vw; line-height: 3.4180vw; margin-top: 0.9766vw;}

	.sub_menu {left: 0; right: 0; bottom: 0; height: 9.7656vw; }
	.sub_menu > ul > li {height: 9.7656vw;}
	.sub_menu > ul > li a { padding-left: 2.9297vw; font-size: 1.7578vw;}
	.sub_menu > ul > li > a {line-height: 9.5703vw;}
	.sub_menu > ul > li.menu_btn {line-height: 9.5703vw; }
	.sub_menu > ul > li + li {min-width: 28.3203vw;}
	.sub_menu > ul > li + li:before {width: 0.0977vw; height: 2.4414vw;}
	.sub_menu > ul > li.home {width: 11.7188vw; background-size: 2.6367vw;}
	.sub_menu > ul > li ul li {height: 8.7891vw; }
	.sub_menu > ul > li ul li a {line-height: 8.5938vw;}

	#sub_content_wrap {padding-top: 7.8125vw; margin-bottom: 9.7656vw;}
	.sub_title { font-size: 4.8828vw; line-height: 5.6641vw; }
	.sub_inner_menu {margin-top: 8.7891vw; padding: 0 3.9063vw;}

	/* 인사말 */

	.eti_title {font-size: 3.9063vw; line-height: 4.6875vw; }
	.eti_txt_wrap p {font-size: 3.4180vw; line-height: 4.3945vw; margin-top: 2.9297vw; } 

	.eti_img {margin-top: 3.9063vw;}
	.eti_txt p {font-size: 1.9531vw; line-height: 2.9297vw; margin-top: 3.9063vw;}
	.eti_inner_txt span {font-size: 2.1484vw; line-height: 2.9297vw; padding-right: 9.7656vw; margin-top: 4.8828vw;}
	.eti_inner_txt span strong {font-size: 2.4414vw; line-height: 3.4180vw; }
	.eti_inner_txt span:before {top: -1.9531vw; width: 8.7891vw; height: 11.7188vw; }

	.eti_tbl_wrap {margin-top: 17.5781vw; padding-top: 14.6484vw}
	.eti_tbl_wrap:before {width: 81.5430vw; height: 52.7344vw;}
	.eti_tbl2 {padding-left: 5.8594vw;}
	.eti_tbl2 h4 {font-size: 3.1250vw; line-height: 3.9063vw;}
	.eti_tbl2 em {font-size: 2.1484vw; line-height: 2.9297vw;}
	.eti_tbl2 ul {margin-top: 3.9063vw;}
	.eti_tbl2 ul li {font-size: 1.9531vw; line-height: 2.7344vw; padding-left: 1.4648vw;}
	.eti_tbl2 ul li:before {top: 0.9766vw; width: 0.4883vw; height: 0.4883vw; }
	.eti_tbl2 ul li + li {margin-top: 0.9766vw;}

	/* 비전/목표 */

	.d_tpp_menu {margin-top: 9.7656vw;}
	.d_tpp_menu ul { margin: -0.9766vw;}
	.d_tpp_menu ul li {padding: 0.9766vw;}
	.d_tpp_menu .dd_tp_inner {border-radius: 2.4414vw; padding: 4.8828vw; font-size: 2.9297vw; line-height: 3.7109vw; }
	.d_tpp_menu ul li:nth-child(1) .dd_tp_inner:before {  bottom: 2.9297vw; right: 2.9297vw; width: 5.8594vw; height: 6.8359vw; }
	.d_tpp_menu ul li:nth-child(2) .dd_tp_inner:before {  bottom: 2.9297vw; right: 2.9297vw; width: 5.2734vw; height: 6.8359vw;}
	.d_tpp_menu ul li:nth-child(3) .dd_tp_inner:before {  bottom: 2.9297vw; right: 2.9297vw; width: 6.8359vw; height: 4.9805vw; }
	.d_tpp_menu ul li:nth-child(4) .dd_tp_inner:before {  bottom: 2.9297vw; right: 2.9297vw; width: 6.4453vw; height: 6.8359vw; }

	/* 조직*/

	.tpp_title { font-size: 2.1429vw; line-height: 2.5714vw;  }
	.tpp_img {margin-top: 1.4286vw; }
	.tpp_wrap2 {margin-top: 5.0000vw;}
	.tpp_tbl_wrap {margin-top: 1.4286vw; }
	.tpp_tbl1 {width: 30%;  border-radius: 1.7857vw;  font-size: 1.9286vw; }
	.tpp_tbl2 {width: 70%; padding-left: 2.1429vw;}
	.tpp_tbl2_inner {border-radius: 1.7857vw; padding: 4.2857vw 2.1429vw;}
	.tpp_tbl2_inner ul li {  font-size: 1.4286vw;  padding-left: 1.0714vw;}
	.tpp_tbl2_inner ul li + li {margin-top: 0.7143vw;}
	.tpp_tbl2_inner ul li:after {top: 0.7143vw; width: 0.3571vw; height: 0.3571vw; }

	/* 조직*/

	.tpp_title { font-size: 2.9297vw; line-height: 3.5156vw;  }
	.tpp_img {margin-top: 1.9531vw; }
	.tpp_wrap2 {margin-top: 6.8359vw;}
	.tpp_tbl_wrap {margin-top: 1.9531vw; }
	.tpp_tbl1 {border-radius: 2.4414vw;  font-size: 2.6367vw; }
	.tpp_tbl2 {padding-left: 2.9297vw;}
	.tpp_tbl2_inner {border-radius: 2.4414vw; padding: 5.8594vw 2.9297vw;}
	.tpp_tbl2_inner ul li {  font-size: 1.9531vw;  padding-left: 1.4648vw;}
	.tpp_tbl2_inner ul li + li {margin-top: 0.9766vw;}
	.tpp_tbl2_inner ul li:after {top: 0.9766vw; width: 0.4883vw; height: 0.4883vw; }

	/* 연혁 */

	.history_wrap { padding-top: 14.6484vw; padding-left: 24.4141vw;}
	.his_txt h3 { font-size: 3.9063vw; line-height: 5.3711vw; }
	.his_txt h2 {font-size: 9.7656vw; line-height: 10.5469vw; margin-top: 7.8125vw;}
	.h_his_txt { margin-top: 5.8594vw;}
	.h_his_txt:before {  right: 0; bottom: 6.8359vw; width: 81.5430vw; height: 52.7344vw;}
	.h_his_txt h4 { font-size: 3.1250vw; line-height: 3.9063vw; }
	.h_his_txt em {font-size: 2.1484vw; line-height: 2.9297vw;  margin-top: 0.9766vw;}
	.h_his_txt ul {margin-top: 4.8828vw;}
	.h_his_txt ul li + li {margin-top: 0.4883vw;}
	.h_his_txt ul li { font-size: 1.9531vw; line-height: 2.7344vw; }
	.h_his_txt ul li span {font-size: 1.9531vw; line-height: 2.7344vw;  width: 16.6016vw;}

	/* 오시는 길 */

	.ttp_map {height: 65.4297vw !important;}
	.ttp_map .root_daum_roughmap .wrap_map {height: 65.4297vw !important;}

	.ttp_map_txt {margin-top: 6.8359vw;}
	.ttp_map_txt1 img {width: 26.3672vw;}
	.ttp_map_txt2 {padding-left: 5.8594vw;}
	.ttp_map_txt2:before {width: 0.0977vw; min-height: 15.6250vw;}
	.ttp_map_txt2 li + li {margin-top: 1.9531vw;}
	.ttp_map_txt2 li strong {  width: 7.8125vw;   font-size: 1.9531vw; line-height: 2.7344vw;}
	.ttp_map_txt2 .ttp_ic1 {  width: 1.4648vw; height: 1.4648vw; margin-right: 0.4883vw; margin-top: -0.4883vw;}
	.ttp_map_txt2 .ttp_ic2 {  width: 1.4648vw; height: 1.7578vw; margin-right: 0.4883vw; margin-top: -0.4883vw;}
	.ttp_map_txt2 .ttp_ic3 {  width: 1.6602vw; height: 1.6602vw; margin-right: 0.4883vw; margin-top: -0.4883vw;}

	.ttp_map_txt2 li span {   font-size: 1.9531vw; line-height: 2.7344vw; }
	.ttp_map_txt2 li a.more {  padding: 0 2.9297vw; font-size: 1.7578vw; height: 4.3945vw; line-height: 4.3945vw; border-radius: 4.8828vw;  margin-left: 1.9531vw;}
	.ttp_map_txt2 li a.more .more_ic {  width: 1.3672vw; height: 1.1719vw; margin-left: 0.9766vw; margin-top: -0.2930vw;}

	/* 연구소 */

	.dd_tp_tbl1 h2 { font-size: 3.9063vw; line-height: 4.6875vw; }
	.dd_tp_tbl1 em {font-size: 2.1484vw; line-height: 2.9297vw;  margin-top: 0.9766vw;}
	.dd_tp_tbl2 { padding-left: 2.9297vw;}
	.dd_tp_tbl2 h3 { font-size: 2.9297vw; line-height: 3.7109vw; }
	.dd_tp_tbl2 ul {margin-top: 1.9531vw;}
	.dd_tp_tbl2 ul li { font-size: 1.9531vw; line-height: 2.7344vw;   padding-left: 1.4648vw;}
	.dd_tp_tbl2 ul li:before {  top: 1.4648vw; width: 0.4883vw; height: 0.4883vw; }
	.dd_tp_tbl2 ul li + li {margin-top: 0.9766vw;}
	.tpp_img.tpp_img2 {margin-top: 4.8828vw;}

	.ddd_tp_tbl2 {margin-top: 4.8828vw;}

	.ddd_tp_tbl2 dl dt { font-size: 2.9297vw; line-height: 3.7109vw;  margin-bottom: 1.4648vw;}
	.ddd_tp_tbl2 dl dd { font-size: 1.9531vw; line-height: 2.7344vw;   padding-left: 1.4648vw;  word-break: keep-all;}
	.ddd_tp_tbl2 dl dd:before { top: 1.4648vw; width: 0.4883vw; height: 0.4883vw;}
	.ddd_tp_tbl2 dl dd + dd {margin-top: 0.9766vw;}

	.ddd_tp_tbl3 {margin-top: 8.7891vw;}
	.ddd_tp_title { font-size: 2.9297vw; line-height: 3.7109vw; }
	.ddd_tp_inner {margin-top: 3.9063vw;}
	.ddd_tp3_title {  font-size: 2.4414vw; line-height: 3.4180vw;  padding-left: 1.4648vw; margin-bottom: 2.9297vw;}
	.ddd_tp3_title:before { top: 1.4648vw; width: 0.4883vw; height: 0.4883vw; }
	.ddd_tp_inner ul li:nth-child(1) div {font-size: 1.9531vw;}
	.ddd_tp_inner ul li div { padding: 2.9297vw; font-size: 1.9531vw; word-break: keep-all;}

	.ddd_tp_inner ul {overflow-x: auto; }
	.ddd_tp_inner ul li {width: 136.7188vw; table-layout: fixed;}

	
}

@media (max-width: 768px) {
	/* 공통 */

	.sub_visual {height: 76.8229vw; background: url("/images/sub_vis_mob_img1.jpg") center top no-repeat; background-size: cover;}
	.sub_visual_txt {left: 2.6042vw; }
	.sub_visual_txt h2 {font-size: 9.1146vw; line-height: 10.4167vw; }
	.sub_visual_txt p {font-size: 3.2552vw; line-height: 4.5573vw; margin-top: 1.3021vw;}

	.sub_menu {left: 0; right: 0; bottom: 0; height: 13.0208vw; }
	.sub_menu > ul > li {height: 13.0208vw;}
	.sub_menu > ul > li a { padding-left: 3.9063vw; font-size: 3.1250vw;}
	.sub_menu > ul > li > a {line-height: 12.7604vw;}
	.sub_menu > ul > li.menu_btn {line-height: 12.7604vw; }
	.sub_menu > ul > li + li {min-width: auto; width: 44.14%;}
	.sub_menu > ul > li + li:before {width: 0.1302vw; height: 3.9063vw;}
	.sub_menu > ul > li.home {width: 11.71%; background-size: 3.5156vw;}
	.sub_menu > ul > li ul li {height: 11.7188vw; }
	.sub_menu > ul > li ul li a {line-height: 11.4583vw;}

	#sub_content_wrap {padding-top: 11.7188vw; margin-bottom: 19.5313vw;}
	.sub_title { font-size: 5.2083vw; line-height: 6.5104vw; }
	.sub_inner_menu {margin-top: 13.0208vw; padding: 0 2.6042vw;}

	/* 인사말 */

	.eti_title {font-size: 4.5573vw; line-height: 5.8594vw; }
	.eti_txt_wrap p {font-size: 3.9063vw; line-height: 4.9479vw; margin-top: 2.6042vw; } 

	.eti_img {height: 46.8750vw; margin-top: 5.2083vw; background: url("/images/sub1_mob_img1.png") center no-repeat; background-size: cover;}
	.eti_img img {display: none;}
	.eti_txt p {font-size: 3.1250vw; line-height: 4.1667vw; margin-top: 5.2083vw;}
	.eti_inner_txt span {font-size: 3.1250vw; line-height: 4.1667vw; padding-right: 13.0208vw; margin-top: 6.5104vw;}
	.eti_inner_txt span strong {font-size: 3.3854vw; line-height: 4.5573vw; }
	.eti_inner_txt span:before {top: -2.6042vw; width: 11.7188vw; height: 15.6250vw; }

	.eti_tbl_wrap {margin-top: 13.0208vw; padding-top: 13.0208vw; display: block; width: 100%;}
	.eti_tbl_wrap:before {top: -5.2083vw; width: 100%; height: 70.3125vw;}
	.eti_tbl1 {display: block; text-align: center; width: 100%;}
	.eti_tbl1 img {display: inline-block; width: 50.7813vw;}
	.eti_tbl2 {padding-left: 0; display: block; width: 100%; margin-top: 6.5104vw;}
	.eti_tbl2 h4 {font-size: 4.5573vw; line-height: 5.8594vw; text-align: center;}
	.eti_tbl2 em {font-size: 2.8646vw; line-height: 3.9063vw; text-align: center;}
	.eti_tbl2 ul {margin-top: 3.9063vw;}
	.eti_tbl2 ul li {font-size: 3.1250vw; line-height: 4.1667vw; padding-left: 1.9531vw;}
	.eti_tbl2 ul li:before {top: 1.3021vw; width: 0.6510vw; height: 0.6510vw; }
	.eti_tbl2 ul li + li {margin-top: 1.3021vw;}

	/* 비전/목표 */

	.d_tpp_menu {margin-top: 13.0208vw;}
	.d_tpp_menu ul { margin: -1.3021vw 0;}
	.d_tpp_menu ul li {padding: 1.3021vw 0; float: none; width: 100%;}
	.d_tpp_menu .dd_tp_inner {border-radius: 3.2552vw; padding: 6.5104vw; font-size: 3.9063vw; line-height: 4.9479vw; }
	.d_tpp_menu ul li:nth-child(1) .dd_tp_inner:before {  bottom: 3.9063vw; right: 3.9063vw; width: 7.8125vw; height: 9.1146vw; }
	.d_tpp_menu ul li:nth-child(2) .dd_tp_inner:before {  bottom: 3.9063vw; right: 3.9063vw; width: 7.0313vw; height: 9.1146vw;}
	.d_tpp_menu ul li:nth-child(3) .dd_tp_inner:before {  bottom: 3.9063vw; right: 3.9063vw; width: 9.1146vw; height: 6.6406vw; }
	.d_tpp_menu ul li:nth-child(4) .dd_tp_inner:before {  bottom: 3.9063vw; right: 3.9063vw; width: 8.5938vw; height: 9.1146vw; }

	/* 연혁 */

	.history_wrap { padding-top: 0; padding-left: 0;}
	.his_txt {position: static;}
	.his_txt h3 { font-size: 5.2083vw; line-height: 7.1615vw; }
	.his_txt h2 {font-size: 13.0208vw; line-height: 14.0625vw; margin-top: 6.5104vw;}
	.h_his_img {margin-top: 6.5104vw;}
	.h_his_img img {width: 100%;}
	.h_his_txt { margin-top: 7.8125vw;}
	.h_his_txt:before {  right: 0; bottom: 0; width: 100%; height: 70.3125vw;}
	.h_his_txt h4 { font-size: 4.1667vw; line-height: 5.2083vw; }
	.h_his_txt em {font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 1.3021vw;}
	.h_his_txt ul {margin-top: 6.5104vw;}
	.h_his_txt ul li + li {margin-top: 1.3021vw;}
	.h_his_txt ul li {position: relative; font-size: 3.1250vw; line-height: 4.1667vw; padding-left: 22.1354vw; word-break: keep-all;}
	.h_his_txt ul li span {position: absolute; top: 0; left: 0; font-size: 3.1250vw; line-height: 4.1667vw;  width: auto;}

	/* 조직*/

	.tpp_title { font-size: 3.9063vw; line-height: 4.6875vw;  }
	.tpp_img {margin-top: 2.6042vw; }
	.tpp_img img {width: 100%;}
	.tpp_wrap2 {margin-top: 9.1146vw;}
	.tpp_tbl_wrap {margin-top: 2.6042vw; }
	.tpp_tbl1 {display: block; width: 100%; border-radius: 3.2552vw;  font-size: 3.5156vw; padding: 2.6042vw;}
	.tpp_tbl2 {display: block; width: 100%; padding-left: 0; margin-top: 3.9063vw;}
	.tpp_tbl2_inner {border-radius: 3.2552vw; padding: 7.8125vw 3.9063vw;}
	.tpp_tbl2_inner ul li {  font-size: 3.1250vw;  padding-left: 1.9531vw;}
	.tpp_tbl2_inner ul li + li {margin-top: 1.3021vw;}
	.tpp_tbl2_inner ul li:after {top: 1.9531vw; width: 0.6510vw; height: 0.6510vw; }


	/* 오시는 길 */

	.ttp_map {height: 54.6875vw !important;}
	.ttp_map .root_daum_roughmap .wrap_map {height: 54.6875vw !important;}

	.ttp_map_txt {margin-top: 9.1146vw; display: block; width: 100%;}
	.ttp_map_txt1 {display: block; width: 100%; padding-bottom: 5.2083vw;}
	.ttp_map_txt1 img {width: 35.1563vw;}
	.ttp_map_txt2 {padding-left: 0; display: block; width: 100%; padding-top: 5.2083vw;}
	.ttp_map_txt2:before {width: 100%; min-height: 1px; height: 1px;}
	.ttp_map_txt2 li + li {margin-top: 2.6042vw;}
	.ttp_map_txt2 li strong {  width: 15.6250vw;  font-size: 3.1250vw; line-height: 4.1667vw;}
	.ttp_map_txt2 .ttp_ic1 {  width: 1.9531vw; height: 1.9531vw; margin-right: 0.6510vw; margin-top: -0.6510vw;}
	.ttp_map_txt2 .ttp_ic2 {  width: 1.9531vw; height: 2.3438vw; margin-right: 0.6510vw; margin-top: -0.6510vw;}
	.ttp_map_txt2 .ttp_ic3 {  width: 2.2135vw; height: 2.2135vw; margin-right: 0.6510vw; margin-top: -0.6510vw;}

	.ttp_map_txt2 li span { font-size: 3.1250vw; line-height: 4.1667vw; }
	.ttp_map_txt2 li a.more { padding: 0 3.9063vw; font-size: 3.1250vw; height: 6.5104vw; line-height: 6.5104vw; border-radius: 6.5104vw;  margin-left: 2.6042vw;}
	.ttp_map_txt2 li a.more .more_ic {  width: 1.8229vw; height: 1.5625vw; margin-left: 1.3021vw; margin-top: -0.3906vw;}

	/* 연구소 */

	.dd_tp_tbl1 {display: block; width: 100%;}

	.dd_tp_tbl1 h2 { font-size: 5.2083vw; line-height: 6.2500vw; }
	.dd_tp_tbl1 em {font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 1.3021vw;}
	.dd_tp_tbl2 { padding-left: 0; border-left: 0; border-top: 1px solid #ccc; display: block; width: 100%; padding-left: 0; padding-top: 3.9063vw; margin-top: 3.9063vw}
	.dd_tp_tbl2 h3 { font-size: 3.9063vw; line-height: 4.9479vw; }
	.dd_tp_tbl2 ul {margin-top: 2.6042vw;}
	.dd_tp_tbl2 ul li { font-size: 3.1250vw; line-height: 4.1667vw;   padding-left: 1.9531vw;}
	.dd_tp_tbl2 ul li:before {  top: 1.9531vw; width: 0.6510vw; height: 0.6510vw; }
	.dd_tp_tbl2 ul li + li {margin-top: 1.3021vw;}
	.tpp_img.tpp_img2 {margin-top: 6.5104vw;}

	.ddd_tp_tbl2 {margin-top: 6.5104vw;}

	.ddd_tp_tbl2 dl dt { font-size: 3.9063vw; line-height: 4.9479vw;  margin-bottom: 1.9531vw;}
	.ddd_tp_tbl2 dl dd { font-size: 3.1250vw; line-height: 4.1667vw;   padding-left: 1.9531vw;  word-break: keep-all;}
	.ddd_tp_tbl2 dl dd br {display: none;}
	.ddd_tp_tbl2 dl dd:before { top: 1.9531vw; width: 0.6510vw; height: 0.6510vw;}
	.ddd_tp_tbl2 dl dd + dd {margin-top: 1.3021vw;}

	.dd_ttp_tbl1 {display: block; width: 100%;}
	.dd_ttp_tbl2 {display: block; width: 100%; margin-top: 3.9063vw;}

	.ddd_tp_tbl3 {margin-top: 11.7188vw;}
	.ddd_tp_title { font-size: 3.9063vw; line-height: 4.9479vw; }
	.ddd_tp_inner {margin-top: 5.2083vw;}
	.ddd_tp3_title {  font-size: 3.2552vw; line-height: 4.5573vw;  padding-left: 1.9531vw; margin-bottom: 3.9063vw;}
	.ddd_tp3_title:before { top: 1.9531vw; width: 0.6510vw; height: 0.6510vw; }
	.ddd_tp_inner ul li:nth-child(1) div {font-size: 3.1250vw;}
	.ddd_tp_inner ul li div { padding: 2.6042vw; font-size: 3.1250vw; word-break: keep-all;}


	.ddd_tp_inner ul li div:nth-child(1) {width: auto;}
	.ddd_tp_inner ul li div:nth-child(2) {width: auto;}
	.ddd_tp_inner ul li div:nth-child(3) {width: auto;}
	.ddd_tp_inner ul li div:nth-child(4) {width: auto;}

	.ddd_tp_inner ul {overflow-x: auto; }
	.ddd_tp_inner ul li {width: 156.2500vw; }

}