@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,500,700');
/* font-family: 'Montserrat', sans-serif; */

@font-face{font-family:'Daum'; src:url('/fonts/Daum_Regular.woff')}
@font-face{font-family:'Daum'; src:url('/fonts/Daum_Regular.eot')}

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* font-family: 'Nanum Gothic'; */

.skip_navi {width:100%; height:1px; position:absolute; margin:0 auto; text-align:center; z-index:999;}
.skip_navi a {display:block; width:1px; height:1px; overflow:hidden; margin-top:-1px;}
.skip_navi a:focus {width:100%; height:15PX; padding:7px; margin-top:0; font-weight:bold; font-size:11px; color:#fff; background:#4c4d55;}

.mobile_img {display: none !important;}
.mobile_br {display: none !important;}
.main-star_mobile {display: none !important;}
.main-starx_mobile {display: none !important;}
.main-pay_mobile {display: none !important;}
.main-our_mobile {display: none !important;}

#main_footer {background: #414141;}
#maine_m_footer {background: #414141; display: none;}
#footer {background: #414141;}

.container {width: 1200px; margin: 0 auto;}
.sub_container {width: 1000px; margin: 0 auto;}

#header {z-index: 500;width: 100%;height: 90px;position: fixed;top: 20px;left: 0;-webkit-transition: height 300ms, top 290ms, box-shadow 400ms;transition: height 300ms, top 290ms, box-shadow 400ms;}
.header_wrap {height: 100%;margin: 0 auto;padding-left: 40px;padding-right: 40px;position: relative;}
.header_wrap:before {content: '';display: block;position: absolute;left: 90px;right: 90px;bottom: 0;top: 0;background: #fff;-webkit-transition: all 300ms;transition: all 300ms;}
.header_inner {width: 100%;height: 100%;position: relative;background: #fff;}

/* LOGO */
#logo {width: 161px;height: 50px;position: absolute;left: 30px;top: 20px;z-index: 551;-webkit-transition: top 300ms;transition: top 300ms;}
#logo a {display: block;width: 100%;height: 100%;}
#logo a svg, #logo a img {display: block;width: 100%;height: 100%;}

/* MENU */
.menu_container {display: block;width: 100%;position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 550;}
.menu_container_bg {position: absolute;top: 90px;left: 0;right: 0px;bottom: 0;background: rgba(255,255,255,0.9);opacity: 1;}
#menu {display: inline-block;vertical-align: top;}
#menu:after {content: '';display: table;clear: both;}
#menu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}

/* 1depth */
#menu > li {display: inline-block;vertical-align: top;position: relative; max-height: 90px;}
#menu > li > a {padding: 30px 17px 29px 17px;font-size: 17px;font-weight: 600;color: #222;}
#menu > li:hover > a, #menu > li.current-page-ancestor > a {color: #d0112b;}
#menu > li:hover {border-bottom: 3px solid #d0112b;}

/* 2depth */
#menu > li > ul {width: 100%;position: absolute;left: 0;border-right: 1px solid rgba(237, 239, 241, .05); font-family: 'Daum', sans-serif; display: none;}
#menu > li:last-child ul {border-right: 0;}
#menu > li > ul > li {display: block;}
#menu > li > ul > li > a {padding: 2px 17px; font-size: 13px;font-weight: 400;text-align: left;color: #282828;}
#menu > li > ul > li.menu-item-578 > a, #menu > li > ul > li.menu-item-580 > a, #menu > li > ul > li.menu-item-181 > a {padding: 10px 15px 2px 15px;}
#menu > li > ul > li.menu-item-110 > a {color: #919191;}
#menu > li > ul > li.menu-item-111 > a {color: #919191;}
#menu > li > ul > li.menu-item-579 > a {color: #919191;}
#menu > li > ul > li.menu-item-116 > a {color: #919191;}
#menu > li > ul > li.menu-item-117 > a {color: #919191;}
#menu > li > ul > li:first-child > a {padding-top: 24.5px;}
#menu > li > ul > li:last-child > a {padding-bottom: 36.5px;}
#menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a, #menu > li > ul > li.current-page-ancestor > a {color: #d0112b;}
#menu > li > ul > li.menu-item-579 > a {letter-spacing: -1px; padding: 2px 0px 2px 17px;}
#menu > li > ul > li.menu-item-126 > a {letter-spacing: 0px; padding: 2px 0px 2px 17px;}

/* 모바일 사이드메뉴 */
.mobile_logo {position: relative; z-index: 100; padding-top: 35px; padding-left: 48px; display: none;}
.mobile_manu_wrap {overflow: hidden; display: block; width: 100%; height: 100%; position: absolute;}
.icon {position: absolute; width: 40px; height: 50px; display:  inline-block;	cursor: pointer; top: 50px; right: 25px; display: block; z-index: 3000; display: none;}
.icon .bar {width: 40px; height: 4px;	background-color: #fff;	margin: 5px 0; position: absolute;}
.icon .bar.one {top:0; left;0;}
.icon .bar.two {top: 11px; left: 0;}
.icon .bar.three {top: 22px; left: 0;}
.icon .bar.one.active {animation: one .7s forwards; background-color: #0c0c0c;}
.icon .bar.one.notActive {animation: one-reverse .7s forwards; background-color: #fff;}
.icon .bar.two.active {animation: two .7s forwards; background-color: #0c0c0c;}
.icon .bar.two.notActive {animation: two-reverse .7s forwards; background-color: #fff;}
.icon .bar.three.active {animation: three .7s forwards; background-color: #0c0c0c;}
.icon .bar.three.notActive {animation: three-reverse .7s forwards; background-color: #fff;}

.side_menu {position: absolute; top: 0; right: 0; width: 550px; background: #ffffff; z-index: 2000; color: #282828; transform: translate(101%); transition: all .35s ease; padding-bottom: 10px; z-index: 2000; height: 100vh; overflow: auto; font-family: 'Daum', sans-serif; display: none;}
.side_menu.effect {transform: translate(1%);}
.side_menu .mobile_language {position: absolute; top: 60px; left: 0px;}
.side_menu .mobile_language li {position: relative; font-size: 28px; display: inline-block; padding: 0 45px;}
/*
.side_menu .mobile_language li:before {content: ''; position: absolute; top: 4px; left: 0px; width: 3px; height: 20px; background: #979797;}
*/
.side_menu .mobile_language li:first-child:before {display: none;}
.side_menu .mobile_language a {color: #979797;}
.side_menu .mobile_language li.on a {color: #ee7421;}

.side_menu .side_menuTxt {margin-top: 200px;}
.side_menu .side_menuTxt li {padding: 30px 0 30px 45px; border-bottom: 1px solid #cdcccc;}
.side_menu .side_menuTxt li:first-child {border-top: 2px solid #cdcccc;}
.side_menu .side_menuTxt li a {font-size: 33px; color: #282828;}
.side_menu .side_menuTxt .side_submenu01, .side_menu .side_menuTxt .side_submenu02, .side_menu .side_menuTxt .side_submenu03, .side_menu .side_menuTxt .side_submenu04, .side_menu .side_menuTxt .side_submenu05, .side_menu .side_menuTxt .side_submenu06, .side_menu .side_menuTxt .side_submenu07, .side_menu .side_menuTxt .side_submenu08, .side_menu .side_menuTxt .side_submenu09  {background: #eaeaea; font-size: 28px;}
.side_menu .side_menuTxt .side_submenu01 a, .side_menu .side_menuTxt .side_submenu02 a, .side_menu .side_menuTxt .side_submenu03 a, .side_menu .side_menuTxt .side_submenu04 a, .side_menu .side_menuTxt .side_submenu05 a, .side_menu .side_menuTxt .side_submenu06 a, .side_menu .side_menuTxt .side_submenu07 a, .side_menu .side_menuTxt .side_submenu08 a, .side_menu .side_menuTxt .side_submenu09 a, .side_menu .side_menuTxt {font-size: 28px;}
.side_menuTxt li.side_color a {color: #d0112b;}
.side_menu .side_menuTxt .side_submenu01 li, .side_menu .side_menuTxt .side_submenu02 li, .side_menu .side_menuTxt .side_submenu03 li, .side_menu .side_menuTxt .side_submenu04 li, .side_menu .side_menuTxt .side_submenu05 li, .side_menu .side_menuTxt .side_submenu06 li {padding-left: 75px;}
.side_menu .side_menuTxt .side_submenu07 a, .side_menu .side_menuTxt .side_submenu08 a, .side_menu .side_menuTxt .side_submenu09 a {padding-left: 30px; position: relative;}
/* .side_menu .side_menuTxt .side_submenu07 li::before, .side_menu .side_menuTxt .side_submenu08 li::before, .side_menu .side_menuTxt .side_submenu09 li::before {position: absolute; content: ''; left: 77px; top: 41px; height: 3px; width: 17px; transform: rotate(-45deg); background: #282828;} */
.side_btn01, .side_btn02, .side_btn03, .side_btn04, .side_btn05, .side_btn06 {background: url(/img/side_btn01.png) no-repeat 90% 50%;}
.side_btn01.side_color, .side_btn02.side_color, .side_btn03.side_color, .side_btn04.side_color, .side_btn05.side_color, .side_btn06.side_color {background: url(/img/side_btn02.png) no-repeat 90% 50%;}
@keyframes one {
	0% {top:0;}
	30% {top:-5px}
	60% {top:11px}
	80% {transform: rotate(0)}
	100% {top:11px; transform: rotate(45deg);}
}
@keyframes one-reverse {
	0% {top:11px; transform: rotate(45deg);}
	30% {transform: rotate(0)}
	60% {top:11px}
	80% {top:-5px}
	100% {top:0;}
}
@keyframes two {
	0% {opacity:1;}
	80% {opacity:1;}
	100% {opacity:0;}
}
@keyframes two-reverse {
	0% {opacity:0;}
	70% {opacity:1;}
	100% {opacity:1;}
}
@keyframes three {
	0% {top: 22px;}
	30% {top:27px;}
	60% {top:12px;}
	80% {transform: rotate(0)}
	100% {top:10px; transform: rotate(-45deg);}
}
@keyframes three-reverse {
	0% {top:12px; transform: rotate(-45deg);}
	30% {transform: rotate(0)}
	60% {top:12px;}
	80% {top:27px;}
	100% {top: 22px;}
}


/* lang */
.lang_container {display: block;position: absolute;top: 10px;right: 20px;z-index: 551;-webkit-transition: top 300ms;transition: top 300ms;}
.lang_menu {display: block;}
.lang_menu li {float: left;}
.lang_menu li a {display: block;padding: 0 10.5px;position: relative;font-size: 12px;font-weight: 600;color: #222;}
.lang_menu li a:after {content: '';display: block;width: 1px;height: 8px;position: absolute;top: 50%;right: 0;margin-top: -4px;background: #c7c7c7;}
.lang_menu li:first-child a {padding-left: 0;}
.lang_menu li:last-child a {padding-right: 0;}
.lang_menu li:last-child a:after {display: none;}
.lang_menu li a:hover {color: #ee7421;}
.lang_menu li.on a {color: #ee7421;text-decoration:underline;}

/* minimize */
.minimize#header {height: 90px;top: 0;box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
.minimize .header_wrap:before {left: 0;right: 0;}
.minimize #logo {top: 24px;}

.home .main_container {padding-bottom: 0;}
.home_wrap {overflow-x: hidden;}
.main_section {padding: 105px 0 120px;}
.main_section_title {display: block;padding-bottom: 66px;font-size: 55px;font-weight: 300;line-height: 1.25;text-align: center;color: #222;}

.bxSlider li {min-height: 100vh; text-align: center; position: relative;}
.bxSlider li .bx_txt {text-align: center; font-size: 75px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bxSlider li .bx_txt span {font-size: 29px; color: #fff;}
.bxSlider li.one {background: url(/img/main-visual-01.jpg) no-repeat center center; background-size: cover;}
.bxSlider li.two {background: url(/img/main-visual-02.jpg) no-repeat center center; background-size: cover;}
.bxSlider li.three {background: url(/img/main-visual-03.jpg) no-repeat center center; background-size: cover;}
.bx-wrapper .bx-viewport {left: 0; border: none; box-shadow: none;}

/* **************************************** *
 * SCROLL DOWN
 * **************************************** */

/*
.scroll_down {width: 76px;height: 76px;position: absolute;bottom: 30px;left: 50%;margin-left: -38px;z-index: 120;-webkit-transition: background 300ms;transition: background 300ms; stroke-dasharray: 315px; stroke-dashoffset: 0;}
*/
.scroll_down {width: 76px;height: 76px;position: absolute;bottom: 30px;left: 50%;margin-left: -38px;z-index: 120;-webkit-transition: background 300ms;transition: background 300ms; stroke-dasharray: 315px; stroke-dashoffset: 0; border: 1px solid #fff;}
.scroll_down > svg {width: 76px;height: 76px;position: absolute;top: 0;left: 0; animation: svg 4s 4s both;}
.scroll_down > span {display: block;width: 100%;height: 100%;position: relative;}
.scroll_down > span {display: block;width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;font-size: 24px;text-align: center;color: #fff;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); font-weight: lighter;}
.scroll_down:hover {background: #ffffff;background: rgba(255, 255, 255, .15);}
@keyframes svg {
	0% {stroke-dashoffset: 0;}
	50% {stroke-dashoffset: 315;}
	100% {stroke-dashoffset: 0;}
}


/* #main_scroll_container {padding-bottom: 200px;} */
div.page {height: 100vh; padding-top: 60px; box-sizing: border-box; position: relative; overflow: hidden;}
div.page > div.box {max-width: 1200px; height: 100%; margin: 0 auto; position: relative;}
#main-star div.content {position: absolute; left: 730px; top: 50%; transform: translate(0, -50%); z-index: 10; opacity: 0; transition: opacity 1s 0.3s;}
#main-star div.content:after {content: ''; position: absolute; left: -108px; top: 115px; width: 320px; height: 2px; background: #d0112b;}
#main-star div.content h3 {font-size: 35px; color: #d0112b; margin-bottom: 58px; font-weight: bold;}
#main-star div.content p.desc {font-size: 16px; color: #282828; margin-bottom: 30px; line-height: 36px; font-weight: 500;}
#main-star div.content a.more {color: #d0112b; display: inline-block; width: 117px; line-height: 42px; height: 42px; text-align: center; font-size: 16px; border: 1px solid #d0112b; font-weight: 500; overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10; position: relative;}
#main-star div.content a.more:hover {color: #fff;}
#main-star div.content a.more:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #d0112b; z-index: -1;}
#main-star div.content a.more:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
#main-star div.title {width: 300px; height: 700px; background: #d0112b url(/img/r&d.png) 20% 100% no-repeat; position: relative; top: 50%; transform: translate(0, -50%);}
#main-star div.title p.visual {position: absolute; left: 100px; top: 75px; width: 788px; height: 550px; background: url(/img/main_img_star.jpg) 0 center no-repeat; transition: width 1s;}
#main-star.show div.title p.visual {width: 550px;}
.mobile {display: none !important;}
#main-star.show div.content {opacity: 1;}

#main-starx {margin-bottom: 100px;}
#main-starx div.content {position: absolute; left: 730px; top: 50%; transform: translate(0, -50%); z-index: 10; opacity: 0; transition: opacity 1s 0.3s;}
#main-starx div.content:after {content: ''; position: absolute; left: -108px; top: 115px; width: 320px; height: 2px; background: #d0112b;}
#main-starx div.content h3 {font-size: 35px; color: #d0112b; margin-bottom: 58px; font-weight: bold;}
#main-starx div.content p.desc {font-size: 16px; color: #282828; margin-bottom: 30px; line-height: 36px; font-weight: 500;}
#main-starx div.content a.more {color: #d0112b; display: inline-block; width: 117px; line-height: 42px; height: 42px; text-align: center; font-size: 16px; border: 1px solid #d0112b; font-weight: 500; overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10; position: relative;}
#main-starx div.content a.more:hover {color: #fff;}
#main-starx div.content a.more:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #d0112b; z-index: -1;}
#main-starx div.content a.more:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
#main-starx div.title {width: 300px; height: 700px; background: #d0112b url(/img/Achievement.png) 20% 100% no-repeat; position: relative; top: 50%; transform: translate(0, -50%);}
#main-starx div.title p.visual {position: absolute; left: 100px; top: 75px; width: 788px; height: 550px; background: url(/img/main_img_starx.jpg) 0 center no-repeat; transition: width 1s;}
#main-starx.show div.title p.visual {width: 550px;}
#main-starx.show div.content {opacity: 1;}


#main-pay div.content {position: absolute; left: 67px; top: 50%; transform: translate(0, -50%); text-align: right; z-index: 10; opacity: 0; transition: opacity 1s 0.3s;}
#main-pay div.content:after {content: ''; position: absolute; left: 189px; top: 115px; width: 320px; height: 2px; background: #d0112b;}
#main-pay div.content h3 {font-size: 35px; color: #d0112b; margin-bottom: 58px; font-weight: bold;}
#main-pay div.content p.desc {font-size: 16px; color: #282828; margin-bottom: 30px; line-height: 36px; font-weight: 500;}
#main-pay div.content a.more {color: #d0112b; display: inline-block; width: 117px; line-height: 42px; height: 42px; text-align: center; font-size: 16px; border: 1px solid #d0112b; font-weight: 500; background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10; position: relative;}
#main-pay div.content a.more:hover {color: #fff;}
#main-pay div.content a.more:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #d0112b; z-index: -1;}
#main-pay div.content a.more:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
#main-pay div.title {width: 300px; height: 700px; background: #d0112b url(/img/production.png) 90% 0% no-repeat;; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
#main-pay div.title p.visual {position: absolute; right: 100px; top: 75px; width: 788px; height: 550px; background: url(/img/main_img_pay.jpg) right center no-repeat;  transition: width 1s;}
#main-pay.show div.title p.visual {width: 550px;}
#main-pay.show div.content {opacity: 1;}

#main-our {background: url(/img/03_bg.jpg) no-repeat top; background-size: 100%; margin-bottom: 200px;}
div.page02 > div.box {max-width: 1200px; height: 100%; margin: 0 auto; position: relative; display: none;}
div.page02 > div.box.block {display: block;}
#main-our div.content {position: absolute; right: 100px; top: 50%; transform: translate(0, -50%); text-align: right; z-index: 10; opacity: 1; transition: opacity 1s 0.5s;}
/*
main-our div.content:after {content: ''; position: absolute; right: 0px; top: 115px; width: 235px; height: 2px; background: #d0112b;}
*/
#main-our div.content h3 {font-size: 35px; color: #d0112b; margin-bottom: 75px; font-weight: bold;}
#main-our div.content ul.desc {font-size: 18px; color: #282828; font-family: 'Daum', sans-serif;}
#main-our div.content ul.desc li {margin-bottom: 30px;}
#main-our div.content ul.desc li a {position: relative;}
#main-our div.content ul.desc li a:hover {color: #d0112b;}
/*
#main-our div.content ul.desc li a:hover::before {position: absolute; content: ''; left: -17px; top: 8px; height: 3px; width: 10px; transform: rotate(-45deg); background: #d0112b;}
*/
#main-our a.more {color: #d0112b; display: inline-block; width: 117px; line-height: 42px; height: 42px; text-align: center; font-size: 16px; border: 1px solid #d0112b; font-weight: 500; position: absolute; right: 100px; bottom: 0; background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10;}
#main-our div.content ul.desc li a.active {color: #d0112b;}
/*
#main-our div.content ul.desc li a.active::before {position: absolute; content: ''; left: -17px; top: 8px; height: 3px; width: 10px; transform: rotate(-45deg); background: #d0112b;}
*/
#main-our a.more {color: #d0112b; display: inline-block; width: 117px; line-height: 42px; height: 42px; text-align: center; font-size: 16px; border: 1px solid #d0112b; font-weight: 500; position: absolute; right: 100px; bottom: 0; background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10;}
#main-our a.more:hover {color: #fff;}
/*
#main-our a.more:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #d0112b; z-index: -1;}
*/
#main-our a.more:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
#main-our div.title {padding-top: 100px;}


.footer .footer_top {padding: 40px 0 20px 0;}
.footer .footer_top .footer_logo {padding-left: 100px;}
.footer .footer_top .footer_mark {float: right; padding-right: 20px;}
.footer .footer_top .mfooter_mark {display: none;}
.footer .footer_top .mfooter_logo {display: none;}
.footer .footer_top	.footer_right {float: right;}
.footer .footer_top	.footer_right ul {display: inline-block; float: left;}
.footer .footer_top	.footer_right li {display: inline-block;}
.footer .footer_top	.footer_right .footer_link a {color: #b5b5b5;}
.footer .footer_top	.footer_right .footer_link li {font-size: 18px; font-weight: 500; padding: 12px 28px; position: relative;}
.footer .footer_top	.footer_right .footer_link li::before {position: absolute; content: ''; width: 1px; height: 14px; left: 0px; top: 16px; background: #b5b5b5;}
.footer .footer_top	.footer_right .footer_link li:first-child::before {display: none;}
.footer .footer_top	.footer_right .go {margin-right: 100px; font-size: 15px; color: #fff;}
.footer .footer_top	.footer_right .go li {float: left;}
.footer .footer_top	.footer_right .go .go_left select {border: 1px solid #a8a8a8; background: #686868; width: 174px; height: 42px; text-align: center; line-height: 42px; color: #fff; font-size: 15px; padding-left: 15px;}
.footer .footer_top	.footer_right .go .go_right input {width: 42px; height: 42px;}
.footer .footer_top	.footer_right .go .go_right img {width: 100%;}
.footer .footer_bottom {font-size: 14px; color: #8f8f8f; padding-bottom: 30px;}
.footer .footer_bottom li {padding-left: 100px; padding-bottom: 7px; font-family: 'Nanum Gothic';}

/* 서브페이지 */
.breadcrumb {font-family: 'Daum', sans-serif; font-size: 14px; padding: 20px 0; color: #7d7d7d;}
.breadcrumb ul {text-align: right;}
.breadcrumb li {display: inline-block;}
.breadcrumb li a {color: #7d7d7d;}

/* 어바웃 */
.banner_wrap {overflow: hidden;}
.about_banner {background: url(/img/about_banner.jpg) no-repeat center center; background-size: cover; height: 500px; color: #fff; animation: banner 1s both ease; overflow: hidden; transform: scale(1.1);}
@keyframes banner {
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}
@keyframes opacity {
	0% {opacity: 0; padding-bottom: 40px;}
	100% {opacity: 1; padding-bottom: 30px;}
}
.about_banner h2 {font-size: 45px; padding-bottom: 40px; padding-top: 245px; font-weight: bold; animation: opacity .7s .7s both ease;}
.about_banner p {font-size: 20px; font-weight: 500; line-height: 28px; opacity: 0; animation: opacity .7s .7s both ease;}

/* 인삿말 */
.about01_contents {padding-top: 100px; padding-bottom: 200px;}
.about01_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.about01_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.about01_contents .ceo_img {display: none;}

.about01_cont01 {background: url(/img/about01_bg01.png) no-repeat bottom right; font-family: 'Daum';}
.about01_cont01 p {font-size: 22px; color: #282828; line-height: 62px; padding-bottom: 110px;}

.about01_cont02 {background: url(/img/about01_bg02.jpg) no-repeat top; background-size: 100%; padding-top: 120px; margin: 0 100px; font-family: 'Daum';}
.about01_cont02 .about01_cont02_img {float: left; width: 50%;}
.about01_cont02 .about01_cont02_txt {float: right; width: 50%; font-size: 16px; color: #282828; box-sizing: border-box; line-height: 32px; text-align: justify; padding: 20px 85px 0 70px;}
/* .about01_cont02 .about01_cont02_txt li {padding-bottom: 40px;} */
.about01_cont02_txt02 {float: left; padding-top: 290px; width: 50%; font-size: 16px; line-height: 32px;}
.about01_cont02_img02 {float: right; padding-top: 65px; width: 50%; text-align: right; padding-right: 105px; box-sizing: border-box;}

/* 회사연혁 */
.about02_contents {font-family: 'Daum', sans-serif; padding-top: 100px; overflow: hidden;}
.about02_contents h3 {font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
/*
.about02_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
*/

.about02_cont_left {padding-bottom: 130px;}
.about02_cont_left h4 {position: relative; text-align: right; font-size: 82px; color: #eceaea; margin-top: -195px;}
.about02_cont_left h4 span {position: absolute; width: 2000px; height: 5px; background: #d0112b; left: 100px; bottom: -10px;}
.about02_cont_left h4 br {display: none;}
.about02_cont_left .about02_cont_box {background: #fff; padding-top: 95px; padding-left: 80px; margin-left: 100px; position: relative; z-index: 10; margin-top: 10px;}
.about02_cont_left .about02_cont_box .about_year {font-size: 25px; color: #d0112b; float: left; position: relative; padding-top: 3px;}
/*
.about02_cont_left .about02_cont_box .about_year::before {position: absolute; content: ''; top: 15px; left: -105px; width: 90px; height: 2px; background: #d0112b;}
*/
.about02_cont_left .about02_cont_box ul {float: left; font-size: 18px; color: #282828; padding-left: 55px; width: 80%; padding-bottom: 50px;}
.about02_cont_left .about02_cont_box li {padding: 7px; position: relative;}
.about02_cont_left .about02_cont_box li.point::before {position: absolute; content: ''; left: -17px; top: 13px; height: 2px; width: 2px;  background: #282828;}



.about02_cont_right {text-align: right; padding-bottom: 130px;}
.about02_cont_right h4 {position: relative; text-align: left; font-size: 82px; color: #eceaea; margin-top: -195px;}
.about02_cont_right h4 span {position: absolute; width: 2000px; height: 5px; background: #d0112b; right: 100px; bottom: -10px;}
.about02_cont_right h4 br {display: none;}
.about02_cont_right .about02_cont_box {background: #fff; padding-top: 95px; padding-right: 80px; margin-right: 100px; position: relative; z-index: 10; margin-top: 10px;}
.about02_cont_right .about02_cont_box .about_year {font-size: 25px; color: #d0112b; float: right; position: relative; padding-top: 3px;}
/*
.about02_cont_right .about02_cont_box .about_year::before {position: absolute; content: ''; top: 15px; right: -105px; width: 90px; height: 2px; background: #d0112b;}
*/
.about02_cont_right .about02_cont_box ul {float: right; font-size: 18px; color: #282828; padding-right: 55px; width: 80%; padding-bottom: 50px;}
.about02_cont_right .about02_cont_box li {padding: 7px; position: relative;}
.about02_cont_right .about02_cont_box li.point::before {position: absolute; content: ''; right: -17px; top: 13px; height: 2px; width: 2px; background: #282828;}

.about02_img03 {margin-bottom: 130px; display: block;}

/*사업장안내*/
.about03_contents {padding-top: 100px; padding-bottom: 200px;}
.about03_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
/*
.about03_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
*/
.about03_contents .about03_mbg {display: none;}
.about03_cont {background: url(/img/about03_bg.jpg) top left no-repeat; font-family:  sans-serif;}
.about03_cont .about03_box {padding-left: 600px;}
.about03_cont .about03_box01 {}
.about03_cont .about03_box02 {padding-top: 50px;}
.about03_cont .about03_box03 {padding-top: 100px;}
.about03_cont .about03_box h4 {color: #d0112b; font-size: 20px; padding-top: 20px; font-weight: bold; padding-bottom: 8px;}
.about03_cont .about03_box li {font-size: 16px; color: #7d7d7d; position: relative; padding-bottom: 5px;}
.about03_cont .about03_box .about03_btn a {padding: 7px 8px 7px 17px; color: #282828; border: 1px solid #282828; display: inline-block; transition: .25s all ease; margin-top: 17px;}
.about03_cont .about03_box .about03_btn a:hover {background: #282828; color: #fff;}

/* 관계사 */
.about04_contents {padding-top: 100px;}
.about04_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 90px;}
/*
.about04_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
*/
.about04_cont01 {font-family: 'Daum', sans-serif;}
.about04_cont01 .about04_cont01_bg {text-align: center; position: relative;}
.about04_cont01 .about04_box {height: 218px; border: 1px solid #282828; display: block; position: relative; margin-top: -150px; z-index: -1;}
.about04_cont01 .about04_cont_tit {position: absolute; top: 50%; left: 50%; font-size: 70px; color: #fff; font-weight: bold; transform: translate(-50%, -50%); text-transform: uppercase;}
.about04_cont01 .about04_logo {display: inline-block; width: 100%; text-align: center; padding: 30px 0;}
.about04_cont01 p {color: #282828; font-size: 16px; margin: 0 110px 25px 110px; text-align: justify; line-height: 32px; padding-bottom: 25px; border-bottom: 1px solid #c2c2c2;}
.about04_cont01 .address {float: left; margin-left: 110px;}
.about04_cont01 .address li {font-size: 16px; color: #282828; position: relative; padding-bottom: 10px;}
/*
.about04_cont01 .address li::before {position: absolute; content: ''; left: -17px; top: 8px; height: 2px; width: 10px; transform: rotate(-45deg); background: #282828;}
*/
.about04_cont01 .about04_link {float: right; margin-right: 110px; padding-bottom: 140px;}
.about04_cont01 .about04_link a {font-size: 16px; color: #282828; padding: 10px 25px; border: 1px solid #282828; overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10; background: transparent; position: relative; display: inline-block;}
.about04_cont01 .about04_link a:hover {color: #fff; } 
.about04_cont01 .about04_link a:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #000; z-index: -1;}
.about04_cont01 .about04_link a:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}



/* Core competency 배너 */
.core_competency_banner {background: url(/img/core_competency_banner.jpg) no-repeat center center; background-size: cover; height: 500px; color: #fff; animation: banner 1s both ease; overflow: hidden; transform: scale(1.1);}
@keyframes banner {
 0% {transform: scale(1.1);}
 100% {transform: scale(1);}
}
@keyframes opacity {
 0% {opacity: 0; padding-bottom: 40px;}
 100% {opacity: 1; padding-bottom: 30px;}
}
.core_competency_banner h2 {font-size: 45px; padding-bottom: 30px; padding-top: 245px; font-weight: bold; animation: opacity .7s .7s both ease;}
.core_competency_banner p {font-size: 20px; font-weight: 500; line-height: 28px; animation: opacity .7s .7s both ease;}
.core_competency_banner p .mbr {display: none;}


/* Platform technology */
.coreCompetency01_contents {padding-top: 100px;}
.coreCompetency01_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 90px;}
.coreCompetency01_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.coreCompetency01_contents .coreCompetency_tit {padding-bottom: 130px; font-size: 50px; color: #d0112b; text-align: center; font-family: 'Daum', sans-serif;}

.platform_left_txt {float: left; width: 50%; font-family: 'Daum'}
.platform_left_txt h4 {font-size: 40px; padding-bottom: 40px; padding-top: 145px; position: relative;}
.platform_left_txt h4::before {position: absolute; content: ''; width: 135px; height: 2px; background: #000; top: 160px; right: -23px;}
.platform_left_txt li {font-size: 16px; color: #7d7d7d; font-weight: 300; line-height: 30px; padding-right: 100px; text-align: justify;}
.platform_left_txt li:first-child {padding-bottom: 35px;}
.platform_right_img {float: right; width: 50%;}
.platform_right_img .mcoreCompetency01 {display: none;}

.cont_box02 {padding-top: 145px;}
.platform_left_img {float: left; width: 50%;}
.platform_left_img .mcoreCompetency02 {display: none;}
.platform_right_txt {float: left; width: 50%; font-family: 'Daum'}
.platform_right_txt h4 {font-size: 40px; padding-bottom: 60px; padding-top: 25px; position: relative; text-align: right;}
.platform_right_txt h4::before {position: absolute; content: ''; width: 135px; height: 2px; background: #000; top: 50px; left: -23px;}
.platform_right_txt li {font-size: 16px; color: #7d7d7d; font-weight: 300; line-height: 30px; padding-left: 100px; text-align: justify;}
.platform_right_txt li:first-child {padding-bottom: 35px;}

.cont_box03 {padding-top: 85px; background: url(/img/coreCompetency_bg.jpg) no-repeat; background-size: 100%; margin: 230px 100px 200px 100px; font-family: 'Daum';}
.cont_box03 h4 {font-size: 60px; font-weight: lighter; color: #fff; padding-bottom: 70px; letter-spacing: 30px;}
.cont_sub_box {background: #fff; padding: 125px 160px 0 160px; position: relative;}
.cont_sub_box h5 {font-size: 22px; font-weight: bold; color: #d0112b; border-bottom: 2px solid #d0112b; padding-bottom: 13px;}
.cont_sub_box h5 span {font-size: 10px; vertical-align: top;}
.cont_sub_box li {font-size: 18px; font-weight: 300; color: #7d7d7d; margin-top: 40px; position: relative;}
.cont_sub_box li::before {position: absolute; content: ''; width: 40px; height: 2px; background: #7d7d7d; top: 8px; left: -60px;}
.cont_sub_box > span {position: absolute; top: 45px; right: 55px;}


/* Pipeline */
.coreCompetency02_contents {padding-top: 100px; padding-bottom: 200px;}
.coreCompetency02_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 100px;}
.coreCompetency02_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.coreCompetency02_contents .coreCompetency_tit {padding-bottom: 120px; font-size: 50px; color: #d0112b; text-align: center; font-family: 'Daum', sans-serif;}

.coreCompetency02_cont01 {background: url(/img/coreCompetency02_bg.jpg) no-repeat bottom right; font-size: 21px; color: #282828;}
.coreCompetency02_cont01 p {font-family: 'Daum', sans-serif; line-height: 64px; padding-bottom: 110px;}
.coreCompetency02_cont02 {background: url(/img/coreCompetency02_bg02.jpg) no-repeat top; background-size: 100%; margin: 0 110px;}
/* .coreCompetency02_cont02 span {padding: 120px 0; display: inline-block;} */

.coreCompetency02_cont02 .pc_table {padding-top: 130px; padding-bottom: 115px; position: relative;}
.coreCompetency02_cont02 .pc_table table {border-collapse:collapse; font-family: 'Daum', sans-serif;}
.coreCompetency02_cont02 .pc_table th {height: 51px; font-size: 18px;}
.coreCompetency02_cont02 .pc_table th.th01 {background: #989898; color: #fff; border: 1px solid #fff;}
.coreCompetency02_cont02 .pc_table th.th02 {background: #282828; color: #fff; border: 1px solid #fff;}
.coreCompetency02_cont02 .pc_table th.th03 {background: #ee7421; color: #fff; border: 1px solid #fff;}
.coreCompetency02_cont02 .pc_table th.th04 {background: #d0112b; color: #fff; border: 1px solid #fff;}
.coreCompetency02_cont02 .pc_table tbody th {font-size: 16px; background: #fff; height: 70px; border-bottom: 1px solid #b6e6fe;}
.coreCompetency02_cont02 .pc_table tbody td {font-size: 16px; text-align: center;}
.coreCompetency02_cont02 .pc_table tbody td.td03 {color: #ee7421;}
.coreCompetency02_cont02 .pc_table tbody td.td04 {color: #d0112b;}
.coreCompetency02_cont02 .pc_table .tr_line {position: absolute; left: 239px; bottom: 108px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr01 {bottom: 108px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr02 {bottom: 179px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr03 {bottom: 250px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr04 {bottom: 321px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr05 {bottom: 392px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr06 {bottom: 463px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr07 {bottom: 534px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr08 {bottom: 605px;}
.coreCompetency02_cont02 .pc_table .tr_line.tr09 {bottom: 676px;}

.mobile_table {text-align: center; padding: 170px 0; font-family: 'Daum', sans-serif; position: relative; display: none; overflow: hidden;}
.mobile_table .table_tit {overflow: hidden;}
.mobile_table .table_tit li {width: 25%; height: 110px; color: #fff; font-size: 25px; font-weight: bold; padding-top: 45px; box-sizing: border-box; float: left;}
.mobile_table .table_tit li.tit_bg01 {background: #989898;}
.mobile_table .table_tit li.tit_bg02 {background: #282828; padding-top: 25px;}
.mobile_table .table_tit li.tit_bg03 {background: #ee7421;}
.mobile_table .table_tit li.tit_bg04 {background: #d0112b;}
.mobile_table .table_cont li {text-align: left; color: #282828; font-size: 25px; font-weight: bold; padding-left: 23px; height: 130px; line-height: 130px; border-bottom: 1px solid #acaaa0; width: 100%; position: relative; box-sizing: border-box;}
.mobile_table .tr_line {position: absolute; left: 0; bottom: 164px;}
.mobile_table .tr_line.tr01 {bottom: 164px;}
.mobile_table .tr_line.tr02 {bottom: 294px;}
.mobile_table .tr_line.tr03 {bottom: 424px;}
.mobile_table .tr_line.tr04 {bottom: 554px;}
.mobile_table .tr_line.tr05 {bottom: 683px;}
.mobile_table .tr_line.tr06 {bottom: 814px;}
.mobile_table .tr_line.tr07 {bottom: 944px;}
.mobile_table .tr_line.tr08 {bottom: 1074px;}
.mobile_table .tr_line.tr09 {bottom: 1204px;}
.mobile_table .table_cont li > span {position: absolute; left: 0; bottom: -25px; font-size: 24px; transform: translateX(-50%); font-weight: normal;}
.mobile_table .table_cont li > span.tc02 {left: 37.5%;}
.mobile_table .table_cont li > span.tc03 {left: 62.5%; color: #ee7421;}
.mobile_table .table_cont li > span.tc04 {left: 87.5%; color: #d0112b;}


/* Manufacturing technology */
.coreCompetency03_contents {padding-top: 100px;}
.coreCompetency03_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 100px;}
.coreCompetency03_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.coreCompetency03_contents .coreCompetency_tit {padding-bottom: 185px; font-size: 50px; color: #d0112b; text-align: center; font-family: 'Daum', sans-serif;}

.coreCompetency03_cont01 {background: url(/img/coreCompetency03_bg.jpg) no-repeat bottom right; font-size: 21px; color: #282828;}
.coreCompetency03_cont01 p {font-family: 'Daum', sans-serif; line-height: 64px; padding-bottom: 110px;}

.coreCompetency03_cont02 {padding-top: 200px; padding-bottom: 200px; background: url(/img/coreCompetency03_bg02.jpg) no-repeat; background-size: 100%; margin: 0 100px; font-family: 'Daum', sans-serif;}
.coreCompetency03_cont02_sub_box {background: #fff; padding: 125px 160px 0 160px; position: relative;}
.coreCompetency03_cont02_sub_box h5 {font-size: 30px; font-weight: bold; color: #d0112b; border-bottom: 2px solid #d0112b; padding-bottom: 13px;}
.coreCompetency03_cont02_sub_box h5 span {font-size: 10px; vertical-align: top;}
.coreCompetency03_cont02_sub_box li {font-size: 17px; font-weight: 300; color: #7d7d7d; margin-top: 40px; position: relative; line-height: 30px;}
.coreCompetency03_cont02_sub_box li::before {position: absolute; content: ''; width: 40px; height: 2px; background: #7d7d7d; top: 10px; left: -60px;}
.coreCompetency03_cont02_sub_box > span {position: absolute;}
.coreCompetency03_cont02_sub_box .coreCompetency03_img01 {right: 0; top: 80px; z-index: 10;}
.coreCompetency03_cont02_sub_box .coreCompetency03_img02 {left: 0; bottom: 10px;}

.coreCompetency03_cont02_sub_box.coreCompetency03_cont02_sub_box02 h5 {text-align: right;}
.coreCompetency03_cont02_sub_box.coreCompetency03_cont02_sub_box02 ul {padding-left: 245px;}


/* Achievement */
.coreCompetency04_contents {font-family: 'Daum', sans-serif; padding-top: 100px; padding-bottom: 200px;}
.coreCompetency04_contents h3 {font-weight: bold; font-size: 36px; position: relative; padding-bottom: 140px;}
.coreCompetency04_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}

.coreCompetency04_cont01 {background: url(/img/coreCompetency04_bg01.jpg) no-repeat top; background-size: 100%; margin: 0 110px; padding-top: 200px; padding-bottom: 100px;}
.coreCompetency04_cont01Box {background: #fff; padding-top: 100px; padding-left: 55px; }
.coreCompetency04_cont01Box h4 {font-size: 40px; padding-bottom: 80px;}
.coreCompetency04_cont01Box h5 {font-size: 22px; color: #d0112b; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #282828; margin-right: 260px;}
.coreCompetency04_cont01Box p {font-size: 19px; color: #282828; padding-bottom: 70px;}

.coreCompetency04_cont01Box span {position: absolute;}
.coreCompetency04_cont01Box01 {position: relative;}
.coreCompetency04_cont01Box01 span {top: -3px; right: 50px;}
.coreCompetency04_cont01Box02 {position: relative;}
.coreCompetency04_cont01Box02 span {top: 12px; right: 41px;}
.coreCompetency04_cont01Box03 {position: relative;}
.coreCompetency04_cont01Box03 span {top: 10px; right: 50px;}
.coreCompetency04_cont01Box04 {position: relative;}
.coreCompetency04_cont01Box04 span {top: 12px; right: 41px;}
.coreCompetency04_cont01Box04 p {line-height: 26px;}

.coreCompetency04_cont02 {background: url(/img/coreCompetency04_bg02.jpg) no-repeat top; background-size: 100%; margin: 0 110px; padding-top: 200px;}
.coreCompetency04_cont02Box {background: #fff; padding-top: 100px; padding-left: 55px; }
.coreCompetency04_cont02Box h4 {font-size: 40px; padding-bottom: 80px;}
.coreCompetency04_cont02Box h5 {font-size: 22px; color: #d0112b; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #282828; margin-right: 260px;}
.coreCompetency04_cont02Box h6 {font-size: 19px; color: #282828;}
.coreCompetency04_cont02Box h6 span {font-size: 10px; vertical-align: top;}
.coreCompetency04_cont02Box ul {padding-bottom: 75px;}
.coreCompetency04_cont02Box li {font-size: 16px; color: #7d7d7d; margin-top: 17px; line-height: 28px; position: relative;}
/*
.coreCompetency04_cont02Box li::before {position: absolute; content: ''; left: -17px; top: 12px; height: 2px; width: 10px; transform: rotate(-45deg); background: #7d7d7d;}
*/

.coreCompetency04_cont02Box01 {position: relative;}
.coreCompetency04_cont02Box01 > span {position: absolute; top: -80px; right: 20px;}
.coreCompetency04_cont02Box02 {position: relative;}
.coreCompetency04_cont02Box02 > span {position: absolute; top: -75px; right: 15px;}
.coreCompetency04_cont02Box03 {position: relative;}
.coreCompetency04_cont02Box03 > span {position: absolute; top: -85px; right: 10px;}
.coreCompetency04_cont02Box04 {position: relative;}
.coreCompetency04_cont02Box04 > span {position: absolute; top: -85px; right: 10px;}


/* ourBusiness_banner */
.ourBusiness_banner {background: url(/img/ourBusiness_banner.jpg) no-repeat; background-size: cover; height: 500px; color: #fff; position: relative; animation: banner 1s both ease; overflow: hidden; transform: scale(1.1);}
@keyframes banner {
 0% {transform: scale(1.1);}
 100% {transform: scale(1);}
}
@keyframes opacity {
 0% {opacity: 0; padding-bottom: 40px;}
 100% {opacity: 1; padding-bottom: 30px;}
}animation: opacity .7s .7s both ease;
.ourBusiness_banner::before {position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.ourBusiness_banner h2 {font-size: 45px; padding-bottom: 30px; padding-top: 245px; font-weight: bold; position: relative; z-index: 10;animation: opacity .7s .7s both ease;}
.ourBusiness_banner p {font-size: 20px; font-weight: 500; position: relative; z-index: 10; line-height: 28px;animation: opacity .7s .7s both ease;}


/* 자체생산 제품 */
.ourBusiness01_contents {padding-top: 100px; padding-bottom: 200px;}
.ourBusiness01_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.ourBusiness01_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.ourBusiness01_contents p {font-family: 'Daum', sans-serif; font-size: 25px; color: #282828; text-align: center; line-height: 42px; position: relative;}

.ourBusiness01_cont_box {padding-top: 120px; background: url(/img/ourBusiness01_bg.jpg) no-repeat; background-size: 100%; margin: 85px 100px 0px 100px;}
.ourBusiness01_cont_box h4 {font-size: 70px; font-weight: 200; color: #fff; padding-bottom: 95px; text-transform: uppercase; letter-spacing: 25px;}
.ourBusiness01_cont_box h4 span {letter-spacing: 15px;}
.ourBusiness01_cont_box ul {display: none;}

.ourBusiness01_cont_box table {width: 100%; text-align: center; background: #fff; border: 0; border-spacing: 0; border-top: 2px solid #282828; border-bottom: 1px solid #282828;}
.ourBusiness01_cont_box tr th {border-bottom: 1px solid #282828; border-left: 1px solid #d7d7d7; padding: 15px 0;}
.ourBusiness01_cont_box tr th:first-child {border-left: 0;}
.ourBusiness01_cont_box tr td {border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.ourBusiness01_cont_box tr td:first-child {border-left: 0;}
.ourBusiness01_cont_box tbody tr:first-child td {border-top: 0;}
.ourBusiness01_cont_box th {font-size: 17px; font-weight: bold; color: #282828; font-family: 'Daum', sans-serif;}
.ourBusiness01_cont_box td.tr01 {width: 278px;}
.ourBusiness01_cont_box td.tr02 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 15px;}
.ourBusiness01_cont_box td.tr02 span {font-weight: normal;}
.ourBusiness01_cont_box td.tr03 {font-family: 'Daum', sans-serif; font-size: 15px; color: #7d7d7d;}
.ourBusiness01_cont_box td.tr04 {font-size: 15px;}
.ourBusiness01_cont_box td.tr04 a {padding: 7px 15px; background: #808080; color: #fff; transition: .35s all ease;}
.ourBusiness01_cont_box td.tr04 a span {padding-right: 7px;}
.ourBusiness01_cont_box td.tr04 a:hover {background: #282828;}

/* 백신제 */
.ourBusiness02_contents {padding-top: 100px; padding-bottom: 200px;}
.ourBusiness02_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.ourBusiness02_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.ourBusiness02_contents p {font-family: 'Daum', sans-serif; font-size: 25px; color: #282828; text-align: center; line-height: 42px; position: relative;}

.ourBusiness02_contents ul.our_tab_manu {margin-top: 80px;}
.ourBusiness02_contents ul.our_tab_manu li a {font-family: 'Daum', sans-serif; float: left; width: 50%; padding: 20px 0; text-align: center; font-size: 20px; border: 1px solid #282828; box-sizing: border-box; position: relative; transition: .35s all ease;}
.ourBusiness02_contents ul.our_tab_manu li a::before {position: absolute; content: ''; width: 60px; height: 1px; background: #000; top: 35px; left: 125px; transition: .35s all ease;}
.ourBusiness02_contents ul.our_tab_manu li:first-child a::before {left: 145px;}

.ourBusiness02_contents ul.our_tab_manu li.active a {background: #282828; color: #fff;}
.ourBusiness02_contents ul.our_tab_manu li.active a::before {background: #fff;}
.ourBusiness02_contents ul.our_tab_manu li.hover_red a:hover {background: #d0112b; color: #fff;}
.ourBusiness02_contents ul.our_tab_manu li.hover_red a:hover::before {background: #fff;}

.ourBusiness02_cont_box {padding-top: 120px; background: url(/img/ourBusiness02_bg.jpg) no-repeat; background-size: 100% auto; margin: 85px 100px 0px 100px;}
.ourBusiness02_cont_box h4 {font-size: 70px; font-weight: 200; color: #fff; padding-bottom: 95px; text-transform: uppercase; letter-spacing: 25px;}
.ourBusiness02_cont_box .mobile_ourbusiness {display: none;}

.ourBusiness02_cont_box table {width: 100%; text-align: center; background: #fff; border: 0; border-spacing: 0; border-top: 2px solid #282828; border-bottom: 1px solid #282828;}
.ourBusiness02_cont_box tr th {border-bottom: 1px solid #282828; border-left: 1px solid #d7d7d7; padding: 15px 0;}
.ourBusiness02_cont_box tr th:first-child {border-left: 0;}
.ourBusiness02_cont_box tr td {border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.ourBusiness02_cont_box tr td:first-child {border-left: 0;}
.ourBusiness02_cont_box tbody tr:first-child td {border-top: 0;}
.ourBusiness02_cont_box th {font-size: 17px; font-weight: bold; color: #282828; font-family: 'Daum', sans-serif;}
.ourBusiness02_cont_box td.tr01 {width: 278px;}
.ourBusiness02_cont_box td.tr02 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 15px;}
.ourBusiness02_cont_box td.tr02 span {font-weight: normal;}
.ourBusiness02_cont_box td.tr03 {font-family: 'Daum', sans-serif; font-size: 15px; color: #7d7d7d; line-height: 18px;}
.ourBusiness02_cont_box td.tr03.fz11 {font-size: 11px;}
.ourBusiness02_cont_box td.tr04 {font-size: 15px; width: 18%;}
.ourBusiness02_cont_box td.tr04 a {padding: 7px 15px; background: #c0c0c0; color: #fff; transition: .35s all ease;}
.ourBusiness02_cont_box td.tr04 a:hover {background: #282828;}
.ourBusiness02_cont_box td.tr04 a span {padding-right: 7px;}


/* 제품소식 */
.ourBusiness03_contents {padding-top: 100px; padding-bottom: 200px;}
.ourBusiness03_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.ourBusiness03_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}

.ourBusiness03_noticeBoard ul {border-top: 2px solid #282828; border-bottom: 1px solid #282828;}
.ourBusiness03_noticeBoard li {padding: 35px 20px; border-top: 1px solid #d7d7d7;}
.ourBusiness03_noticeBoard li:first-child {border-top: 0;}
.ourBusiness03_noticeBoard li > span {float: left;}
.ourBusiness03_noticeBoard li span.num {font-family: 'Daum', sans-serif; width: 13%; font-size: 20px; color: #7d7d7d; position: relative;}
.ourBusiness03_noticeBoard li span.num::before {content: ''; position: absolute; top: 15px; right: 20px; height: 1px; width: 60px; background: #282828;}
.ourBusiness03_noticeBoard li span.notice {font-size: 20px; color: #282828; line-height: 30px;}
.ourBusiness03_noticeBoard li span.more {font-family: 'Daum', sans-serif; font-size: 20px; color: #282828; float: right; display: inline-block; border: 1px solid #282828; margin-top: 27px;}
.ourBusiness03_noticeBoard li span.more a {padding: 7px 27px; display: block; background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10; position: relative;}
.ourBusiness03_noticeBoard li span.more a:hover {color: #fff;}
.ourBusiness03_noticeBoard li span.more a:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #282828; z-index: -1;}
.ourBusiness03_noticeBoard li span.more a:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

.ourBusiness03_noticeBoard li span.data {font-size: 15px; color: #7d7d7d;}

.ourBusiness03_noticeBoard .search {text-align: center; display: block;}
.ourBusiness03_noticeBoard .search .search_box {width: 50%; position: relative;}
.ourBusiness03_noticeBoard .search .search_box a {position: absolute; right: 10px; top: 0; font-size: 20px; font-weight: lighter; transform: rotate(90deg);}
.ourBusiness03_noticeBoard input {border: 0; border-bottom: 1px solid #282828; margin-bottom: 70px; width: 50%; font-size: 20px; padding: 20px;}
.ourBusiness03_noticeBoard input:-ms-input-placeholder {color: #d7d7d7;}
.ourBusiness03_noticeBoard input::-webkit-input-placeholder {color: #d7d7d7;}


.noticeBoard_navigation {text-align: center; margin-top: 50px;}
.btn-group {position: relative; display: inline-block; vertical-align: middle;}
.btn-group>.btn:first-child {margin-left: 0;}
.btn-group>.btn:last-child {margin-right: 0;}
.btn-group-vertical>.btn, .btn-group>.btn {position: relative; float: left;}
.btn {padding: 6px 12px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background: white; border: 0;}
.btn-white {background: white; border: 1px solid #d7d7d7; color: #d7d7d7; margin: 0 10px;}
.btn.active {color: #d0112b;}

/* 제품소식 게시판내용 */
.ourBusiness03-1_contents {padding-top: 100px; padding-bottom: 200px;}
.ourBusiness03-1_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.ourBusiness03-1_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.ourBusiness03-1_contents h4 {padding-left: 20px; font-size: 24px; color: #282828; position: relative; padding-bottom: 25px;}
.ourBusiness03-1_contents h4 span {font-size: 20px; color: #7d7d7d; vertical-align: top; padding-right: 80px;}
.ourBusiness03-1_contents h4::before {content: ''; position: absolute; top: 10px; left: 55px; width: 60px; height: 1px; background: #7d7d7d;}
.ourBusiness03_notice_cont_top {text-align: right; padding: 15px 0; border-top: 2px solid #282828; border-bottom: 1px solid #7d7d7d;}
.ourBusiness03_notice_cont_top li {display: inline-block; font-size: 16px; color: #7d7d7d; padding-right: 25px; padding-left: 5px;}
.ourBusiness03_notice_cont_top li span {color: #282828; padding-right: 10px;}
.ourBusiness03_notice_cont {padding: 70px 20px; font-size: 16px; color: #7d7d7d; line-height: 32px; border-bottom: 1px solid #282828;}
.ourBusiness03_back_btn {text-align: center; padding-top: 35px;}
.ourBusiness03_back_btn a {display: inline-block; padding: 12px 27px; background: #282828; color: #fff; font-size: 16px;}

/* CDMO */
.ourBusiness04_contents {padding-top: 100px; padding-bottom: 110px;}
.ourBusiness04_contents h3 {font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.ourBusiness04_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.ourBusiness04_contents h4 {font-size: 40px; text-align: center; line-height: 52px; position: relative; color: #d0112b; position: relative; margin-left: -150px;}
.ourBusiness04_contents h4 > span {padding-left: 245px;}
.ourBusiness04_contents P {text-align: center; font-family: 'Daum', sans-serif; font-size: 18px; line-height: 36px; padding-top: 55px; padding-bottom: 160px;}
.ourBusiness04_cont_box {padding-bottom: 90px;}
.ourBusiness04_cont_box h5 {font-size: 65px; font-weight: 200; color: #cecece; text-transform: uppercase; padding-top: 80px; letter-spacing: 20px;}

.ourBusiness04_sub_box {position: relative; margin-top: -17px;}
.ourBusiness04_cont_box02 h5 {text-align: right;}
.ourBusiness04_cont_box04 h5 {text-align: right;}

.ourBusiness04_cont_box.ourBusiness04_cont_box03 h5 {padding-top: 55px;}
.ourBusiness04_cont_box .ourBusiness04_sub_box.right {padding-left: 400px;}
.ourBusiness04_cont_box .ourBusiness04_sub_box > ul {padding-top: 100px;}
.ourBusiness04_cont_box .ourBusiness04_sub_box > ul > li {font-size: 18px; color: #282828; padding-bottom: 35px; position: relative; line-height: 32px;}
.ourBusiness04_cont_box .ourBusiness04_sub_box > ul > li::before {position: absolute; content: ''; left: -60px; top: 12px; width: 40px; height: 1px; background: #282828;}
.ourBusiness04_cont_box .ourBusiness04_sub_box li ul li {font-size: 18px; padding-bottom: 15px; padding-top: 15px; color: #7d7d7d;}


/* pr_banner */
.pr_banner {background: url(/img/pr_banner.jpg) no-repeat; background-size: cover; height: 500px; color: #fff; position: relative; animation: banner 1s both ease; overflow: hidden; transform: scale(1.1);}
@keyframes banner {
 0% {transform: scale(1.1);}
 100% {transform: scale(1);}
}
@keyframes opacity {
 0% {opacity: 0; padding-bottom: 40px;}
 100% {opacity: 1; padding-bottom: 30px;}
}
.pr_banner::before {position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.pr_banner h2 {font-size: 45px; padding-bottom: 30px; padding-top: 245px; font-weight: bold; position: relative; z-index: 10; animation: opacity .7s .7s both ease;}
.pr_banner p {font-size: 20px; font-weight: 500; position: relative; z-index: 10; line-height: 28px; animation: opacity .7s .7s both ease;}

/* 보도자료 */
.pr01_contents {padding-top: 100px; padding-bottom: 200px;}
.pr01_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.pr01_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}

.pr01_noticeBoard {}
.pr01_noticeBoard ul {border-top: 2px solid #282828; border-bottom: 1px solid #282828;}
.pr01_noticeBoard li {padding: 35px 20px; border-top: 1px solid #d7d7d7;}
.pr01_noticeBoard li:first-child {border-top: 0;}
.pr01_noticeBoard li > span {float: left;}
.pr01_noticeBoard li span.num {font-family: 'Daum', sans-serif; width: 13%; font-size: 20px; color: #7d7d7d; position: relative;}
.pr01_noticeBoard li span.num::before {content: ''; position: absolute; top: 15px; right: 20px; height: 1px; width: 60px; background: #282828;}
.pr01_noticeBoard li span.notice {font-size: 20px; color: #282828; line-height: 30px;}
.pr01_noticeBoard li span.more {font-family: 'Daum', sans-serif; font-size: 20px; color: #282828; float: right; display: inline-block; border: 1px solid #282828; margin-top: 27px;}
.pr01_noticeBoard li span.more a {padding: 7px 27px; display: block; overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10; position: relative;}
.pr01_noticeBoard li span.more a:hover {color: #fff;}
.pr01_noticeBoard li span.more a:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #282828; z-index: -1;}
.pr01_noticeBoard li span.more a:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

.pr01_noticeBoard li span.data {font-size: 15px; color: #7d7d7d;}

.pr01_noticeBoard .search {text-align: center; display: block;}
.pr01_noticeBoard .search .search_box {width: 50%; position: relative;}
.pr01_noticeBoard .search .search_box a {position: absolute; right: 10px; top: 0; font-size: 20px; font-weight: lighter; transform: rotate(90deg);}
.pr01_noticeBoard input {border: 0; border-bottom: 1px solid #282828; margin-bottom: 70px; width: 50%; font-size: 20px; padding: 20px;}
.pr01_noticeBoard input:-ms-input-placeholder {color: #d7d7d7;}
.pr01_noticeBoard input::-webkit-input-placeholder {color: #d7d7d7;}


/* 제품소식 게시판내용 */
.pr01-1_contents {padding-top: 100px; padding-bottom: 200px;}
.pr01-1_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.pr01-1_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.pr01-1_contents h4 {padding-left: 20px; font-size: 24px; color: #282828; position: relative; padding-bottom: 25px;}
.pr01-1_contents h4 span {font-size: 20px; color: #7d7d7d; vertical-align: top; padding-right: 80px;}
/*
.pr01-1_contents h4::before {content: ''; position: absolute; top: 10px; left: 55px; width: 60px; height: 1px; background: #7d7d7d;}
*/
.pr01_notice_cont_top {text-align: right; padding: 15px 0; border-top: 2px solid #282828; border-bottom: 1px solid #7d7d7d;}
.pr01_notice_cont_top li {display: inline-block; font-size: 15px; color: #7d7d7d; padding-right: 25px; padding-left: 5px;}
.pr01_notice_cont_top li span {color: #282828; padding-right: 10px;}
.pr01_notice_cont {padding: 70px 20px; font-size: 15px; color: #7d7d7d; line-height: 32px; border-bottom: 1px solid #282828;}
.pr01_back_btn {text-align: center; padding-top: 35px;}
.pr01_back_btn a {display: inline-block; padding: 12px 27px; background: #282828; color: #fff; font-size: 16px;}


/* 홍보영상 */
.pr01_video01 {text-align: center; position: relative; font-family: 'Daum', sans-serif;}
.pr01_video01 h4 {text-align: right; font-size: 24px; color: #282828; padding-bottom: 20px; position: relative;}
.pr01_video01 h4 span {color: #7d7d7d; padding-left: 109px; padding-right: 65px;}
.pr01_video01 h4::before {position: absolute; right: 110px; top: 13px; width: 60px; height: 1px; background: #7d7d7d; content: '';}
.pr01_video01 .pr01_box {width: 239px; height: 555px; border: 1px solid #282828; position: absolute; left: 150px; top: 0; z-index: -1;}

.pr01_video02 {text-align: center; position: relative; font-family: 'Daum', sans-serif; margin-top: 170px;}
.pr01_video02 h4 {text-align: left; font-size: 24px; color: #282828; padding-bottom: 20px; position: relative;}
.pr01_video02 h4 span {color: #7d7d7d; padding-right: 109px; padding-left: 65px;}
.pr01_video02 h4::before {position: absolute; left: 110px; top: 13px; width: 60px; height: 1px; background: #7d7d7d; content: '';}
.pr01_video02 .pr01_box {width: 239px; height: 555px; border: 1px solid #282828; position: absolute; right: 150px; top: 0; z-index: -1;}


/* cs_banner */
.cs_banner {background: url(/img/cs_banner.jpg) no-repeat; background-size: cover; height: 500px; color: #fff; position: relative; animation: banner 1s both ease; overflow: hidden; transform: scale(1.1);}
@keyframes banner {
 0% {transform: scale(1.1);}
 100% {transform: scale(1);}
}
@keyframes opacity {
 0% {opacity: 0; padding-bottom: 40px;}
 100% {opacity: 1; padding-bottom: 30px;}
}
.cs_banner h2 {font-size: 45px; padding-bottom: 30px; padding-top: 245px; font-weight: bold; position: relative; z-index: 10; animation: opacity .7s .7s both ease;}
.cs_banner p {font-size: 20px; font-weight: 500; position: relative; z-index: 10; line-height: 28px; animation: opacity .7s .7s both ease;}


/*고객센터*/
.cs01_contents {padding-top: 100px; padding-bottom: 200px;}
.cs01_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.cs01_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.cs01_contents p {text-align: center; font-size: 35px; font-family: 'Daum', sans-serif; position: relative;}
/*
.cs01_contents p:before {position: absolute; content: ''; right: 183px; bottom: 24px; width: 100px; height: 2px; background: #282828;}
*/

.cs01_box {width: 32.3333%; padding-left: 1%; float: left; font-family: sans-serif; margin-top: 130px; margin-bottom: 200px;}
.cs01_box > span {font-size: 25px; color: #fff; line-height: 328px; text-align: center;}
.cs01_box01 > span {background: url(/img/cs_bg01.jpg) no-repeat; height: 328px; display: block; background-size: cover;}
.cs01_box02 > span {background: url(/img/cs_bg02.jpg) no-repeat; height: 328px; display: block; background-size: cover;}
.cs01_box03 > span {background: url(/img/cs_bg03.jpg) no-repeat; height: 328px; display: block; background-size: cover;}
.cs01_box ul {color: #fff; background: #282828; height: 140px; padding-left: 35px; padding-top: 20px; font-size: 15px; font-weight: 300; box-sizing: border-box;}
.cs01_box ul li {padding-bottom: 20px; position: relative;}
/*
.cs01_box ul li:before {position: absolute; content: ''; left: -17px; top: 8px; height: 2px; width: 10px; transform: rotate(-45deg); background: #fff;}
*/
.cs01_box ul li > span {color: #838383;}


/*윤리경영 상담제보*/
.cs02_contents {padding-top: 100px; padding-bottom: 200px;}
.cs02_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.cs02_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.cs02_contents p {text-align: center; font-size: 35px; font-family: 'Daum', sans-serif; position: relative;}
/*
.cs02_contents p:before {position: absolute; content: ''; right: 12px; bottom: 24px; width: 100px; height: 2px; background: #282828;}
*/
.cs02_contents .cs_txt {font-size: 21px; text-align: center; color: #7d7d7d; width: 100%; display: inline-block; padding-top: 45px; padding-bottom: 70px; line-height: 37px;}

.cs02_cont {background: url(/img/cs02_bg.jpg) no-repeat top; background-size: 100%; margin: 0 100px; font-family: 'Daum', sans-serif;}
.cs02_cont .sub_container {background: #fff;}
.cs02_cont h4 {text-align: center; padding: 50px 0; font-size: 35px; font-weight: bold;}
.cs02_cont .cs_circle {text-align: center; padding: 30px 0;}
.cs02_cont .cs_circle li {display: inline-block; text-align: center; margin: 0 23px; width: 120px; height: 120px; border: 1px solid #d0112b; border-radius: 50%; font-weight: bold; font-size: 18px; color: #d0112b; line-height: 145px; position: relative;}
.cs02_cont .cs_circle li:before {position: absolute; content: ''; left: -25px; top: 25px; width: 1px; height: 70px; background: #d4d4d4;}
.cs02_cont .cs_circle li:first-child:before {display: none;}
.cs02_cont .cs_circle li > span {display: inline-block; line-height: 24px;}
.cs02_cont .cs02_txt01 {padding-top: 75px; font-size: 17px; color: #282828; text-align: center; display: inline-block; width: 100%;}
.cs02_cont .cs02_txt02 {padding-bottom: 55px; font-size: 17px; color: #282828; text-align: center; display: inline-block; width: 100%;}

.cs02_cont .cs02_blck_box {background: #282828; padding-top: 50px; padding-left: 90px;}
.cs02_cont .cs02_blck_box li {color: #fff; font-size: 16px; font-weight: 300; padding-bottom: 10px; position: relative;}
.cs02_cont .cs02_blck_box li:before {position: absolute; content: ''; left: -17px; top: 8px; height: 2px; width: 10px; transform: rotate(-45deg); background: #fff;}
.cs02_box ul li > span {color: #fff;}
.cs02_cont .cs02_blck_box li.cs_link:before {display: none;}
.cs02_cont .cs02_blck_box li span {color: #838383; padding-right: 5px; font-weight: normal;}
.cs02_cont .cs02_blck_box li.cs_link a {padding: 7px 20px; border: 1px solid #fff; color: #fff; margin-top: 25px; margin-bottom: 35px; display: inline-block; overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); z-index: 10; position: relative;}
.cs02_cont .cs02_blck_box li.cs_link a:hover {color: #282828;}
.cs02_cont .cs02_blck_box li.cs_link a:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden; background: #fff; z-index: -1;}
.cs02_cont .cs02_blck_box li.cs_link a:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

/* careers_banner */
.careers_banner {background: url(/img/careers_banner.jpg) no-repeat; background-size: cover; height: 500px; color: #fff; position: relative; animation: banner 1s both ease; overflow: hidden; transform: scale(1.1);}
@keyframes banner {
 0% {transform: scale(1.1);}
 100% {transform: scale(1);}
}
@keyframes opacity {
 0% {opacity: 0; padding-bottom: 40px;}
 100% {opacity: 1; padding-bottom: 30px;}
}
.careers_banner h2 {font-size: 45px; padding-bottom: 30px; padding-top: 245px; font-weight: bold; position: relative; z-index: 10; animation: opacity .7s .7s both ease;}
.careers_banner p {font-size: 20px; font-weight: 500; position: relative; z-index: 10; line-height: 28px; animation: opacity .7s .7s both ease;}

/*인재상*/
.careers01_contents {padding-top: 100px; padding-bottom: 200px;}
.careers01_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.careers01_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.careers01_contents p {text-align: center; font-size: 35px; font-family: 'Daum', sans-serif; position: relative;}
/*
.careers01_contents p:before {position: absolute; content: ''; right: 107px; bottom: 24px; width: 100px; height: 2px; background: #282828;}
*/
.careers01_contents .careers01_txt {font-size: 21px; text-align: center; color: #7d7d7d; width: 100%; display: inline-block; padding-top: 45px; padding-bottom: 70px; line-height: 37px;}

.careers01_cont {background: url(/img/careers01_bg.jpg) no-repeat top; background-size: auto 500px; font-family: 'Daum', sans-serif;}
.careers01_cont .careers_circle {text-align: center; display: inline-block; width: 100%; padding-top: 139px; padding-bottom: 139px; margin-bottom: 125px;}
.careers01_cont .careers_circle li {display: inline-block; text-align: center; display: inline-block; font-size: 20px; color: #fff; font-weight: bold; width: 140px; height: 140px; border: 1px solid rgba(255,255,255,0.9); border-radius: 50%; line-height: 140px; position: relative;}
.careers01_cont .careers_circle li.big_circle {color: #d0112b; font-size: 25px; width: 220px; height: 220px; background: rgba(255,255,255,0.9); line-height: 220px; margin: 0 75px;}
.careers01_cont .careers_circle li.big_circle span {line-height: 34px; display: inline-block; vertical-align: middle; position: relative;}
.careers01_cont .careers_circle li.big_circle span:before {position: absolute; top: 33px; right: -127px; width: 78px; height: 1px; background: #fff; content: '';}
.careers01_cont .careers_circle li.big_circle span:after {position: absolute; top: 33px; left: -126px; width: 78px; height: 1px; background: #fff; content: '';}

.careers01_cont .careers_circle li .white_line {position: absolute; left: 50%; bottom: -175px;}
.careers01_cont .careers_circle li .black_line {position: absolute; left: 50%; bottom: -305px;}

.careers01_left_box {float: left;}
.careers01_right_box {float: right;}
.careers01_box {width: 49%; height: 590px; box-sizing: border-box; border: 1px solid #282828; padding-top: 55px; padding-left: 65px; font-size: 16px; color: #7d7d7d; font-weight: 300;}
.careers01_box dt {color: #282828; font-weight: bold; font-size: 18px; position: relative;}
.careers01_box dt.careers01_tit {display: none;}
.careers01_box dt:before {position: absolute; content: ''; left: -17px; top: 8px; height: 2px; width: 10px; transform: rotate(-45deg); background: #282828;}
.careers01_box dd {padding-bottom: 35px; line-height: 30px;}

/*채용정보*/
.careers02_contents {padding-top: 100px; padding-bottom: 200px;}
.careers02_contents h3 {font-family: 'Daum', sans-serif; font-weight: bold; font-size: 36px; position: relative; padding-bottom: 130px;}
.careers02_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
.careers02_contents p {text-align: center; font-size: 35px; font-family: 'Daum', sans-serif; position: relative; margin-bottom: 130px;}
/*
.careers02_contents p:before {position: absolute; content: ''; right: 61px; bottom: 24px; width: 100px; height: 2px; background: #282828;}
*/

.careers02_txt_box {font-family: 'Daum', sans-serif; margin-left: 240px; width: 760px; border: 1px solid #282828; height: 470px; box-sizing: border-box; padding-top: 65px; padding-left: 70px;}
.careers02_txt_box span {display: inline-block;}
.careers02_txt_box .careers02_subtit {color: #d0112b; font-size: 26px; padding-bottom: 40px;}
.careers02_txt_box .careers02_subtxt {color: #7d7d7d; font-size: 17px; padding-bottom: 40px;}
.careers02_txt_box .careers02_sublink {display: block;}
.careers02_txt_box .careers02_sublink a {font-size: 13px; color: #fff; padding: 5px 17px; background: #282828;}

.careers02_contents .careers02_img {position: relative; margin-top: -100px; display: inline-block;}


/* 미디어쿼리 */
@media (max-width: 1300px) {
	.menu_container {padding-left: 130px;}
	.menu_container_bg {position: absolute;top: 90px;left: 0;right: 130px;bottom: 0;background: rgba(255,255,255,0.9);opacity: 1;}
}
@media (max-width: 1050px) {
	#main_footer {background: #414141; display: none;}
	#maine_m_footer {background: #414141; display: block;}
	.mobile_logo {display: block;}
	.side_menu {display: block;}
	.icon {display: block;}

	.bxSlider li .bx_txt {text-align: center; font-size: 73px; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}
	.bxSlider li .bx_txt span {font-size: 32px;}
	.bxSlider li.one {background: url(/img/m-main-visual-01.jpg) no-repeat right center; background-size: cover;}
	.bxSlider li.two {background: url(/img/m-main-visual-02.jpg) no-repeat right center; background-size: cover;}
	.bxSlider li.three {background: url(/img/m-main-visual-03.jpg) no-repeat right center; background-size: cover;}
	.scroll_down {display: none;}

	/* #main_scroll_container {padding-bottom: 200px;} */
	div.page {display: none;}
	.main-star_mobile {position: relative; display: block !important;}
	.main-star_mobile .title img {width: 100%;}
	.main-star_mobile .title {padding: 0 68px;}
	.main-star_mobile .box span {display: inline-block; width: 300px; height: 770px; position: absolute; top: -70px; left: 0; z-index: -1; background: #d0112b url(/img/r&d.png) 0% 100% no-repeat;}
	.main-star_mobile .box .content {padding: 130px 68px 0 68px; overflow: hidden;}
	.main-star_mobile .box .content h3 {font-size: 58px; font-weight: bold; color: #d0112b; padding-bottom: 40px; position: relative;}
	.main-star_mobile .box .content h3::before {position: absolute; content: ''; width: 420px; height: 4px; background: #d0112b; left: -80px; bottom: 0;}
	.main-star_mobile .box .content p {font-size: 30px; padding-top: 40px; line-height: 42px;}
	.main-star_mobile .box .content .more {width: 185px; height: 60px; line-height: 60px; text-align: center; color: #d0112b; display: inline-block; border: 1px solid #d0112b; font-size: 25px; margin-top: 35px;}

	.main-starx_mobile {position: relative; margin-top: 160px; margin-bottom: 100px; display: block !important;}
	.main-starx_mobile .title img {width: 100%;}
	.main-starx_mobile .title {padding: 0 68px;}
	.main-starx_mobile .box span {display: inline-block; width: 300px; height: 770px; position: absolute; top: -70px; left: 0; z-index: -1; background: #d0112b url(/img/r&d.png) 0% 100% no-repeat;}
	.main-starx_mobile .box .content {padding: 130px 68px 0 68px; overflow: hidden;}
	.main-starx_mobile .box .content h3 {font-size: 58px; font-weight: bold; color: #d0112b; padding-bottom: 40px; position: relative;}
	.main-starx_mobile .box .content h3::before {position: absolute; content: ''; width: 420px; height: 4px; background: #d0112b; left: -80px; bottom: 0;}
	.main-starx_mobile .box .content p {font-size: 30px; padding-top: 40px; line-height: 42px;}
	.main-starx_mobile .box .content .more {width: 185px; height: 60px; line-height: 60px; text-align: center; color: #d0112b; display: inline-block; border: 1px solid #d0112b; font-size: 25px; margin-top: 35px;}


	.main-pay_mobile {position: relative; margin-top: 160px; display: block !important;}
	.main-pay_mobile .title img {width: 100%;}
	.main-pay_mobile .title {padding: 0 68px;}
	.main-pay_mobile .box span {display: inline-block; width: 300px; height: 770px; position: absolute; top: -70px; right: 0; z-index: -1; background: #d0112b url(/img/production.png) 100% 0% no-repeat;}
	.main-pay_mobile .box .content {padding: 130px 68px 0 68px; text-align: right; overflow: hidden;}
	.main-pay_mobile .box .content h3 {font-size: 58px; font-weight: bold; color: #d0112b; padding-bottom: 40px; position: relative; text-align: right;}
	.main-pay_mobile .box .content h3::before {position: absolute; content: ''; width: 420px; height: 4px; background: #d0112b; right: -80px; bottom: 0;}
	.main-pay_mobile .box .content p {font-size: 30px; padding-top: 40px; line-height: 42px; text-align: right;}
	.main-pay_mobile .box .content .more {width: 185px; height: 60px; line-height: 60px; text-align: center; color: #d0112b; display: inline-block; border: 1px solid #d0112b; font-size: 25px; margin-top: 35px;}

	#main-our {display: none;}
	.main-our_mobile > div.box {display: none;}
	.main-our_mobile > div.box.block {display: block;}
	.main-our_mobile {padding-top: 80px; display: block !important;}
	.main-our_mobile .title img {width: 100%;}
	.main-our_mobile .content {padding: 0 68px 180px 68px; overflow: hidden;}
	.main-our_mobile .content h3 {font-size: 58px; font-weight: bold; color: #d0112b; padding: 70px 0 40px 0; position: relative;}
/*
	.main-our_mobile .content h3::before {position: absolute; content: ''; width: 420px; height: 4px; background: #d0112b; left: -80px; bottom: 0;}
*/
	.main-our_mobile .content .desc {padding-top: 65px; padding-bottom: 65px;}
	.main-our_mobile .content .desc li {display: inline-block; padding-right: 60px; padding-left: 25px;}
	.main-our_mobile .content .desc li a.active {color: #d0112b;}
	.main-our_mobile .content .desc li a {font-size: 32px; color: #282828; position: relative;}
/*
	.main-our_mobile .content .desc li a::before {position: absolute; content: ''; left: -25px; top: 14px; height: 3px; width: 17px; transform: rotate(-45deg); background: #282828;}
*/
	.main-our_mobile .content .desc li a.active::before {background: #d0112b;}
	.main-our_mobile .content .more {width: 185px; height: 60px; line-height: 60px; text-align: center; color: #d0112b; display: inline-block; border: 1px solid #d0112b; font-size: 25px; margin-top: 35px;}

	/* 서브페이지 */
	.breadcrumb {display: none;}
	#header {display: none;}
	.sub_container {width: 100%;}
	.container {width: 100%;}
	.row {padding: 0 48px;}

	.mobile_img {display: block !important;}
	.mobile_img img {width: 100%;}
	.pc_img {display: none !important;}
	.mobile_br {display: block !important;}
 	.pc_br {display: none !important;}


	/* 푸터 */
	.footer .footer_top {padding: 60px 0 0 0;}
	.footer .footer_top .footer_logo {display: none;}
	.footer .footer_top .footer_mark {display: none;}
	.footer .footer_top .mfooter_logo {margin: 0 auto; text-align: center; display: inline-block; width: 100%;}
	.footer .footer_top	.footer_right {display: none;}
	.footer .footer_bottom {font-size: 22px; padding: 35px 0 75px 0; border-top: 0; text-align: center;}
	.footer .footer_bottom li {padding-left: 0px; padding-bottom: 5px; font-family: sans-serif;}

	/* 어바웃 */
	.about_banner h2 {font-size: 60px; padding-bottom: 35px; padding-top: 180px;}
	.about_banner p {font-size: 25px; line-height: 47px;}

	/* 인삿말 */
	.about01_contents {padding-top: 80px; padding-bottom: 160px;}
	.about01_contents h3 {padding-bottom: 125px;}
	.about01_contents .ceo_img {display: block;}
	.about01_contents .ceo_img img {width: 100%;}
	.about01_cont01 {background: none;}
	.about01_cont01 p {font-size: 28px; line-height: 62px; padding-bottom: 0px;}
	.about01_cont01 p br {display: none;}
	.about01_cont02 {padding-top: 0px; margin: 0; margin-top: 400px; background: url(/img/about01_bg02.jpg) no-repeat top left; background-size: auto 1100px;}
	.about01_cont02 .about01_cont02_img {float: none; width: 75%; margin: 0 auto;}
	.about01_cont02 .about01_cont02_img img {width: 100%; position: relative; margin-top: -400px;}
	.about01_cont02 .about01_cont02_txt {float: none; width: 100%; font-size: 24px; line-height: 42px; text-align: justify; padding: 80px 0px 0 0px;}
	.about01_cont02_txt02 {padding-top: 240px; width: 50%; font-size: 25px; line-height: 42px;}
	.about01_cont02_txt02 br {display: none;}
	.about01_cont02_img02 {padding-top: 65px; width: 50%; text-align: right; padding-right: 0;}
	.about01_cont02_img02 img {width: 80%;}

	/* 회사연혁 */
	.about02_contents {padding-top: 80px; overflow: hidden;}
	.about02_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.about02_cont_left {padding-bottom: 100px;}
	.about02_cont_left h4 {font-size: 90px; margin-top: -240px;}
	.about02_cont_left h4 br {display: block;}
	.about02_cont_right h4 br {display: block;}
	.about02_cont_left h4 span {left: 85px; bottom: -10px;}
	.about02_cont_left .about02_cont_box {padding-top: 65px; padding-left: 0px; margin-left: 85px; margin-top: 10px;}
	.about02_cont_left .about02_cont_box .about_year {font-size: 35px; float: none; padding-top: 0px;}
	.about02_cont_left .about02_cont_box ul {float: none; font-size: 24px; padding-left: 0px; width: 100%; padding-bottom: 65px;}
	.about02_cont_left .about02_cont_box li {padding: 7px;}
	/*
	.about02_cont_left .about02_cont_box li.point::before {position: absolute; content: ''; left: -17px; top: 18px; height: 2px; width: 10px; transform: rotate(-45deg); background: #282828;}
	*/
	.about02_cont_right {text-align: right; padding-bottom: 120px;}
	.about02_cont_right h4 {font-size: 90px; color: #eceaea; margin-top: -240px;}
	.about02_cont_right h4 span {right: 85px; bottom: -10px;}
	.about02_cont_right .about02_cont_box {padding-top: 65px; padding-right: 0px; margin-right: 85px; margin-top: 10px;}
	.about02_cont_right .about02_cont_box .about_year {font-size: 35px; float: none; padding-top: 0px;}
	.about02_cont_right .about02_cont_box ul {float: right; font-size: 24px; padding-right: 0px; width: 100%; padding-bottom: 65px;}
	.about02_cont_right .about02_cont_box li {padding: 7px;}
/*
	.about02_cont_right .about02_cont_box li.point::before {position: absolute; content: ''; right: -17px; top: 18px; height: 2px; width: 10px; transform: rotate(-45deg); background: #282828;}
*/
	.about02_img03 {margin-bottom: 120px;}
	.about02_img03 img {width: 100%;}

	/*사업장안내*/
	.about03_contents {padding-top: 80px; padding-bottom: 160px;}
	.about03_contents h3 {font-size: 36px; padding-bottom: 20px;}
	.about03_contents .about03_mbg {display: block;}
	.about03_contents .about03_mbg img {width: 100%;}
	.about03_cont {background: none;}
	.about03_cont .about03_box {padding-left: 0px;}
	.about03_cont .about03_box img {width: 100%;}
	.about03_cont .about03_box01 {padding-top: 50px;}
	.about03_cont .about03_box02 {padding-top: 100px;}
	.about03_cont .about03_box03 {padding-top: 100px;}
	.about03_cont .about03_box h4 {font-size: 30px; padding-top: 40px; padding-bottom: 30px;}
	.about03_cont .about03_box li {font-size: 25px; padding-bottom: 14px; margin-left: 19px;}
	.about03_cont .about03_box .about03_btn a {padding: 17px 25px 17px 30px; margin-top: 17px; font-size: 25px;}

	/* 관계사 */
	.about04_contents {padding-top: 80px;}
	.about04_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.about04_cont01 .about04_cont01_bg {margin: 0 45px;}
	.about04_cont01 .about04_cont01_bg img {width: 100%;}
	.about04_cont01 .about04_box {height: 150px; margin-top: -100px;}
	.about04_cont01 .about04_cont_tit {font-size: 70px;}
	.about04_cont01 p {font-size: 24px; margin: 0 0px 30px 0px; line-height: 38px; padding-bottom: 30px;}
	.about04_cont01 .address {float: none; margin-left: 0px;}
	.about04_cont01 .address li {font-size: 24px; padding-bottom: 30px; margin-left: 17px;}
	.about04_cont01 .address li::before {position: absolute; content: ''; left: -17px; top: 12px; height: 2px; width: 10px; transform: rotate(-45deg); background: #282828;}
	.about04_cont01 .about04_link {float: none; margin-right: 0px; padding-bottom: 140px; display: inline-block;}
	.about04_cont01 .about04_link a {font-size: 25px; padding: 14px 30px; display: inline-block;}

	/* Core competency 배너 */
	.core_competency_banner {height: 500px; background: url(/img/mcore_competency_banner.jpg) no-repeat center center; background-size: cover;}
	.core_competency_banner h2 {font-size: 60px; padding-bottom: 35px; padding-top: 180px;}
	.core_competency_banner p {font-size: 25px; line-height: 47px;}
	.core_competency_banner p .mbr {display: block;}

	/* Platform technology */
	.coreCompetency01_contents {padding-top: 80px; padding-bottom: 160px;}
	.coreCompetency01_contents .row {overflow: hidden;}
	.coreCompetency01_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.coreCompetency01_contents .coreCompetency_tit {padding-bottom: 130px; font-size: 50px;}
	.platform_left_txt {float: none; width: 100%; font-family: 'Daum'}
	.platform_left_txt h4 {font-size: 40px; padding-bottom: 50px; padding-top: 60px;}
	.platform_left_txt h4::before {width: 1350px; right: auto; top: 78px; left: 260px;}
	.platform_left_txt li {font-size: 24px; line-height: 42px; padding-right: 0px;}
	.platform_left_txt li:first-child {padding-bottom: 55px;}
	.platform_right_img {float: none; width: 100%;}
	.platform_right_img > img {display: none;}
	.platform_right_img .mcoreCompetency01 img {width: 100%;}
	.platform_right_img .mcoreCompetency01 {display: block;}
	.cont_box02 {padding-top: 100px;}
	.platform_left_img {float: none; width: 100%;}
	.platform_left_img > img {display: none;}
	.platform_left_img .mcoreCompetency02 img {width: 100%;}
	.platform_left_img .mcoreCompetency02 {display: block;}
	.platform_right_txt {float: none; width: 100%;}
	.platform_right_txt h4 {font-size: 40px; padding-bottom: 50px; padding-top: 60px; text-align: left;}
	.platform_right_txt h4::before {width: 1350px; right: auto; top: 78px; left: 260px;}
	.platform_right_txt li {font-size: 24px; line-height: 42px; padding-left: 0px;}
	.platform_right_txt li:first-child {padding-bottom: 55px;}
	.cont_box03 {padding-top: 120px; background: url(/img/coreCompetency_bg.jpg) no-repeat top center; background-size: auto 760px; margin: 120px 0 0 0; padding-top: 200px;}
	.cont_box03 h4 {font-size: 60px; padding-bottom: 180px; letter-spacing: 30px;}
	.cont_sub_box {background: #fff; padding: 75px 65px 0 60px;}
	.cont_sub_box h5 {font-size: 35px; padding-bottom: 13px;}
	.cont_sub_box li {font-size: 25px; margin-top: 40px;}
	.cont_sub_box li::before {top: 12px;}

	/* Pipeline */
	.coreCompetency02_contents {padding-top: 80px; padding-bottom: 0px;}
	.coreCompetency02_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.coreCompetency02_contents .coreCompetency_tit {padding-bottom: 130px; font-size: 50px;}
	.coreCompetency02_cont01 {font-size: 26px; background-size: 50%;}
	.coreCompetency02_cont01 p {line-height: 54px; padding-bottom: 170px;}
	.coreCompetency02_cont02 {background: url(/img/coreCompetency02_bg02.jpg) no-repeat top; background-size: cover; margin: 0;}

	.coreCompetency02_cont02 .row {padding: 0; margin-bottom: 160px;}
	.coreCompetency02_cont02 .pc_table {display: none;}
	.coreCompetency02_cont02 .mobile_table {display: block;}


	/* Manufacturing technology */
	.coreCompetency03_contents {padding-top: 80px; padding-bottom: 160px;}
	.coreCompetency03_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.coreCompetency03_contents .coreCompetency_tit {padding-bottom: 120px; font-size: 50px;}
	.coreCompetency03_cont01 {font-size: 26px; color: #282828;}
	.coreCompetency03_cont01 p {line-height: 54px; padding-bottom: 230px;}
	.coreCompetency03_cont02 {padding-top: 550px; padding-bottom: 0px; background: url(/img/mcoreCompetency03_bg02.jpg) no-repeat top center; background-size: auto 760px; margin: 0;}
	.coreCompetency03_cont02_sub_box {padding: 85px 60px 0 60px; overflow: hidden;}
	.coreCompetency03_cont02_sub_box h5 {font-size: 34px; padding-bottom: 13px;}
	.coreCompetency03_cont02_sub_box li {font-size: 24px; margin-top: 45px;}
	.coreCompetency03_cont02_sub_box li::before {width: 50px; top: 12px; left: -70px;}
	.coreCompetency03_cont02_sub_box > span {position: static; display: inline-block; width: 100%; text-align: center;}
	.coreCompetency03_cont02_sub_box .coreCompetency03_img01 {right: 0; top: 0px;}
	.coreCompetency03_cont02_sub_box .coreCompetency03_img02 {left: 0; bottom: 0px;}
	.coreCompetency03_cont02_sub_box.coreCompetency03_cont02_sub_box02 h5 {text-align: left;}
	.coreCompetency03_cont02_sub_box.coreCompetency03_cont02_sub_box02 ul {padding-left: 0px;}

	/* Achievement */
	.coreCompetency04_contents {padding-top: 80px; padding-bottom: 160px;}
	.coreCompetency04_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.coreCompetency04_cont01 {background: url(/img/mcoreCompetency04_bg01.jpg) no-repeat top; background-size: auto 760px; margin: 0; padding-top: 500px; padding-bottom: 0px;}
	.coreCompetency04_cont01Box {padding-top: 80px; padding-left: 50px; padding-right: 50px;}
	.coreCompetency04_cont01Box h4 {font-size: 45px; padding-bottom: 90px;}
	.coreCompetency04_cont01Box h5 {font-size: 30px; padding-bottom: 20px; margin-bottom: 20px; margin-right: 0px; font-weight: bold;}
	.coreCompetency04_cont01Box p {font-size: 25px; padding-bottom: 25px; line-height: 42px;}
	.coreCompetency04_cont01Box span {position: static; display: inline-block; text-align: center; width: 100%; padding-bottom: 60px;}
	.coreCompetency04_cont01Box span img {width: auto;}
	.coreCompetency04_cont02 {background: url(/img/mcoreCompetency04_bg02.jpg) no-repeat top center; background-size: auto 760px; margin: 0; padding-top: 500px;}
	.coreCompetency04_cont02Box {background: #fff; padding-top: 80px; padding-left: 50px; padding-right: 50px;}
	.coreCompetency04_cont02Box h4 {font-size: 45px; padding-bottom: 90px;}
	.coreCompetency04_cont02Box h5 {font-size: 30px; padding-bottom: 20px; margin-bottom: 20px; margin-right: 0px; font-weight: bold;}
	.coreCompetency04_cont02Box h6 {font-size: 25px;}
	.coreCompetency04_cont02Box h6 span {font-size: 12px;}
	.coreCompetency04_cont02Box ul {padding-bottom: 0px;}
	.coreCompetency04_cont02Box li {font-size: 22px; margin-top: 20px; line-height: 32px;}
/*
	.coreCompetency04_cont02Box li::before {position: absolute; content: ''; left: -17px; top: 12px; height: 2px; width: 10px; transform: rotate(-45deg); background: #7d7d7d;}
*/
	.coreCompetency04_cont02Box01 {position: static;}
	.coreCompetency04_cont02Box01 > span {position: static; display: inline-block; width: 100%; text-align: center;}
	.coreCompetency04_cont02Box02 > span {position: static; display: inline-block; width: 100%; text-align: center;}
	.coreCompetency04_cont02Box03 > span {position: static; display: inline-block; width: 100%; text-align: center;}

	/* ourBusiness_banner */
	.ourBusiness_banner {background: url(/img/mourBusiness_banner.jpg) no-repeat; background-size: cover; height: 500px;}
	.ourBusiness_banner::before {display: none;}
	.ourBusiness_banner h2 {font-size: 60px; padding-bottom: 35px; padding-top: 180px;}
	.ourBusiness_banner p {font-size: 25px; line-height: 47px;}

	/* 자체생산 제품 */
	.ourBusiness01_contents {padding-top: 80px; padding-bottom: 160px;}
	.ourBusiness01_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.ourBusiness01_contents p {font-size: 28px; line-height: 47px; text-align: left;}
	.ourBusiness01_cont_box {padding-top: 180px; background: url(/img/mourBusiness01_bg.jpg) no-repeat; background-size: 100% 760px; margin: 110px 0px 0px 0px;}
	.ourBusiness01_cont_box h4 {font-size: 65px; padding-bottom: 180px; letter-spacing: 15px;}
	.ourBusiness01_cont_box table {display: none;}
	.ourBusiness01_cont_box ul {padding: 80px 0 0 0; background: #fff; display: block;}
	.ourBusiness01_cont_box ul li > span {display: block; text-align: center; padding: 0 100px;}
	.ourBusiness01_cont_box ul li {padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #d7d7d7;}
	.ourBusiness01_cont_box ul li:last-child {border-bottom: 0;}
	.ourBusiness01_cont_box ul .ourbusiness_tit {font-size: 25px; font-weight: bold; padding-top: 35px; line-height: 32px;}
	.ourBusiness01_cont_box ul .ourbusiness_tit span {font-weight: normal;}
	.ourBusiness01_cont_box ul .ourbusiness_txt {padding-top: 25px; font-size: 20px; color: #7d7d7d; line-height: 32px;}
	.ourBusiness01_cont_box ul .ourbusiness_btn {padding-top: 25px;}
	.ourBusiness01_cont_box ul .ourbusiness_btn a {width: 180px; height: 40px; line-height: 40px; text-align: center; background: #c0c0c0; color: #fff; transition: .35s all ease; font-size: 20px; display: inline-block;;}
	.ourBusiness01_cont_box ul .ourbusiness_btn a img {padding-right: 10px;}

	/* 백신제 */
	.ourBusiness02_contents {padding-top: 80px; padding-bottom: 160px;}
	.ourBusiness02_contents h3 {font-size: 36px; padding-bottom: 110px;}
	.ourBusiness02_contents p {font-size: 28px; line-height: 42px; text-align: justify;}
	.ourBusiness02_contents p br {display: none;}
	.ourBusiness02_contents ul.our_tab_manu {margin-top: 120px;}
	.ourBusiness02_contents ul.our_tab_manu li a {float: left; width: 50%; padding: 35px 0; font-size: 35px;}
	.ourBusiness02_contents ul.our_tab_manu li a::before {width: 40px; height: 3px; top: 51px; left: 44px;}
	.ourBusiness02_contents ul.our_tab_manu li:first-child a::before {left: 85px;}
	.ourBusiness02_cont_box {padding-top: 180px; background: url(/img/mourBusiness02_bg.jpg) no-repeat; background-size: 100% auto; margin: 0;}
	.ourBusiness02_cont_box h4 {font-size: 65px; font-weight: 200; color: #fff; padding-bottom: 190px; text-transform: uppercase; letter-spacing: 15px;}
	.ourBusiness02_cont_box table {display: none;}
	.ourBusiness02_cont_box .mobile_ourbusiness {padding: 80px 0 0 0; background: #fff; display: block;}
	.ourBusiness02_cont_box .mobile_ourbusiness li > span {display: block; text-align: center;}
	.ourBusiness02_cont_box .mobile_ourbusiness li {padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #d7d7d7;}
	.ourBusiness02_cont_box .mobile_ourbusiness li:last-child {border-bottom: 0;}
	.ourBusiness02_cont_box .mobile_ourbusiness .mobile_img {padding: 0 100px; display: block;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_img img {width: 100%;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_tit {font-size: 25px; font-weight: bold; padding-top: 35px; line-height: 32px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_tit span {font-weight: normal;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_txt {padding-top: 25px; font-size: 20px; color: #7d7d7d; line-height: 32px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_btn {padding-top: 25px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_btn a {width: 180px; height: 40px; line-height: 40px; text-align: center; background: #c0c0c0; color: #fff; transition: .35s all ease; font-size: 20px; display: inline-block;;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_btn a img {padding-right: 10px;}

	/* 제품소식 */
	.ourBusiness03_contents {padding-top: 80px; padding-bottom: 160px;}
	.ourBusiness03_contents h3 {font-size: 36px; padding-bottom: 85px;}
	.ourBusiness03_noticeBoard li {padding: 40px 10px; border-top: 1px solid #d7d7d7; position: relative;}
	.ourBusiness03_noticeBoard li > span {float: none; display: block;}
	.ourBusiness03_noticeBoard li span.num {width: 100%; font-size: 25px; padding-bottom: 20px;}
	.ourBusiness03_noticeBoard li span.num::before {top: 15px; right: auto; left: 50px}
	.ourBusiness03_noticeBoard li span.notice {font-size: 28px; line-height: 42px; display: inline-block;}
	.ourBusiness03_noticeBoard li span.more {font-size: 25px; position: absolute; right: 0; bottom: 40px;}
	.ourBusiness03_noticeBoard li span.more a {padding: 15px 45px; display: block;}
	.ourBusiness03_noticeBoard li span.data {font-size: 22px; padding-top: 40px; display: inline-block;}
	.ourBusiness03_noticeBoard .search .search_box a {right: 22px; top: -10px; font-size: 25px;}
	.ourBusiness03_noticeBoard input {margin-bottom: 40px; width: 80%; font-size: 25px; padding: 20px 60px 20px 10px;}
	.noticeBoard_navigation { margin-top: 35px;}

	/* 제품소식 게시판내용 */
	.ourBusiness03-1_contents {padding-top: 80px; padding-bottom: 160px;}
	.ourBusiness03-1_contents h3 {font-size: 36px; padding-bottom: 85px;}
	.ourBusiness03-1_contents h4 {padding: 0 48px; font-size: 25px; padding-bottom: 25px;}
	.ourBusiness03-1_contents h4 span {font-size: 25px; padding-right: 0px; display: block; padding-bottom: 20px;}
	.ourBusiness03-1_contents h4::before {top: 13px; left: 100px; width: 60px;}
	.ourBusiness03_notice_cont_top {text-align: right; padding: 25px 23px 25px 0;}
	.ourBusiness03_notice_cont_top li {display: inline-block; font-size: 22px; padding-right: 25px; padding-left: 0px;}
	.ourBusiness03_notice_cont_top li span {padding-right: 0px;}
	.ourBusiness03_notice_cont {padding: 75px 48px; font-size: 25px; line-height: 42px;}
	.pr01_back_btn {padding-top: 35px;}
	.pr01_back_btn a {padding: 20px 40px; font-size: 25px;}

	/* CDMO */
	.ourBusiness04_contents {padding-top: 80px; padding-bottom: 0px;}
	.ourBusiness04_contents h3 {font-size: 36px; padding-bottom: 90px;}
	.ourBusiness04_contents h4 {font-size: 50px; text-align: center; line-height: 52px; margin-left: 0px;}
	.ourBusiness04_contents h4 > span {padding-left: 0px;}
	.ourBusiness04_contents h4 > span > span {font-size: 30px;}
	.ourBusiness04_contents P {font-size: 28px; line-height: 42px; padding-top: 100px; padding-bottom: 180px; text-align: justify;}
	.ourBusiness04_cont_box {padding-bottom: 170px;}
	.ourBusiness04_cont_box img {width: 100%;}
	.ourBusiness04_cont_box h5 {font-size: 65px; padding-top: 0px; letter-spacing: 7px;}
	.ourBusiness04_sub_box {position: relative; margin-top: -17px;}
	.ourBusiness04_cont_box02 h5 {text-align: left;}
	.ourBusiness04_cont_box04 h5 {text-align: center;}
	.ourBusiness04_cont_box.ourBusiness04_cont_box03 h5 {padding-top: 0px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box.right {padding-left: 0px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box > ul {padding-top: 65px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box > ul > li {font-size: 24px; padding-bottom: 35px; line-height: 42px; margin-left: 60px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box > ul > li::before {position: absolute; content: ''; left: -60px; top: 18px; width: 40px; height: 1px; background: #282828;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box li ul li {font-size: 23px; padding-bottom: 0px; padding-top: 15px;}

	/* pr_banner */
	.pr_banner {background: url(/img/mpr_banner.jpg) no-repeat; background-size: cover; height: 500px;}
	.pr_banner::before {display: none;}
	.pr_banner h2 {font-size: 60px; padding-bottom: 35px; padding-top: 180px;}
	.pr_banner p {font-size: 25px; line-height: 47px;}

	/* 보도자료 */
	.pr01_contents {padding-top: 80px; padding-bottom: 160px;}
	.pr01_contents h3 {font-size: 36px; padding-bottom: 85px;}
	.pr01_noticeBoard li {padding: 40px 10px; border-top: 1px solid #d7d7d7; position: relative;}
	.pr01_noticeBoard li > span {float: none; display: block;}
	.pr01_noticeBoard li span.num {width: 100%; font-size: 25px; padding-bottom: 20px;}
	.pr01_noticeBoard li span.num::before {top: 15px; right: auto; left: 50px}
	.pr01_noticeBoard li span.notice {font-size: 28px; line-height: 42px; display: inline-block;}
	.pr01_noticeBoard li span.more {font-size: 25px; position: absolute; right: 0; bottom: 40px;}
	.pr01_noticeBoard li span.more a {padding: 15px 45px; display: block;}
	.pr01_noticeBoard li span.data {font-size: 22px; padding-top: 40px; display: inline-block;}
	.pr01_noticeBoard .search .search_box a {right: 22px; top: -10px; font-size: 25px;}
	.pr01_noticeBoard input {margin-bottom: 40px; width: 80%; font-size: 25px; padding: 20px 60px 20px 10px;}
	.noticeBoard_navigation {margin-top: 35px;}

	/* 제품소식 게시판내용 */
	.pr01-1_contents {padding-top: 40px; padding-bottom: 160px;}
	.pr01-1_contents h3 {font-size: 21px; padding-bottom: 85px;}
	.pr01-1_contents h4 {padding: 0 28px; font-size: 19px; padding-bottom: 15px;}
	.pr01-1_contents h4 span {font-size: 19px; padding-right: 0px; display: block; padding-bottom: 10px;}
	.pr01-1_contents h4::before {top: 13px; left: 100px; width: 60px;}
	.pr01_notice_cont_top {text-align: right; padding: 16px 23px 25px 0;}
	.pr01_notice_cont_top li {display: inline-block; font-size: 14px; padding-right: 25px; padding-left: 0px;}
	.pr01_notice_cont_top li span {padding-right: 0px;}
	.pr01_notice_cont {padding: 35px 14px; font-size: 12px; line-height: 18px;}
	.pr01_back_btn {padding-top: 35px;}
	.pr01_back_btn a {padding: 20px 40px; font-size: 21px;}

	/* cs_banner */
	.cs_banner {background: url(/img/mcs_banner.jpg) no-repeat; background-size: cover; height: 500px;}
	.cs_banner h2 {font-size: 60px; padding-bottom: 35px; padding-top: 180px;}
	.cs_banner p {font-size: 25px; line-height: 47px;}

	/*고객센터*/
	.cs01_contents {padding-top: 80px; padding-bottom: 160px;}
	.cs01_contents h3 {font-size: 36px; padding-bottom: 110px;}
	.cs01_contents p {font-size: 40px; line-height: 52px; margin-bottom: 80px;}
	.cs01_contents p:before {display: none;}
	.cs01_box {width: 100%; padding-left: 0%; float: none; margin-top: 50px; margin-bottom: 0px;}
	.cs01_box > span {font-size: 45px; line-height: 415px;}
	.cs01_box01 > span {background: url(/img/cs_bg01.jpg) no-repeat; height: 415px; display: block; background-size: cover;}
	.cs01_box02 > span {background: url(/img/cs_bg02.jpg) no-repeat; height: 415px; display: block; background-size: cover;}
	.cs01_box03 > span {background: url(/img/cs_bg03.jpg) no-repeat; height: 415px; display: block; background-size: cover;}
	.cs01_box ul {height: 250px; padding-left: 65px; padding-top: 60px; font-size: 24px;}
	.cs01_box ul li {padding-bottom: 25px; line-height: 42px;}
	.cs01_box ul li:before {left: -25px; top: 17px; height: 3px; width: 16px;}

	/*윤리경영 상담제보*/
	.cs02_contents {padding-top: 80px; padding-bottom: 160px;}
	.cs02_contents h3 {font-size: 36px; padding-bottom: 110px;}
	.cs02_contents p {font-size: 40px; line-height: 52px;}
	.cs02_contents p:before {display: none;}
	.cs02_contents .cs_txt {font-size: 28px; text-align: justify; padding-top: 55px; padding-bottom: 100px; line-height: 42px;}
	.cs02_cont {background: url(/img/mcs02_bg.jpg) no-repeat top; background-size: auto 760px; margin: 0;}
	.cs02_cont .sub_container {background: #fff;}
	.cs02_cont h4 {padding: 120px 0; font-size: 65px;}
	.cs02_cont .cs_circle {}
	.cs02_cont .cs_circle li {margin: 22px; width: 228px; height: 228px; font-size: 33px; line-height: 280px;}
	.cs02_cont .cs_circle li:before {display: none;}
	.cs02_cont .cs_circle li:first-child:before {display: block; position: absolute; content: ''; left: 110%; top: 0px; width: 1px; height: 500px; background: #d4d4d4;}
	.cs02_cont .cs_circle li:first-child:after {display: block; position: absolute; content: ''; left: 0; top: 110%; width: 500px; height: 1px; background: #d4d4d4;}
	.cs02_cont .cs_circle li > span {display: inline-block; line-height: 42px;}
	.cs02_cont .cs02_txt01 {padding-top: 65px; font-size: 25px; line-height: 42px;}
	.cs02_cont .cs02_txt02 {padding-bottom: 60px; font-size: 25px;}
	.cs02_cont .cs02_blck_box {padding-top: 50px; padding-left: 60px; padding-bottom: 50px;}
	.cs02_cont .cs02_blck_box li {font-size: 24px; padding-bottom: 10px;}
	.cs02_cont .cs02_blck_box li .mobile_span {display: inline-block; padding-left: 60px; padding-top: 7px; color: #fff;}
	.cs02_cont .cs02_blck_box li:before {position: absolute; content: ''; left: -20px; top: 10px; height: 3px; width: 12px; transform: rotate(-45deg); background: #838383;}
	.cs02_box ul li > span {color: #fff;}
	.cs02_cont .cs02_blck_box li.cs_link:before {display: none;}
	.cs02_cont .cs02_blck_box li span {color: #838383; padding-right: 5px; font-weight: normal;}
	.cs02_cont .cs02_blck_box li.cs_link a {display: none;}

	/* careers_banner */
	.careers_banner {background: url(/img/mcareers_banner.jpg) no-repeat; background-size: cover; height: 500px;}
	.careers_banner h2 {font-size: 60px; padding-bottom: 35px; padding-top: 180px;}
	.careers_banner p {font-size: 25px; line-height: 47px;}

	/*인재상*/
	.careers01_contents {padding-top: 80px; padding-bottom: 160px;}
	.careers01_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.careers01_contents h3::before {position: absolute; content: ''; top: -17px; left: 0; width: 35px; height: 5px; background: #000;}
	.careers01_contents p {font-size: 40px; line-height: 52px;}
	.careers01_contents p:before {display: none;}
	.careers01_contents .careers01_txt {font-size: 28px; text-align: justify; padding-top: 60px; padding-bottom: 120px; line-height: 42px;}
	.careers01_cont {background: url(/img/mcareers01_bg.jpg) no-repeat top; background-size: cover 1000px; padding-top: 1000px;}
	.careers01_cont .careers_circle {display: none;}
	.careers01_left_box {float: none;}
	.careers01_right_box {float: none;}
	.careers01_box {width: 100%; height: auto; border: 0; padding-top: 0px; padding-left: 70px;}
	.careers01_box dt.careers01_tit {display: block; font-size: 40px; font-weight: 700; color: #d0112b; padding-top: 100px; padding-bottom: 60px; margin-left: -22px;}
	.careers01_box dt.careers01_tit::before {display: none;}
	.careers01_box dt {font-size: 30px; padding-bottom: 20px;}
	.careers01_box dt:before {left: -20px; top: 12px; height: 3px; width: 12px;}
	.careers01_box dd {padding-bottom: 35px; line-height: 42px; font-size: 25px;}

	/*채용정보*/
	.careers02_contents {padding-top: 80px; padding-bottom: 160px;}
	.careers02_contents h3 {font-size: 36px; padding-bottom: 120px;}
	.careers02_contents p {font-size: 40px; margin-bottom: 100px; line-height: 52px;}
	.careers02_contents p:before {display: none;}
	.careers02_txt_box {margin-left: 0px; width: 100%; border: 1px solid #282828; height: 535px; padding-top: 100px; padding-left: 0px; text-align: center;}
	.careers02_txt_box span {display: inline-block;}
	.careers02_txt_box .careers02_subtit {font-size: 30px; padding-bottom: 30px; line-height: 42px;}
	.careers02_txt_box .careers02_subtxt {font-size: 25px; padding-bottom: 0px; line-height: 32px;}
	.careers02_txt_box .careers02_sublink {display: none;}
	.careers02_contents .careers02_img {position: relative; margin-top: -85px; margin-left: -68px; padding-right: 50px;}
	.careers02_contents .careers02_img img {width: 100%;}
}

@media (max-width: 640px) {
	.row {padding: 0 24px;}
	.mobile_logo {padding-top: 18px; padding-left: 24px;}
	.mobile_logo img {width: 113px;}

	/* 푸터 */
	.footer .footer_top {padding: 30px 0 0 0;}
	.footer .footer_top .mfooter_logo img {width: 113px;}
	.footer .footer_bottom {font-size: 11px; padding: 18px 0 38px 0;}
	.footer .footer_bottom li {padding-bottom: 3px;}

	/* 어바웃 */
	.about_banner {height: 250px;}
	.about_banner h2 {font-size: 30px; padding-bottom: 18px; padding-top: 90px;}
	.about_banner p {font-size: 13px; line-height: 24px;}

	/* 인삿말 */
	.about01_contents {padding-top: 40px; padding-bottom: 80px;}
	.about01_contents h3 {padding-bottom: 10px; font-size: 18px;}
	.about01_cont01 p {font-size: 14px; line-height: 31px; padding-bottom: 0px;}
	.about01_cont02 {margin-top: 200px; background: url(/img/about01_bg02.jpg) no-repeat top left; background-size: auto 550px;}
	.about01_cont02 .about01_cont02_img img {margin-top: -200px;}
	.about01_cont02 .about01_cont02_txt {font-size: 12px; line-height: 21px; padding: 40px 0px 0 0px;}
	.about01_cont02_txt02 {padding-top: 120px; font-size: 13px; line-height: 21px;}
	.about01_cont02_img02 {padding-top: 33px;}

	/* 회사연혁 */
	.about02_contents {padding-top: 40px; overflow: hidden;}
	.about02_contents h3 {font-size: 18px; padding-bottom: 20px;}
	.about02_cont_left {padding-bottom: 50px;}
	.about02_cont_left h4 {font-size: 45px; margin-top: -120px;}
	.about02_cont_left h4 span {left: 43px; bottom: -55px;}
	.about02_cont_left span img {width: 200px;}
	.about02_cont_left .about02_cont_box {padding-top: 33px; margin-left: 43px; margin-top: 5px;}
	.about02_cont_left .about02_cont_box .about_year {font-size: 18px;}
	.about02_cont_left .about02_cont_box ul {font-size: 12px; padding-bottom: 33px;}
	.about02_cont_left .about02_cont_box li {padding: 4px;}
	.about02_cont_left .about02_cont_box li.point::before {position: absolute; content: ''; left: -8px; top: 9px; height: 2px; width: 5px;}
	.about02_cont_right {text-align: right; padding-bottom: 60px;}
	.about02_cont_right h4 {font-size: 45px; color: #eceaea; margin-top: -120px;}
	.about02_cont_right h4 span {right: 43px; bottom: -55px;}
	.about02_cont_right span img {width: 200px;}
	.about02_cont_right .about02_cont_box {padding-top: 33px; margin-right: 43px; margin-top510px;}
	.about02_cont_right .about02_cont_box .about_year {font-size: 18px;}
	.about02_cont_right .about02_cont_box ul {float: right; font-size: 12px; padding-bottom: 33px;}
	.about02_cont_right .about02_cont_box li {padding: 4px;}
	.about02_cont_right .about02_cont_box li.point::before {position: absolute; content: ''; right: -8px; top: 9px; height: 2px; width: 5px;}
	.about02_img03 {margin-bottom: 60px;}

	/*사업장안내*/
	.about03_contents {padding-top: 40px; padding-bottom: 80px;}
	.about03_contents h3 {font-size: 18px; padding-bottom: 10px;}
	.about03_cont .about03_box01 {padding-top: 25px;}
	.about03_cont .about03_box02 {padding-top: 50px;}
	.about03_cont .about03_box03 {padding-top: 50px;}
	.about03_cont .about03_box h4 {font-size: 15px; padding-top: 20px; padding-bottom: 15px;}
	.about03_cont .about03_box li {font-size: 13px; padding-bottom: 7px; margin-left: 10px;}
	.about03_cont .about03_box .about03_btn a {padding: 9px 13px 9px 15px; margin-top: 9px; font-size: 13px;}

	/* 관계사 */
	.about04_contents {padding-top: 40px;}
	.about04_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.about04_cont01 .about04_logo {padding: 15px 0;}
	.about04_cont01 .about04_cont01_bg {margin: 0 23px;}
	.about04_cont01 .about04_box {height: 75px; margin-top: -50px;}
	.about04_cont01 .about04_cont_tit {font-size: 30px;}
	.about04_cont01 p {font-size: 12px; margin: 0 0px 15px 0px; line-height: 19px; padding-bottom: 15px;}
	.about04_cont01 .address li {font-size: 12px; padding-bottom: 15px; margin-left: 17px;}
	.about04_cont01 .address li::before {position: absolute; content: ''; left: -17px; top: 9px; height: 2px; width: 10px; transform: rotate(-45deg); background: #282828;}
	.about04_cont01 .about04_link {padding-bottom: 70px;}
	.about04_cont01 .about04_link a {font-size: 13px; padding: 7px 15px;}

	/* Core competency 배너 */
	.core_competency_banner {height: 250px;}
	.core_competency_banner h2 {font-size: 30px; padding-bottom: 18px; padding-top: 90px;}
	.core_competency_banner p {font-size: 13px; line-height: 24px;}

	/* Platform technology */
	.coreCompetency01_contents {padding-top: 40px; padding-bottom: 80px;}
	.coreCompetency01_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.coreCompetency01_contents .coreCompetency_tit {padding-bottom: 65px; font-size: 25px;}
	.platform_left_txt h4 {font-size: 20px; padding-bottom: 25px; padding-top: 30px;}
	.platform_left_txt h4::before {width: 1350px; right: auto; top: 38px; left: 130px;}
	.platform_left_txt li {font-size: 12px; line-height: 21px;}
	.platform_left_txt li:first-child {padding-bottom: 28px;}
	.cont_box02 {padding-top: 50px;}
	.platform_right_txt h4 {font-size: 20px; padding-bottom: 25px; padding-top: 30px;}
	.platform_right_txt h4::before {width: 1350px; right: auto; top: 38px; left: 130px;}
	.platform_right_txt li {font-size: 12px; line-height: 21px;}
	.platform_right_txt li:first-child {padding-bottom: 28px;}
	.cont_box03 {padding-top: 60px; background-size: auto 380px; margin: 60px 0 0 0; padding-top: 100px;}
	.cont_box03 h4 {font-size: 25px; padding-bottom: 90px; letter-spacing: 15px;}
	.cont_sub_box {background: #fff; padding: 38px 33px 0 30px; overflow: hidden;}
	.cont_sub_box h5 {font-size: 18px; padding-bottom: 7px;}
	.cont_sub_box li {font-size: 13px; margin-top: 20px;}
	.cont_sub_box li::before {top: 6px; left: -50px;}

	/* Pipeline */
	.coreCompetency02_contents {padding-top: 40px; padding-bottom: 0px;}
	.coreCompetency02_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.coreCompetency02_contents .coreCompetency_tit {padding-bottom: 65px; font-size: 25px;}
	.coreCompetency02_cont01 {font-size: 13px;}
	.coreCompetency02_cont01 p {line-height: 27px; padding-bottom: 85px;}

	.coreCompetency02_cont02 .row {margin-bottom: 80px;}
	.mobile_table {padding: 85px 0;}
	.mobile_table .table_tit li {width: 25%; height: 55px; font-size: 12.5px; padding-top: 22.5px;}
	.mobile_table .table_tit li.tit_bg02 {padding-top: 12.5px;}
	.mobile_table .table_cont li {font-size: 12.5px; padding-left: 11.5px; height: 65px; line-height: 65px;}
	.mobile_table .tr_line {bottom: 82px;}
	.mobile_table .tr_line.tr01 {bottom: 81px; text-align: left;}
	.mobile_table .tr_line.tr01 img {width: 50%;}
	.mobile_table .tr_line.tr02 {bottom: 146px; text-align: left;}
	.mobile_table .tr_line.tr02 img {width: 50%;}
	.mobile_table .tr_line.tr03 {bottom: 211px; text-align: left;}
	.mobile_table .tr_line.tr03 img {width: 50%;}
	.mobile_table .tr_line.tr04 {bottom: 276px; text-align: left;}
	.mobile_table .tr_line.tr04 img {width: 50%;}
	.mobile_table .tr_line.tr05 {bottom: 340.5px; text-align: left;}
	.mobile_table .tr_line.tr05 img {width: 65%;}
	.mobile_table .tr_line.tr06 {bottom: 406px; text-align: left;}
	.mobile_table .tr_line.tr06 img {width: 65%;}
	.mobile_table .tr_line.tr07 {bottom: 471px; text-align: left;}
	.mobile_table .tr_line.tr07 img {width: 89%;}
	.mobile_table .tr_line.tr08 {bottom: 536px; text-align: left;}
	.mobile_table .tr_line.tr08 img {width: 89%;}
	.mobile_table .tr_line.tr09 {bottom: 601px; text-align: left;}
	.mobile_table .tr_line.tr09 img {width: 89%;}
	.mobile_table .table_cont li > span {bottom: -12.5px; font-size: 11px;}

	/* Manufacturing technology */
	.coreCompetency03_contents {padding-top: 40px; padding-bottom: 80px;}
	.coreCompetency03_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.coreCompetency03_contents .coreCompetency_tit {padding-bottom: 60px; font-size: 25px;}
	.coreCompetency03_cont01 {font-size: 13px; background-size: 50%;}
	.coreCompetency03_cont01 p {line-height: 27px; padding-bottom: 115px;}
	.coreCompetency03_cont02 {padding-top: 275px; background-size: auto 380px;}
	.coreCompetency03_cont02_sub_box {padding: 43px 30px 0 30px;}
	.coreCompetency03_cont02_sub_box h5 {font-size: 17px; padding-bottom: 7px;}
	.coreCompetency03_cont02_sub_box li {font-size: 12px; margin-top: 23px;}
	.coreCompetency03_cont02_sub_box li::before {width: 50px; top: 4px; left: -60px;}
	.coreCompetency03_cont02_sub_box > span img {width: 50%;}

	/* Achievement */
	.coreCompetency04_contents {padding-top: 40px; padding-bottom: 80px;}
	.coreCompetency04_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.coreCompetency04_cont01 {background-size: auto 380px; padding-top: 250px;}
	.coreCompetency04_cont01Box {padding-top: 40px; padding-left: 25px; padding-right: 25px;}
	.coreCompetency04_cont01Box h4 {font-size: 23px; padding-bottom: 45px;}
	.coreCompetency04_cont01Box h5 {font-size: 15px; padding-bottom: 10px; margin-bottom: 10px;}
	.coreCompetency04_cont01Box p {font-size: 13px; padding-bottom: 13px; line-height: 21px;}
	.coreCompetency04_cont01Box span {padding-bottom: 30px;}
	.coreCompetency04_cont01Box span img {width: 50%;}
	.coreCompetency04_cont02 {background-size: auto 380px; padding-top: 250px;}
	.coreCompetency04_cont02Box {padding-top: 40px; padding-left: 25px; padding-right: 25px;}
	.coreCompetency04_cont02Box h4 {font-size: 23px; padding-bottom: 45px;}
	.coreCompetency04_cont02Box h5 {font-size: 15px; padding-bottom: 10px; margin-bottom: 10px;}
	.coreCompetency04_cont02Box h6 {font-size: 13px;}
	.coreCompetency04_cont02Box h6 span {font-size: 6px;}
	.coreCompetency04_cont02Box li {font-size: 11px; margin-top: 10px; line-height: 16px;}
	.coreCompetency04_cont02Box li::before {left: -12px; top: 6px; height: 2px; width: 8px;}
	.coreCompetency04_cont02Box01 {position: static;}
	.coreCompetency04_cont02Box01 > span img, .coreCompetency04_cont02Box02 > span img, .coreCompetency04_cont02Box03 > span img {width: 50%;}
	.coreCompetency04_cont02Box01 > span {position: static; display: inline-block; width: 100%; text-align: center;}
	.coreCompetency04_cont02Box02 > span {position: static; display: inline-block; width: 100%; text-align: center;}
	.coreCompetency04_cont02Box03 > span {position: static; display: inline-block; width: 100%; text-align: center;}

	/* ourBusiness_banner */
	.ourBusiness_banner {background: url(/img/mourBusiness_banner.jpg) no-repeat; background-size: cover; height: 250px;}
	.ourBusiness_banner h2 {font-size: 30px; padding-bottom: 18px; padding-top: 90px;}
	.ourBusiness_banner p {font-size: 13px; line-height: 24px;}

	/* 자체생산 제품 */
	.ourBusiness01_contents {padding-top: 40px; padding-bottom: 80px;}
	.ourBusiness01_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.ourBusiness01_contents p {font-size: 14px; line-height: 24px;}
	.ourBusiness01_cont_box {padding-top: 90px; background-size: 100% 380px; margin: 55px 0px 0px 0px;}
	.ourBusiness01_cont_box h4 {font-size: 33px; padding-bottom: 90px; letter-spacing: 8px;}
	.ourBusiness01_cont_box ul {padding: 40px 0 0 0;}
	.ourBusiness01_cont_box ul li > span {padding: 0 50px;}
	.ourBusiness01_cont_box ul li {padding-bottom: 30px; margin-bottom: 30px;}
	.ourBusiness01_cont_box ul .ourbusiness_tit {font-size: 13px; padding-top: 18px; line-height: 16px;}
	.ourBusiness01_cont_box ul .ourbusiness_txt {padding-top: 13px; font-size: 10px; line-height: 16px;}
	.ourBusiness01_cont_box ul .ourbusiness_btn {padding-top: 13px;}
	.ourBusiness01_cont_box ul .ourbusiness_btn a {width: 90px; height: 20px; line-height: 20px; font-size: 10px;}
	.ourBusiness01_cont_box ul .ourbusiness_btn a img {padding-right: 5px;}

	/* 백신제 */
	.ourBusiness02_contents {padding-top: 40px; padding-bottom: 80px;}
	.ourBusiness02_contents h3 {font-size: 18px; padding-bottom: 55px;}
	.ourBusiness02_contents p {font-size: 14px; line-height: 21px; text-align: justify;}
	.ourBusiness02_contents ul.our_tab_manu {margin-top: 60px;}
	.ourBusiness02_contents ul.our_tab_manu li a {padding: 18px 0; font-size: 18px;}
	.ourBusiness02_contents ul.our_tab_manu li a::before {width: 20px; height: 1px; top: 26px; left: 18px;}
	.ourBusiness02_contents ul.our_tab_manu li:first-child a::before {left: 39px;}
	.ourBusiness02_cont_box {padding-top: 90px; margin: 0;}
	.ourBusiness02_cont_box h4 {font-size: 33px; font-weight: 200; color: #fff; padding-bottom: 85px; letter-spacing: 8px;}
	.ourBusiness02_cont_box .mobile_ourbusiness {padding: 40px 0 0 0;}
	.ourBusiness02_cont_box .mobile_ourbusiness li {padding-bottom: 30px; margin-bottom: 30px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .mobile_img {padding: 0 50px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_tit {font-size: 13px; padding-top: 18px; line-height: 16px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_txt {padding-top: 13px; font-size: 10px; line-height: 16px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_btn {padding-top: 13px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_btn a {width: 90px; height: 20px; line-height: 20px; font-size: 10px;}
	.ourBusiness02_cont_box .mobile_ourbusiness .ourbusiness_btn a img {padding-right: 5px;}

	/* 자체생산 제품 */
	.ourBusiness03_contents {padding-top: 40px; padding-bottom: 80px;}
	.ourBusiness03_contents h3 {font-size: 18px; padding-bottom: 43px;}
	.ourBusiness03_noticeBoard li {padding: 20px 5px;}
	.ourBusiness03_noticeBoard li span.num {font-size: 13px; padding-bottom: 10px;}
	.ourBusiness03_noticeBoard li span.num::before {top: 8px; left: 25px; width: 30px;}
	.ourBusiness03_noticeBoard li span.notice {font-size: 14px; line-height: 21px;}
	.ourBusiness03_noticeBoard li span.more {font-size: 13px; bottom: 20px;}
	.ourBusiness03_noticeBoard li span.more a {padding: 8px 23px;}
	.ourBusiness03_noticeBoard li span.data {font-size: 11px; padding-top: 20px;}
	.ourBusiness03_noticeBoard .search .search_box a {right: 11px; top: -5px; font-size: 13px;}
	.ourBusiness03_noticeBoard input {margin-bottom: 20px; width: 80%; font-size: 13px; padding: 10px 30px 10px 5px;}
	.noticeBoard_navigation {margin-top: 18px;}

	/* 제품소식 게시판내용 */
	.ourBusiness03-1_contents {padding-top: 40px; padding-bottom: 80px;}
	.ourBusiness03-1_contents h3 {font-size: 18px; padding-bottom: 43px;}
	.ourBusiness03-1_contents h4 {padding: 0 24px; font-size: 13px; padding-bottom: 13px;}
	.ourBusiness03-1_contents h4 span {font-size: 13px; padding-bottom: 10px;}
	.ourBusiness03-1_contents h4::before {top: 7px; left: 50px; width: 30px;}
	.ourBusiness03_notice_cont_top {padding: 13px 12px 13px 0;}
	.ourBusiness03_notice_cont_top li {font-size: 11px; padding-right: 13px;}
	.ourBusiness03_notice_cont {padding: 38px 24px; font-size: 13px; line-height: 21px;}
	.pr01_back_btn {padding-top: 18px;}
	.pr01_back_btn a {padding: 10px 20px; font-size: 13px;}

	/* CDMO */
	.ourBusiness04_contents {padding-top: 40px;}
	.ourBusiness04_contents h3 {font-size: 18px; padding-bottom: 45px;}
	.ourBusiness04_contents h4 {font-size: 25px; line-height: 26px;}
	.ourBusiness04_contents h4 > span > span {font-size: 15px;}
	.ourBusiness04_contents P {font-size: 14px; line-height: 21px; padding-top: 50px; padding-bottom: 70px;}
	.ourBusiness04_cont_box {padding-bottom: 85px;}
	.ourBusiness04_cont_box h5 {font-size: 33px; letter-spacing: 4px;}
	.ourBusiness04_sub_box {margin-top: -9px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box > ul {padding-top: 33px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box > ul > li {font-size: 12px; padding-bottom: 18px; line-height: 21px; margin-left: 30px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box > ul > li::before {content: ''; left: -30px; top: 9px; width: 20px;}
	.ourBusiness04_cont_box .ourBusiness04_sub_box li ul li {font-size: 12px; padding-top: 8px;}

	/* pr_banner */
	.pr_banner {background: url(/img/mpr_banner.jpg) no-repeat; background-size: cover; height: 250px;}
	.pr_banner h2 {font-size: 30px; padding-bottom: 18px; padding-top: 90px;}
	.pr_banner p {font-size: 13px; line-height: 24px;}

	/* 보도자료 */
	.pr01_contents {padding-top: 40px; padding-bottom: 80px;}
	.pr01_contents h3 {font-size: 18px; padding-bottom: 43px;}
	.pr01_noticeBoard li {padding: 20px 5px;}
	.pr01_noticeBoard li span.num {font-size: 13px; padding-bottom: 10px;}
	.pr01_noticeBoard li span.num::before {top: 8px; left: 25px; width: 30px;}
	.pr01_noticeBoard li span.notice {font-size: 14px; line-height: 21px;}
	.pr01_noticeBoard li span.more {font-size: 13px; bottom: 20px;}
	.pr01_noticeBoard li span.more a {padding: 8px 23px;}
	.pr01_noticeBoard li span.data {font-size: 11px; padding-top: 20px;}
	.pr01_noticeBoard .search .search_box a {right: 11px; top: -5px; font-size: 13px;}
	.pr01_noticeBoard input {margin-bottom: 20px; width: 80%; font-size: 13px; padding: 10px 30px 10px 5px;}
	.noticeBoard_navigation {margin-top: 18px;}

	/* cs_banner */
	.cs_banner {background: url(/img/mcs_banner.jpg) no-repeat; background-size: cover; height: 250px;}
	.cs_banner h2 {font-size: 30px; padding-bottom: 18px; padding-top: 90px;}
	.cs_banner p {font-size: 13px; line-height: 24px;}

	/*고객센터*/
	.cs01_contents {padding-top: 40px; padding-bottom: 80px;}
	.cs01_contents h3 {font-size: 18px; padding-bottom: 55px;}
	.cs01_contents p {font-size: 20px; line-height: 26px; margin-bottom: 40px;}
	.cs01_box {margin-top: 25px;}
	.cs01_box > span {font-size: 23px; line-height: 208px;}
	.cs01_box01 > span {background: url(/img/cs_bg01.jpg) no-repeat; height: 208px; display: block; background-size: cover;}
	.cs01_box02 > span {background: url(/img/cs_bg02.jpg) no-repeat; height: 208px; display: block; background-size: cover;}
	.cs01_box03 > span {background: url(/img/cs_bg03.jpg) no-repeat; height: 208px; display: block; background-size: cover;}
	.cs01_box ul {height: 125px; padding-left: 33px; padding-top: 30px; font-size: 12px;}
	.cs01_box ul li {padding-bottom: 13px; line-height: 21px;}
	.cs01_box ul li:before {left: -13px; top: 9px; height: 2px; width: 8px;}

	/*윤리경영 상담제보*/
	.cs02_contents {padding-top: 40px; padding-bottom: 80px;}``
	.cs02_contents h3 {font-size: 18px; padding-bottom: 44px;}
	.cs02_contents p {font-size: 20px; line-height: 26px;}
	.cs02_contents .cs_txt {font-size: 14px; padding-top: 28px; padding-bottom: 50px; line-height: 21px;}
	.cs02_cont {background-size: auto 380px;}
	.cs02_cont h4 {padding: 60px 0; font-size: 33px;}
	.cs02_cont .cs_circle li {margin: 11px; width: 114px; height: 114px; font-size: 17px; line-height: 140px;}
	.cs02_cont .cs_circle li:first-child:before {left: 110%; height: 250px;}
	.cs02_cont .cs_circle li:first-child:after {top: 110%; width: 250px;}
	.cs02_cont .cs_circle li > span {line-height: 21px;}
	.cs02_cont .cs02_txt01 {padding-top: 33px; font-size: 13px; line-height: 21px;}
	.cs02_cont .cs02_txt02 {padding-bottom: 30px; font-size: 12px;}
	.cs02_cont .cs02_blck_box {padding-top: 25px; padding-left: 30px; padding-bottom: 25px;}
	.cs02_cont .cs02_blck_box li {font-size: 12px; padding-bottom: 5px;}
	.cs02_cont .cs02_blck_box li .mobile_span {padding-left: 30px; padding-top: 4px;}
	.cs02_cont .cs02_blck_box li:before {left: -10px; top: 5px; height: 2px; width: 6px;}
	.cs02_cont .cs02_blck_box li span {padding-right: 3px;}

	/* careers_banner */
	.careers_banner {background: url(/img/mcareers_banner.jpg) no-repeat; background-size: cover; height: 250px;}
	.careers_banner h2 {font-size: 30px; padding-bottom: 18px; padding-top: 90px;}
	.careers_banner p {font-size: 13px; line-height: 24px;}

	/*인재상*/
	.careers01_contents {padding-top: 40px; padding-bottom: 80px;}
	.careers01_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.careers01_contents p {font-size: 20px; line-height: 26px;}
	.careers01_contents .careers01_txt {font-size: 14px; padding-top: 30px; padding-bottom: 60px; line-height: 21px;}
	.careers01_cont {background-size: auto 500px; padding-top: 500px;}
	.careers01_box {padding-left: 35px; padding-right: 24px;}
	.careers01_box dt.careers01_tit {font-size: 20px; padding-top: 50px; padding-bottom: 30px; margin-left: -11px;}
	.careers01_box dt {font-size: 15px; padding-bottom: 10px;}
	.careers01_box dt:before {left: -10px; top: 6px; height: 2px; width: 6px;}
	.careers01_box dd {padding-bottom: 18px; line-height: 21px; font-size: 13px;}

	/*채용정보*/
	.careers02_contents {padding-top: 40px; padding-bottom: 80px;}
	.careers02_contents h3 {font-size: 18px; padding-bottom: 60px;}
	.careers02_contents p {font-size: 20px; margin-bottom: 50px; line-height: 26px;}
	.careers02_txt_box {height: 268px; padding-top: 50px;}
	.careers02_txt_box .careers02_subtit {font-size: 15px; padding-bottom: 15px; line-height: 21px;}
	.careers02_txt_box .careers02_subtxt {font-size: 13px; line-height: 16px;}
	.careers02_contents .careers02_img {margin-top: -43px; margin-left: -34px; padding-right: 25px;}

	/* 모바일 사이드메뉴 */
	.mobile_logo {padding-top: 18px; padding-left: 24px;}
	.icon {position: absolute; width: 40px; height: 50px; display:  inline-block;	cursor: pointer; top: 20px; right: 5px;}
	.icon .bar {width: 30px; height: 4px;	background-color: #fff;	margin: 5px 0; position: absolute;}
	.icon .bar.one {top:0; left;0;}
	.icon .bar.two {top: 11px; left: 0;}
	.icon .bar.three {top: 22px; left: 0;}
	.icon .bar.one.active {animation: one .7s forwards; background-color: #0c0c0c;}
	.icon .bar.one.notActive {animation: one-reverse .7s forwards; background-color: #fff;}
	.icon .bar.two.active {animation: two .7s forwards; background-color: #0c0c0c;}
	.icon .bar.two.notActive {animation: two-reverse .7s forwards; background-color: #fff;}
	.icon .bar.three.active {animation: three .7s forwards; background-color: #0c0c0c;}
	.icon .bar.three.notActive {animation: three-reverse .7s forwards; background-color: #fff;}

	.side_menu {width: 275px; padding-bottom: 5px;}
	.side_menu .mobile_language {top: 30px;}
	.side_menu .mobile_language li {font-size: 14px; padding: 0 23px;}
	.side_menu .mobile_language li:before {top: 2px; width: 1px; height: 10px;}
	.side_menu .side_menuTxt {margin-top: 100px;}
	.side_menu .side_menuTxt li {padding: 15px 0 15px 23px;}
	.side_menu .side_menuTxt li a {font-size: 17px;}
	.side_menu .side_menuTxt .side_submenu01, .side_menu .side_menuTxt .side_submenu02, .side_menu .side_menuTxt .side_submenu03, .side_menu .side_menuTxt .side_submenu04, .side_menu .side_menuTxt .side_submenu05, .side_menu .side_menuTxt .side_submenu06, .side_menu .side_menuTxt .side_submenu07, .side_menu .side_menuTxt .side_submenu08, .side_menu .side_menuTxt .side_submenu09  {background: #eaeaea; font-size: 14px;}
	.side_menu .side_menuTxt .side_submenu01 a, .side_menu .side_menuTxt .side_submenu02 a, .side_menu .side_menuTxt .side_submenu03 a, .side_menu .side_menuTxt .side_submenu04 a, .side_menu .side_menuTxt .side_submenu05 a, .side_menu .side_menuTxt .side_submenu06 a, .side_menu .side_menuTxt .side_submenu07 a, .side_menu .side_menuTxt .side_submenu08 a, .side_menu .side_menuTxt .side_submenu09 a, .side_menu .side_menuTxt {font-size: 14px;}
	.side_menu .side_menuTxt .side_submenu01 li, .side_menu .side_menuTxt .side_submenu02 li, .side_menu .side_menuTxt .side_submenu03 li, .side_menu .side_menuTxt .side_submenu04 li, .side_menu .side_menuTxt .side_submenu05 li, .side_menu .side_menuTxt .side_submenu06 li {padding-left: 38px;}
	.side_menu .side_menuTxt .side_submenu07 a, .side_menu .side_menuTxt .side_submenu08 a, .side_menu .side_menuTxt .side_submenu09 a {padding-left: 15px;}
	/* .side_menu .side_menuTxt .side_submenu07 li::before, .side_menu .side_menuTxt .side_submenu08 li::before, .side_menu .side_menuTxt .side_submenu09 li::before {left: 39px; top: 21px; height: 2px; width: 9px;} */
	.side_btn01, .side_btn02, .side_btn03, .side_btn04, .side_btn05, .side_btn06 {background: url(/img/side_btn01.png) no-repeat 90% 50%; background-size: 5%;}
	.side_btn01.side_color, .side_btn02.side_color, .side_btn03.side_color, .side_btn04.side_color, .side_btn05.side_color, .side_btn06.side_color {background: url(/img/side_btn02.png) no-repeat 90% 50%; background-size: 5%;}

	@keyframes one {
		0% {top:0;}
		30% {top:-5px}
		60% {top:11px}
		80% {transform: rotate(0)}
		100% {top:11px; transform: rotate(45deg);}
	}
	@keyframes one-reverse {
		0% {top:11px; transform: rotate(45deg);}
		30% {transform: rotate(0)}
		60% {top:11px}
		80% {top:-5px}
		100% {top:0;}
	}
	@keyframes two {
		0% {opacity:1;}
		80% {opacity:1;}
		100% {opacity:0;}
	}
	@keyframes two-reverse {
		0% {opacity:0;}
		70% {opacity:1;}
		100% {opacity:1;}
	}
	@keyframes three {
		0% {top: 22px;}
		30% {top:27px;}
		60% {top:12px;}
		80% {transform: rotate(0)}
		100% {top:10px; transform: rotate(-45deg);}
	}
	@keyframes three-reverse {
		0% {top:12px; transform: rotate(-45deg);}
		30% {transform: rotate(0)}
		60% {top:12px;}
		80% {top:27px;}
		100% {top: 22px;}
	}

	.bxSlider li .bx_txt {text-align: center; font-size: 37px; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}
	.bxSlider li .bx_txt span {font-size: 16px;}

	.main-star_mobile .title {padding: 0 34px;}
	.main-star_mobile .box span {width: 150px; height: 385px; top: -35px; background-size: 50%;}
	.main-star_mobile .box .content {padding: 65px 34px 0 34px; overflow: hidden;}
	.main-star_mobile .box .content h3 {font-size: 29px; padding-bottom: 20px;}
	.main-star_mobile .box .content h3::before {width: 210px; height: 2px; left: -40px;}
	.main-star_mobile .box .content p {font-size: 15px; padding-top: 20px; line-height: 21px;}
	.main-star_mobile .box .content .more {width: 93px; height: 30px; line-height: 30px;  font-size: 13px; margin-top: 18px;}

	.main-starx_mobile .title {padding: 0 34px;}
	.main-starx_mobile .box span {width: 150px; height: 385px; top: -35px; background-size: 50%;}
	.main-starx_mobile .box .content {padding: 65px 34px 0 34px; overflow: hidden;}
	.main-starx_mobile .box .content h3 {font-size: 29px; padding-bottom: 20px;}
	.main-starx_mobile .box .content h3::before {width: 210px; height: 2px; left: -40px;}
	.main-starx_mobile .box .content p {font-size: 15px; padding-top: 20px; line-height: 21px;}
	.main-starx_mobile .box .content .more {width: 93px; height: 30px; line-height: 30px;  font-size: 13px; margin-top: 18px;}


	.main-pay_mobile {margin-top: 80px;}
	.main-pay_mobile .title {padding: 0 34px;}
	.main-pay_mobile .box span {width: 150px; height: 385px; position: absolute; top: -35px; background-size: 50%;}
	.main-pay_mobile .box .content {padding: 65px 34px 0 34px;}
	.main-pay_mobile .box .content h3 {font-size: 29px; padding-bottom: 20px;}
	.main-pay_mobile .box .content h3::before {width: 210px; height: 2px; right: -40px;}
	.main-pay_mobile .box .content p {font-size: 15px; padding-top: 20px; line-height: 21px;}
	.main-pay_mobile .box .content .more {width: 93px; height: 30px; line-height: 30px;  font-size: 13px; margin-top: 18px;}

	.main-our_mobile {padding-top: 40px;}
	.main-our_mobile .content {padding: 0 34px 90px 34px;}
	.main-our_mobile .content h3 {font-size: 29px; padding: 35px 0 20px 0;}
	.main-our_mobile .content h3::before {width: 210px; height: 2px; left: -40px;}
	.main-our_mobile .content .desc {padding-top: 33px; padding-bottom: 33px;}
	.main-our_mobile .content .desc li {padding-right: 20px; padding-left: 13px;}
	.main-our_mobile .content .desc li a {font-size: 16px;}
	.main-our_mobile .content .desc li a::before {left: -13px; top: 7px; height: 2px; width: 9px;}
	.main-our_mobile .content .more {width: 93px; height: 30px; line-height: 30px; font-size: 13px; margin-top: 18px;}
	.bx-wrapper .bx-pager {font-size: .43em;  padding-top: 10px;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {top: 70% !important; right: 20px !important;}



}