@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(25% - 2px);}
#tab.tab8 > li {float:left; width:calc(25% - 2px);}
#tab>li:first-child { margin-left:0; }
#tab>li a {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 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_contents.history_tab > li:first-child { display:none; }


/* 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%;}

/* Tab 2 */
.tab_2 {*zoom:1; overflow:hidden; width:100%;}
.tab_2.fullType {height:76px;}
.tab_2:after {content:" "; display:block; clear:both; height:0;}
.tab_2 > li {position:relative; float:left; width:50%; height:40px; background:#266ac5;}
.tab_2.col3 > li {width:33.3%;}
.tab_2.col4 > li {width:25%;}
.tab_2.col5 > li {width:20%;}
.tab_2.col6 > li {width:16.2%; margin-left:4px;}
.tab_2.col6 > li:first-child {margin-left:0px;}
.tab_2.col7 > li {width:12%; margin-left:4px;}
.tab_2.col7 > li:first-child {margin-left:0px;}
.tab_2 > li > a {display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:15px; font-family:'NanumGothicBold'; font-weight:normal; color:#fff;}
.tab_2 > li > a:hover,
.tab_2 > li > a:focus {background:#0054a6; color:#fff;}
.tab_2 ul {position:absolute; top:62px; *zoom:1;}
.tab_2 ul:after {content:" "; display:block; clear:both; height:0;}
.tab_2 ul li {float:left; padding:0 10px; background:url(../img/sub/bul_dot_gray.gif) no-repeat left 4px}
.tab_2 ul li:first-child {background:none;}
.tab_2 ul li a {display:inline-block; height:15px; color:#666666;  font-family:'NanumGothicBold'; font-weight:normal;}
.tab_2 ul li a:hover,
.tab_2 ul li a:focus,
.tab_2 ul li a.on {color:#ff7059; }

/* 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: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; font-weight:500; }
.expo-info dl dd {margin-left:25%; padding:15px 0;}

/* 추진사업 >오송바이오*/
.osongbio {background: url('../images/content/subInfo1_07.png') no-repeat 70px 50%; padding-left:600px;}
.osongbio-info {border-top:2px solid #1A3378; border-bottom:2px solid #1A3378; margin-top:40px;}
.osongbio-info dl{position:Relative; }
.osongbio-info dl:before {content:""; position:absolute; left:0px; width:20%; height:100%; background-color:#1A3378; display:block; z-index:1;}
.osongbio-info dl:after {content:"";   position:absolute;  display:block; width:100%; border-bottom:1px solid #ededed;  z-index:10;}
.osongbio-info dl:last-child:after {display:none;}
.osongbio-info dl dt {position:relative; z-index:10;float:left; width:20%; padding:15px 0; color:#fff; text-align:center; font-weight:500; }
.osongbio-info dl dd {margin-left:25%; 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:60px;}

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

.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;}


/* 추진사업 > 대회안내 */
.listArea {font-size: 12px; line-height: 18px; color: #666;}
.listArea ol.horizt.bnTpye > li {float: left; margin: 0 16px 15px 0; background: none; width: 170px; padding: 0;}
.listArea ol.horizt.bnTpye > li img {border: 1px solid #ccc;}

.btn_go01 {display: inline-block; width: 93px; height: 27px; line-height: 25px; background: #ff8523 url("../images/content/window.png") 84px center no-repeat; text-align: left; font-size: 14px; margin-left: 10px; padding: 0 10px 0 10px; border-radius: 5px;}
.btn_go01 a {display: inline-block; width: 100%; height: 100%;}
.btn_go01 span {color: #fff;}

/* OL Horizontal */
.listArea ol.horizt.bnTpye {*zoom:1;}
.listArea ol.horizt.bnTpye:after {content:""; display:block; clear:both; height:0; visibility:hidden;}  
.listArea ol.horizt.bnTpye > li {float:left; margin:0 16px 15px 0; background:none; width:170px; padding:0;}
.listArea ol.horizt.bnTpye > li.last{margin:0 0 10px 0;}
.listArea ol.horizt.bnTpye > li img{border:1px solid #ccc;}


/* 설립목적 */
.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:50%; }
.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:35px; 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:50px; display:block;}


/*history 추가*/
.go_bottom {display:block; text-align:Right; }
.go_bottom a {position:relative; background-color:#092a45; color:#fff; padding:8px  10px;  display:inline-block; width:180px; height:30px; line-height:30px; }
.go_bottom a i {margin-left:5px; }

.new_history {position:relative; border:1px solid #ededed; background-color:#f8f8f8; box-sizing:border-box;  padding:25px;}
.new_history .title_area ul li {float:left; width:50%; text-align:Center; display:Block; font-size:1.6em; line-height:1.4em; font-weight:700; color:#23b56f; }
.new_history .title_area ul li:first-child {color:#519ddb; }
.new_history .history_area_new {position:relative;}
.new_history .history_area_new:before {position:Absolute; content:"";  left:50%; width:1px;  height:100%; background-color:#ededed; display:block; }
.new_history .history_area_new > ol {position:Relative; width:100%; padding-left:0;}
.new_history .history_area_new > ol > li {position:Relative; width:50%; float:left;  box-sizing:border-box;  padding-top:20px; padding-bottom:20px; min-height:70px;}
.new_history .history_area_new > ol > li.left {margin-right:50%; padding-right:80px;  text-align:Right;} 
.new_history .history_area_new > ol > li.right {margin-left:50%; padding-left:80px;  }
.new_history .history_area_new > ol > li strong {position:absolute; top:10px; font-weight:900; font-size:1.1em;   font-family: 'Nanum Square';  width:90px; height:45px; line-height:45px;color:#fff; text-align:center; }
.new_history .history_area_new > ol > li.left strong {right:-40px;  border-radius:30px 2px;  background-color:#519ddb; }
.new_history .history_area_new > ol > li.right strong {left:-40px; border-radius:2px 30px;  background-color:#23b56f; }
.new_history .history_area_new > ol > li em {color:#ababab;  display:inline-block; margin-right:10px;}
.new_history .history_area_new > ol > li small {display:block;}
#history_detail.mt50 {padding-top:70px !important; margin-top:0;}


/* 조직도 */
.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:100px; 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:340px; 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 {display:flex; align-items: center; justify-content: center; width:auto; height:60px; position:relative; font-size:1em; text-align:Center; font-weight:500; background-color:#009be0; color:#fff; margin:0px auto 20px calc(50% + 140px); min-width:300px; max-width:300px;}
.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;}
	#tab.tab8 > li {float:left; width:calc(25% - 2px); font-size:0.9em; }

	/* 추진사업 > 오송화장품뷰티산업엑스포*/
	.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:first-child 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;}
	.map_wap .info ul li strong {float:left; display:block; width:50px; margin-left:40px; }
	.map_wap .info ul li:first-child strong {margin-left:0px; }
	.map_wap .info ul li:first-child span  {margin-left:90px; display:block; line-height:1.5em;}
	.map_wap .info ul li span {margin-left:90px; display:block; line-height:1.5em; text-align:left;}

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

	.goal_area02 {position:relative; margin-top:20px; padding:30px; }
	.goal_area02 h3 {position:relative; margin:150px 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:Absolute; width:240px; text-align:Center; border-radius:60px; word-break:keep-all; padding: 20px; }
	.goal_area02 ul li:first-child {top:50px; left:50%; margin-left:-140px; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(2) {top:230px; left:50%; margin-left:-400px; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(3) {top:380px; left:50%; margin-left:-300px; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(4) {top:380px; right:50%; margin-right:-300px; background-color:#f6f7f9;  }
	.goal_area02 ul li:nth-child(5) {top:230px; right:50%; margin-right:-400px; background-color:#f6f7f9;  }*/

}


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

	#tab.tab7 > li {float:left; width:calc(33.3% - 2px);}
	#tab.tab8 > li {float:left; width:calc(50% - 2px); font-size:1em; }

	/* 추진사업 > 충청북도화장품임상연구지원센터 */
	.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: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;}

	.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.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:35px; 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:50px; 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; } */
	.org_area h2 {margin: 0 auto 20px;width: calc(100% - 70px);max-width: 300px;min-width: auto;font-size: 1em; height:40px;}
	.org_area h2:before {display:none;}

	/* CI */
	.ci_pattern_bg {float:none !important; text-align:Center; border:1px solid #ededed; padding:15px 10px; 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:200px;}
	.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; }

	
	/* 추가 4,5차 메뉴 */
	.submenu4th {position:Relative; padding-bottom:30px; float:left;  width:100%;}
	.submenu4th > li {position:relative; float:none; width:100%; padding:15px 0; min-height:auto;}
	.submenu4th > li:nth-child(1):after  {position:Absolute; top:0px; left:0px;  display:block; content:""; width:100%; height:1px; background-color:#5b9bd5; }
	.submenu4th > li:before {position:Absolute; top:auto;  bottom:0px; right:0px;  display:block; content:""; height:1px; width:100%; background-color:#5b9bd5; }
	.submenu4th > li > a  {font-size:1.2em; color:#222; text-align:left; padding-left:10px;  display:block; }
	.submenu4th > li > ul {padding:5px 0 0px 10px; margin-top:0px;}
	.submenu4th > li > ul li {display:inline-block;  vertical-align:top;  padding-right:10px;}
	.submenu4th > li > ul a {color:#5b9bd5; font-size:1.1em; 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;}

	
	/*history 추가*/
	.new_history { padding:15px;}
	.new_history .title_area ul li { font-size:1.2em; }
	.new_history .history_area_new > ol {position:Relative; width:100%; padding-left:0;}
	.new_history .history_area_new > ol > li {position:Relative; width:50%; float:left;  box-sizing:border-box;  padding-top:10px; padding-bottom:10px; min-height:50px;}
	.new_history .history_area_new > ol > li.left {margin-right:50%; padding-right:50px;  text-align:Right;} 
	.new_history .history_area_new > ol > li.right {margin-left:50%; padding-left:50px;  }
	.new_history .history_area_new > ol > li strong {position:absolute; top:10px; font-weight:900; font-size:1.1em;   font-family: 'Nanum Square';  width:70px; height:40px; line-height:40px;color:#fff; text-align:center; }
	.new_history .history_area_new > ol > li.left strong {right:-40px;  border-radius:20px 2px;  background-color:#519ddb; }
	.new_history .history_area_new > ol > li.right strong {left:-40px; border-radius:2px 20px;  background-color:#23b56f; }
	.new_history .history_area_new > ol > li li+li {margin-top:10px;}
	.new_history .history_area_new > ol > li em {color:#ababab;  display:inline-block; margin-right:0; border-bottom:2px solid #ababab; margin-bottom:5px; }
	.new_history .history_area_new > ol > li span {display:block; }

	#history_detail.mt50 {padding-top:0px !important; margin-top:0;}

}



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

	/* 추진사업 > 충청북도화장품임상연구지원센터 */
	.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;}
	

	/*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;}

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

}


@media all and (max-width:480px){
	#tab.tab8 > li {float:left; width:calc(100% - 2px);  }
	#tab.tab8 > li a {height:34px; line-height:34px;}
}

.hiddDiv{display:none}

/* 250131추가 */
/* 추진사업 - 충북 첨담재생의료 심의위원회 */
.medicine_review .org_area1{position:relative}
.medicine_review .org_area1 > ul:first-child{margin-bottom:60px}
.medicine_review .org_area1 > ul:first-child:before{display:none}
.medicine_review .org_area1 > ul:first-child li{width:50%;padding:16px;border:1px solid #cbcbcb;background:#fff;text-align:center}
.medicine_review .org_area1 h1{position:relative;width:300px;margin:20px auto 20px auto;padding:16px;background:#004074;font-size:1.3em;color:#fff;line-height:26px;text-align:center;font-weight:500}
.medicine_review .org_area1 h1:before{content:"";display:block;position:absolute;top:100%;left:50%;width:1px;height:100px;background:#cbcbcb}
.medicine_review .org_area1 h2{position:relative;max-width:300px;margin: 0px auto 25px calc(50% + 140px);padding:16px;background:#009be0;font-size:1em;text-align:center;font-weight:500;color:#fff}
.medicine_review .org_area1 h2:before{content:"";display:block;position:absolute;top:30px;left:-140px;width:140px;height:1px;background-color:#cbcbcb}
.medicine_review .org_area1 ul{display:flex;justify-content:center;gap:40px;position:relative;max-width:1000px;padding-top:40px;margin:0 auto 20px auto}
.medicine_review .org_area1 ul:before{content: "";display:block;position:absolute;top:0;left:50%;width:78%;height:1px;background:#cbcbcb;transform:translateX(-50%)}
.medicine_review .org_area1 ul li{width:100%}
.medicine_review .org_area1 ul li h4{position:relative;max-width:300px;padding:16px;background:#8a8a8a;text-align:center}
.medicine_review .org_area1 ul li h4 a{font-size:1em;color:#fff;text-align:center;font-weight:300}
.medicine_review .org_area1 ul li h4:before{content:'';display:block;position:absolute;top:-40px;left:50%;width:1px;height:40px;background:#cbcbcb}

.medicine_review .org_area1.org_area2 h1:before{height:21px}
.medicine_review .org_area1.org_area2 ul:before{width:52%}
.medicine_review .org_area1.org_area2 ul li h4{max-width:none}
.medicine_review .org_area1.org_area2 ul li ul:before{display:none}
.medicine_review .org_area1.org_area2 .con_ul01{flex-direction:column;gap:8px;padding:20px;background:#fff}
.medicine_review .org_area1.org_area2 .bg_yellow{position:relative}
.medicine_review .org_area1.org_area2 .bg_yellow:after{content:'협력관계';position:absolute;top:-28px;left:50%;width:auto;height:auto;padding:6px 16px;background:#fff;border:1px solid #000;border-radius:26px;font-size:16px;transform:translateX(-50%)}
@media all and (max-width:768px){
	.medicine_review .org_area1 ul{gap:20px}
	.medicine_review .org_area1 h1{width:200px}
	.medicine_review .org_area1 h1:before{height:93px}
	.medicine_review .org_area1 h2{margin:0 auto 20px;width:calc(100% - 70px);max-width:300px;min-width:auto}
	.medicine_review .org_area1 h2:before{display:none}
}
@media all and (max-width:640px){
	.medicine_review .org_area1 > ul:first-child{flex-direction:unset;margin-bottom:40px}
	.medicine_review .org_area1 ul{flex-direction:column;align-items:center;padding-top:20px}
	.medicine_review .org_area1 ul:before{display:none}
	.medicine_review .org_area1 ul li{max-width:300px}
	.medicine_review .org_area1 ul li h4:before{top:-20px;height:20px}
}