@charset "utf-8";


/* 메인 */
.section {text-align:left;}
.section .intro {height:100%; padding-top:80px; text-align:center;}
.section .intro h1 {margin:89px 0 10px 0; font-size:62px; line-height:1; }
#section0 .intro {padding:0;}
#section0 .intro h1 {margin:9px 0 ; font-size:78px; line-height:88px; letter-spacing:-0.03em; font-weight:bold; text-shadow:3px 3px 3px rgba(0,0,0,0.7);}
.section .intro > p {padding:0 20px; font-size:26px; color:#333; word-break:keep-all; max-width:1200px;  margin:0 auto}
.section .intro > p span {display:inline-block}
/* #section2 .intro h1,  #section2 .intro > p  {color:#fff;} */


#section1,#section2,#section3{background-image:url(/img/main_bg01.jpg); background-repeat:no-repeat ; background-size:cover; background-attachment:fixed}


/**/
.title_optipharm{border:15px solid #0090d9; height:224px; width:332px; margin:80px auto 40px auto;}
.title_optipharm p{color:#333; font-size:38px; margin:30px 0 20px;}
.title_optipharm b{color:#f6a700; font-size:40px; line-height:48px}
/* .biomedical{} */

/*￿￿￿￿￿￿Ʈ*/
.third_line{ position:relative; float:left; width:100%; padding:25px 0 25px 0;  overflow:hidden; }
.third_line:after{ content:""; display:block; clear:both; }
.banner_list{ position:relative; width:1200px; height:84px; margin:0 auto; padding:10px; box-sizing:border-box; overflow:hidden; background:#fff}
.banner_list strong{ display:block; position:relative; width:125px; height:42px; float:left; margin:13px 0 0;background:url(/img/quick_icon_bg.png) no-repeat 0 -340px;}
.banner_list strong span{ display:inline-block; position:absolute; right:0;width:68px; font-family:'NanumBarunGothic',malgun gothic; font-size:18px; text-align:center; font-weight:bold; color:#497bac; }
.scroll-img{ position:relative; float:left; width:1100px; height:60px; padding:0 20px; box-sizing:border-box; margin:0 0 0 20px;  overflow:hidden;}
.scroll-img ul{ text-align:left; position:relative; width:1500px; height:100%;  }
.scroll-img ul li{  display:inline-block; width:165px; margin:12px 1% 0 1%; cursor:pointer; background:#fff; }
.scroll-img ul li a img{ width:155px; height:100%; }

#demo5-btn{ overflow:hidden; }
#demo5-backward{ position:absolute; top:10px; left:150px; width:15px; height:60px; cursor:pointer; background: url(/img/prev01.gif) no-repeat center; border:0; }
#demo5-forward{ position:absolute; top:10px; right:10px; width:15px; height:60px; cursor:pointer; background: url(/img/next01.gif) no-repeat center; border:0; }
#demo5-backward:hover, #demo5-forward:hover{ opacity:1; background-color:#d9d9d9; }


#demo5-btn{ overflow:hidden; }
#demo5-backward{ position:absolute; top:10px; left:10px; width:30px; height:60px; cursor:pointer; background: url(/img/prev01.png) no-repeat center; border:0; }
#demo5-forward{ position:absolute; top:10px; right:10px; width:30px; height:60px; cursor:pointer; background: url(/img/next01.png) no-repeat center; border:0; }
#demo5-backward:hover, #demo5-forward:hover{ opacity:1; background-color:#d9d9d9; }
/* main indicator */
#fp-nav {top:180px;}
#fp-nav ul li {position:relative; width:14px; height:14px; margin:0 5px 14px;}
#fp-nav ul li + li:before {display:block; position:absolute; top:-18px; width:14px; height:18px; background:url('/img/indi_bg.png') 50% 50% no-repeat; content:'';}
#fp-nav ul li a span {width:14px; height:14px; margin:-7px 0 0 -7px; background:transparent; border:2px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box;}
#fp-nav ul li:hover a span, #fp-nav ul li a.active span, #fp-nav ul li a:hover span, #fp-nav ul li a.active:hover span {width:14px; height:14px; margin:-7px 0 0 -7px; background:#ddd;}
#fp-nav ul li .fp-tooltip {top:-2px;  color:#ddd;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav li a.active + .fp-tooltip {-webkit-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in; width:auto; opacity:1;}
/* 반전 
#fp-nav.white ul li + li:before {background:url('/img/indi_white.png') 50% 50% no-repeat; content:'';}
#fp-nav.white ul li a span {border:2px solid #fff;}
#fp-nav.white ul li:hover a span, #fp-nav.white ul li a.active span, #fp-nav.white ul li a:hover span, #fp-nav.white ul li a.active:hover span {background:#fff;}
#fp-nav.white ul li .fp-tooltip {color:#fff;}
*/
/* bxslider */
.bx-wrapper {width:100%; max-width:100% !important; margin:0; border:none; box-shadow:none;}

/* intro */
#section0 .bx-wrapper, #section0 .bx-viewport {height:100% !important;}
.intro-slider {width:100%; height:100%; min-height:800px; background-image:url(/img/intro_slide11.jpg) ;background-repeat:no-repeat; background-size:cover; }
.intro-slider li {position:relative; height:100% !important;background-repeat:no-repeat; background-size:cover; background-image:url(/img/intro_slide01.jpg) }/* background-position: 50% 81px; */
.intro-slider .slider-wrap {position:absolute; top:45%; left:0; width:100%; height:100%; color:#fff; z-index:2;}
.intro-slider .slider-wrap .acce {display:inline-block; width:100px; height:100px; margin:5px 20px 0 0; padding:10px; background:#0a69c8; font-size:30px;  color:#fff; line-height:90px; vertical-align:top;}
.intro-slider .slider-wrap .text-wrap {display:inline-block; text-align:left; height:100%}
/* .intro-slider .slider-wrap h1 {text-align:center; }
.intro-slider .slider-wrap p {margin:0 auto; font-size:30px;  text-align:left; width:700px; text-shadow:2px 2px 2px rgba(0,0,0,0.7);}
.intro-slider .slider-wrap p strong{line-height:38px; display:block} */

.txtPoint {display:inline; color:#0a69c8;}
.bx-controls {position:absolute; top:64%; left:0; width:100%; z-index:999;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {vertical-align:top;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:relative; bottom:auto; display:inline-block; width:auto;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:relative; bottom:auto; right:auto; display:inline-block; width:auto; height:10px;}
.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:transparent; border:1px solid #fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin-left:5px; vertical-align:top;}
.bx-wrapper .bx-pager-item {margin-top:-1px;}
/* .bx-wrapper .bx-controls-auto .bx-start {width:10px; height:10px; background:url('/img/slider_control.png') -10px -94px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-10px -94px;}
.bx-wrapper .bx-controls-auto .bx-stop {width:10px; height:10px; background:url('/img/slider_control.png') 0 -94px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:0 -94px;} */
.bx-wrapper .bx-controls-direction a {top:-404%; width:48px; height:94px; margin-top:0;}
.bx-wrapper .bx-prev {left:10%; background:url('/img/slider_control.png') 0 0 no-repeat;}
.bx-wrapper .bx-next {right:10%; background:url('/img/slider_control.png') -48px 0 no-repeat;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position:-48px 0;}
.scrolldown {position:absolute; bottom:310px; left:50%; width:180px; }
.scrolldown span {display:block;  font-size:14px; color:#fff;}
.intro-container {position:relative; width:100%; max-width:1210px; margin:-240px auto 30px; padding:0 ;}
.intro-btn-wrap {position:relative; width:100%; height:130px; font-size:0; text-align:center; padding:0}
.intro-btn-wrap li {position:relative; display:inline-block; width:50%; height:100%; margin:0; padding:0;}
.intro-btn-wrap li a {position:absolute; bottom:0; display:block; width:100%; height:130px; padding:0; background:rgba(51,51,51,.9); font-size:18px; color:#fff; 
-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;transition:background .5s ease-in-out;}
.intro-btn-wrap li + li a {background:url('/img/intro_btn_sep.png') 0 50% no-repeat rgba(51,51,51,.9);}
.intro-btn-wrap li a .intro-icon {width:30%; margin:25px auto; float:left;}
.title_box{float:left; width:50%; text-align:left; margin-top:15px;}
.title_box dt{font:bold 25px/38px "NanumGothic";}
.title_box dd{font-size:16px; margin:10px 0 0 0;}
.intro-btn-wrap li a p {padding:0 10px; font-size:18px; line-height:1.2; word-break:keep-all; width:20%; }
.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {background:#006493;}
.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:20px;}
.callNum {position:relative; width:100%; margin:10px 0; text-align:right;}
.callNum li {display:inline-block; font-size:16px; color:#fff;}
.callNum li + li:before {display:inline-block; margin:0 10px; content:'\000B7';}

/* 회사소개 */
.info-btn-wrap {display:inline-block; width:1000px; margin:9% auto 0 ; padding:0; text-align:center;  }
.info-btn-wrap li {position:relative; float:left; width:230px; max-width:400px; margin-right:20px; padding:0; }
.info-btn-wrap li.mg_no_r{margin-right:0;}
.info-btn-wrap li a {display:block; position:absolute; bottom:0; left:0; width:100%; height:45px; color:#fff; background:url('/img/btn_info_hover.png') 50% 50% no-repeat rgba(0,0,0,.5); /* max-height:277px; */
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;   line-height:45px}
.info-btn-wrap li:hover a{ width:100%; height:100%; background:url('/img/btn_info_hover.png') 50% 50% no-repeat rgba(0,0,0,.5); }
.info-btn-wrap .v-wrap {display:table; width:100%; height:100%;}
.info-btn-wrap .v-wrap p {display:table-cell; vertical-align:bottom; padding-bottom:15px;}
.info-btn-wrap .v-wrap p span {display:block; line-height:1; margin-top:3%; display:block;}
.info-btn-wrap .v-wrap span.num img {opacity: 0.6;    filter: alpha(opacity=60); }
.info-btn-wrap li a:hover .v-wrap span.num img {opacity:1;    filter: alpha(opacity=100); }

/* 눈비소프트 */
#section2 {/* background:url('/img/bg_main03.jpg') 50% 0 no-repeat; background-size:cover; */ position:relative; }
#section2 .ir-slider-wrap {width:100%; position:absolute; bottom:0; height:40%; background:rgba(0,0,0,.5); }
.ir-slider-wrap .stage_ig{margin-top:40px;}
.ir-slider-wrap strong{ display:block; color:#fff; font-size:30px;  width:600px; margin:100px auto 0 auto; background:url(/img/vlp_left_point.png)no-repeat left center;}
.it_icon_wrap{width:100%;; max-width:1210px; margin:0 auto; position:relative; }
.ir-slider{padding:0}
.ir-slider li{float:left; width:33.3%; position:relative}
.ir-slider li a {display:block; height:100%;}
.it_icon_content{ color:#fff; width:100%;}
.it_icon_content p span{display:block;  margin-top:115px; font-size:20px}

.ir-slider li a img {position:absolute; top:10%; left:50%; width:22%; margin:0 -12%;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;}
.ir-slider li a:hover img {top:6%; left:50%; width:28%; margin:0 -14%;}


#section3 { color:#333}
.cooperative img{margin:20px 0}
.support_icon_box{margin:100px auto 0 ; padding:0;}
.support_icon_box li{float:left; width:34%;  position:relative; text-align:center;}
.support_icon_box li.facebook{width:32%;}
.support_icon_box li div{border:2px solid #f0f0f0; min-height:370px ; max-width:360px; margin:0 auto  }
.support_icon_box li img{ width:100%; max-height:190px ;margin:0 auto;}
.support_icon_box li dl{ width:100%; max-width:320px; margin:15px auto 0;  text-align:left; }
.support_icon_box li dl dt{font-size:20px; font-weight:400}
.support_icon_box li dd{display:block; text-align:left; padding:0; margin:10px 0 0}
.support_icon_box li dd:after{clear:both; display:block; content:""}
.support_icon_box li dd a{display:block; font-size:14px; line-height:21px; padding:1px 0 0 0; cursor:pointer}
.support_icon_box li dd a strong{display:block ;font-size:16px; font-weight:bold ;padding: 0 0 4px 0;}
.support_icon_box li dd a:hover{color:#999}
.support_icon_box li dd a span{float:right; display:inline-block}
.support_icon_box li dd .more{float:right; display:block;cursor:pointer; color:#888; font-size:12px; margin-top:15px}


footer article{ position:relative;  margin-bottom:20px; width:100%;  height:48px; border:1px solid #aaa; border-width:0px 0 1px 0; text-align:center;}
footer article div.center_wrap{clear:both; position:relative; width:1210px; margin:0 auto;}
footer article a{ display:inline-block; height:100%; padding:0 1%; font-size:13px; font-family:malgun gothic;   color:#fff; line-height:47px; }

footer article a.first{ padding-left:0; }
footer article a.outstand{ color:#fff; }
footer article aside{ display:block; float:right; height:100%; line-height:47px; font-size:13px; font-family:malgun gothic; color:#fff;}
footer article aside:hover{ cursor:pointer; color:#0258af; }

/* -----------------------------------------------------------------------------------------------
	미디어 쿼리
--------------------------------------------------------------------------------------------------*/
/* 1024 이하 PC, Tablet PC */

/*  @media (max-width:1023px){
 	.section .intro {padding-top:70px;}
 	#fp-nav {top:188px;}
 	#fp-nav.right {right:2px;}
 	.intro-slider .slider-wrap {top:35%;}
 	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03, .intro-slider li.slide04 {background-position:50% 70px;}
 	.bx-controls {top:50%;}
 	.bx-wrapper .bx-controls-direction a {display:none;}
 	.ir-slider-wrap .bx-controls-direction a {display:block;}
 	#section1 .intro {padding:70px 30px 0;}
 	#section1 .intro h1, #section2 .intro h1, #section3 .intro h1 {margin-top:15%;}
 
 	회사소개
 	.info-btn-wrap {width:100%; margin-top:40px;}
 	.info-btn-wrap li {position:relative; width:100%; max-width:100%; height:160px; margin:5px 0; overflow:hidden;}
 	.info-btn-wrap li a {z-index:1;}
 	.info-btn-wrap li img {position:absolute; top:50%; left:0; width:100%; margin-top:-50%; z-index:0;}
 	.support_icon_box li{float:left; width:48%; position:relative; padding:0 1%}
 	.support_icon_box li.facebook{display:none }
 }
 /*
 tablet PC
 @media (max-width:860px){
 	.disclosureBox a {background:#fff;}
 	.disclosureBox a .tit-wrap {color:#0057a4;}
 
 	
 	.it_icon_wrap{width:100%; margin:0 auto; position:relative; }
 	.ir-slider li{float:left; width:33%; }
 	.it_icon_content{ color:#fff; width:100%; text-align:center;}
 	.it_icon_content img{ width:50%;}
 	.it_icon_content p span{display:block;  margin-top:10px;}
 
 	.info-btn-wrap .v-wrap span.num img {display:none }
 	#section3 .intro {padding:70px 30px 0;}
 
 .section .intro > p span {display:block}	
 
 }
 @media (max-width:768px){
 	intro
 	.section .intro h1 {font-size:48px; word-break:keep-all;}
 	.intro-container {margin-top:-360px;}
 	.intro-btn-wrap {height:150px;width:90%; margin:0 auto}
 	.intro-slider li.slide01 {background:url(/img/intro_slide_mobile01.jpg) 50% 70px no-repeat; background-size:cover;}
 	.title_box{font-size:15px; width:100%; float:none; text-align:center;}
 	.title_box dt{ font-size:18px; line-height:13px;}
 	.title_box dd{display:none;}
 	.intro-btn-wrap li a {height:160px; padding:10px 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
 	.intro-btn-wrap li + li a {background-image:none;}
 	.intro-btn-wrap li:nth-child(2) a {border-left:1px solid rgba(255,255,255,.3);}
 	.intro-btn-wrap li a .intro-icon {width:60%; max-width:70px; margin:8px auto 10px ; float:none; text-align:center;}
 	.intro-btn-wrap li a .intro-icon img{width:100%; }	
 	.callNum {margin-top:160px; text-align:center;}
 	.callNum li {font-size:14px;}
 	
 	.it_icon_content p span{display:block;  margin-top:115px;}
 	.ir-slider li a img {width:35%; margin:0 -22%;}
 	
 	#section1 .intro {padding:70px 15px 0;}
 	.section .intro > p {font-size:18px; word-break:keep-all;}
 
 	IR
 	.disclosureBox .date-wrap {padding:10px;}
 	.disclosureBox .date-wrap span {font-size:14px;}
 	.disclosureBox .date-wrap span.year {font-size:18px;}
 	.disclosureBox .tit-wrap {font-size:18px; color:#fff;}
 
 	
 	
 	.support_icon_box{margin:20px 0 0 0; padding:0}
 	.support_icon_box li div{border:none; max-height:300px  }
 	.support_icon_box li{width:100%; position:relative; }
 	.support_icon_box li.notice_wrap{display:none}
 
 
 
 
 }
 Smartphone
 @media (max-width:533px){
 	#fp-nav {display:none;}
 	.intro-slider .slider-wrap {top:100px;}
 	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03 {background-position:50% 50px;}
 	.section .intro h1 {width:90%; font-size:26px;}
 	#section0 .intro h1 {margin:0 auto;}
 	#section1 .intro h1, #section2 .intro h1, #section3 .intro h1 {font-size:24px; margin:20px auto 5px;}
 	.intro-slider .slider-wrap .acce {display:block; width:55px; height:30px; margin:-5px auto 5px; font-size:18px; line-height:12px;}
 	.intro-slider .slider-wrap .text-wrap {text-align:center;}
 	.intro-slider .slider-wrap p {margin-top:0; font-size:16px;}
 	.intro-container {margin-top:-220px;}
 	.bx-controls {top:240px;}
 	.bx-wrapper .bx-pager-item {margin-top:0;}
 	.bx-wrapper .bx-pager.bx-default-pager a {width:6px; height:6px; margin:0 3px;}
 	.intro-btn-wrap {height:90px;}
 	.intro-btn-wrap li a {height:100px; padding:5px 0;}
 	.intro-btn-wrap li a .intro-icon {width:40%; max-width:48px; margin:5px auto 10px; float:none;}	
 	.title_box{margin-top:5px;}
 	.title_box dt{font-size:15px}
 	.callNum {margin-top:90px;}
 	.callNum li {font-size:12px;}
 	.callNum li a {display:inline-block; color:#fff;}
 
 	.section .intro > p {font-size:14px; padding:0 10px;}
 	.info-btn-wrap {margin:30px 0 0 0;}
 	.info-btn-wrap li {height:70px; margin:0 0 5px;}
 	.info-btn-wrap .v-wrap span {margin-top:4px; font-size:16px;}
 	.info-btn-wrap .v-wrap span.num {margin-top:0; font-size:20px;}
 	.it_icon_content p span{display:block;  margin-top:75px; font-size:14px}
 	.ir-slider-wrap {height:140px; margin:40px 0 0 0; padding:10px 0 0 0}
 
 	.ir-slider li a img {width:45%; margin:0 -22%;}
 	.ir-slider-wrap .container {padding:0 28px; -webkit-box-sizing:border-box; box-sizing:border-box;}
 	.disclosureBox {height:200px;}
 	.ir-slider-wrap .bx-controls {top:100px;}
 	.ir-slider-wrap .bx-wrapper .bx-pager {bottom:-135px;}
 
 	.recruit-btn-wrap {height:240px; min-height:240px; overflow:hidden;}
 	.recruit-btn-wrap li {margin-top:-20px;}
 	.recruit-btn-wrap li + li {margin-top:-50px;}
 	.recruit-btn-wrap li.left {width:40%; margin-left:10%;}
 	.recruit-btn-wrap a .btn-icon, .recruit-btn-wrap a .btn-txt {display:block;}
 	.recruit-btn-wrap a .btn-icon {margin-left:0; width:30%;}
 	.recruit-btn-wrap .btn-txt span.num {margin-top:5px; font-size:16px;}
 	.recruit-btn-wrap .btn-txt span.script {margin-top:6px; font-size:14px;}
 	.recruit-btn-wrap li.right .btn-icon {margin-left:25px;}
 	.recruit-btn-wrap li.right .btn-txt span.num {margin-left:40px;}
 
 
 }  */