@charset "utf-8";
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#post_area{word-break:break-word !important}
#post_area{width:100%}
@media(min-width:1200px) and (max-width:1320px){
.slider01 h2 img{width:290px}
.company .com_contents01{background-position: 50% 0 !important}
.history .his02{background-position: 50% 0 !important}
.company01 .title_top{background-position: 50% 0 !important}
.microbio .title_top{background-position: 50% 0 !important}
.bicrome{background-position: 50% 0 !important}
.bicrome02{background-position: 50% 0 !important}

}

@media(min-width:200px) and (max-width:1200px) {
.read01 tr:first-child td:first-child {display:table-cell !important}
.table_02 tr:first-child td.board_desc{position:relative;width:100% !important}
.board_bgcolor{width:20% !important}

.table_02 tr:first-child td{}

.tab_wrap{width:102%;margin-bottom:60px;position:relative;left:-1%}
.tab_wrap ul{overflow:hidden}
.tab_wrap ul li{float:left;width:25%;margin-right:0px !important;box-sizing:Border-box;padding:0 1%;margin-bottom:2%}
.tab_wrap ul li img{width:100%}





.navi{margin-top:0 !important}
.board_desc{position:relative;width:auto !important}
.board_desc>div{width:100%;overflow:hidden;height: auto !important}
.board_desc>div span{width:auto !important;display:inline-block }
.board_desc a{display:block;float:left;margin-top:6px}
.board_desc a img{width:78px}

.mobile{display:block !important}
.pc{display:none}
.mobile01{display:table !important}
.pc01{display:none}

.header{height:70px !important}
.header .inner{width:90% !important;}
.header .inner .tab{float:left;padding:22px 0}
.header .inner .tab img{width:30px}
.header .inner h1{width:65px !important;float:none !important;margin-left:13.5%}
.header .inner h1 img{width:100%}
.header .inner .lang01{float:right;position:relative;width:70px;height:26px;margin-top:22px;border:1px solid #333;border-radius:7px 7px;background:url('/base_1/img/down.jpg')no-repeat 90% 11px;transition:all 0.3s ease;overflow:hidden;background-color:#fff}


.header .inner .lang01 a{display:block;font-size:13px;text-decoration:none;color:#333;padding:2px 0 2px 10px;text-align:left} 

.header .inner .lang01 span{display:block;font-size:13px;text-decoration:none;color:#333;padding:2px 0 2px 10px;text-align:left;margin-bottom:5px} 

#wrap{margin-top:65px !important}
.mid_slide{height:100% !important}
.swiper-wrapper{height:100vh}
 .slider1{}
.slider1 h2{margin-bottom:20px;transition:all 0.5s 0.6s ease-out;position:relative;top:55px;opacity:0}
.slider1 h2 img{width:58%}
.slider1 h3{font-size:38px;letter-spacing:-0.5px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:20px;transition:all 0.5s 0.6s ease-out;position:relative;top:55px;opacity:0}
.slider1 h5{font-size:15px;letter-spacing:-0.2px;font-weight:300;font-family: 'Roboto', sans-serif;margin-bottom:40px;transition:all 0.5s 0.9s ease-out;position:relative;top:55px;opacity:0;line-height:28px}
.slider1 h5 span{font-weight:500}
.slider1 a{transition:all 0.5s 1s ease-out;position:relative;top:55px;opacity:0}
.slider1 a img{width:30%}

 .slider2{}
.slider2 h3{font-size:40px;letter-spacing:-0.5px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:20px;transition:all 0.5s 0.6s ease-out;position:relative;top:55px;opacity:0}
.slider2 h5{font-size:15px;letter-spacing:-0px;font-weight:300;font-family: 'Roboto', sans-serif;margin-bottom:40px;transition:all 0.5s 0.9s ease-out;position:relative;top:55px;opacity:0}
.slider2 h5 span{font-weight:500}
.slider2 a{transition:all 0.5s 1s ease-out;position:relative;top:55px;opacity:0}
.slider2 a img{width:30%}

 .slider3{}
.slider3 h3{font-size:74px;letter-spacing:-2px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:30px;transition:all 0.5s 0.6s ease-out;position:relative;top:55px;opacity:0;padding-top:15px}
.slider3 h5{font-size:24px;letter-spacing:-2px;font-weight:300;font-family: 'Roboto', sans-serif;margin-bottom:40px;transition:all 0.5s 0.9s ease-out;position:relative;top:55px;opacity:0 }
.slider3 h5 span{font-weight:500}
.slider3 a{transition:all 0.5s 1s ease-out;position:relative;top:55px;opacity:0}
.slider3 a img{width:30%}
 .slider3 h3 img{width:auto;height:32px}
 .slider3 h5 img{width:65%}
.mid_slide .swiper-slide {background-size: cover !important;width:100% !important;height:100vh;overflow:hidden}
.swiper-slide .img img{width:100%;object-fit:cover}
.swiper-slide .txt{width:60% !important;vertical-align:top !important;}
.swiper-slide .txt .txt01{width:100% !important;padding-left:7%;position:absolute;top:14%}

 .banner01{overflow:hidden;position:absolute;bottom:0;z-index:99999;width:100%;}
 .banner01 ul{overflow:hidden}
 .banner01 ul li{float:left;width:50%}
.banner01 ul img{width:100%}

.company .title_top{width:100%;background:url('/base_1/img/mo/com_top.jpg')no-repeat !important;background-size: cover !important}
.company .title_wrap{width:90% !important;margin:0 auto;text-align:left;position:relative;padding:35px 0 70px !important}
.company .title_top h2{font-size:32px !important;font-weight:500;margin-bottom:10px !important;color:#fff;transition:all 0.5s ease-out;position:relative;top:0px !important;opacity:1 !important}
.company .title_top h5{font-size:16px !important;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:0px !important;opacity:1 !important}
.company .title_top ul{width:100%;position:absolute;bottom:0;overflow:hidden;background:#fff}
.company .title_top ul li:first-child{background:none}
.company .title_top ul li{float:left;width:33.333%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}
.company .title_top ul li a{padding:8px 0  !important;display:block;font-size:16px !important;font-weight:400;color:#333333;text-decoration:none}
.company .title_top ul li.active a{color:#a2cd44 !important;border-bottom:1px solid #a2cd44}

.company .com_contents01{background:url('/base_1/img/mo/com_back1.jpg')no-repeat 90% 0 !important;background-size: cover !important;padding:21% 0 !important}
.company .com_contents01 .com_01{width:90% !important;margin:0 auto;text-align:left}
.company .com_contents01 .com_01 h2{margin-bottom:0px !important;position:relative;left:0px !important;opacity:1 !important;transition:0.5s ease-out}
.company .com_contents01 .com_01 h2 img{width:100px}
.company .com_contents01 .com_01 h3{font-size:25px !important;font-weight:400;line-height:35px !important;margin-bottom:15px !important;position:relative;left:0px !important;opacity:1 !important;transition:0.5s ease-out}
.company .com_contents01 .com_01 h3 span{;background:url('/base_1/img/line.jpg') no-repeat 0 90%;background-repeat:repeat-x!important;background-size:7px !important}
.company .com_contents01 .com_01 h5{font-size:14px !important;line-height:20px !important;font-weight:300;position:relative;left:0px !important;opacity:1 !important;transition:0.5s 0.2s ease-out}
.company .com_contents01 .com_01 h5 .blue{color:#2b8ab0;font-weight:500 !important}
.company .com_contents01 .com_01 h5 .black{font-weight:500 !important}


.company .com_contents02{background:url('/base_1/img/mo/com_back2.jpg')no-repeat;background-size: cover !important;padding:50px 0 60px !important;margin-bottom:-80px}
.company .com_contents02 h2{font-size:30px !important;font-weight:500;margin-bottom:20px !important;position:relative;top:0px !important;opacity:1 !important;transition:0.5s ease-out}
.company .com_contents02 h3{position:relative;top:0px !important;opacity:1 !important;transition:0.5s 0.2s ease-out}
.company .com_contents02 h3 img{width:90%}


.history {padding:0 !important}
.history .mo_his01{position:relative;top:0px !important;opacity:1 !important;transition:0.5s ease-out}
.history .mo_his02{position:relative;top:0px !important;opacity:1 !important;transition:0.5s ease-out}
.history .mo_his03{position:relative;top:0px !important;opacity:1 !important;transition:0.5s ease-out}


.company .title_top h5 span{display:block}
.map{margin-top:45px !important}
.map #map{width:92% !important;height:350px !important}
.map ul{width:92% !important;padding:0 !important}
.map ul li img{width:28px;position:relative;top:4px}
.map ul li span{font-size:20px !important}

.map ul li:last-child{font-size:16px !important;line-height:24px !important;margin-top:7px;letter-spacing:-0.5px}
.map ul li:last-child span{font-size:16px !important;margin-right:11.2px !important}



.company01 .title_top{width:100%;background:url('/base_1/img/mo/pha.jpg') 25% 0 no-repeat !important;background-size: cover !important}
.company01 .title_wrap{width:90% !important;margin:0 auto;text-align:left;position:relative;padding:35px 0 40px !important}
.company01 .title_top h2{font-size:32px !important;font-weight:500;margin-bottom:10px !important;color:#fff;transition:all 0.5s ease-out;position:relative;top:0px !important;opacity:1 !important}
.company01 .title_top h5{font-size:15px !important;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:0px !important;opacity:1 !important;letter-spacing:-0.3px}

.pharm .title_top{margin-bottom:45px !important}
.pharm ul{width:94% !important;margin-bottom:45px !important}
.pharm ul li h3{font-size:18px !important;letter-spacing:-0.5px !important}
.pharm ul li .ic{width:80px}
.pharm ul li:first-child{width:38% !important;left:0px !important;opacity:1 !important}
.pharm ul li:last-child{margin:0 !important;width:58%;left:0px !important;opacity:1 !important}
.pharm ul li:last-child h2{font-size:15px !important;line-height:26px !important;padding-left:12px;letter-spacing:0 !important}
.pharm ul li:last-child h2 br{display:none}

.microbio .title_top{width:100%;background:url('/base_1/img/mo/mic.jpg')no-repeat !important;background-size: cover !important}
.microbio .title_wrap{width:90% !important;margin:0 auto;text-align:left;position:relative;padding:35px 0 70px !important}
.microbio .title_top h2{font-size:32px !important;font-weight:500;margin-bottom:10px !important;color:#fff;transition:all 0.5s ease-out;position:relative;top:0px !important;opacity:1 !important}
.microbio .title_top h5{font-size:16px !important;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:0px !important;opacity:1 !important}
.microbio .title_top ul{width:100%;position:absolute;bottom:0;overflow:hidden;background:#fff}
.microbio .title_top ul li:first-child{background:none}
.microbio .title_top ul li{float:left;width:33.333%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}
.microbio .title_top ul li a{padding:8px 0  !important;display:block;font-size:16px !important;font-weight:400;color:#333333;text-decoration:none}
.microbio .title_top ul li.active a{color:#a2cd44 !important;border-bottom:1px solid #a2cd44}

.microbio>ul{width:93% !important;margin-top:45px !important}
.microbio>ul>li:first-child h3{font-size:26px !important}

.microbio>ul>li>ul.txt{overflow:hidden}
.microbio>ul>li>ul.txt li{float:left}

.mic01{left:0px !important;opacity:1 !important}
.mic1{left:0px !important;opacity:1 !important}


.mic02{left:0px !important;opacity:1 !important}
.mic2{left:0px !important;opacity:1 !important}


.bio01{left:0px !important;opacity:1 !important}
.bio1{left:0px !important;opacity:1 !important}

.microbio>ul>li>ul>li:first-child{width:20% !important;margin-right:0px !important;text-align:center}
.microbio>ul>li>ul>li:first-child img{width:90%}

.microbio>ul>li>ul.txt li:last-child{width:79% !important}
.microbio>ul>li>ul>li h2{font-size:18px !important;padding-left:10px}
.microbio>ul>li>ul>li h5{font-size:16px !important;padding-lefT:10px;letter-spacing:-0.5px !important}
.microbio>ul>li>ul>li h5 br{displaY:none}
.bicrome,.bicrome02{display:none}


.board_wrap .title_top{width:100%;background:url('/base_1/img/mo/new.jpg')no-repeat !important;background-size: cover !important}
.board_wrap .title_wrap{width:90% !important;margin:0 auto;text-align:left;position:relative;padding:35px 0 70px !important}
.board_wrap .title_top h2{font-size:32px !important;font-weight:500;margin-bottom:10px !important;color:#fff;transition:all 0.5s ease-out;position:relative;top:0px !important;opacity:1 !important}
.board_wrap .title_top h5{font-size:16px !important;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:0px !important;opacity:1 !important}
.board_wrap .title_top ul{width:100%;position:absolute;bottom:0;overflow:hidden;background:#fff}
.board_wrap .title_top ul li:first-child{background:none}
.board_wrap .title_top ul.pc li{float:left;width:20%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}
.board_wrap .title_top ul li a{padding:8px 0  !important;display:block;font-size:16px !important;font-weight:400;color:#333333;text-decoration:none}
.board_wrap .title_top ul li.active a{color:#a2cd44 !important;border-bottom:1px solid #a2cd44}


.board_wrap .title_top ul.mobile:nth-child(4){bottom:00px}
.board_wrap .title_top ul.mobile:nth-child(4) li{float:left;width:33.333%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}

.board_wrap .title_top ul.mobile:last-child{bottom:-35px}
.board_wrap .title_top ul.mobile:last-child li{float:left;width:50%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}
.board_wrap .title_top ul.mobile li:first-child{background:none}

.board .title{width:93% !important;margin-top:70px !important}
.content>table{width:93% !important}
.table_02 tr:first-child td:first-child{display:none}
.table_02 td{padding:10px 15px 10px 10px !important;font-size:14px !important}

.table_02 td.bbscategory{display:none}
.table_02 td span{font-size:14px !important}
.table_02 td font{font-size:14px !important}
.table_02 td a{font-size:14px !important;float:none !important}
.table_02 td.bbsnewf5{width:70% !important}
#ext_search .est_cate_cell select{height:35px !important;font-size:15px !important;box-sizing:border-box}
#ext_search .est_cate_cell select option{font-size:15px !important}
#search_display1 input{height:33px !important;width:150px !important}
.est_btn_cell input{height:35px !important}
#ext_search>#search_table{float:none !important;margin:0 auto 25px !important}
#post_area img{width:100% !important;height:auto !important}
.board .title h3{font-size:18px !important;margin-top:5px !important}

#footer_wrap01{background:url('/base_1/img/footer_line.jpg') no-repeat 50% 0 !important}
#footer_wrap01 .content_footer{width:90% !important}
#footer_wrap01 .content_footer .left{font-size:13px !important;width:65%}
#footer_wrap01 .content_footer .left .info{font-size:13px !important;margin-top:6px}
#footer_wrap01 .content_footer .right img{width:80px !important}

#footer_wrap{background:url('/base_1/img/footer_line.jpg') no-repeat 50% 0 !important}
#footer_wrap .content_footer{width:90% !important}
#footer_wrap .content_footer .left{font-size:13px !important;width:65%}
#footer_wrap .content_footer .left .info{font-size:13px !important;margin-top:6px}
#footer_wrap .content_footer .left .info a{font-size: 13px !important}
#footer_wrap .content_footer .right img{width:80px}


.header02{height:65px !important}
.header02 .inner{width:95% !important}
.header02 .inner h1{width:70px !important;padding-top:8px !important}
.header02 .inner h1 img{width:100%}
.header02 .inner>ul{margin-left:0 !important;width:auto !important;padding-top:24px !important;display:inline-block;float:none !important}
.header02 .inner>ul>li{padding:0 3px 10px 3px !important;font-size:13px !important;float:left}
.header02 .inner h2{width:40px !important;padding-top:20px !important}
.header02 .inner h2 img{width:100%}


.navipharm .main_banner{margin-top:65px !important;padding:85px 0 !important}
.navipharm .main_banner h2{font-size:30px !important;margin:0 auto 25px auto !important;width:70%}
.navipharm .main_banner h5{font-size:16px !important}

.navipharm .main_txt{top:0 !important}
.navipharm .main_txt ul{width:100% !important}
.navipharm .main_txt ul li:first-child img{width:100%}

.navipharm #section04{margin-top:-5px !important;padding:30px 0!important}
.navipharm #section04 .txt{width:93% !important}
.navipharm #section04 .txt>h2{font-size:28px !important;margin-bottom:40px !important}
.navipharm #section04 .txt>h2 span{font-size:18px !important}

.navipharm #section04 .txt ul li img{width:50%}

.navipharm #section05 .blue{padding:65px 0 !important}
.navipharm #section05 .blue ul{width:93% !important}
.navipharm #section05 .blue ul li:first-child{float:none !important;margin-bottom:30px;margin-top:0 !important;text-align:center !important}
.navipharm #section05 .blue ul li:first-child h3{font-size:28px !important;text-align:center}
.navipharm #section05 .blue ul li:first-child h5{font-size:15px !important;text-align:center}  
.navipharm #section05 .blue ul li:last-child{float:none !important;width:90% !important;margin:0 auto}
.navipharm #section05 .blue ul li:last-child .test01 .swiper-container{width:90% !important}
.navipharm #section05 .blue ul li:last-child .test01 .swiper-container img{width:100%}
.navipharm #section05 .blue ul li:last-child .test01 h3{font-sizE:18px !important}

.swiper-button-prev{left:-12px !important;background-size: 15px 32px !important;width:15px !important;height:32px !important}



.swiper-button-next{right:-12px !important;background-size: 15px 32px !important;width:15px !important;height:32px !important}

.navipharm #section05 .top{margin:45px 0 !important}
.navipharm #section05 .top{width:100% !important;}
.navipharm #section05 .top >li{border:none !important}
.navipharm #section05 .top >li ul li{float:none !important;width:100% !important;border-bottom:1px solid #bbb}
.navipharm #section05 .top >li ul li h2{font-size:15px !important;padding:15px 0px 15px 50px !important;background-position: 10px 50% !important}


.navipharm #section06{padding-top:60px !important;border-top:none !important;position:relative}
.navipharm #section06 .back{width:100% !important;background:none!important;height:auto !important}
.navipharm #section06>h2{font-size:28px !important;margin-bottom:30px !important}
.navipharm #section06 .downlaod{margin-bottom:45px}
.navipharm #section06 .downlaod img{width:180px}

.navipharm #section06 .call01{position:absolute;top:43.8%;width:100%;text-align:left;padding-left:2.1%}
.navipharm #section06 .call01 img{width:18px;margin-right:5px;position:relative;top:3px}
.navipharm #section06 .call01 a{font-size:14px;font-weight:400;color:#333}

.navipharm #section06 .mail01{position:absolute;top:46.8%;width:100%;text-align:left;padding-left:2.1%}
.navipharm #section06 .mail01 img{width:18px;margin-right:5px;position:relative;top:4px}
.navipharm #section06 .mail01 a{font-size:14px;font-weight:400;color:#333}

 
.navipharm #section06 .mail02{position:absolute;top:64.6%;width:100%;text-align:center;padding-left:2.1%}
.navipharm #section06 .mail02 img{width:18px;margin-right:5px;position:relative;top:4px}
.navipharm #section06 .mail02 a{font-size:14px;font-weight:400;color:#333}

.navipharm #section06 .download{position:absolute;top:70.7%;width:100%;text-align:center}
.navipharm #section06 .download img{width:100px}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5rem !important}



.bbsbtn05 a{display:inline-block;height:27px}

.bbsbtn05 img{width:auto;height:100%}
}

@media(min-width:539px) and (max-width:760px) {


.navipharm #section06 .call01{position:absolute;top:31.8% ;}
.navipharm #section06 .mail01{position:absolute;top:34.25% ;}
.navipharm #section06 .mail02{position:absolute;top:62.5% ;}

.navipharm #section06 .download{position:absolute;top:68% ;width:100%;text-align:center}
.navipharm #section06 .download img{width:150px }

}

@media(min-width:761px) and (max-width:860px) {
.microbio>ul>li>ul>li:first-child img{width:110px !important}
.board_wrap .title_wrap{padding:75px 0 105px !important}
.company .title_wrap{padding:75px 0 105px !important}
.microbio .title_wrap{padding:75px 0 105px !important}
.company01 .title_wrap{padding:55px 0 65px !important}
.navipharm .main_banner{padding:140px !important}
.microbio>ul>li>ul{margin-bottom:45px !important} 
.microbio>ul{margin-top:80px !important}
.ph_line{top:-240px !important}
.ph_line02{top:-200px !important}
.ph_line03{top:-150px !important}

.header02 .inner>ul>li{font-size:15px !important;padding:0 10px 10px 10px !important}
.slider1 a img{width:150px !important}
.slider1 h2 img{width:350px !important}
.slider2 a img{width:150px !important}
.slider3 a img{width:150px !important}



.navipharm #section06 .call01{position:absolute;top:29% ;}
.navipharm #section06 .mail01{position:absolute;top:32% ;}
.navipharm #section06 .mail02{position:absolute;top:62% ;}
.navipharm #section06 .download{position:absolute;top:66% ;width:100%;text-align:center}
.navipharm #section06 .download img{width:160px }

}
@media(min-width:861px) and (max-width:1200px) {
.bio01{left:0 !important;opacity:1 !important}
.bio1{left:0 !important;opacity:1 !important}
.mo_line{display:block !important;top:50px;position:relative;width:100%;height:0.5px}
.company01 .title_top h2{font-size:46px !important}
.company01 .title_top h5{font-size:20px !important}
.company .title_top h2{font-size:46px !important}
.company .title_top h5{font-size:20px !important}
.microbio .title_top h2{font-size:46px !important}
.microbio .title_top h5{font-size:20px !important}
.board_wrap .title_top h2{font-size:46px !important}
.board_wrap .title_top h5{font-size:20px !important}

.microbio>ul>li>ul>li:first-child img{width:110px !important}
.board_wrap .title_wrap{padding:75px 0 105px !important}
.company .title_wrap{padding:75px 0 105px !important}
.microbio .title_wrap{padding:75px 0 105px !important}
.company01 .title_wrap{padding:55px 0 65px !important}
.navipharm .main_banner{padding:140px !important}
.microbio>ul>li>ul{margin-bottom:45px !important}
.microbio>ul{margin-top:80px !important}
.ph_line{top:-240px !important}
.ph_line02{top:-200px !important}
.ph_line03{top:-150px !important}
.microbio>ul>li:first-child h3{font-size:30px !important}
.microbio>ul>li>ul>li h2{font-size:23px !important}
.microbio>ul>li>ul>li h5{font-size:21px !important}
.header02 .inner>ul>li{font-size:15px !important;padding:0 10px 10px 10px !important}
.slider1 a img{width:150px !important}
.slider1 h2 img{width:350px !important}
.slider2 a img{width:150px !important}
.slider3 a img{width:150px !important}
.navipharm #section03 .download{position:absolute;top:65% ;width:100%;text-align:center}
.navipharm #section03 .download img{width:180px }

}

@media(min-width:1201px) and (max-width:4500px) {
.pc01{display:table !important}
.mobile01{display:none}

.mobile{display:none !important}
.pc{display:block !important}
}
/* È®Àå */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #container { -webkit-transform: translate(87%, 0); -moz-transform: translate(87%, 0); -ms-transform: translate(87%, 0); -o-transform: translate(87%, 0); transform: translate(87%, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand aside.side_bar { z-index:0; overflow-x:hidden; }

aside.side_bar{position:absolute;z-index:99999;top:0;bottom:0;overflow:auto;min-width:225px;width:87%;font-size:11px;background-color:#fff;height:100vh;margin-top:-65px;text-align:left;left:-100%}
aside.side_bar .side_wrap{width:90%;margin:100px auto 0}
aside.side_bar .side_wrap>div{margin-bottom:20px}
aside.side_bar .side_wrap>div h2{padding-bottom:10px;border-bottom:1px solid #000;overflow:hidden}
aside.side_bar .side_wrap>div h2 a{font-size:15px;font-weight:400;color:#000;text-decoration:none}
aside.side_bar .side_wrap>div h2 span{display:inline-block;width:16px;height:9px;float:right;padding-top:5px;position:relative;top:10px;right:15px}
aside.side_bar .side_wrap>div h2 span.down01{background:url('/base_1/img/mo/down.png')no-repeat}
aside.side_bar .side_wrap>div h2 span.up{background:url('/base_1/img/mo/up.png')no-repeat}
aside.side_bar .side_wrap>div ul.sub{display:none}
aside.side_bar .side_wrap>div ul li{padding:6px 0 8px 15px;border-bottom:1px solid #cdcdcd;}
aside.side_bar .side_wrap>div ul li a{font-size:14px;font-weight:300;color:#000;text-decoration:none}
aside.side_bar .close{position:absolute;top:0;right:0;display:block;padding:16px}

#black{width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:999999;position:fixed;top:0}

.on1{z-index:99999999 !important;overflow-x:hidden !important;visibility:visible  !important}
.on2{position:fixed;width:100%;top:0;lefT:0}
.on01{ position:fixed;width:100%;top:0;left:0}
.on01 #btnFoldLayout{display:inline;position:absolute;left:0;top:0;right:0;bottom:0 ;width:100%;height:100%;background:rgba(0, 0, 0, 0.7)}
.on01 .side_bar{visibility:visible;overflow-x:hidden}

arch_display1 input{height:38px;border:1px solid #959595 !important;margin-right:-5px;width:190px;outline:none}
#ext_search .est_cate_cell select{height:40px;border:1px solid #959595 !important;margin-right:-5px;outline:none;width:85px;padding-left:16px;font-size:18px;color:#2a2a2a;-webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background: url('/base_1/img/ar.jpg') no-repeat 85% 50%;}
#ext_search .est_cate_cell select option{font-size:18px;color:#2a2a2a}

.bbsnewf5{padding-top:30px}
.bbsnewf5>a{display:inline-block;margin-right:-4px}
.table_02 td{padding:35px 15px 35px 40px }

.header{width: 100%;background:rgba(255,255,255,1);height:95px;z-index:999;position:fixed;top:0}
.header .inner{width: 1200px;margin: 0 auto;}
.header .inner h1{display: inline-block;width: 104px;float:left;padding-top:15px}
.header .inner>ul{margin-left: 139px;float:left;padding-top:32px}
.header .inner>ul>li{display: inline-block;padding: 0 25px 32px 25px;position:relative;}
.header .inner>ul>li.company:hover .sub{display:block !important}
.header .inner>ul>li.micro:hover .sub{display:block !important}
.header .inner>ul>li.info:hover .sub{display:block !important}
.header .inner>ul>li span{font-size: 20px;font-weight: 300;color: #000;text-decoration: none;cursor:pointer}
.header .inner>ul>li a{font-size: 20px;font-weight: 300;color: #000;text-decoration: none}
.header .inner>ul li .sub{position:absolute;top:60px;z-index:999;width:140px;background:rgba(255,255,255,1);left:0;padding:10px;display:none}
.header .inner>ul li .sub li{padding:10px 0 ;border-bottom:1px solid #dfdfdf;transition:all 0.3s ease-out}
.header .inner>ul li .sub li:hover{background:#f9f9f9}
.header .inner>ul li .sub li a{font-size:16px;display:block;}

.header .inner .lang{float:right;position:relative;width:75px;height:28px;margin-top:32px;border:1px solid #333;border-radius:7px 7px;background:url('/base_1/img/down.jpg')no-repeat 90% 11px;transition:all 0.3s ease;overflow:hidden}
.header .inner .lang:hover{height:54px}
.header .inner .lang a{display:block;font-size:15px;text-decoration:none;color:#333;padding:2px 0 2px 10px;text-align:left} 



body{
font-family: 'Noto Sans KR', sans-serif;margin:0;padding:0
}


img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:underline;}


#wrap{width:100%;position:relative;text-align:center;margin-top:95px}

#content_wrap_main{
width:370px;height:570px;padding:38px 0 0 600px;position:relative;
text-align:left;margin:0 auto;
}



#topmenu{width:970px;height:85px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{position:absolute;margin:29px 0 0 10px;}
#topmenu .global_menu{position:absolute;right:0;top:14px;overflow:hidden;padding-right:30px;}
#topmenu .global_menu a{padding:0 3px 0 6px;margin-left:-1px;}
#topmenu .main_menu{position:absolute;left:214px;top:29px;vertical-align:top;padding:5px 0 0 29px;width:727px;height:56px;}
#topmenu .main_menu a{display:inline-block;vertical-align:top;}
#topmenu .main_menu .fst{width:139px;}
#topmenu .main_menu .snd{width:186px;}
#topmenu .main_menu .trd{width:135px;}
#topmenu .main_menu .fth{width:143px;}
#topmenu .main_menu .last{width:74px;}
#topmenu .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 0 0;background:#2ba7dc;}
#topmenu .sub_menu a{position:relative;display:inline-block;margin:5px 0 0 0;padding:0 0 0 9px;vertical-align:top;}
#topmenu .company{top:60px;left:244px;}
#topmenu .business{top:60px;left:384px;}
#topmenu .products{top:60px;left:562px;}
#topmenu .customer{top:60px;left:697px;}
#topmenu .recruit{top:60px;left:765px;}

.mid_slide{height:100vh;position:relative;}
.swiper-slide{display:table}
.swiper-slide .txt{width:1200px;margin:0 auto;text-align:left;display:table-cell;vertical-align:middle}
.swiper-slide .txt .txt01{width:1200px;margin:0 auto}

.slider01 {width:100%;background:url('/base_1/img/main01.jpg') no-repeat;background-size:cover !important;background-position:0% 50% !important}


.slider01 h2{margin-bottom:30px;transition:all 0.5s 0.6s ease-out;position:relative;top:75px;opacity:0}
.slider01 h3{font-size:74px;letter-spacing:-1px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:40px;transition:all 0.5s 0.6s ease-out;position:relative;top:75px;opacity:0}
.slider01 h5{font-size:24px;letter-spacing:-0px;font-weight:300;font-family: 'Roboto', sans-serif;margin-bottom:60px;transition:all 0.5s 0.9s ease-out;position:relative;top:75px;opacity:0;line-height:40px}
ider01 h5 span{font-weight:500}
.slider01 a{transition:all 0.5s 1s ease-out;position:relative;top:75px;opacity:0}

.swiper-slide-active h2{top:0px !important;opacity:1 !important}
.swiper-slide-active h3{top:0px !important;opacity:1 !important}
.swiper-slide-active h5{top:0px !important;opacity:1 !important}
.swiper-slide-active a{top:0px !important;opacity:1 !important}

.swiper-slide-prev h2{top:0px !important;opacity:1 !important}
.swiper-slide-prev h3{top:0px !important;opacity:1 !important}
.swiper-slide-prev h5{top:0px !important;opacity:1 !important}
.swiper-slide-prev a{top:0px !important;opacity:1 !important}


.slider02 {width:100%;background:url('/base_1/img/main02.jpg') no-repeat;background-size:cover !important;background-position:0% 50% !important}

.slider02 h3{font-size:74px;letter-spacing:-1px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:40px;transition:all 0.5s 0.6s ease-out;position:relative;top:75px;opacity:0}
.slider02 h5{font-size:24px;letter-spacing:-0px;font-weight:300;font-family: 'Roboto', sans-serif;margin-bottom:60px;transition:all 0.5s 0.9s ease-out;position:relative;top:75px;opacity:0}
.slider02 h5 span{font-weight:500}
.slider02 a{transition:all 0.5s 1s ease-out;position:relative;top:75px;opacity:0}

.slider03 {width:100%;background:url('/base_1/img/main03.jpg') no-repeat;background-size:cover !important;background-position:0% 50% !important}

.slider03 h3{font-size:74px;letter-spacing:-2px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:40px;transition:all 0.5s 0.6s ease-out;position:relative;top:75px;opacity:0}
.slider03 h5{font-size:24px;letter-spacing:-2px;font-weight:300;font-family: 'Roboto', sans-serif;margin-bottom:60px;transition:all 0.5s 0.9s ease-out;position:relative;top:75px;opacity:0 }
.slider03 h5 span{font-weight:500}
.slider03 a{transition:all 0.5s 1s ease-out;position:relative;top:75px;opacity:0}

.banner{position:absolute;top:40%;z-index:999;right:0;overflow:hidden}
.banner ul:first-child{float:left;background:#000}
.banner ul:first-child li{opacity:0.5;transition:all 0.3s ease-out;box-sizind:border-box;position:relative}
.banner ul:first-child li.active{opacity: 1 !important}
.banner ul:first-child .line{width:100%;height:4px;background:#bed62f;position:absolute;top:0}
.ulright01{margin-right:0 !important}
.banner div{float:left}

.banner ul.right{position:relative;width:329px;float:left;margin-right:-329px}
.banner ul.right li{position:absolute;display:none;}
.banner ul.right li.active01{display:block !important}


.active{top:0 !important;left:0 !important;opacity: 1 !important;}

.company .title_top{width:100%;background:url('/base_1/img/top_com.jpg')no-repeat;background-size: cover !important}
.company .title_wrap{width:1200px;margin:0 auto;text-align:left;position:relative;padding:104px 0 230px}
.company .title_top h2{font-size:64px;font-weight:500;margin-bottom:30px;color:#fff;transition:all 0.5s ease-out;position:relative;top:40px;opacity:0}
.company .title_top h5{font-size:26px;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:40px;opacity:0}
.company .title_top ul{width:100%;position:absolute;bottom:0;overflow:hidden;background:#fff}
.company .title_top ul li:first-child{background:none}
.company .title_top ul li{float:left;width:33.333%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}
.company .title_top ul li a{padding:23px 0 ;display:block;font-size:22px;font-weight:400;color:#333333;text-decoration:none}
.company .title_top ul li.active a{color:#a2cd44 !important;border-bottom:1px solid #a2cd44}

.company .com_contents01{background:url('/base_1/img/com_back.jpg')no-repeat;background-size: cover !important;padding:160px 0}
.company .com_contents01 .com_01{width:1200px;margin:0 auto;text-align:left}
.company .com_contents01 .com_01 h2{margin-bottom:22px;position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.company .com_contents01 .com_01 h3{font-size:48px;font-weight:400;line-height:68px;margin-bottom:40px;position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.company .com_contents01 .com_01 h3 span{;background:url('/base_1/img/line.jpg') no-repeat 0 90%;background-repeat:repeat-x!important}
.company .com_contents01 .com_01 h5{font-size:26px;line-height:40px;font-weight:300;position:relative;left:-80px;opacity:0.2;transition:0.5s 0.2s ease-out}
.company .com_contents01 .com_01 h5 .blue{color:#2b8ab0;font-weight:500 !important}
.company .com_contents01 .com_01 h5 .black{font-weight:500 !important}


.company .com_contents02{background:url('/base_1/img/com_back01.jpg')no-repeat;background-size: cover !important;padding:90px 0 140px;margin-bottom:-80px}
.company .com_contents02 h2{font-size:50px;font-weight:500;margin-bottom:50px;position:relative;top:80px;opacity:0.2;transition:0.5s ease-out}
.company .com_contents02 h3{position:relative;top:80px;opacity:0.2;transition:0.5s 0.2s ease-out}


.history{width:100%;padding:0px 0 90px}
.history .info{}



.history .his00{width:100%;margin:0px auto 100px;overflow:hidden;background:url('/base_1/img/his22.jpg')no-repeat center;background-size: cover !important}
.history .his00 .his_wrap{width:1200px;margin:70px auto;overflow:hidden}
.history .his00 .info{float:left;text-align:left;padding-top:30px}
.history .his00 h5 span{display:inline-block;margin-right:5px;color:#a2cd44}
.history .his00 .info h3{font-size:44px;font-weight:500;color:#a2cd44;margin-bottom:20px}
.history .his00 .info h5{font-size:24px;font-weight:300;color:#333;margin-bottom:5px;letter-spacing:-1px}
.history .his00 .info .his2016{position:relative;}
.history .his00 .info .his2015{margin-top:15px;position:relative;}
.history .his00 .info .his2013{margin-top:25px;position:relative;}
.history .his00 .info .his2012{margin-top:25px;position:relative}
.history .his00 .info .his2011{margin-top:28px;position:relative}
.history .his00 .line{float:left;padding-left:580px;padding-right:10px;opacity:0;height:780px}





.history .his01{width:1200px;margin:0 auto;overflow:hidden}
.history .his01 h5 span{display:inline-block;margin-right:5px;color:#2b8ab0}
.history .his01 .info{float:left;text-align:right;padding-left:70px;padding-top:35px;width:540px;box-sizing:border-box}
.history .his01 .info h3{font-size:46px;font-weight:500;color:#2b8ab0;margin-bottom:20px}
.history .his01 .info h5{font-size:26px;font-weight:300;color:#333;margin-bottom:5px;letter-spacing:-0.4px
}
.history .his01 .info .his2020{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.history .his01 .info .his2019{margin-top:10px;position:relative}
.history .his01 .info .his2018{margin-top:10px;position:relative}
.history .his01 .info .his2017{margin-top:25px;position:relative;}
.history .his01 .line{float:left;padding-right:60px;padding-left:12px;opacity:0;height:980px}
.history .his01 .thumb{float:left;;position:relative;top:150px !important;width:514px}


.history .his02{width:100%;margin:0px auto 80px;overflow:hidden;background:url('/base_1/img/his11.jpg')no-repeat center;background-size: cover !important}
.history .his02 .his_wrap{width:1200px;margin:70px auto;overflow:hidden}
.history .his02 .info{float:left;text-align:left;padding-top:30px}
.history .his02 h5 span{display:inline-block;margin-right:5px;color:#a2cd44}
.history .his02 .info h3{font-size:44px;font-weight:500;color:#a2cd44;margin-bottom:20px}
.history .his02 .info h5{font-size:24px;font-weight:300;color:#333;margin-bottom:5px;letter-spacing:-1px}
.history .his02 .info .his2016{position:relative;}
.history .his02 .info .his2015{margin-top:15px;position:relative;}
.history .his02 .info .his2013{margin-top:25px;position:relative;}
.history .his02 .info .his2012{margin-top:25px;position:relative}
.history .his02 .info .his2011{margin-top:28px;position:relative}
.history .his02 .line{float:left;padding-left:580px;padding-right:10px;opacity:0;height:780px}

.history .his03{width:1200px;margin:0 auto;overflow:hidden}
.history .his03 .info{float:left;text-align:right;padding-left:35px;padding-top:25px;width:537px;box-sizing:border-box}
.history .his03 h5 span{display:inline-block;margin-right:5px;color:#2b8ab0}
.history .his03 .info h3{font-size:46px;font-weight:500;color:#2b8ab0;margin-bottom:20px}
.history .his03 .info h5{font-size:26px;font-weight:300;color:#333;margin-bottom:5px;letter-spacing:-0.4px
}
.history .his03 .info .his2010{position:relative;}
.history .his03 .info .his2009{margin-top:15px;position:relative;}
.history .his03 .info .his2008{margin-top:27px;position:relativet}

.history .his03 .line{float:left;padding-right:60px;padding-left:12px;opacity:0}
.history .his03 .thumb{float:left;position:relative;top:150px !important;width:514px}

.map{margin-top:85px}
.map iframe{margin-bottom:40px}
.map ul{overflow:hidden;margin:0 auto 40px;padding-left:50px;width:1200px;}
.map ul li{float:left;overflow:hidden}
.map ul li img{margin-right:10px;float:left}
.map ul li:first-child span{display:inline-block;font-size:26px;font-weight:500;float:left;padding-top:3px}
.map ul li:first-child{width:130px;text-align:left}
.map ul li:last-child{font-size:24px;text-align:left;font-weight:300;margin-left:30px;line-height:45px}


.company01 .title_top{width:100%;background:url('/base_1/img/pharma1.jpg')no-repeat;background-size: cover !important}
.company01 .title_wrap{width:1200px;margin:0 auto;text-align:left;position:relative;padding:140px 0}
.company01 .title_top h2{font-size:64px;font-weight:500;margin-bottom:30px;color:#fff ;transition:all 0.5s ease-out;position:relative;top:40px;opacity:0.2}
.company01 .title_top h5{font-size:26px;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:40px;opacity:0.2}
.pharm .title_top{margin-bottom:90px}

.pharm ul{overflow:hidden;width:1200px;margin:0 auto 80px}
.pharm ul li{float:left;text-align:left}
.pharm ul li:first-child{width:330px}
.pharm ul li .line{margin-bottom:5px}
.pharm ul li h3{font-size:32px;font-weight:500;margin-bottom:25px;letter-spacing:-0.4px}

.pharm ul li:last-child{margin-left:85px}
.pharm ul li:last-child h2{font-size:26px;font-weight:300;letter-spacing:-2px;padding-top:20px;line-height:46px}
.pharm ul li:last-child h2 .black{font-weight:500}
.pharm ul li:last-child h2 .blue{font-weight:500;color:#2b8ab0}

.pharm .ph01{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph02{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph03{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph04{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph05{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}

.pharm .ph1{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph2{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph3{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph4{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}
.pharm .ph5{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}






#footer_wrap{background:url('/base_1/img/footer_line.jpg') no-repeat;background-repeat:repeat-x!important;margin-top:80px}
#footer_wrap .content_footer{width:1200px;margin:0px auto;overflow:hidden;padding: 28px 0 20px }
#footer_wrap .content_footer .left{float:left;text-align:left}
#footer_wrap .content_footer .left p:first-child{margin-bottom:6px}
#footer_wrap .content_footer .left p{margin-bottom:0px}
#footer_wrap .content_footer .left .info{font-size:16px;font-weight:300;color:#555}
#footer_wrap .content_footer .left .info span{font-weight:500 !important;color:#333 !important}
#footer_wrap .content_footer .right{float:right;text-align:right;margin-top:8px}



.board_wrap .title_top{width:100%;background:url('/base_1/img/info.jpg')no-repeat;background-size: cover !important}
.board_wrap .title_wrap{width:1200px;margin:0 auto;text-align:right;position:relative;padding:104px 0 230px}
.board_wrap .title_top h2{font-size:64px;font-weight:500;margin-bottom:30px;color:#fff;transition:all 0.5s ease-out;position:relative;top:40px;opacity:0.2}
.board_wrap .title_top h5{font-size:26px;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:40px;opacity:0.2}
.board_wrap .title_top ul{width:100%;position:absolute;bottom:0;overflow:hidden;background:#fff}
.board_wrap .title_top ul li:first-child{background:none}
.board_wrap .title_top ul.pc li{float:left;width:20%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}
.board_wrap .title_top ul li a{padding:23px 0 ;display:block;font-size:22px;font-weight:400;color:#333333;text-decoration:none}
.board_wrap .title_top ul li.active a{color:#a2cd44 !important;border-bottom:1px solid #a2cd44}
.board{margin:0 auto}
.board .title{text-align:left;width:1200px;margin:95px auto 30px}
.board .title h3{font-size:32px;font-weight:500;margin-top:10px}
.board>table>tbody>tr>td>table:first-child{display:none}



.microbio .title_top{width:100%;background:url('/base_1/img/micr_top.jpg')no-repeat;background-size: cover !important}
.microbio .title_wrap{width:1200px;margin:0 auto;text-align:left;position:relative;padding:104px 0 230px}
.microbio .title_top h2{font-size:64px;font-weight:500;margin-bottom:30px;color:#fff;transition:all 0.5s ease-out;position:relative;top:40px;opacity:0.2}
.microbio .title_top h5{font-size:26px;font-weight:400;color:#fff;transition:all 0.5s 0.3s ease-out;position:relative;top:40px;opacity:0.2}
.microbio .title_top ul{width:100%;position:absolute;bottom:0;overflow:hidden;background:#fff}
.microbio .title_top ul li:first-child{background:none}
.microbio .title_top ul li{float:left;width:50%;text-align:center;background:url('/base_1/img/bar.jpg') no-repeat 0 50%;}
.microbio .title_top ul li a{padding:23px 0 ;display:block;font-size:22px;font-weight:400;color:#333333;text-decoration:none}
.microbio .title_top ul li.active a{color:#a2cd44 !important;border-bottom:1px solid #a2cd44}

.microbio>ul{width:1200px;margin:90px auto 0;overflow:hidden;text-align:left}
.microbio>ul>li{float:left}
.microbio>ul>li:first-child{margin-right:40px;width:230px}
.microbio>ul>li:first-child h3{font-size:32px;font-weight:500;margin-top:5px}
.microbio>ul>li:last-child{padding-top:25px}


.microbio>ul>li>ul{overflow:hidden;margin-bottom:35px;}
.microbio>ul>li>ul>li{float:left}
.microbio>ul>li>ul>li:first-child{width:103px;margin-right:40px}
.microbio>ul>li>ul>li h2{font-size:26px;font-weight:600;color:#2b8ab0}
.microbio>ul>li>ul>li h5{font-size:26px;font-weight:300;margin-top:8px;letter-spacing:-2px}
.microbio>ul>li>ul>li h5 span{font-weight:400}
.microbio>ul>li>ul>li h5 span .lime{background:url('/base_1/img/lime.jpg');display:inline-block;padding:0 2px 1px 2px;;height:30px;line-height:27px}

.mic01{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.mic02{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}


.mic1{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}
.mic2{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}



.bicrome{background:url('/base_1/img/bic_back.jpg') no-repeat;background-size:cover !important;padding:72px 0;margin-top:95px}
.bicrome .top_txt h4{font-size:20px;color:#fff;font-weight:500;margin-bottom:15px}
.bicrome .top_txt h4 span{color:#ffe46d}

.bicrome .top_txt h5{font-size:30px;color:#fff;font-weight:500;margin-bottom:23px;font-family:'GmarketSansMedium';margin-top:20px;line-height:40px;letter-spacing:-0.6px}
.bicrome .top_txt h5 .ye{font-family:'GmarketSansBold';font-weight:600;color:#ffe46d}
.bicrome .top_txt h5 .wh{font-family:'GmarketSansBold';font-weight:600;}


.bicrome .bottom_txt{width:1200px;margin:15px auto 0}
.bicrome .bottom_txt h4{font-size:22px;color:#fff;font-weight:600;margin-bottom:18px;letter-spacing:-0.6px}
.bicrome .bottom_txt h5{font-size:20px;color:#fff;font-weight:300;letter-spacing:-0.6px}
.bicrome .bottom_txt h5 span{font-weight:500}
.bicrome .bottom_txt h3{text-align:right;font-size:17px;font-weight:300;color:#fff;opacity:0.35;}

.bicrome02{background:url('/base_1/img/bic_back2.jpg') no-repeat;background-size:cover !important;padding:70px 0 75px;margin-bottom:-80px}
.bicrome02 h2{font-size:32px;font-weight:400;color:#fff;margin-bottom:30px}
.bicrome02 h2 span{color:#faa61a}
.bicrome02 h5{font-size:32px;font-weight:400;color:#fff;background:#faa61a;border-radius:50px;width:363px;height:58px;margin:0 auto}
.bicrome02 h5 a{font-size:32px;font-weight:400;color:#fff;text-decoration:none}

.bio01{position:relative;left:-80px;opacity:0.2;transition:0.5s ease-out}
.bio1{position:relative;left:80px;opacity:0.2;transition:0.5s ease-out}

#search_display1 {margin-right:-5px}
#search_display1 input{height:38px;width:200px;outline:none;border:1px solid #959595 !important}

#ext_search{overflow:hidden}
#ext_search>#search_table{float:right;margin-bottom:25px}


select::-ms-expand {display:none}

.down_cate option:nth-child(3){display:none}


.content>table{margin:0 auto}
.mo_line{display:none}

br{visible:hidden;font-family:dotum !important}

.tab_wrap{width:100%;margin-bottom:60px}
.tab_wrap ul{overflow:hidden}
.tab_wrap ul li{float:left;margin-right:12px}
.tab_wrap ul li:last-child{margin-right:0 !important}



<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel='stylesheet' type='text/css' href='{{$template}}/inc/main.css'>
<script type="text/javascript">
function menuB(id,cont,total,num) {
var id = id;
var cont = cont;
var total = total;
var menu = new Array();
var content = new Array();
for(j=0; j <= eval(total); j++) {
menu[j] = document.getElementById(id + eval(j+1));
content[j] = document.getElementById(cont + eval(j+1));
}
for(var i=0 ; i<= eval(total); i++) {
if (i == num) {
menu[i].src = menu[i].src.replace('_off','_on');
content[i].style.display = '';
}
else {
menu[i].src = menu[i].src.replace('_on','_off');
content[i].style.display = 'none';
}
}
}
</script>
</head>