@charset "utf-8";


#tab { height:50px;}
#tab>li { float:left; display:block;}
#tab.tab5 > li {float:left; width:calc(20% - 2px);}
#tab.tab6 > li {float:left; width:calc(16.7% - 2px);}
#tab.tab7 > li {float:left; width:calc(50% - 2px);}
#tab>li:first-child { margin-left:0; }
#tab>li a {display:block;  line-height:50px; height:50px; overflow:hidden;  border:1px solid #ededed; background-color:#fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background-color:#f7f7f7; box-sizing:border-box;}
#tab>li.on a {position:relative; color:#0061bb; overflow:hidden;  font-weight:500; background-color:#fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
#tab>li.on a:before {content:"";  position:absolute; top:0px; left:0px; background-color:#0061bb; width:100%; height:2px;}

#tab_contents { padding:10px 0; }
#tab_contents  li { display:none ; }
#tab_contents  li:first-child { display:block; }
#tab_contents  li div li {display:block;}


/* tab */
.tab  {position:Relative; margin: 0 0 50px 0 !important; padding: 0; text-align:center; overflow:hidden;}
.tab ul {position:Relative; width:100%;}
.tab li {float:left; display:block; line-height:50px; border:1px solid #ededed; background-color:#fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background-color:#f7f7f7; box-sizing:border-box;}
.tab li.on { background-color:#fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
.tab li + li {border-left:0px;}
.tab li a {display:block; width:100%; height:100%;  color:#222; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
.tab li a:hover { opacity:0.6;}
.tab.tab_list3 li {width:25%;}

/* 5메뉴 */
.mn_5depth { padding: 15px 0 15px 0; overflow: hidden;}
.mn_5depth li { float: left; padding: 5px 0 5px 4px; box-sizing: border-box;}
.mn_5depth li a { display: block; border: 1px solid #cdd5e2; background: #e5e9f0; color: #6b7387;  letter-spacing: -1px; padding: 4px 15px 6px; box-shadow: 2px 1px 3px #e8e8e8; text-align: center; border-radius: 50px; font-size:0.9em;}
.mn_5depth li.on a, .mn_5depth li a:hover { border: 1px solid #5F5F5F; background: #696969; color: #fff;}
.mn_5depth.mn5_2 {margin-left:20%; }
.mn_5depth.mn5_3 {margin-left:40%; }
.mn_5depth.mn5_4 {margin-left:60%; }

/* 추가 4,5차 메뉴 */
.submenu4th {position:Relative; padding-bottom:30px; float:left;  width:100%;}
.submenu4th > li {position:relative; float:left; width:25%; padding:10px 0; min-height:140px;}
.submenu4th > li:nth-child(1):after  {position:Absolute; top:0px; left:0px;  display:block; content:""; width:1px; height:100%; background-color:#5b9bd5; }
.submenu4th > li:before {position:Absolute; top:0px; right:0px;  display:block; content:""; width:1px; height:100%; background-color:#5b9bd5; }
.submenu4th > li > a {font-size:1.2em; color:#222; text-align:Center; display:block; width:90%; padding:5px 10px; margin:0 auto;}
.submenu4th > li > a.on {/*background: linear-gradient(to right,#0061bb,#07bad4); */ background-color:#217bcc; color:#fff;  border-radius:5px;}
.submenu4th > li > ul {padding:10px 20px;}
.submenu4th > li > ul a {color:#5b9bd5; font-size:0.95em; display:block; width:100%; padding:5px 0;}
.submenu4th > li > ul a:hover {color:#06b3d3; }
.submenu4th > li > ul a:before {content:"-"; display:inline-block; margin-right:5px;}
.submenu4th > li > ul li.on a {color:#1a70be; font-weight:700; text-decoration:underline; }

/* 추진사업 > 오송화장품뷰티산업엑스포*/
.expoInpo {background: url('../images/content/subInfo1_05.png') no-repeat 70px 50%; padding-left:600px;}
.expo-info {border-top:2px solid #c9589c; border-bottom:2px solid #c9589c; margin-top:40px;}
.expo-info dl{position:Relative; }
.expo-info dl:before {content:""; position:absolute; left:0px; width:30%; height:100%; background-color:#c9589c; display:block; z-index:1;}
.expo-info dl:after {content:"";   position:absolute;  display:block; width:100%; border-bottom:1px solid #ededed;  z-index:10;}
.expo-info dl:last-child:after {display:none;}
.expo-info dl dt {position:relative; z-index:10;float:left; width:30%; padding:15px 0; color:#fff; text-align:center; font-weight:500; }
.expo-info dl dd {margin-left:35%; padding:15px 0;}


/* 추진사업 > 바이오 코리아 */
.expo-info.gray {position:relative; border-top:2px solid #222; border-bottom:1px solid #ededed; margin-top:20px; }
.expo-info.bio_logo {margin-left:350px;}
.expo-info.bio_logo:after {content:""; position:absolute; left:-350px;  top:0px; width:350px; height:100%; background:  url('../images/content/intro_bio_new_2020.png') no-repeat 50% 50%; background-size:300px auto ; }
.expo-info.gray dl{position:Relative; }
.expo-info.gray dl:before {content:""; position:absolute; left:0px; width:20%; height:100%; background-color:#f7f7f7; display:block; z-index:1;}
.expo-info.gray dl:after {content:"";   position:absolute;  display:block; width:100%; border-bottom:1px solid #ededed;  z-index:10;}
.expo-info.gray dl:last-child:after {display:none;}
.expo-info.gray dl dt {position:relative; z-index:10;float:left; width:20%; padding:15px 0; color:#000; text-align:center; }
.expo-info.gray dl dd {margin-left:25%; padding:15px 0;}

.business_area {position:relative; background-color:#f7f7f7; margin-top:80px;}
.business_area:before {content:""; width:50%; height:100%; display:block; position:absolute; background:#fff url('../images/content/bio_korea.jpg') no-repeat 50% 50%; background-size:cover; overflow:hidden; margin-top:-40px;  margin-left:-40px;}
.business_area .bio_txt {padding:50px 40px 50px 50%; /*text-align:justify;*/}
.business_area .bio_txt div span {display:inline-block;}

.business_area.cb_cosmetic:before {background:#fff url('../images/content/cb_cosmetic.jpg') no-repeat 50% 50%; }
.business_area.cb_cosmetic.bio-fest-img01:before  {background:#fff url('../images/content/bio-fest-img01.jpg') no-repeat 50% 50%; }
.business_area.cb_cosmetic.bio-fest-img02:before  {background:#fff url('../images/content/bio-fest-img02.jpg') no-repeat 50% 50%; }
.business_area.cb_cosmetic.bio-fest-img03:before  {background:#fff url('../images/content/bio-fest-img03.jpg') no-repeat 50% 50%; }

.div_2dep div {width:calc(50% - 20px);}
.div_2dep div.left {float:left; }
.div_2dep div.right {float:right; }

/* 추진사업 > 충청북도화장품임상연구지원센터 */
.cb_cosmetic_business_info {position:relative; width:100%; text-align:Center;}
.cb_cosmetic_business_info .txt01 {position:relative; border:4px solid #3d4166; color:#3d4166; font-size:1.1em; border-radius:50px; display:inline-block; margin:20px auto; padding:15px 50px;}
.cb_cosmetic_business_info .txt01:before {position:absolute; bottom:-54px; left:50%; content:""; width:1px; height:50px; background-color:#ddd; display:block;}
.cb_cosmetic_business_info ul {position:Relative; margin-top:90px;}
.cb_cosmetic_business_info ul:before {position:absolute; top:-60px; left:calc(12.5% - 5px); content:""; width:calc(75% + 15px); height:1px; background-color:#ddd; display:block;}
.cb_cosmetic_business_info ul li {position:relative; display:block; float:left; width:calc(25% - 17px); margin-left:20px; border:1px solid #ddd;}
.cb_cosmetic_business_info ul li:before {position:absolute; top:-60px; left:50%; content:""; width:1px; height:40px; background-color:#ddd; display:block;}
.cb_cosmetic_business_info ul li:first-child {margin-left:0;}
.cb_cosmetic_business_info ul li span.num {position:absolute; top:-20px; left:50%; margin-left:-20px;width:40px; height:40px; line-height:40px; color:#fff; background-color:#3d4166; border-radius:50%;}
.cb_cosmetic_business_info ul li h4 {background: #f6f7f9;   padding: 30px 30px 15px 30px; font-size:1.1em;}
.cb_cosmetic_business_info ul li p {padding:20px; min-height:100px;}

.cb_cosmetic .cb_cosmetic_list dl {margin-bottom:10px;}
.cb_cosmetic .cb_cosmetic_list dl dt {float:left; color:#fff; background-color:#1d7cc7; display:inline-block; padding:4px 0px; border-radius:3px; width:120px; text-align:Center;}
.cb_cosmetic .cb_cosmetic_list dl dd { display:block; padding:4px 0px; margin-left:140px; text-align:left;}

.cb_cosmetic_business_info2  {/*border:1px solid #ddd; background-color:#f6f7f9; */padding:20px 0;  text-align:Center; color:#666;}
.cb_cosmetic_business_info2 ul {margin-top:30px;}
.cb_cosmetic_business_info2 ul li {position:relative; border:1px solid #91a5c7;  padding:25px; border-radius:10px; background-color:#fff; margin-top:15px;}
.cb_cosmetic_business_info2 ul li:before {position:absolute; display:block; content:""; top:0px; left:50%; width:50px; height:50px; margin-top:-35px; margin-left:-25px;   background:url('../images/content/arrow_01.png') no-repeat 50% 50%; background-size:50px auto;}
.cb_cosmetic_business_info2 ul li:first-child:before {display:none;}
.cb_cosmetic_business_info2 ul li h4 {color:#145bae; font-weight:300; font-size:1.2em;}

.cb_cosmetic_business_info3 {position:relative; border:1px solid #ddd; background-color:#f6f7f9; padding:50px 150px;  text-align:Center;}
.cb_cosmetic_business_info3 .direting_point {position:relative; padding-bottom:100px; }
.cb_cosmetic_business_info3 .direting_point li {position:Absolute;  width:150px; }
.cb_cosmetic_business_info3 .direting_point li span {font-size:0.8em; }
.cb_cosmetic_business_info3 .direting_point li.list01 {bottom:50px; text-align:right; left:0%; width:100%; text-align:Center;}
.cb_cosmetic_business_info3 .direting_point li.list02 {top:38%; text-align:right; left:50%; margin-left:-510px; }
.cb_cosmetic_business_info3 .direting_point li.list03 {top:14%; text-align:center; right:0; width:100%;}
.cb_cosmetic_business_info3 .direting_point li.list04{top:38%; text-align:left;  right:50%; margin-right:-510px;}

.cb_cosmetic_business_info3 ul.direting_point2:before {position:absolute; display:block; content:""; top:0px; left:50%; width:50px; height:50px; margin-top:-45px; margin-left:-25px;   background:url('../images/content/arrow_02.png') no-repeat 50% 50%; background-size:50px auto;}
.cb_cosmetic_business_info3 ul.direting_point2 {position:Relative; margin-top:20px;}
.cb_cosmetic_business_info3 ul.direting_point2 li h1 {position: relative;  border: 4px solid #3d4166;  color: #3d4166;  font-size: 1.1em;  border-radius: 50px;  display: inline-block;  margin: 20px auto;  padding: 15px 50px; background-color:#fff;}
.cb_cosmetic_business_info3 ul.direting_point2 li:before {position:absolute; bottom:-22px; left:calc(16.6% - 7px); content:""; width:calc(66.6% + 11px); height:1px; background-color:#ddd; display:block;}
.cb_cosmetic_business_info3 ul.direting_point2 li:after {position:absolute; bottom:-20px; left:50%; margin-left:-3px; content:""; width:1px; height:40px; background-color:#ddd; display:block;}
.cb_cosmetic_business_info3 ul.direting_point2 li ul {margin-top:60px;}
.cb_cosmetic_business_info3 ul.direting_point2 li ul li {position:relative; display:block; float:left; width:calc(33.3% - 17px); margin-left:20px; border:1px solid #ddd; background-color:#fff;}
.cb_cosmetic_business_info3 ul.direting_point2 li ul li:before {position:absolute; top:-40px; left:50%; content:""; width:1px; height:40px; background-color:#ddd; display:block;}
.cb_cosmetic_business_info3 ul.direting_point2 li ul li:first-child {margin-left:0;}
.cb_cosmetic_business_info3 ul.direting_point2 li ul li span {text-align:Center; margin:20px 0; display:block;}
.cb_cosmetic_business_info3 ul.direting_point2 li ul li div {text-align:Center; padding:15px 0; display:block; background-color:#3668a3; color:#fff; }
.cb_cosmetic_business_info3 ul.direting_point2 li ul li p {text-align:Center; padding:15px 0; display:block; background-color:#fff; }
.cb_cosmetic_business_info3 ul.direting_point2 li ul li:after {display:none;}

.cb_cosmetic_business_info4 .locCont {margin-top:50px;}
.cb_cosmetic_business_info4 .locCont h4 {width:280px; float:left;  border-top:4px solid #3668a3; color:#3668a3; padding-top:30px; font-size:1.5em; font-weight:300;}
.cb_cosmetic_business_info4 .locCont ul {margin-left:280px; border-top:4px solid #e7eaee; padding-top:30px; padding-left:30px;}

/* 설립목적 */
.goal_area01 h3 {position:relative; z-index:10; display:none; margin:0 auto;  font-size:1.6em; text-align:Center; font-weight:100; color:#fff;}
.goal_area01 h3 span {background-color:#4d91c2; padding:10px 30px; border-radius:40px;}
.goal_area01 div {position:Relative;  z-index:1; word-break:keep-all; font-size:1.6em; line-height:1.4em; text-align:Center;   font-weight:500; max-width:1100px; margin:0 auto;}

/*.goal_area02 {position:relative; margin-top:50px; padding:50px;  background:#fff url('../images/content/pattern03.png') no-repeat 50% 50%; background-size:auto 90% ;}
.goal_area02 h3 {position:relative; margin:150px auto; width:180px; height:180px; line-height:180px; border-radius:50%; font-size:1.8em; text-align:Center; font-weight:100; color:#fff;    background:#175a9d url('../images/content/pattern02.png') no-repeat 100% 50%; background-size:160% auto;}
.goal_area02 h3:after {position:Absolute; width:220px; height:220px; content:""; border:1px dashed #dcdee0;  left:-21px; top:-21px; border-radius:50%;}
.goal_area02 ul li {position:Absolute; width:240px; text-align:Center; border-radius:60px; word-break:keep-all; padding:20px 40px; font-size:1.125em; line-height:1.4em;}
.goal_area02 ul li:first-child {top:50px; left:50%; margin-left:-160px; background-color:#f6f7f9;  }
.goal_area02 ul li:nth-child(2) {top:250px; left:50%; margin-left:-540px; background-color:#f6f7f9;  }
.goal_area02 ul li:nth-child(3) {top:420px; left:50%; margin-left:-420px; background-color:#f6f7f9;  }
.goal_area02 ul li:nth-child(4) {top:420px; right:50%; margin-right:-420px; background-color:#f6f7f9;  }
.goal_area02 ul li:nth-child(5) {top:250px; right:50%; margin-right:-540px; background-color:#f6f7f9;  }*/

.goal_area02  h3 {display:none;}
.goal_area02  ul {text-align:Center;}
.goal_area02  ul li {display:inline-block; width:calc(33.3% - 37px); margin:0 10px 30px 10px;  border:1px solid #ededed; word-break:keep-all; vertical-align:top;}
.goal_area02  ul li .img {display:block; width:100%; height:300px;}
.goal_area02  ul li .img.img01 { background: url('../images/content/con01_01.jpg') no-repeat center center; background-size: cover;}
.goal_area02  ul li .img.img02 { background: url('../images/content/con01_02.jpg') no-repeat center center; background-size: cover;}
.goal_area02  ul li .img.img03 { background: url('../images/content/con01_03.jpg') no-repeat center center; background-size: cover;}
.goal_area02  ul li .img.img04 { background: url('../images/content/con01_04.jpg') no-repeat center center; background-size: cover;}
.goal_area02  ul li .img.img05 { background: url('../images/content/con01_05.jpg') no-repeat center center; background-size: cover;}
.goal_area02  ul li p {padding:20px; min-height:50px; text-align:Center;}


/*history*/
.history_area {position:Relative; padding-top:40px;}

.history_area li {position:relative; padding-left:40px; }
.history_area li:before {position:absolute; content:""; left:0px; top:0; width:1px; height:100%; display:Block; background-color:#ededed; }
.history_area li strong {position:relative; font-size:40px;}
.history_area li strong:before {position:absolute; content:""; left:-40px; top:50%; width:30px; height:1px; display:Block; background-color:#ededed; }
.history_area li strong:after {position:absolute; content:""; left:-43px; top:50%; margin-top:-3px; width:8px; height:8px; display:Block; background-color:#4d92ec;  border-radius:50%;}

.history_area .his_title {position:Absolute; top:270px; left:0px; width:300px; height:100px; display:block; text-align:center; font-size:1.3em; color:#c8cfd9; font-weight:500; line-height:1.4em; word-break:keep-all;}
.history_area ol {position:relative; padding-left:400px; }
.history_area ol.bg1 { background: url('../images/content/history_bg01.jpg') no-repeat 50px 20px;}
.history_area ol.bg2 { background: url('../images/content/history_bg02.jpg') no-repeat 50px 20px;}
.history_area ol.bg3 { background: url('../images/content/history_bg03.jpg') no-repeat 50px 20px;}
.history_area ol.bg4 { background: url('../images/content/history_bg04.jpg') no-repeat 50px 20px;}
.history_area ol.bg5 { background: url('../images/content/history_bg05.jpg') no-repeat 50px 20px;}
.history_area ol.bg6 { background: url('../images/content/history_bg06.jpg') no-repeat 50px 20px;}
.history_area ol.bg7 { background: url('../images/content/history_bg07.jpg') no-repeat 50px 20px;}
.history_area li ul {position:relative; padding-top:20px; padding-bottom:35px;}
.history_area li ul li {padding-bottom:20px; padding-left:0px; line-height:35px;}
.history_area li li:before {display:none;}
.history_area li ul li em { float:left;  background-color:#4d92ec; color:#fff; padding:0; width:75px; height:35px; line-height:35px; text-align:Center; font-family: 'LatoBold'; border-radius:25px;  font-weight:700; }
.history_area li ul li span {margin-left:90px; display:block;}


/* 조직도 */
.org_area {position:Relative; }
.org_area a:hover  {opacity:0.8;}
.org_area h1 {position:Relative; width:160px; height:160px;  border-radius:50%; color:#fff; margin:20px auto 20px auto; font-size:1.3em; text-align:Center; font-weight:500;  background:#004074 url('../images/content/pattern02.png') no-repeat 100% 50%; background-size:auto 160% ;}
.org_area h1:before {content:""; position:absolute; top:160px; left:50%; display:block; width:1px; height:220px; background-color:#cbcbcb; }
.org_area h1 span {display:table;  width:100%; height:100%;}
.org_area h1 span span {display:table-cell; vertical-align:middle;}
.org_area h2 {position:Relative; width:140px; height:60px; line-height:60px; background-color:#009be0; color:#fff; margin:0px auto 20px calc(50% + 140px); font-size:1.2em; text-align:Center; font-weight:500;}
.org_area h2:before {content:""; position:absolute; top:30px; left:-140px; display:block; width:140px; height:1px; background-color:#cbcbcb; }
.org_area h3 {position:Relative; display:block; width:200px; height:60px; line-height:60px; background-color:#0070bf; color:#fff; margin:0px auto 60px auto; font-size:1.2em; text-align:Center; font-weight:500;}
.org_area h3  a {color:#fff; display:block;}

.org_area ul {position:Relative; max-width:1000px;  padding-top:40px; margin:0 auto 20px auto;}
.org_area ul:before  {content:""; position:absolute; top:0; left:24.5%; display:block; width:49.4%; height:1px; background-color:#cbcbcb; }
.org_area ul li {display:inline-block; width:49%;  text-align:center; vertical-align:top;}
.org_area ul li h4 {position:relative; height:50px; line-height:50px; background-color:#8a8a8a; color:#fff; font-size:1em; text-align:Center; font-weight:300;margin:0px auto; max-width:300px;}
.org_area ul li h4 a {color:#fff; display:block;}
.org_area ul li h4:before {content:""; position:absolute; top:-40px; left:50%; display:block; width:1px; height:40px; background-color:#cbcbcb; }

.org_area ul li ul {margin:0px auto; max-width:300px; padding-top:0px;}
.org_area ul li ul:before {display:none;}
.org_area ul li ul li {width:100%; background-color:#fff; line-height:40px; margin-top:3px; font-size:1em; }
.org_area ul li ul li a {display:block; }


/* CI */
.ci_pattern_bg {text-align:Center; border:1px solid #ededed; padding:30px; background:#fff url('../images/content/ci_pattern_bg.gif') repeat 0 0;}
.ci_color_list {float:left;  border:1px solid #ededed;  width:100%; background-color:#fff;}
.ci_color_list li {float:left; width:16.66%; padding:50px 0%; border-left:1px solid #ededed; box-sizing:border-box;  text-align:Center;}
.ci_color_list li:first-child { border-left:0px solid #ededed; }
.ci_color_list li div {width:80px; height:80px; line-height:80px; color:#fff; margin:0 auto; border-radius:50%; }
.ci_color_list li p {margin-top:20px; font-size:14px;}


/* 찾아오시는길 */
.map_wap {position:Relative; }
.map_wap .root_daum_roughmap  {width:100% !important; z-index:1; height:500px !important;}
.map_wap .info a {position:Absolute; top:30px; right:20px;}
.map_wap .info {position:Absolute; left:0px; bottom:0px; width:100%; display:block; z-index:10; background-color:#f7f7f7;}
.map_wap .info ul {margin:30px 20px; width:calc(100% - 200px); }
.map_wap .info ul li {position:Relative; display:block; padding-right:20px; vertical-align:top; min-height:40px;}
.map_wap .info ul li span.material-icons {float:left; width:30px; height:30px; line-height:30px; color:#fff; background-color:#37458c; border-radius:50%; text-align:center; display:block; margin-left:0px;  margin-right:15px; font-size:16px;}
.map_wap .info ul li strong {float:left; display:block; width:100px;   }
.map_wap .info ul li span {margin-left:150px; display:block; line-height:1.5em; text-align:left;}

.locCont li {position:Relative; padding:10px 0 10px 20px; word-break:keep-all; line-height:1.5em;}
.locCont li:before {position:Absolute; top:15px; content:""; width:10px; height:10px; left:0px; display:block; background-color:#175a9d;}
.locCont li strong { display:block; font-weight: 700;  font-size: 1.1em;  color: #175a9d; margin-bottom:10px; }


/* 기타 / 다운로드 프로그램 */
.down_program {position:relative; margin:30px 0; }
.down_program li {float:left; width:calc(20% - 16px);   margin-left:20px; text-align:Center;}
.down_program li:first-child {margin-left:0px;}
.down_program li span {display:block; height:140px; width:100%;  margin-bottom:15px; border-radius:5px;}
.down_program li a:hover {opacity:0.6;}
.down_program li.icon_program01 span { background:#33aee7 url('../images/content/icon_program01.jpg') no-repeat 50% 50% ; background-size:auto 100px;}
.down_program li.icon_program02 span { background:#b30b00 url('../images/content/icon_program02.jpg') no-repeat 50% 50% ; background-size:auto 100px; }
.down_program li.icon_program03 span { background:#d84e2a url('../images/content/icon_program03.jpg') no-repeat 50% 50% ; background-size:auto 100px; }
.down_program li.icon_program04 span { background:#122da0 url('../images/content/icon_program04.jpg') no-repeat 50% 50% ; background-size:auto 100px; }
.down_program li.icon_program05 span { background:#207347 url('../images/content/icon_program05.jpg') no-repeat 50% 50% ; background-size:auto 100px; }




/*recuBox */
.recuBox dl {position:relative; width:48%; display:inline-block; margin :10px 0.5%; vertical-align:top;}
.recuBox dl.dl_wide {width:98%;}
.recuBox dl dt {width:150px; display:inline-block; height:40px; line-height:40px; padding-left:30px; vertical-align:top; font-size:17px;}
.recuBox dl dd {position:relative; display:inline-block;  width:calc(100% - 190px); }
.recuBox dl dd input {width:100%; height:50px; padding:5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
.recuBox dl dd select {width:100%; height:50px;    padding:5px 20px 5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
.recuBox dl dd button {height:50px; }

.recuBox dl.dt_wide dt {width:250px;}
.recuBox dl.dt_wide dd { width:calc(100% - 290px); }

.recuBox dl dd textarea {width:100%; height:100px; padding:5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
.recuBox dl dd .input_small {position:relative; max-width:calc(48% - 85px);}
.inpu_search_box i {position:absolute; right:0; top:0px; height:50px; width:50px; text-align:Center; line-height:50px;}
.recuBox dl dd .input_small input {padding-right:50px;}
.recuBox dl dd input.input_wide {max-width:99%;}
.recuBox dl dd input.input_small {max-width:50%;}
.recuBox table input {width:94%; margin:0px; padding:0px 3%;}
.recuBox table .input_small {position:relative; max-width:calc(50% - 22px); display:inline-block;}

.recuBox h4 {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ededed; font-size:18px; }

.recuBox .box {position:Relative; margin-top:20px; padding-top:0px; border-bottom:1px solid #ededed;}
.recuBox .btn_add  {position:relative; text-align:Center; padding-bottom:20px;} 
.recuBox .btn_add a { width:40px; height:40px; line-height:35px; background-color:#222; color:#fff; display:inline-block; text-align:Center;} 

.recuBox .btn_add.small  {position:relative; text-align:Center; padding-bottom:0px;} 
.recuBox .btn_add.small a { width:30px; height:30px; line-height:28px; background-color:#222; color:#fff; display:inline-block; text-align:Center; } 
.recuBox .btn_add.small a span {font-size:18px !important;}

.recuBox div textarea {width:100%; height:100px; padding:5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}


/* IE10 이상을 위한 css */
input::placeholder {
  color: #c6c6c6;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder {
  color: #c6c6c6;
}
/* IE */
input:-ms-input-placeholder {
  color: #c6c6c6;
}
/* Firefox */
input:-mos-input-placeholder {
  color: #c6c6c6;
}



input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}
 
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}
 
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}
 
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

@media all and (max-width:1420px){


}



@media all and (max-width:1280px){

	#tab.tab6 > li {float:left; width:calc(33.333% - 1px); margin-bottom:-1px;}

	/* 추진사업 > 오송화장품뷰티산업엑스포*/
	.expoInpo {background: url('../images/content/subInfo1_05.png') no-repeat 00px 50%; padding-left:420px; background-size:400px auto;}
	.expo-info {border-top:2px solid #c9589c; border-bottom:2px solid #c9589c;}
	.expo-info dl{position:Relative; }
	.expo-info dl:before {content:""; position:absolute; left:0px; width:20%; height:100%; background-color:#c9589c; display:block; z-index:1;}
	.expo-info dl:after {content:"";   position:absolute;  display:block; width:100%; border-bottom:1px solid #ededed;  z-index:10;}
	.expo-info dl:last-child:after {display:none;}
	.expo-info dl dt {position:relative; z-index:10;float:left; width:20%; padding:15px 0; color:#fff; text-align:center; }
	.expo-info dl dd {margin-left:25%; padding:15px 0;}

	/* 찾아오시는길 */
	.map_wap {position:Relative; }
	.map_wap .root_daum_roughmap  {width:100% !important; z-index:1; height:650px !important;}
	.map_wap .info a {position:relative; top:0; right:0; margin:10px auto; display:block; max-width:200px;}
	.map_wap .info {position:Absolute; left:0px; bottom:0px; width:100%; display:inline-block; z-index:10; background-color:#f7f7f7;}
	.map_wap .info ul {margin:10px 20px; width:calc(100% - 40px); }
	.map_wap .info ul li {position:Relative; display:block; padding:10px 20px; vertical-align:top; border-bottom:1px solid #ededed;  }
	.map_wap .info ul li:before {display:none; }
	.map_wap .info ul li:first-child:before {display:none;}
	.map_wap .info ul li span.material-icons {float:left; width:30px; height:30px; line-height:30px; color:#fff; background-color:#37458c; border-radius:50%; text-align:center; display:block; margin-left:0px;  margin-right:10px; font-size:16px;}


}


@media all and (max-width:1100px){

	#tab.tab7 > li {float:left; width:calc(33.3% - 2px);}

	/* 추진사업 > 충청북도화장품임상연구지원센터 */
	.cb_cosmetic_business_info3 {position:relative; border:1px solid #ddd; background-color:#f6f7f9; padding:0px 10px 50px 10px;  text-align:Center;}
	.cb_cosmetic_business_info3 .direting_point {position:relative; padding:100px 140px;}
	.cb_cosmetic_business_info3 .direting_point li {position:Absolute;  width:130px; }
	.cb_cosmetic_business_info3 .direting_point li span {font-size:0.8em; }
	.cb_cosmetic_business_info3 .direting_point li.list01 {bottom:30px; text-align:right; left:0%; width:100%; text-align:Center;}
	.cb_cosmetic_business_info3 .direting_point li.list02 {top:42%; text-align:right; left:0%; margin-left:-0px; }
	.cb_cosmetic_business_info3 .direting_point li.list03 {top:30px; text-align:center; right:0; width:100%;}
	.cb_cosmetic_business_info3 .direting_point li.list04{top:42%; text-align:left;  right:0%; margin-right:-0px; }

	.cb_cosmetic_business_info3 ul.direting_point2:before {position:absolute; display:block; content:""; top:0px; left:50%; width:50px; height:50px; margin-top:-45px; margin-left:-25px;   background:url('../images/content/arrow_02.png') no-repeat 50% 50%; background-size:50px auto;}
	.cb_cosmetic_business_info3 ul.direting_point2 {position:Relative; margin-top:20px;}
	.cb_cosmetic_business_info3 ul.direting_point2 li h1 {position: relative;  border: 4px solid #3d4166;  color: #3d4166;  font-size: 1.1em;  border-radius: 50px;  display: inline-block;  margin: 20px auto;  padding: 15px 50px; background-color:#fff;}
	.cb_cosmetic_business_info3 ul.direting_point2 li:before {position:absolute; bottom:-22px; left:calc(16.6% - 2px); content:""; width:calc(66.6% + 0px); height:1px; background-color:#ddd; display:block;}
	.cb_cosmetic_business_info3 ul.direting_point2 li:after {position:absolute; bottom:-20px; left:50%; margin-left:-3px; content:""; width:1px; height:40px; background-color:#ddd; display:block;}
	.cb_cosmetic_business_info3 ul.direting_point2 li ul {margin-top:60px;}
	.cb_cosmetic_business_info3 ul.direting_point2 li ul li {position:relative; display:block; float:left; width:calc(33.3% - 7px); margin-left:5px; border:1px solid #ddd; background-color:#fff;}
	.cb_cosmetic_business_info3 ul.direting_point2 li ul li:before {position:absolute; top:-40px; left:50%; content:""; width:1px; height:40px; background-color:#ddd; display:block;}
	.cb_cosmetic_business_info3 ul.direting_point2 li ul li:first-child {margin-left:0;}
	.cb_cosmetic_business_info3 ul.direting_point2 li ul li span {text-align:Center; margin:20px 0; display:block;}
	.cb_cosmetic_business_info3 ul.direting_point2 li ul li div {text-align:Center; padding:15px 0; display:block; background-color:#3668a3; color:#fff; }
	.cb_cosmetic_business_info3 ul.direting_point2 li ul li p {text-align:Center; padding:15px 0; display:block; background-color:#fff; }
	.cb_cosmetic_business_info3 ul.direting_point2 li ul li:after {display:none;}


}



@media all and (max-width:980px){

	/* 추진사업 > 오송화장품뷰티산업엑스포*/
	.expoInpo {background: url('../images/content/subInfo1_05.png') no-repeat 50% 0%; padding-left:0px; padding-top:300px; background-size:auto 250px;}
	.expoInpo h3 {text-align:Center;  width:100%;}
	.expoInpo h3 img {max-width:70%;}
	.expo-info {border-top:2px solid #c9589c; border-bottom:2px solid #c9589c; margin-top:20px;}
	.expo-info dl{position:Relative; }
	.expo-info dl:before {content:""; position:absolute; left:0px; width:30%; height:100%; background-color:#c9589c; display:block; z-index:1;}
	.expo-info dl:after {content:"";   position:absolute;  display:block; width:100%; border-bottom:1px solid #ededed;  z-index:10;}
	.expo-info dl:last-child:after {display:none;}
	.expo-info dl dt {position:relative; z-index:10;float:left; width:30%; padding:15px 0; color:#fff; text-align:center; }
	.expo-info dl dd {margin-left:35%; padding:15px 0;}

	.expo-info.bio_logo {position:relative; border-top:2px solid #222; border-bottom:1px solid #ededed; margin-top:220px; margin-left:0px;}
	.expo-info.bio_logo:after {content:""; position:absolute; left:0;  top:-200px; width:100%; height:220px; background:  url('../images/content/intro_bio_new_2020.png') no-repeat 50% 0; background-size:300px auto ; }

	.business_area {position:relative; background-color:#f7f7f7; margin-top:80px;}
	.business_area:before {content:""; width:100%; height:300px; display:block; position:absolute; background:#fff url('../images/content/bio_korea.jpg') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; margin-top:0px;  margin-left:0px;}
	.business_area .bio_txt {padding:330px 30px 30px 30px;}


	.div_2dep div {width:100%;}
	.div_2dep div.left {float:none; }
	.div_2dep div.right {float:none; }

	/* CI */
	.ci_pattern_bg {text-align:Center; border:1px solid #ededed; padding:30px; background:#fff url('../images/content/ci_pattern_bg.gif') repeat 0 0;}
	.ci_pattern_bg img {max-width:90%; }
	.ci_color_list {float:left;  border:1px solid #ededed;  width:100%; }
	.ci_color_list li {float:left; width:33%; padding:30px 0%; border-left:1px solid #ededed; box-sizing:border-box;  text-align:Center; border-bottom:1px solid #ededed;}
	.ci_color_list li:first-child { border-left:0px solid #ededed; }
	.ci_color_list li:nth-child(4) { border-left:0px solid #ededed; }
	.ci_color_list li div {width:80px; height:80px; line-height:80px; color:#fff; margin:0 auto; border-radius:50%; }
	.ci_color_list li p {margin-top:20px; font-size:14px;}
		
	/* N A V I G A T I O N */
	.absolute{ position: absolute; display:none;}
	

	/*recuBox */
	.recuBox dl {position:relative; width:100%; display:inline-block; margin :10px 0%; vertical-align:top;}
	.recuBox dl.dl_wide {width:100%;}
	.recuBox dl dt {width:150px; display:inline-block; height:40px; line-height:40px; padding-left:30px; vertical-align:top; font-size:17px;}
	.recuBox dl dd {position:relative; display:inline-block;  width:calc(100% - 190px); }
	.recuBox dl dd input {width:100%; height:50px; padding:5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
	.recuBox dl dd select {width:100%; height:50px;    padding:5px 20px 5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
	.recuBox dl dd textarea {width:100%; height:100px; padding:5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
	.recuBox dl dd .input_small {position:relative; max-width:calc(100% - 85px);}
	.inpu_search_box i {position:absolute; right:0; top:0px; height:50px; width:50px; text-align:Center; line-height:50px;}
	.recuBox dl dd .input_small input {padding-right:50px;}
	.recuBox dl dd input.input_wide {max-width:99%;}
	.recuBox dl dd input.input_small {max-width:50%;}

	.recuBox dl.dt_wide dt {width:100%;}
	.recuBox dl.dt_wide dd {width:100%;}

	
	/* 설립목적 
	.goal_area01 h3 {position:relative; z-index:10; display:block; margin:0 auto;  font-size:1.4em; text-align:Center; font-weight:100;}
	.goal_area01 div {position:Relative; margin-top:-15px; border:5px solid #4d91c2; padding:40px 20px 20px;  z-index:1; word-break:keep-all; font-size:1.1em; line-height:1.4em; text-align:Center;   font-weight:500;}*/
	.goal_area01  {position:relative; z-index:10; display:block; margin:0 auto;  font-size:1em; text-align:Center; font-weight:100;}

	.goal_area02  ul {text-align:Center;}
	.goal_area02  ul li {display:inline-block; width:calc(50% - 17px); margin:0 5px 20px 5px;  border:1px solid #ededed; word-break:keep-all; vertical-align:top;}
	.goal_area02  ul li .img {display:block; width:100%; height:200px;}
	.goal_area02  ul li .img.img01 { background: url('../images/content/con01_01.jpg') no-repeat center center; background-size: cover;}
	.goal_area02  ul li .img.img02 { background: url('../images/content/con01_02.jpg') no-repeat center center; background-size: cover;}
	.goal_area02  ul li .img.img03 { background: url('../images/content/con01_03.jpg') no-repeat center center; background-size: cover;}
	.goal_area02  ul li .img.img04 { background: url('../images/content/con01_04.jpg') no-repeat center center; background-size: cover;}
	.goal_area02  ul li .img.img05 { background: url('../images/content/con01_05.jpg') no-repeat center center; background-size: cover;}
	.goal_area02  ul li p {padding:15px; min-height:40px; text-align:Center;}


	/*.goal_area02 {position:relative; margin-top:20px; padding:30px 0 0 0 }
	.goal_area02 h3 {position:relative; margin:0px auto 50px auto; width:160px; height:160px; line-height:160px; border-radius:50%; font-size:1.8em; text-align:Center; font-weight:100; color:#fff;    background:#175a9d url('../images/content/pattern02.png') no-repeat 100% 50%; background-size:160% auto;}
	.goal_area02 h3:after {position:Absolute; width:200px; height:200px; content:""; border:1px dashed #dcdee0;  left:-21px; top:-21px; border-radius:50%;}
	.goal_area02 ul li {position:relative; width:92%; text-align:Center; border-radius:60px; word-break:keep-all; padding: 20px 4%; margin-bottom:10px;}
	.goal_area02 ul li:first-child {top:0; left:0; margin-left:0; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(2) {top:0; left:0; margin-left:0; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(3) {top:0; left:0; margin-left:0; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(4) {top:0; right:0; margin-right:0; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(5) {top:0; right:0; margin-right:0; background-color:#f6f7f9;  }*/
}


@media all and (max-width:768px){

	#tab.tab5 > li {float:left; width:calc(50% - 1px);}
	#tab.tab6 > li {float:left; width:calc(50% - 1px); margin-bottom:-1px;}
	#tab.tab7 > li {float:left; width:calc(50% - 1px); margin-bottom:-1px;}

	
	/*history*/
	.history_area {position:Relative; padding-top:40px;}

	.history_area li {position:relative; padding-left:40px; }
	.history_area li:before {position:absolute; content:""; left:0px; top:0; width:1px; height:100%; display:Block; background-color:#ededed; }
	.history_area li strong {position:relative; font-size:30px;}
	.history_area li strong:before {position:absolute; content:""; left:-40px; top:50%; width:30px; height:1px; display:Block; background-color:#ededed; }
	.history_area li strong:after {position:absolute; content:""; left:-43px; top:50%; margin-top:-3px; width:8px; height:8px; display:Block; background-color:#4d92ec;  border-radius:50%;}

	.history_area .his_title {position:Absolute; top:230px; left:0px; width:100%; height:50px; display:block; text-align:center; font-size:1.3em; color:#c8cfd9; font-weight:500; line-height:1.4em; word-break:keep-all;}
	.history_area ol {position:relative; padding-left:10px; padding-top:260px;}
	.history_area ol.bg1 { background: url('../images/content/history_bg01.jpg') no-repeat center 0px;}
	.history_area ol.bg2 { background: url('../images/content/history_bg02.jpg') no-repeat center 0px;}
	.history_area ol.bg3 { background: url('../images/content/history_bg03.jpg') no-repeat center 0px;}
	.history_area ol.bg4 { background: url('../images/content/history_bg04.jpg') no-repeat center 0px;}
	.history_area ol.bg5 { background: url('../images/content/history_bg05.jpg') no-repeat center 0px;}
	.history_area ol.bg6 { background: url('../images/content/history_bg06.jpg') no-repeat center 0px;}
	.history_area ol.bg7 { background: url('../images/content/history_bg07.jpg') no-repeat center 0px;}
	.history_area li ul {position:relative; padding-top:20px; padding-bottom:35px;}
	.history_area li ul li {padding-bottom:20px; padding-left:0px; line-height:35px;}
	.history_area li li:before {display:none;}
	.history_area li ul li em { float:left;  background-color:#4d92ec; color:#fff; padding:0; width:65px; height:35px; line-height:35px; text-align:Center; font-family: 'LatoBold'; border-radius:25px;  font-weight:700; }
	.history_area li ul li span {margin-left:70px; display:block;}


	/* 조직도 */
	.org_area h1 {position:Relative; width:120px; height:120px;  border-radius:50%; background-color:#004074; color:#fff; margin:20px auto 20px auto; font-size:1.3em; text-align:Center; font-weight:500;}
	.org_area h1:before {content:""; position:absolute; top:120px; left:50%; display:block; width:1px; height:220px; background-color:#cbcbcb; }

	.org_area h2 {position:Relative; width:100px; height:60px; line-height:60px; background-color:#009be0; color:#fff; margin:0px auto 20px calc(50% + 70px); font-size:1.2em; text-align:Center; font-weight:500;}
	.org_area h2:before {content:""; position:absolute; top:30px; left:-70px; display:block; width:70px; height:1px; background-color:#cbcbcb; }


	/* CI */
	.ci_pattern_bg {float:none !important; text-align:Center; border:1px solid #ededed; padding:30px; background:#fff url('../images/content/ci_pattern_bg.gif') repeat 0 0; margin-left:0px !important;}
	.ci_pattern_bg img {max-width:90%; max-height:100px;}
	.ci_pattern_bg.fl_right {margin-bottom:20px;}

	.ci_color_list {float:left;  border:1px solid #ededed;  width:100%; }
	.ci_color_list li {float:left; width:50%; padding:20px 0%; border-left:1px solid #ededed; box-sizing:border-box;  text-align:Center; border-bottom:1px solid #ededed;}
	.ci_color_list li:first-child { border-left:0px solid #ededed; }
	.ci_color_list li:nth-child(2n+1) { border-left:0px solid #ededed; }
	.ci_color_list li:nth-child(4) { border-left:1px solid #ededed; }
	.ci_color_list li div {width:80px; height:80px; line-height:80px; color:#fff; margin:0 auto; border-radius:50%; }
	.ci_color_list li p {margin-top:20px; font-size:14px;}


	/* 추진사업 > 충청북도화장품임상연구지원센터 */
	.cb_cosmetic_business_info2  {/*border:1px solid #ddd; background-color:#f6f7f9; */padding:20px 0;  text-align:Center; color:#666;}

	.cb_cosmetic_business_info4 .locCont {margin-top:20px;}
	.cb_cosmetic_business_info4 .locCont h4 {width:96%; float:none;  border-top:4px solid #3668a3; background-color:#3668a3; color:#fff; padding:15px 2%;font-size:1.3em; font-weight:300;}
	.cb_cosmetic_business_info4 .locCont ul {margin-left:0; border-top:1px solid #e7eaee; border-bottom:1px solid #e7eaee;  background-color:#f9fafb; padding:15px 2%;}
}





@media all and (max-width:700px){

	/* 기타 / 다운로드 프로그램 */
	.down_program {position:relative; margin:30px 0; }
	.down_program li {float:left; width:20%;   margin-left:0; text-align:Center;}
	.down_program li:first-child {margin-left:0px;}
	.down_program li span {display:block; height:100px; width:100%;  margin-bottom:15px; border-radius:0px;}
	.down_program li a:hover {opacity:0.6;}
	.down_program li.icon_program01 span { background:#33aee7 url('../images/content/icon_program01.jpg') no-repeat 50% 50% ; background-size:auto 70px;}
	.down_program li.icon_program02 span { background:#b30b00 url('../images/content/icon_program02.jpg') no-repeat 50% 50% ; background-size:auto 70px; }
	.down_program li.icon_program03 span { background:#d84e2a url('../images/content/icon_program03.jpg') no-repeat 50% 50% ; background-size:auto 70px; }
	.down_program li.icon_program04 span { background:#122da0 url('../images/content/icon_program04.jpg') no-repeat 50% 50% ; background-size:auto 70px; }
	.down_program li.icon_program05 span { background:#207347 url('../images/content/icon_program05.jpg') no-repeat 50% 50% ; background-size:auto 70px; }

}



@media all and (max-width:640px){


	/* 추진사업 > 오송화장품뷰티산업엑스포*/
	.expoInpo {background: url('../images/content/subInfo1_05.png') no-repeat 50% 0%; padding-left:0px; padding-top:300px; background-size:auto 250px;}
	.expoInpo h3 {text-align:Center;  width:100%;}
	.expoInpo h3 img {max-width:70%;}
	.expo-info {border-top:2px solid #c9589c; border-bottom:2px solid #c9589c; margin-top:20px;}
	.expo-info dl{position:Relative; }
	.expo-info dl:before {displaY:none;}
	.expo-info dl:after {content:"";   position:absolute;  display:block; width:100%; border-bottom:1px solid #ededed;  z-index:10;}
	.expo-info dl:last-child:after {display:none;}
	.expo-info dl dt {position:relative; z-index:10;float:none; width:100%; padding:15px 0; color:#fff; text-align:center; background-color:#c9589c; }
	.expo-info dl dd {margin-left:0; padding:15px 10px; text-align:Center;}



	/* 추진사업 > 충청북도화장품임상연구지원센터 */
	.cb_cosmetic_business_info {position:relative; width:100%; text-align:Center;}
	.cb_cosmetic_business_info .txt01 {position:relative; border:4px solid #3d4166; color:#3d4166; font-size:1.1em; border-radius:50px; display:inline-block; margin:20px auto 0 auto; padding:15px 50px;}
	.cb_cosmetic_business_info .txt01:before {display:none;}
	.cb_cosmetic_business_info ul {position:Relative; margin-top:0px;}
	.cb_cosmetic_business_info ul:before {display:none;}
	.cb_cosmetic_business_info ul li {position:relative; display:block; float:left; width:100%; margin-left:0px; border:1px solid #ddd; margin-top:40px;}
	.cb_cosmetic_business_info ul li:before {position:absolute; top:-42px; left:50%; content:""; width:1px; height:22px; background-color:#ddd; display:block;}
	.cb_cosmetic_business_info ul li:first-child {margin-left:0;}
	.cb_cosmetic_business_info ul li span.num {position:absolute; top:-20px; left:50%; margin-left:-20px;width:40px; height:40px; line-height:40px; color:#fff; background-color:#3d4166; border-radius:50%;}
	.cb_cosmetic_business_info ul li h4 {background: #f6f7f9;   padding: 30px 30px 15px 30px; font-size:1.1em;}
	.cb_cosmetic_business_info ul li p {padding:20px; min-height:20px;}
	

	/* 추진사업 > 바이오 코리아 */
	.expo-info.gray {position:relative; border-top:2px solid #222; border-bottom:1px solid #ededed; margin-top:20px; }
	.expo-info.bio_logo {margin-left:0; margin-top:270px;}
	.expo-info.bio_logo:after {content:""; position:absolute; left:0;  top:-240px; width:100%; height:300px; background:  url('../images/content/intro_bio_new_2020.png') no-repeat 50% 0; background-size:auto 200px ; }

	.expo-info.gray dl{position:Relative; }
	.expo-info.gray dl:before {display:none}
	.expo-info.gray dl:after {content:"";   position:absolute;  display:block; width:100%; border-bottom:1px solid #ededed;  z-index:10;}
	.expo-info.gray dl:last-child:after {display:none;}
	.expo-info.gray dl dt {position:relative; z-index:10;float:none; width:100%; padding:15px 0; color:#000; text-align:center; background-color:#f7f7f7;}
	.expo-info.gray dl dd {margin-left:0; padding:15px 0;}


	/*recuBox */
	.recuBox dl {position:relative; width:100%; display:inline-block; margin :0px 0 10px 0; vertical-align:top;}
	.recuBox dl.dl_wide {width:100%;}
	.recuBox dl dt {width:100%; display:inline-block; height:40px; line-height:40px; padding-left:10px; vertical-align:top; font-size:17px;}
	.recuBox dl dd {position:relative; display:inline-block;  width:100%; }
	.recuBox dl dd input {width:100%; height:50px; padding:5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
	.recuBox dl dd select {width:100%; height:50px;    padding:5px 20px 5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
	.recuBox dl dd textarea {width:100%; height:100px; padding:5px 10px; font-size:16px; font-weight:100;  border:1px solid #e0e0e0; box-sizing:border-box;}
	.recuBox dl dd .input_small {position:relative; max-width:calc(100% - 85px);}
	.inpu_search_box i {position:absolute; right:0; top:0px; height:50px; width:50px; text-align:Center; line-height:50px;}
	.recuBox dl dd .input_small input {padding-right:50px;}
	.recuBox dl dd input.input_wide {max-width:99%;}
	.recuBox dl dd input.input_small {max-width:50%;}

	/* 설립목적 */
	.goal_area02  ul {text-align:Center;}
	.goal_area02  ul li {display:inline-block; width:calc(100% - 2px); margin:0 0 20px 0;  border:1px solid #ededed; word-break:keep-all; vertical-align:top;}
	.goal_area02  ul li .img {display:block; width:100%; height:200px;}
	.goal_area02  ul li p {padding:15px; min-height:20px; text-align:Center;}

}

.hiddDiv{display:none}