@charset "utf-8";
@import url('/skin/notokr/notokr.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

html {overflow-x: hidden; overflow-y: scroll;scroll-behavior: smooth;}
.body-layout {
    padding-top: 0px;
    font-size: 16px;
    font-family: 'Montserrat', 'notokr', sans-serif;
    color: #000;
    letter-spacing: -0.034em;
    background-color: #fff;
	letter-spacing: -0.03em;
}
.body-layout.padding-t-0 {
    padding-top: 0;
}
*{
    word-break : keep-all;
}
/* 폰트 설정 */
ol, ul, li, a {
	list-style: none;
	list-style-position: inside;
	padding : 0;
	text-decoration : none;
}

.navbar .caret, 
.navbar .divider-vertical, 
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {
	display: none;
}

.container_contents{
    padding : 0;
    margin : 0;
    width : 100%;
}
/* 메뉴 설정 시작 */
.navbar-inverse {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    transition: background-color ease-in-out .15s;
	box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.04);
}
.navbar-inverse.before {
    background: transparent;
    border-bottom: none;
	box-shadow: none;
}
.navbar-inverse.after{
    background: #fff;
}

#navbar-bg {
    height: 0;
    top: 80px;
    right: 0;
    left: 0;
    position: fixed;
    background: #fff;
    transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
    z-index: 1000;
}
.navbar-inverse.scrolling #navbar-bg {
    top: 80px;
}

.navbar-inverse > .container {
    position: relative;
}
.navbar-inverse .divider-vertical,
.footer-social-layout {
	display: none;
}
.navbar~ br {display: none;}
.topmarginLay_a {display: none;}

/*===== 로고 설정 =====*/
.navbar-inverse .navbar-brand {
    padding: 0;
    margin: 30px 0px 0px !important;
}
.navbar-inverse .navbar-brand img {
    margin-top: 0;
}
.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
	color: #333; 
	background-color: rgba(0,0,0,0);
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand {
    padding: 0 15px;
    margin: 10px 0 0;
}
.navbar-brand img {
    margin-top:0;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a {
    color: #111;
    font-size: 18px;
    font-weight: 500;
    padding: 35px 25px;
}
body.logined .navbar-inverse .navbar-nav > li > a {
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
    color:#2338aa;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #2338aa;
    background-color: #fff;
}
.navbar-inverse.before .navbar-nav > li > a {
    color: #fff;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
@media (min-width: 768px) {
	.navbar-right {
        margin-right: 85px;
    }
    .navbar-inverse .navbar-nav .dropdown-menu {
        top: 80px;
        right: auto;
        border-radius: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 1030;
    }
}
.navbar .navbar-nav > .dropdown > .dropdown-menu > li > a {
    padding: 10px 25px;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1;
}

.navbar-inverse .navbar-nav > li > a span {
    line-height: 0;
}

.navbar .navbar-nav > .dropdown > .dropdown-menu>li>a:focus, 
.navbar .navbar-nav > .dropdown > .dropdown-menu>li>a:hover {
    color: #2338aa;
    text-decoration: none;
    background-color: rgba(0,0,0,0);
}
/* main page slide*/
#main-slide{
	position:relative;
	height: 960px;
}
.carousel-inner{
	height:100%;
}
#main-slide .carousel-inner .item {
	width: 100%;
	height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#main-slide .carousel-inner .item::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #293a72;
    opacity: 0.2;
}
#main-slide .carousel-inner .item:nth-child(1) {
    background-image: url(/skin/img/slide/slide01.jpg);
}

.list-shadow {
	box-shadow: 3px 5px 10px rgba(0,0,0,0.15);
}

.carousel-caption {
    top: 45%;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0;
    text-align: left;
    text-shadow: none;
    transform: translateY(-50%);
}
.carousel-caption h1 {
    margin: 0 0 25px;
    font-size: 44px;
    font-weight: 600;
    color: #72d2d7;
	letter-spacing: 0.01em;
    line-height: 1.3em;
}
.carousel-caption p {
    font-size: 21px;
    font-weight: 300;
    color: #fff;
}

.carousel-caption > .row:first-child {
	margin-bottom: 100px;
}

.glyphicon-chevron-left:before {
	content: url(/skin/img/slide/sl-prev.png);
}
.glyphicon-chevron-right:before {
	content: url(/skin/img/slide/sl-next.png);
}

.carousel-control{
	display:none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-control {
		width: 10%;
	}
}
@media (max-width: 767px) {
	#main-slide {height: 280px;}

	.carousel-caption h1 {
		font-size: 25px;
		line-height: 1.2;
		padding-top: 30px;
	}
	.carousel-caption p {
		font-size: 16px;
		margin: 10px 0 0;
		padding-left: 0;
		line-height: 25px;
	}
	.slide-box-right {
		margin-top: 10px;
	}
}

/* 메인 스타일 */
.mainPage section {
    padding: 120px 0;
}
/* Video Section */
.mainPage #main-intro,
.embed-responsive-16by9 {
    height: 750px;
}
.mainPage #main-intro {
    position: relative;
    padding: 0;
    overflow: hidden;
}
.mainPage #main-intro::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 90;
}
.mainPage #main-intro .embed-responsive-item {
    top: -65px;
    height: calc(100% + 110px);
}
.mainPage #main-intro .video-caption {
    position: absolute;
    z-index: 100;
    top: 20%;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0;
    text-align: left;
    text-shadow: none;
}
.mainPage #main-intro .video-caption h1 {
    margin: 0 0 40px;
    font-size: 44px;
    font-weight: 300;
    color: #00ffff;
    letter-spacing: 0.01em;
    line-height: 1.3em;
}
.mainPage #main-intro .video-caption h1 > span {
    font-weight: 600;
}
.mainPage #main-intro .video-caption p {
    font-size: 21px;
    font-weight: 300;
    color: #fff;
}
#main-intro .scroll-down {
    bottom: -170px;
    text-align: left;
}
#main-intro .scroll-down a {
    padding: 0;
    text-align: center;
}
#main-intro .scroll-down i {
    font-size: 28px;
}
#main-intro .scroll-down span {
    font-size: 13px;
    letter-spacing: 0.02em;
}
.mainPage .text-top h2 {
    margin: 0 0 50px;
    /* margin: 0 0 40px; */
    font-size: 28px;
    font-weight: 600;
    color: #1e253d;
    line-height: 1.3em;
}
.mainPage .text-top p {
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 500;
    color: #1e253d;
}
.mainPage .text {
	width: 46%;
}
.mainPage .image {
	width: 54%;
}
/* Section1 */
.mainPage #section1 {
    padding: 140px 0;
}
.mainPage #section1 .text-top {
    text-align: center;
}
.mainPage ul.list-work {
    width: 100%;
    display: inline-block;
    margin: 30px 0 0;
}
.mainPage ul.list-work > li {
    float: left;
    width: 33.3%;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
}
.mainPage ul.list-work > li a {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.11);
}
.mainPage ul.list-work > li .top {
    position: relative;
    overflow: hidden;
}
.mainPage ul.list-work > li .top::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.35;
    z-index: 100;
}
.mainPage ul.list-work > li .top > img {
    transform: scale(1);
    transition: all .5s ease;
}
.mainPage ul.list-work > li .top .icon {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 110;
}
.mainPage ul.list-work > li .txt {
    padding: 20px;
    font-size: 21px;
    font-weight: 500;
    color: #122c85;
}
.mainPage ul.list-work > li a:hover .top > img {
    transform: scale(1.1);
}
.mainPage ul.list-work > li a:hover .txt {
    color: #fff;
    background: #122c85;
}
/* Section2 */
.mainPage #section2 {
    padding: 0;
}
.mainPage .box-link > .item {
    padding: 0;
}
.mainPage .box-link > .item a {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}
.mainPage .box-link > .item .inner {
    position: relative;
    z-index: 2;
    background: rgba(4, 23, 65, 0.5);
    color: #fff;
    width: 100%;
    height: 740px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 0 10px 0 rgb(0,0,0,0.5);
}
.mainPage .box-link > .item .inner::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #122c85;
    transition: opacity .5s ease;
    z-index: -1;
    opacity: 0;
}
.mainPage .box-link > .item img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform .5s ease;
}
.mainPage .box-link > .item h3 {
    margin: 0;
    font-size: 33px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 400;
    line-height: 1.3em;
}
.mainPage .box-link > .item h3::after {
    content: '〉';
    display: inline-block;
    margin-top: 30px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 38%;
    font-weight: 600;
}
.mainPage .box-link > .item a:hover{
    text-decoration: none;
}
.mainPage .box-link > .item a:hover .inner::before {
    opacity: 1;
}
.mainPage .box-link > .item a:hover h3::before {
    background: #fff;
}
.mainPage .box-link > .item a:hover h3::after {
    background: #1d6df1;
    border-color: #1d6df1;
}
.mainPage .box-link > .item a:hover img {
    transform: scale(1.1);
}
/* Section3 */
.mainPage #section3 .text-top h2 {
    font-size: 28px;
    color: #20273f;
	margin-top: 21px;
}
.mainPage #section3 .text-top p {
    font-weight: 600;
    color: #2e3133;
	line-height: 1.65;
}
.mainPage #section3 .text a {
    padding: 12px 32px;
    color: #fff;
    background: #1d6df1;
    line-height: 1em;
    position: relative;
    display: inline-block;
    margin-top: 25px;
    font-size: 16px;
    text-decoration: none;
}
.mainPage #section3 .text a:hover {
    background: #2338aa;
}

.glyphicon-chevron-right:before{
    content: "";
    background: url(/skin/img/main/arrow_next.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 100px;
    top: -100%;
}
.glyphicon-chevron-left:before{
    content: "";
    background: url(/skin/img/main/arrow_prev.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 100px;
    top: -100%;
}
@media (min-width: 768px){
    .col-sm-125{
        width : 12.5%;
    }
    .col-sm-20 {
        width: 20%;
    }
    .col-sm-1425{
        width : 14.25%;
    }
    .col-sm-20, .col-sm-125, .col-sm-1425 {
        float : left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-sm-1425{
        padding : 30px 0; 
    }
}
.caret{
    display : none;
}
/* subpage setting */
.subpage:not(#introduction){
    margin-top: 90px;
}
.sub-layout {
    width: 100%;
    padding: 0;
    margin: 0;
}
.pageheader {
    height : 245px;
    position: relative;
    background: #000 url(/skin/img/sub/subTop02.jpg) no-repeat center / cover;
}
#rnd .pageheader {
    background: #fff url(/skin/img/sub/subTop03.jpg) no-repeat center / cover;
}
[id^="cmo"] .pageheader {
    background: #000 url(/skin/img/sub/subTop08.jpg) no-repeat center / cover;
}
[id^="recruit"] .pageheader {
    background: #000 url(/skin/img/sub/subTop09.jpg) no-repeat center / cover;
}
/* #cmo04 .pageheader {
    background: #000 url(/skin/img/sub/subTop08.jpg) no-repeat center / cover;
} */
[id^="cmo"] .pageheader::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.3;
}
#chc .pageheader {
    background: #000 url(/skin/img/sub/subTop05.jpg) no-repeat center / cover;
}
#chc .pageheader::before,
[id^="recruit"] .pageheader::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.11;
}
[id^="product"] .pageheader {
    background: #000 url(/skin/img/sub/subTop06.jpg) no-repeat center / cover;
}
#notice .pageheader, #press_release .pageheader {
    background: #000 url(/skin/img/sub/subTop07.jpg) no-repeat center / cover;
}
[id^="product"] .pageheader::before, #notice .pageheader::before, #press_release .pageheader::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #293a72;
    opacity: 0.5;
}
[id^="product"] .pageheader::before {
    background: #d6c9d0;
    background: linear-gradient(90deg, rgba(252,242,240,1) 0%, #d6c9d0 50%, #46445c 100%);
}
[id^="product"] .pageheader h2, [id^="product"] .breadcrumb, [id^="product"] .breadcrumb>li.active {
    font-weight: 500;
    color: #000;
}
[id^="product"] .breadcrumb>li+li:before {
    color: #000;
}

.pageheader .container {
    height: 100%;
    position: relative;
}
.pageheader h2 {
    margin: 90px 0 15px;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.pageheader p {
    text-align : center;
    color : #fff;
}
.breadcrumb {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    background: transparent;
}
.breadcrumb>li+li:before {
    content: '〉';
    font-size: 90%;
    font-weight: 600;
    color: #fff;
}
.breadcrumb>li.active {
    color: #fff;
}

.snb {
    border-bottom: 1px solid #ddd;
}
.snb ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
}
.snb ul > li a {
    position: relative;
    display: inline-block;
    margin: 0 30px;
    padding: 3px 0px 0;
    line-height: 58px;
    text-align: center;
    font-weight: 500;
    color: #959595;
    font-size: 18px;
    text-decoration: none;
}
.snb ul > li a::after {
    content: '';
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute;
    border-top: 2px solid transparent;
}
.snb ul > li.active a {
    color: #000;
}
.snb ul > li.active a::after {
    border-color: #333;
}
.snb ul > li:not(.active) a:hover {
    color: #333;
}
.snb ul > li:not(.active) a:hover::after {
    border-color: #333;
}

.subpage-content > section {
    padding: 120px 0;
}
.subpage-content > section.se01{
    padding-bottom: 0;
}
section>.container{
    position: relative;
    z-index: 5;
}
.subpage-content > section:last-child {
    padding-bottom: 150px;
}
.subpage-content .title {
    margin-bottom: 100px;
    text-align: center;
}
.subpage-content .title:last-child {
    margin-bottom: 0;
}
.subpage-content .title h1 {
    font-size: 40px;
    margin: 0 0 45px;
    font-weight: 600;
    color: #2d3235;
    letter-spacing: -0.05em;
}
.subpage-content .title p {
    font-size: 23px;
    color: #1c1c1c;
	line-height: 1.55;
	letter-spacing: -0.06em;
	margin-bottom: 0;
}
.subpage-content .title.bbs p {
    font-weight: 500;
    color: #666;
}
.subpage-content .title p.en {
    margin: -25px 0 50px;
    font-weight: 700;
	letter-spacing: 0.01em;
}

.title-lv-1 {
    font-size: 38px;
    margin: 0 0 90px;
    font-weight: 700;
    color: #2d3235;
    letter-spacing: -0.05em;
    text-align: center;
}
.title-lv-1+.desc {
    margin: -5px 0 45px;
    font-size: 22px;
    text-align: center;
}

.space-bottom {
    margin-bottom: 120px;
}

.box-icon > .box {
    text-align: center;
}
.box-icon > .box .tit {
    margin: 25px 0 30px;
    font-size: 23px;
    font-weight: 600;
    color: #000;
	letter-spacing: -0.05em;
}
.box-icon > .box p {
    font-size: 18px;
    color: #000;
    line-height: 1.6em;
}
.box-service{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 0 60px;
}
.box-service > .box {
    color: #fff;
    text-align: center;
}
.box-service > .box i{
    font-size: 64px;
}
.box-service > .box h4 {
    margin: 47px 0 0;
    font-size: 22px;
    font-weight: 400;
}
#cmo01 #section4 h3 {
    margin-bottom: 45px;
}
ul.list-inquiry {
    display: inline-block;
    margin: 0;
    min-width: 30%;
    text-align: left;
}
ul.list-inquiry > li {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    color: #101d69;
}
ul.list-inquiry > li+li {
    margin-top: 25px;
}
ul.list-inquiry > li img {
    width: 41px;
}
ul.list-inquiry > li span {
    flex: 1;
    padding-left: 30px;
	font-weight: 600;
}

/* 소개 (페이지) */
#introduction .pageheader {
    height: 750px;
	background: #001 url(/skin/img/sub/subTop01.jpg) no-repeat center / cover;
}
#introduction .pageheader::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.3;
}
#introduction .pageheader .text {
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
    text-align: center;
    transform: translate(-50%,-50%);
}
#introduction .pageheader .text h1 {
    margin: 0 0 80px;
    font-size: 20px;
    color: #fff;
font-weight: 400;}
#introduction .pageheader .text p {
    font-size: 34px;
letter-spacing: -0.045em;}
.scroll-down {
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
}
.scroll-down a {
    display: inline-block;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
}
.scroll-down a:hover {
    opacity: 1;
}
.scroll-down i {
    display: block;
    margin-bottom: 3px;
    font-size: 32px;
    line-height: 0em;
}
.scroll-down span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05px;
}
#introduction .subpage-content h2 {
    margin: 0 0 100px;
    font-size: 38px;
    font-weight: 600;
    color: #5b6dab;
    letter-spacing: 0;
    text-align: center;
}
#introduction .box-text {
    text-align: center;
}
#introduction .box-text h2 {
    margin: 0 0 20px;
}
#introduction .box-text p {
    font-size: 23px;
    font-weight: 500;
    color: #000;
letter-spacing: -0.045em;}

#introduction #section1 hr {
    margin: 90px 0;
    border-color: #b5bdd9;
}
#introduction #section2 {
    padding: 150px 0;
    background: #f4f7fe;
}
#introduction .box-value > .box {
    text-align: center;
}
#introduction .box-value > .box h3 {
    margin: 22px 0 20px;
    font-size: 28px;
    font-weight: 500;
    color: #00157a;
    letter-spacing: 0;
}
#introduction .box-value > .box h3 i {
    font-style: normal;
    color: #2b75f0;
	font-weight: 700;
}
#introduction .box-value > .box p {
    font-size: 20px;
    font-weight: 500;
    color: #000;
	line-height: 1.5;
	letter-spacing: -0.045em;
}
#chc #section3,
#cmo01 #section3,
#cmo04 #section3,
#rnd #section2,
#introduction #section3,
#introduction #section4 {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#cmo01 #section3{
    background-image: url(/skin/img/sub/cmo_section03_bg.jpg);
    background-attachment: fixed;
}
#cmo04 #section3{
    background-image: url(/skin/img/sub/cmo04_section03_bg.jpg);
    background-attachment: fixed;
}
#rnd #section2{
    background-image: url(/skin/img/sub/rnd_section02_bg.jpg);
    background-attachment: fixed;
}
#introduction #section3{
    padding: 150px 0;
    background-image: url(/skin/img/sub/introduction_section03_bg.jpg);
}
#introduction #section4 {
    padding: 320px 0;
    background-attachment: fixed;
    background-image: url(/skin/img/sub/introduction_section04_bg.jpg);
}
#cmo01 #section3::before,
#cmo04 #section3::before,
#rnd #section2::before,
#introduction #section4::before{
    content: '';
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}
#rnd #section2::before{
    background: linear-gradient(to right,  rgba(165,192,223,1) 0%,rgba(165,192,223,1) 44%,rgba(165,192,223,0) 90%);
}
#chc #section3::before,
#cmo02 #section3::before,
#cmo01 #section3::before{
    background: rgba(0,0,0,0.5);
}
#cmo04 #section3::before{
    background: rgba(0,0,0,0.3);
}
#introduction #section4::before{
    background: rgba(0,0,0,0.2);
}
#introduction #section3 h2 {
    color: #00157a;
}
#introduction .box-spirit {
    margin: 0 -8px;
}
#introduction .box-spirit > .box {
    padding: 0 8px;
}
#introduction .box-spirit > .box .inner {
    padding: 90px 30px;
    text-align: center;
    background: rgba(255,255,255,0.9);
    box-shadow: 3px 3px 20px 0 rgba(0,0,0,0.15);
}
#introduction .box-spirit > .box h3 {
    margin: 40px 0 20px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
	letter-spacing: -0.055em;
}
#introduction .box-spirit > .box p {
    font-size: 18px;
    color: #000;
	letter-spacing: -0.045em;
	line-height: 1.4;
	margin-bottom: 0;
}
#introduction #section4 p {
    margin: 0;
    font-size: 33px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4em;
}

/* 경영진 (페이지) */
.box-leadership > .block {
    display: flex;
    justify-content: center;
    gap: 6vw;
}
.box-leadership > .block+.block {
    margin-top: 80px;
    padding-top: 80px;
    border-top: 1px solid #122c85;
}
.box-leadership .member {
    width: 200px;
    height: 200px;
}
.box-leadership .member .inner {
    height: 100%;
    padding: 48px 15px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    background: #1d6df1;
    border-radius: 30px;
}
.box-leadership .member .position {
    font-weight: 600;
    color: #00dddc;
}
.box-leadership .member .name {
    margin: 15px 0 10px;
    font-size: 35px;
    letter-spacing: 0.2em;
    line-height: 1em;
}
.box-leadership .member .info {
    font-weight: 500;
}
.box-leadership > .block2 .member .inner {
    background: #e0f1ff;
}
.box-leadership > .block2 .member .position {
    color: #2e6cf1;
}
.box-leadership > .block2 .member .name {
    color: #0a2682;
}
.box-leadership > .block2 .member .info {
    color: #0a2682;
}
.box-leadership > .block3 .member .inner {
    background: #1d65b4;
}

/* 연혁 (페이지) */
.wrap-history {
    position: relative;
}
#history #row1::before {
    content: '';
    display: block;
    background: url(/skin/img/sub/history-bg.png) no-repeat center;
    width: 1280px;
    height: 557px;
    position: absolute;
	top: 25px;
	left: 240px;
	z-index: -1;opacity: .6;
}
.wrap-history::before {
    content: '';
    top: 12px;
    left: 50%;
    height: 97%;
    position: absolute;
    border-left: 2px solid #1d6df1;
    z-index: 100;
}
.history-block {
    width: 100%;
    position: relative;
    display: inline-block;
}
.history-block:not(:last-child) {
    margin-bottom: 160px;
}
.history-block:not(:first-child)::before {
    content: '';
    top: -85px;
    left: 4%;
    width: 92%;
    position: absolute;
    border-top: 1px solid #ddd;
}
.history-block > .year {
    float: left;
    width: 50%;
    position: relative;
    margin: -10px 0 20px;
    padding-right: 50px;
    font-size: 50px;
    color: #0b2682;
    font-weight: 700;
    line-height: 1em;
    text-align: right;
}
.history-block > .year::before {
    content: '';
    top: 17px;
    right: -5px;
    width: 8px;
    height: 8px;
    position: absolute;
    background: #1d6df1;
    border-radius: 20px;
}
.history-block > .detail {
    float: right;
    width: 50%;
    position: relative;
    padding: 0 0 0 50px;
}
.history-block > .detail img {
    margin-top: 25px;
}
.history-block > .detail ul li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 48px;
    font-size: 18px;
font-weight: 300;color: #000;}
.history-block:last-child > .detail ul li {
    padding-left: 78px;
}
.history-block > .detail ul li .month {
    top: 0;
    left: 0;
    position: absolute;
    font-weight: 800;
    color: #0b2682;
}
.history-block > .detail ul li em {
    padding-left: 5px;
    font-style: normal;
    color: #1d6df1;
}

/* 오시는길 (페이지) */
#location h3 {
    margin: 0 0 25px;
    font-size: 29px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.07em;
}
#location #row1 .top {
    margin-bottom: 80px;
}
#location #row1 .left {
    padding-right: 30px;
}
#location #row1 .right {
    padding-left: 30px;
}
ul.list-contact {
    min-height: 91px;
    margin-bottom: 30px;
}
ul.list-contact > li {
    position: relative;
    padding-left: 30px;
    font-size: 19px;
    font-weight: 500;
}
ul.list-contact > li img {
    top: 5px;
    left: 0;
    position: absolute;
	width: 17px;
}
ul.list-contact > li+li {
    margin-top: 10px;
}
.list-contact > li:first-child img {
	top: 0px;
}
/* R&D (페이지) */
#rnd .pageheader h2,
#rnd .breadcrumb,
#rnd .breadcrumb>li.active {
    font-weight: 500;
    color: #000;
}
#rnd .breadcrumb>li+li:before {
    color: #000;
}
#rnd .subpage-content > section {
    padding: 150px 0;
}
#rnd #section2 {
    padding: 200px 0;
    text-align: center;
}
#rnd #section2 p {
    color: #fff;
    font-size: 34px;
	letter-spacing: 0.02em;
	font-weight: 300;
	line-height: 1.4;
}
.box-research .box{
    display: flex;
    align-items: center;
}
.box-research .img-box{
    width: 100px;
    margin-right: 25px;
}
.box-research .clearfix{
    margin-bottom: 60px;
}
.box-research .box .detail{
    flex: 1;
}
#rnd h4 {
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -0.055em;
}
.box-research .box p {
	font-size: 17px;
}
#rnd .row.box-research {
    padding: 0px 40px;
}

/* CMO>개요 (페이지) */
.box-cdmo-summary {
    margin: 0 -10px;
}
.box-cdmo-summary > .item {
    padding: 0 10px;
}
.box-cdmo-summary > .item a {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.11);
}
.box-cdmo-summary > .item .top {
    position: relative;
    overflow: hidden;
}
.box-cdmo-summary > .item .top > img {
    transform: scale(1);
    transition: all .5s ease;
}
.box-cdmo-summary > .item .txt {
    padding: 60px;
    text-align: center;
}
.box-cdmo-summary > .item .txt h3 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-right: 55px;
    font-size: 28px;
    font-weight: 500;
    color: #122c85;
}
.box-cdmo-summary > .item .txt h3::after {
    content: '〉';
    right: 0;
    top: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #122c85;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #122c85;
    border-radius: 50%;
    transform: translateY(-50%);
}
.box-cdmo-summary > .item a:hover .top > img {
    transform: scale(1.1);
}
.box-cdmo-summary > .item a:hover .txt {
    background: #122c85;
}
.box-cdmo-summary > .item a:hover .txt h3 {
    color: #fff;
}
.box-cdmo-summary > .item a:hover .txt h3::after {
    color: #fff;
    border-color: #fff;
}


/* CMO>사업안내 (페이지) */

/* CMO>제약 (페이지) */
#cmo01 #section2,
#cmo04 #section2 {
    padding: 150px 0;
    background: #f4f7fe;
}
#cmo01 #section3,
#cmo04 #section3 {
    padding: 180px 0;
}
#cmo01 #section3 h3,
#cmo04 #section3 h3 {
    color: #fff;
	margin: 0 0 100px;
}

/* CMO>생산시설 (페이지) */
.nav.nav-style {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 100px;
    text-align: center;
    border-bottom: none;
}
.nav.nav-style > li {
    display: inline-block;
}
.nav.nav-style > li > a {
    float: left;
    min-width: 180px;
    margin-right: 0;
    padding: 17px 15px;
    font-size: 19px;
    color: #afafaf;
    text-align: center;
    border: none;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}
.nav.nav-style > li:first-child > a {border-left: 1px solid #c1c1c1;}
.nav.nav-style > li:last-child > a {border-right: 1px solid #c1c1c1;}
.nav.nav-style > li.active > a {
    font-weight: 500;
    color: #fff;
    background: #1d6df1;
    border-color: #1d6df1;
}
.nav.nav-style > li:not(.active) > a:hover,
.nav.nav-style > li:not(.active) > a:focus {
    font-weight: 500;
    color: #1d6df1;
    background: transparent;
}
ol.list-process {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
ol.list-process > li {
    flex-basis: 25%;
    position: relative;
    text-align: center;
}
#tab2 ol.list-process > li {
    flex-basis: 20%;
}
#tab4 ol.list-process > li,
#tab5 ol.list-process > li {
    flex-basis: 33.3%;
}
ol.list-process > li+li::before {
    content: '';
    top: 50px;
    left: -40px;
    width: 80px;
    position: absolute;
    border-top: 1px solid #dadada;
}
#tab2 ol.list-process > li+li::before {
    left: -25px;
    width: 40px;
}
#tab4 ol.list-process > li+li::before,
#tab5 ol.list-process > li+li::before {
    left: -80px;
    width: 140px;
}
ol.list-process > li .detail {
    position: relative;
    display: inline-block;
    margin: 80px auto 0;
    padding-left: 32px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6em;
    text-align: left;
}
ol.list-process > li .detail .num {
    width: 22px;
    height: 22px;
    top: -1px;
    left: 0;
    position: absolute;
    padding-top: 5px;
    font-size: 75%;
    font-weight: 600;
    color: #fff;
    line-height: 1em;
    text-align: center;
    background: #808080;
    border-radius: 50px;
}
ol.list-process > li .detail h4 {
    margin: 0 0 10px;
    font-weight: 700;
	color: #000;
}

/* CHC (페이지) */
#chc #section2 {
    padding: 150px 0;
    background: #f4f7fe;
}
#chc #section3 {
    padding: 180px 0;
    background-image: url(/skin/img/sub/chc_section03_bg2.jpg);
    background-attachment: fixed;
}
#chc #section3::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.3);
    /* background: rgba(0,0,0,0.4); */
}
/* #chc #section3 > .container {
    width: 1300px;
} */
#chc #section3 .box-service {
    padding: 0;
}
#chc #section3 h3 {
    color: #fff;
	margin-bottom: 100px;
}
#chc #section4 h3 {
    margin-bottom: 45px;
}

/* 제품>제품검색 (게시판) */
/* 검색영역 */
#product01 .bbs-area form[id="insertForm"] .col-md-7 {
    width: 100%;
    margin-bottom: 45px;
}
#product01 .bbs-area form[id="insertForm"] .col-md-7 .form-control {
    height: 50px;
    font-size: 15px;
}
#product01 #insertForm .input-group .btn {
    min-width: 80px;
    padding: 13px 12px;
    font-size: 15px;
}
#product01 .filter-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 60px;
    padding: 0;
    background: #fff;
    border: none;
}
#product01 .filter-items > a {
    flex-basis: 20%;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}
#product01 .filter-items .filter-label {
    width: 100%;
    height: 170px;
    min-width: unset;
    position: relative;
    margin-right: 0;
    padding: 30px;
    padding-top: 100px;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #e2e2e2;
}
#product01 .filter-items > a:not([class^='filter-idx']) > .filter-label {
    padding-top: 50px;
}
#product01 .filter-items > a:hover .filter-label {
    color: #1d6df1;
    border-color: #1d6df1;
}
#product01 .filter-items .filter-label::before {
    content: '';
    position: absolute;
}
#product01 .filter-items > a.filter-idx1 > .filter-label::before {
    top: 47px;
    left: 39%;
    width: 52px;
    height: 43px;
    background: url(/skin/img/sub/product01_filter_icon01.png) no-repeat;
}
#product01 .filter-items > a.filter-idx2 > .filter-label::before {
    top: 37px;
    left: 39%;
    width: 44px;
    height: 53px;
    background: url(/skin/img/sub/product01_filter_icon02.png) no-repeat;
}
#product01 .filter-items > a.filter-idx3 > .filter-label::before {
    top: 35px;
    left: 43%;
    width: 31px;
    height: 59px;
    background: url(/skin/img/sub/product01_filter_icon03.png) no-repeat;
}
#product01 .filter-items > a.filter-idx4 > .filter-label::before {
    top: 35px;
    left: 43%;
    width: 29px;
    height: 60px;
    background: url(/skin/img/sub/product01_filter_icon04.png) no-repeat;
}
#product01 .filter-items > a.on > .filter-label {
    color: #1d6df1;
    background: #fff;
    border-color: #1d6df1;
}
/* 제품검색 글 상세 페이지 */
.prod_detail .prod-label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    color: #1d6df1;
    background: #e8f0fe;
    border-radius: 30px;
}
.prod_detail .prod-title {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 700;
}
.prod_detail .prod-title .en {
    padding-left: 10px;
    font-size: 55%;
    font-weight: 600;
    letter-spacing: -0.3px;
}
.prod-table {
    margin-bottom: 20px;
    border-top: 1px solid #6e7db1;
}
.prod-table > tbody > tr > th,
.prod-table > tbody > tr > td {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #6e7db1;
    vertical-align: middle;
	color:#111;
}
.prod-table > tbody > tr > th {
    width: 160px;
    background: #eee;
}
.prod_detail .view_detail {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #1d6df1;
}
.prod_detail .view_detail::after {
    content: '〉';
    top: 0px;
    right: -17px;
    position: absolute;
    font-size: 88%;
    font-weight: 900;
}

/* 오시는길 (페이지) */


/*intro01*/
/* .dia-wrap{
    display : flex;
}
.dia-wrap > div{
    display: flex;
    width : 50%;
    justify-content: space-around;
}
.dia-box{
    background: #56c9d6;
    display: inline-block;
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
}
.dia-box p:before{
    content: "";
    background: url(/skin/img/sub/image8.png) no-repeat center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 80px;
}
.dia-box:nth-child(4) p:before{
    background: url(/skin/img/sub/image6.png) no-repeat center;
}
.dia-box p{
    margin : 0;
    padding : 100px 0;
    font-size : 18px;
    text-align :center;
    color : #fff;
}
.dia-box div{
    display: inline-block;
    background: white;
    width: 100px;
    height: 50px;
    position: absolute;
}
.dia-box div:nth-child(1){
    transform: rotate(-25deg);
    left: -20%;
    top: -18%;
}
.dia-box div:nth-child(2){
    transform: rotate(25deg);
    right: -20%;
    top: -18%;
}
.dia-box div:nth-child(4){
    transform: rotate(25deg);
    left: -20%;
    bottom: -18%;
}
.dia-box div:nth-child(5){
    transform: rotate(-25deg);
    right: -20%;
    bottom: -18%;
}
.dia-wrap .s-dia{
    width : 120px;
}
.dia-wrap .s-dia{
    position : relative;
    background: #d1faff;
}
.dia-wrap .s-dia:nth-child(3){
    position : relative;
    right : -10%;
}
.s-dia p:before{
    content : none;
}
.s-dia p{
    padding : 50px 0;
    color : #000;
}
.second-line .s-dia{
    background : #ddd;
}
.second-line{
    display : flex;
    flex-flow : wrap;
}
.second-line > div:first-child{
    flex-basis : 100%
}
.second-line > div:not(:first-child){
    flex-basis : 50%;
    flex-grow : 1;
}
.dia-wrap .middle-box{
    position: absolute;
    right: 0;
    width: 200px;
    height: 170px;
    transform: translate(50%);
    background: #273895;
}
.dia-wrap .middle-box > div{
    width : 150px;
}
.dia-wrap .middle-box  div:nth-child(1){
    transform: rotate(-20deg);
    left: -10%;
    top: -20%;
}
.dia-wrap .middle-box  div:nth-child(2){
    transform: rotate(20deg);
    right: -10%;
    top: -20%;
}
.dia-wrap .middle-box  div:nth-child(4){
    transform: rotate(20deg);
    left: -10%;
    bottom: -20%;
}
.dia-wrap .middle-box  div:nth-child(5){
    transform: rotate(-20deg);
    right: -10%;
    bottom: -20%;
}
.middle-box p{
    color : #fff;
    text-align : center;
    padding : 65px 0;
    font-size : 30px;
    margin : 0;
}
.middle-box p:before{
    content : none;
}
.greet-con h4 {
    font-size: 28px;
    color: #222;
    position: relative;
    font-weight: 600;
    text-align: center;
    margin: 0 0 25px;
}
.se1 .greet-con h4 {
	margin-bottom: 30px;
}
.greet-con p {
    font-size: 16px;
    text-align: center;
    color: #616161;
    line-height: 1.65;
    margin: 0 0 30px;
}
.greet-con h5 {
    font-size: 28px;
    text-align: center;
    color: #273895;
    font-weight: 400;
    letter-spacing: -0.01em;
    margin: 0 0 15px;
}
#intro01 .se06 .col-sm-12{
	text-align: center;
} */

/*intro02*/
/* #intro02 .table ul{
    margin : 0;
    padding : 0;
    text-align : left;
}
#intro02 .table ul li {
    padding-left: 10px;
    margin: 3px 0;
}
#intro02 .table ul li:before{
    content : "·";
    margin-right : 5px;
}
#intro02 .table tr > th {
    font-size: 16px;
}

#intro06 .se01 .desc .name{
	margin-top: 40px;
}

#intro06 .greet-top{
    position: relative;
    margin-bottom: 100px;
}

.greent-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.greent-title h5 {
    color: #ddd;
    font-weight: 900;
    padding-bottom: 50px;
}

.greent-title p {
    color: red;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -130%;
    word-wrap: break-word;
}

.body-layout[lang="en"] .greent-title p{
	bottom: -90%;
}

.greet-bot-box{
    width: 25%;
    float: left;
    text-align: center;
}

.greet-bot-box h6 {
    padding: 20px 0;
    font-size: 22px;
    color: #273895;
}

.greet-bot-box p {
    padding: 0 15px;
}

.greet-con1{
    margin: 150px 0;
}

.cires{
    float: right;
} */

/*CMO01*/
/* #cmo01 .se1 > div{
	padding-bottom: 70px;
}
#cmo01 .se1 > div:last-child{
	padding-bottom: 0px;
}
#cmo01 .se1 .col-sm-8{
	padding-top: 35px;
}
#cmo01 .se1 .col-sm-8 > div{
	padding: 0;
}
#cmo01 .tit-wrap{
	margin-right: 50px;
	border-bottom: 3px solid #000;
}
#cmo01 .tit-wrap  *{
	margin: 0 0 10px 0;
}
#cmo01 .tit-wrap h4{
	font-size: 28px;
    color: #222;
    position: relative;
    font-weight: 600;
}
#cmo01 .tit-wrap h5{
	font-size: 16px;
	color: #777;
}
#cmo01 .img01{
	margin-bottom: 20px;
}
#cmo01 .info{
	padding-left: 15px;
	font-size: 15px;
} */
.li-square {
	margin: 0;
}
.li-square li{
	position: relative;
	padding-left: 15px;
	font-size: 17px;
    color: #222;
    line-height: 1.5;
}
.li-square li:before{
	content:"";
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background: rgba(1,176,241);
}

/* #timeline {
    position: relative;
    height: 100%;
    padding-top: 70px;
    margin-top: 20px;
}

#timeline::before {
	content: ' ';
	width: 1px;
	height: 100%;
	background-color: #dce4ec;
	display: block;
	position: absolute;
	left: 50%;
	top: 0
}

#timeline::after {
    content: ' ';
    width: 16px;
    height: 16px;
    background: #273895;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 50%;
    margin-left: -7px;
}
#timeline dl {
    float: left;
    width: 50%;
    margin-bottom: 3%;
    padding: 0px 20px;
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: both;
}
#timeline dl:nth-child(odd) {
	text-align: right;
	animation-name: fadeInLeft
}

#timeline dl:nth-child(even) {
    text-align: left;
    margin-top: 7%;
    animation-name: fadeInRight;
}

#timeline dl:nth-child(odd):before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: -5px;
    top: 10px;
    background: #fff;
    border: 2px solid #273895;
    border-radius: 50%;
}
#timeline dl:nth-child(even):before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -5px;
    top: 10px;
    background: #fff;
    border: 2px solid #273895;
    border-radius: 50%;
}

#timeline dl dt {
    font-size: 21px;
    color: #333;
    font-weight: 600;
    margin-bottom: 2px;
}

#timeline dl dd {
    font-weight: 400;
    color: #616161;
    font-size: 16px;
}

#timeline dl dd strong {
	margin: 0 5px
}

#timeline dl dd ul {
	margin: 0;
	padding: 0;
}

#timeline dl dd ul li {
    list-style: none;
    word-break: break-word;
    margin: 0 0 5px;
    line-height: 1.65;
}

#timeline dl:nth-child(even) dd ul {
	padding-left: 30px
}

#timeline dl:nth-child(even) dd ul li {
	text-indent: -30px
} */

/* @media (max-width: 767px) {
	#timeline {
		padding-top: 50px;
	}
	#timeline::before {
		left: 15px;
	}
	#timeline::after {
		left: 15px;
	}
	#timeline dl {
		width: 100%;
	}
	#timeline dl dt {
        padding-left:30px;
		font-size: 24px;
	}
	#timeline dl dd {
		font-size: 14px;
		word-break: keep-all
	}
	#timeline dl:nth-child(odd) {
		text-align: left;
	}
	#timeline dl:nth-child(odd):before,
	#timeline dl:nth-child(even):before {
		right: auto;
		left: 9px;
		top: 30px;
	}
	#timeline dl:nth-child(even) {
		margin-top: 0
	}
	#timeline dl:nth-child(odd) dd ul {
		padding-left: 35px
	}
	#timeline dl:nth-child(odd) dd ul li {
		text-indent: -30px
	}
	#timeline dl:nth-child(odd) dd ul li strong {
		position: relative;
		right: auto;
	}
	#timeline dl:nth-last-of-type(1)::after {
		right: auto;
		left: 12px;
		bottom: -1px;
	}
}
.v-one {
    position: relative;
    margin-bottom: 10px;
}
.v-one p {
    display: block;
    position: absolute;
    color: #fff;
    margin: 0;
    font-size: 26px;
    line-height: 1.3;
    text-align: center;
    left: 50%;
    top: 95px;
    transform: translateX(-50%);
}
.v-one span {
    display: inline-block;
    position: absolute;
    color: #229de6;
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
}
.v-two{
    display : flex;
}
.v-two > div{
    flex-basis : 25%;
}
.v-two .v-txt{
}
.v-two .v-txt p:nth-child(1) {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}
.v-two .v-txt p:nth-child(2) {
    padding: 8px 20px;
    margin: 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    color: #616161;
} */
/*con01-contact-page*/
/* .location-li{
    border-top: 2px solid #273895;
    margin: 20px 0 0;
	padding : 0;
}
.location-li li {
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    background: #f8f8f8;
    color: #616161;
}
.location-li li > *{
	float: left;
}
.location-li span {
    display: inline-block;
    min-width: 160px;
	width: 30%;
    font-weight: 500;
    color: #222;
    height: 100%;
    padding: 14px;
    background: #f8f8f8;
}
.location-li p{
	display: inline-block;
    width: 70%;
	margin: 0;
    background: #fff;
    padding: 14px;
}
.location-li span i {
    margin-right: 6px;
    color: #273895;
    display: inline-block;
    width: 15px;
    text-align: center;
} */

/* 고객센터 (페이지) */
.customer-wrap .num-item{
    display: flex;
    justify-content: space-between;
    background: #e5eef6;
    padding: 60px 80px;
    margin: 0;
}
.customer-wrap .num-item .left dt{
    font-size: 30px;
    color: #0b2682;
}
.customer-wrap .num-item .left dd{
    font-size: 28px;
    color: #1d6df1;
}
.customer-wrap .num-item .right{
    margin-right: 30px;
    font-size: 18px;
}
.list-step {
    background: #f4f4f4;
    padding: 60px 80px;
    display: flex;
    margin: 0;
}

.list-step > li {
    flex: 1;
    position: relative;
    display: inline-block;
    padding: 30px 0;
    text-align: center;
}

.list-step > li+li::before {
    content: '\f061';
    display: block;
    position: absolute;
    left: -10px;
    top: 50px;
    font-weight: 900;
    font-size: 20px;
    font-family: 'Font Awesome 5 Free';
    color: #888;
}

.list-step > li .txt {
    display: inline-block;
    margin-top: 10px;
    font-size: 21px;
    font-weight: 500;
    color: #122c85;
}

/* 채용안내 */
#recruit01 #section2 {
    padding: 150px 0;
    background: #f4f7fe;
}
#recruit01 #section2 h3 {
    margin-bottom: 45px;
}
.box-right-person {
    margin-top: -50px;
    padding: 55px 60px;
    background: #eaeaea;
    border-radius: 15px;
}
.box-right-person ul {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0;
}
.box-right-person ul li {
    font-size: 22px;
}
.box-right-person ul li .en {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}
.box-right-person ul li .en:first-letter {
    font-size: 110%;
    font-weight: 700;
}
.list-welfare {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}
.list-welfare > li .inner {
    padding: 40px;
    text-align: center;
    border: 1px solid #b5bdd9;
}
.list-welfare > li .txt {
    display: block;
    margin-top: 18px;
    font-size: 22px;
}
.list-recruit-process {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 90px;
}
.list-recruit-process > li {
    position: relative;
}
.list-recruit-process > li+li::before {
    content: "\ea5d";
    top: 42%;
    left: -33%;
    position: absolute;
    font-size: 49px;
    font-family: "Phosphor";
    color: #555;
    transform: translateY(-50%);
}
.list-recruit-process > li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: #f0f0f0;
    border-radius: 100%;
    aspect-ratio: 1;
}
.list-recruit-process > li .txt {
    display: block;
    margin-top: 25px;
    font-size: 21px;
    font-weight: 500;
    color: #122c85;
    text-align: center;
}
.btn-view-detail {
    padding: 18px 30px;
    position: relative;
    display: inline-block;
    margin-top: 110px;
    font-size: 20px;
    color: #fff !important;
    line-height: 1em;
    text-decoration: none;
    background: #1d6df1;
    border-radius: 0;
}
.btn-view-detail:hover {
    background: #2338aa;
}

/*submit-page*/
#mod_type_formForm {
    max-width: 800px;
    margin: 0 auto;
}
#mod_type_formForm .btn-primary {
	float: none !important;
    font-weight: 500;
    margin: 60px auto 0;
    border-radius: 0;
    width: 180px;
    height: 50px;
    border: 1px solid #1d6df1;
    color: #fff;
    background: #1d6df1;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    /* transition: all ease 0.3s; */
    line-height: 1;
    opacity: 1;
}
#mod_type_formForm .btn-primary:hover,
#mod_type_formForm .btn-primary:focus {
    background: #2338aa;
    border-color: #2338aa;
    /* background: #fff;
    color: #1d6df1; */
}
#mod_type_formForm .btn-primary .fa{
	display: none;
}
#mod_type_formForm h3 {
    font-size: 1.1em;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #424242;
    margin: 0 0 10px !important;
}
#mod_type_formForm h3 i{
	display: none;
}
#mod_type_formForm .form-control {
    box-shadow: none;
    border-color: #d3d3d3;
    background: #f8f8f8;
    height: auto;
    border-radius: 0;
    padding: 8px 12px;
	margin-bottom: 20px;
}
#mod_type_formForm .form-control:focus {
    border-color: #1d6df1;
	background:#fff;
}
#mod_type_formForm textarea.form-control {
    height: 200px !important;
}
#mod_type_formForm .category{
	padding-bottom: 20px;
}
#mod_type_formForm .agree-check .radio input[type="radio"],
#mod_type_formForm .category input[type="radio"]{
	margin: 5px 0 0 -20px;
}
#mod_type_formForm .agree-check .radio label,
#mod_type_formForm .category .radio label{
	padding-right: 15px;
}
#mod_type_formForm .agree{
	padding: 0 15px;
}
#mod_type_formForm .agree .form-control{
	display: none;
}
#mod_type_formForm .agree div:nth-child(2){
	padding: 30px;
	height: 200px;
	border: 1px solid #d3d3d3;
	font-size: 14px;
	overflow-y: scroll;
}
#mod_type_formForm .agree-check .radio{
	padding-top: 40px;
	text-align: center;
}

/* #mod_type_formForm > div:nth-child(6) div:nth-child(1){
	float: right;
    width: 95%;
}
#mod_type_formForm > div:nth-child(6) div:nth-child(2){
	display: none
}
#mod_type_formForm > div:nth-child(6) div:nth-child(3){
	float: left;
    width: 5%;
}
#mod_type_formForm > div:nth-child(6) div:nth-child(1) h3{
	font-size: 13px;
    color: #666;
    font-weight: 400;
    margin: 0;
}
#mod_type_formForm > div .checkbox label:last-child{
	display: none;
}
 */

/*footer*/
.footer_copy > div {
    padding: 55px 0;
    font-weight: 400;
    font-size: 13px;
    color: #b6b6b6;
    text-align: left;
    background: #1e253d;
}
.footer_copy .info {
	width: 81%;
	/* width: 68%; */
}
.footer_copy .logo {
	width: 19%;
	/* width: 32%; */
}
.footer_copy ul {
    margin: 0;
}
.footer_copy ul li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
	font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
}
.footer_copy ul li.name {
    font-weight: 600;
}
.footer_copy ul li.email,
.footer_copy ul li.addr2 {
    margin-left: 4px;
}
.footer_copy ul li.email::before,
.footer_copy ul li.addr1::before,
.footer_copy ul li.addr2::before {
    content: '';
    top: 7px;
    left: -13px;
    height: 10px;
    position: absolute;
    border-left: 1px solid;
    opacity: 0.7;
}
.footer_copy li.copy {
    margin: 17px 0 0;
    opacity: 0.8;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.1px;
}
.footer_copy .container + br {
    display: none;
}

/* login */
.login-layout,
.id-find-layout,
.pw-find-layout{
    background: #f5f5f5;
    padding: 100px 15px;
	margin-top:-30px;
}
.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel{
    box-shadow: none;
    max-width: 500px;
    padding: 80px 40px 80px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 0px;
}
.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr{
    display: none;
}
.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body{
    padding: 0;
}
.login-layout .panel-body > div.col-sm-12,
.id-find-layout .panel-body > div.col-sm-12,
.pw-find-layout .panel-body > div.col-sm-12 {
    float: none;
}
.login-layout .panel-body > div.col-sm-12 h2,
.id-find-layout .panel-body > div.col-sm-12 h2,
.pw-find-layout .panel-body > div.col-sm-12 h2{
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}
.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}
.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}
.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.login-layout label,
.id-find-layout label,
.pw-find-layout label{
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}
.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control{
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #d5d5d5;
    height: 40px;
    color: #616161;
    font-size: 15px;
}
.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus{
    border-color: #273895;
}
.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning{
    float: none;
    width: 100%;
    height: 50px;
    background: #273895;
    border-radius: 0px;
    border: none;
    font-size: 15px;
    letter-spacing: -0.03em;
    box-shadow: none;
    margin-top: 15px;
    transition: all ease 0.3s;
}
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover{
    background: #222;
}
.login-layout form > div > p,
.id-find-layout form > div > p,
.pw-find-layout form > div > p{
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}
.login-layout form > div > p + p,
.id-find-layout form > div > p + p,
.pw-find-layout form > div > p + p {
    border-left: 1px solid #ccc;
}
.login-layout form > div > p > a,
.id-find-layout form > div > p > a,
.pw-find-layout form > div > p > a{
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

/*mobile*/
@media (max-width:767px) {
	/* 모바일 로그인 */
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }
    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }
    .login-layout .panel-body > div.col-sm-12 h2,
    .id-find-layout .panel-body > div.col-sm-12 h2,
    .pw-find-layout .panel-body > div.col-sm-12 h2{
        font-size: 24px;
    }
    .inner-box-msg p {
        font-size: 12px;
    }
    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }
    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control{
        font-size: 13px;
        height: 36px;
    }
    .login-layout form > div > p > a,
    .id-find-layout form > div > p > a,
    .pw-find-layout form > div > p > a{
        font-size: 12px;
    }
    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning{
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}
.filter-items {
    text-align: center;
    padding: 40px 0 40px;
    margin: 0 0 50px;
    background: #fcfcfc;
    border: 1px solid #eee;
}
.filter-items .filter-label {
    padding: 0 21px;
    margin: 0;
    margin-right: -1px;
    min-width: 200px;
    height: 54px;
    line-height: 52px;
    font-size: 16px;
    text-align: center;
    color: #444;
    border: 1px solid #ddd;
    background: #fff;
}
.dh-board .filter-items > a > .filter-label:hover {
    background: #fff;
}
.dh-board .filter-items > a.on > .filter-label,
.dh-board .filter-items > a.on > .filter-label:hover {
    background: #444;
    position: relative;
    border-color: #444;
    color: #fff;
}
.dhb-txt-box-type-b-img-layout .thumb-hidden {
	min-height: 200px;
	height: 200px;
	max-height: 200px;
	box-shadow: none;
	border:none;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead img {
	width: 100%;
	height: 100%;
	float: left;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	visibility: hidden;
	opacity: 0;
}
.bbs-blog2-index-layout .dhb-txt-box-type-b {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0 15px 30px;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b > .row {
    margin: 0;
    border: 1px solid #ddd;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b > .row > div {
    padding: 0;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b > .row:hover {
    border-color: #bec1cc;
}

.dhb-txt-box-type-b-text-layout h4 {
    font-size: 15px!important;
    text-align: center;
    margin: 0;
	border-top: 1px solid #e8e8e8;
    padding: 20px 15px;
}
.dhb-txt-box-type-b-text-layout h4 strong {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dhb-txt-box-type-b-text-layout h4 strong a {
    font-weight: 500;
}

.dhb-txt-box-type-b-text-layout h4 .label{
	vertical-align:text-top;
}

.dhb-txt-box-type-b-text-layout h4 .label-danger {
    display: inline-block;
    background: rgba(0,0,0,0);
    color: #5987c6;
    padding: 0;
    font-size: 13px;
    line-height: 1;
    margin-top: -2px;
	margin-left: 7px;
}

.dhb-txt-box-type-b-text-layout h4:before,
.dhb-txt-box-type-b-text-layout .txt-box-footer{
	display:none;
}
.dh-attach + .col-xs-12{
	padding:50px 20px!important;
}
.prod-info .h5 {
    margin: 30px 0 7px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}
.prod-info .des {
    color: #616161;
    line-height: 1.65;
}

.dh-board,.dh-view-box,#insertForm,#mailForm,.bbs-list-view-layout + .row,.bbs-blog-view-layout + .row,#mod_type_formForm{
	visibility:hidden;
}
.dh-alert.text-center {
    margin: 0 0 40px;
    font-size: 18px;
}

.pagination > li > a,
.pagination > li > span {
    border: 1px solid #fff;
    border-radius: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    color: #555 !important;
    font-size: 16px;
    width: 35px;
    height: 35px;
    padding: 0;
    line-height: 33px;
    text-align: center;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border: 1px solid #ddd;
    font-size: 13px;
}

.pagination > li:last-child > a {
    margin-left: 10px;
}

.pagination > li:first-child > a {
    margin-right: 10px;
}

.pagination > .active > a,
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border: 1px solid #273895;
    background: #273895 !important;
    font-weight: 600;
    color: #fff !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    border-color: #fff;
    background: #fff;
}

#insertForm .input-group .btn {
    border-radius: 0;
    border-color: #ddd;
}

#insertForm .input-group .form-control {
    box-shadow: none;
    border-color: #ddd;
}

#insertForm .input-group #btnNew {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}


.dh-view-box {
    margin-top: 0;
}
.dh-view-box>.row>.page-header {
    margin: 0;
    padding: 22px 25px;
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;
}
.dh-view-box>.row>.page-header>h4 {
    margin: 0;
    font-size: 21px;
font-weight: 500;}
.dh-view-box>.row>.dh-view-info{
	display:none;
}
/* 이전글/다음글/목록 버튼 */
.dh-view-box .dh-line+.col-xs-12 {
    padding-top: 30px;
    text-align: center;
}

.dh-board .table-hover {
    margin: 0 0 30px;
    border-top: 2px solid #444;
    border-bottom: 1px solid #333;
}

.dh-board .table-hover thead tr th,
.dh-board .table-hover tbody tr th,
.dh-board .table-hover tbody tr td {
    padding: 15px 15px;
    font-size: 15px;
    color: #616161;
    line-height: 1.6;
    border-bottom: 1px solid #ddd
}
.dh-board .table-hover thead tr th,
.dh-board .table-hover tbody tr th {
    color: #333;
    background: #f6f6f6;
    padding: 13px 15px;
    font-weight: 500;
}

.table-hover>tbody>tr:hover {
    background-color: #fff;
}
.dh-board > .table-hover > tbody > tr > td > strong > a {
    font-weight:400;
}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {
    color: #222;
	text-decoration:underline;
}

.dh-board .label {
    display: inline-block;
    background: rgba(0,0,0,0);
    padding: 0;
    font-size: 13px;
    line-height: 1;
    margin-left: 5px;
}

.dh-board .label-danger {
    color: #5987c6;
}

.intro-img{
    margin: 30px 0 50px 0;
}

.intro-img p{
    font-size: 22px;
    text-align: center;
    color: #273895;
    letter-spacing: -0.01em;
    margin-top: 15px;
}

.header-mapping{
    margin-bottom: 30px;
}

/* #intro06 .greet-wrap{
    margin-bottom: 100px;
    padding-bottom: 50px;
    border-bottom: 1px solid #f2f2f2;
}

#intro01 .greet-con{
    margin-bottom: 50px;
}

#intro01 .greet-con .blue-point {
    font-size: 30px;
    text-align: left;
    color: #273895;
    font-weight: 600;
    line-height: 1.65;
    margin: 0 0 30px 0;
} */

.root_daum_roughmap {
    width: 100% !important;
}
/* 
.greet-li{
    margin:0 0 100px 0;
    text-align: center;
}

.greet-li li{
    color: #273895;
    font-size: 26px;
    margin-bottom: 15px;
} */

/* lang */
.lang-wrapper {
    top: 32px;
    right: 0;
    position: absolute;
}
.lang-wrap .lang {
    float: left;
    position: relative;
    padding: 3px 6px;
    font-size: 13px;
    color: #333;
    background: transparent;
    border: none;
    opacity: 0.8;
    cursor: pointer;
	font-weight: 600;
}
.lang-wrap .lang+.lang {
    margin-left: 10px;
}
.lang-wrap .lang+.lang::before {
    content: '';
    top: 7px;
    left: -6px;
    width: 1px;
    height: 10px;
    position: absolute;
    background: #333;
    opacity: 0.6;
}
.lang-wrap .active {
    opacity: 1;
}
.navbar-inverse.before .lang-wrap .lang {
    color: #fff;
}
.navbar-inverse.before .lang-wrap .lang+.lang::before {
    background: #fff;
}

/* .intro06_en .greent-title p {
    bottom: -100% !important;
} */
@media(max-width:767px){
    .navbar-inverse {
        padding-top: 30px;
        background: #fff;
    }
    .navbar-inverse .navbar-brand{
        margin: 10px 0px 0px !important;
    }
    .navbar-inverse .navbar-brand img {
        height: 20px;
        margin-left: 15px;
    }
    .navbar-inverse .navbar-toggle{
        padding: 8px 0 12px;
        border: 0 !important;
        background: transparent !important;
    }
    .navbar-toggle span{
        background:#333!important;
    }
    .navbar-nav {
        margin: 0 -15px;
    }
    .navbar-inverse .navbar-nav > li {
        border-top: 1px solid #eee;
    }
    .navbar-inverse .navbar-nav > li > a{
        padding:12px 20px;
        font-size:16px;
    }
    .navbar .navbar-nav > .dropdown > .dropdown-menu > li > a {
        white-space: initial;
    }
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover{color:#2338aa}
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover{color:#fff !important;background:#2338aa;border:none;border-top-color:#eee}
    .navbar-nav .open .dropdown-menu{padding:10px 0;background:#f8f8f8}
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{padding:10px 25px;color:#333}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{font-weight:600;color:#000}
    .lang-wrapper {
        top: 10px;
        right: 9px;
        position: absolute;
    }
    .lang-wrap .lang {
        font-size: 12px;
    }
    .main-snb{
        position:static;
        transform: none;
    }
    .carousel-caption{
        left:5%;
        right:5%;
        width: auto;
    }
    .carousel-caption img{
        max-width: 100%;
    }
    .main-snb .append-box{
        margin:0 -15px;
    }
    .main-snb a img{
        margin-bottom:25px;
        height:80px;
    }
    .main-snb a p{
        margin: 0 13px 15px;
        font-size: 12px;
    }
    .pageheader{
        height:200px;
    }
    .pageheader h2 {
        margin: 64px 0 10px;
        font-size: 35px;
    }
    .breadcrumb {
        font-size: 15px;
    }
    .snb {
        padding: 13px;
        border-bottom: none;
    }
    .snb .container {
        padding: 0;
    }
    .snb ul {
        width: 100%;
        margin: 0;
    }
    .snb ul > li {
        flex: 1 1 50%;
        padding: 2px;
        text-align: center;
    }
    .snb ul > li a {
        width: 100%;
        margin: 0;
        font-size: 15px;
        line-height: 36px;
        border: 1px solid #ddd;
    }
    .snb ul > li a::after {
        display: none;
    }
    .snb ul > li.active a {
        color: #fff;
        background: #122c85;
        border-color: #122c85;
    }
    /* .snb{
        margin-top:0;
    }
    .snb ul {
        margin: 0 30px;
    }
    .snb ul > li {
        flex: 1 1 0;
        text-align: center;
    }
    .snb ul > li a {
        margin: 0 20px;
        font-size: 16px;
        line-height: 48px;
    } */
    .subpage-content .title h3{
        padding: 35px 0;
        font-size:35px;
    }
    /* .greet-con h5 {
        font-size: 22px;
    } */
    .subpage-content section{
        padding-left:15px;
        padding-right:15px;
    }
    /* .intro-img p {
        font-size: 18px;
    }
    .greet-bot{
        display: flex;
        flex-wrap:wrap;
        margin:0 -15px;
    }
    .greet-bot-box{
        flex:0 0 50%;
        width:50%;
        padding:0 10px;
    }
    .greet-bot-box h6{
        font-size:18px;
    }
    .greet-bot-box p{
        padding:0;
    }
    #intro06 .greet-wrap{
        margin-bottom:0;
        padding-bottom:0;
    }
    #timeline dl:nth-child(odd) dd ul li,
    #timeline dl:nth-child(even) dd ul li {
        text-indent: 0;
    }
    #intro01 .greet-con .blue-point{
        margin-top:40px;
        text-align: center;
    } */
    .filter-items .filter-label{
        min-width: 165px;
        height: 44px;
        line-height: 42px;
        font-size: 14px;
    }
    .dh-margin-top{
        text-align: center;
    }
    /* .bbs-blog2-index-layout .dhb-txt-box-type-b{
        padding:0 0 30px;
    } */
    .bbs-area .writer,
    .bbs-area .hits,
    .bbs-area .regdate{
        display: none;
    }
    /* #cmo01 .tit-wrap{
        margin-right:0;
    }
    .location-li p{
        width:100%;
    } */
    .dh-board > .table-hover > tbody > tr > td > strong > a{
        white-space: initial;
        word-break: break-all;
    }
    #mod_type_formForm .agree-check .radio label, #mod_type_formForm .category .radio label{
        width: 100%;
    }
}
/*********** 모바일 최적화 시작 ***********/
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
    .subpage{margin-top:80px !important}
    .body-layout{font-size:15px;overflow-x:hidden}
    .scroll-down i{margin-bottom:10px;font-size:28px}
    .scroll-down span{font-size:14px}

    .mainPage #main-intro,
    .embed-responsive-16by9{height:100vh}
    .mainPage #main-intro .embed-responsive-item{top:-30px}
    .mainPage #main-intro .video-caption{top:22%;left:0;right:0;padding:0 15px}
    .mainPage #main-intro .video-caption h1{margin:0 0 20px;font-size:27px}
    .mainPage #main-intro .video-caption p{font-size:19px}
    #main-intro .scroll-down{bottom:-70px;left:15px}
    #main-intro .scroll-down i{margin-bottom:5px;font-size:24px}
    #main-intro .scroll-down span{font-size:11px}
    .mainPage section{padding:60px 0}
    .mainPage #section1{padding:60px 0}
    .mainPage .text-top h2{margin:0 0 30px;font-size:25px}
    .mainPage .text-top p{margin:0 0 20px;font-size:17px}
    .mainPage ul.list-work > li{width:100%}
    .mainPage ul.list-work > li+li{margin-top:20px}
    .mainPage ul.list-work > li .txt{padding:15px;font-size:18px}
    .mainPage .box-link > .item .inner{height:300px}
    .mainPage .box-link > .item img{top:50%;height:auto;transform:scale(1) translateY(-50%)}
    .mainPage .box-link > .item a:hover img{transform:scale(1) translateY(-50%)}
    .mainPage .box-link > .item h3{font-size:30px}
    .mainPage .text{width:100%}
    .mainPage #section3 .text-top h2{margin-top:0;font-size:25px}
    .mainPage #section3 .text a{padding:11px 28px;margin-top:15px;font-size:15px}
    .mainPage .image{width:100%;margin-top:35px}

    .footer_copy > div{padding:30px 0}
    .footer_copy .logo{width:100%}
    .footer_copy .logo img{height:30px;margin-bottom:15px}
    .footer_copy .info{width:100%}
    .footer_copy ul li{margin-right:12px;font-size:12px;line-height:21px}
    .footer_copy ul li.email,
    .footer_copy ul li.addr2{margin-left:0}
    .footer_copy ul li.email::before,
    .footer_copy ul li.addr1::before,
    .footer_copy ul li.addr2::before{display:none}
    .footer_copy li.copy{margin:12px 0 0;font-size:10px}

    .subpage-content > section{padding:80px 0}
    .subpage-content > section:last-child{padding-bottom:80px}
    .subpage-content .title{margin-bottom:60px}
    .subpage-content .title h1{font-size:32px;margin:0 0 30px}
    .subpage-content .title p{font-size:19px;line-height:1.5}
    .subpage-content .title p.en{margin:-20px 0 30px}
    .title-lv-1{font-size:32px;margin:0 0 60px}
    .title-lv-1+.desc{margin:-10px 0 35px;font-size:20px}
    .space-bottom{margin-bottom:80px}
    
    #introduction .pageheader{height:350px}
    #introduction .pageheader .text{top:43%}
    #introduction .pageheader .text h1{margin:0 0 30px;font-size:18px}
    #introduction .pageheader .text p{font-size:24px}
    #introduction .subpage-content h2{margin:0 0 45px;font-size:34px}
    #introduction .box-text h2{margin:0 0 20px}
    #introduction .box-text p{font-size:20px}
    #introduction #section1 hr{margin:45px 0}
    #introduction #section2{padding:80px 0}
    #introduction .box-value > .box+.box{margin-top:30px}
    #introduction .box-value > .box h3{margin:18px 0 16px;font-size:25px}
    #introduction .box-value > .box p{font-size:18px}
    #introduction #section4{padding:100px 0;background-attachment:initial}
    #introduction #section4 p{font-size:30px}
    #introduction #section3{padding:80px 0}
    #introduction .box-spirit > .box+.box{margin-top:20px}
    #introduction .box-spirit > .box .inner{padding:30px 10px}
    #introduction .box-spirit > .box h3{margin:25px 0 18px;font-size:19px}
    #introduction .box-spirit > .box p{font-size:16px}
    .box-leadership > .block{flex-direction:column;gap:15px}
    .box-leadership > .block+.block{margin-top:40px;padding-top:40px}
    .box-leadership .member{width:100%;height:auto}
    .box-leadership .member .inner{padding:25px 15px;font-size:16px}
    .box-leadership .member .name{margin:12px 0 8px;font-size:29px}
    .history-block:not(:last-child){margin-bottom:80px}
    .history-block:not(:first-child)::before{top:-45px;left:6%}
    .wrap-history::before{top:12px;left:15px;height:98.3%}
    .history-block > .year{width:100%;margin:-10px 0 15px;padding:0 0 0 25px;font-size:38px;text-align:left}
    .history-block > .year::before{top:14px;right:auto;left:-3px}
    .history-block > .detail{float:left;width:100%;padding:0 0 0 25px}
    .history-block > .detail ul li{padding-left:35px;font-size:15px}
    .history-block > .detail ul li em{display:block}
    .history-block > .detail img{margin-top:20px}
    #location h3{margin:0 0 20px;font-size:24px}
    #location #row1 .right{padding:45px 15px 0}
    ul.list-contact{min-height:unset}
    ul.list-contact > li{font-size:17px}
    #location .root_daum_roughmap{height:300px}
    [id^="product"] .pageheader{background-position:62% 50%}
    #product01 #insertForm .input-group .btn{padding:10px;font-size:14px}
    #product01 .bbs-area form[id="insertForm"] .col-md-7 .form-control{height:42px;font-size:14px}
    #product01 .filter-items{margin:0 -10px 40px;padding:0 5px}
    #product01 .filter-items > a{flex-basis:50%;padding:0 5px}
    #product01 .filter-items .filter-label{height:130px;margin-bottom:10px;padding:80px 15px 30px;font-size:15px}
    #product01 .filter-items > a > .filter-label::before{top:20px !important;left:50% !important;transform:translateX(-50%) !important}
    #product01 .filter-items > a.on{flex-basis:100%}
    #product01 .filter-items > a.on .filter-label{height:auto;padding:0 15px}
    .dhb-txt-box-type-b-text-layout h4{padding:18px 12px 16px}
    .dh-view-box > .row > .page-header{padding:22px 15px}
    .dh-view-box > .row > .page-header > h4{font-size:18px}
    .box-cdmo-summary > .item+.item{margin-top:30px}
    .box-cdmo-summary > .item .txt{padding:35px}
    .box-cdmo-summary > .item .txt h3{padding-right:40px;font-size:22px}
    .box-cdmo-summary > .item .txt h3::after{width:25px;height:25px;font-size:11px}
    .box-right-person{margin-top:-30px;padding:35px 30px}
    .box-right-person ul{flex-wrap:wrap;justify-content:space-evenly;gap:15px 20px;margin:30px 0 0}
    .box-right-person ul li{font-size:18px;text-align:center}
    #recruit01 #section2{padding:80px 0}
    #rnd .subpage-content > section{padding:80px 0}
    #rnd #section2{padding:100px 0;background-attachment:initial}
    #rnd #section2 p{font-size:29px}
    #rnd .row.box-research{padding:0}
    #rnd h4{font-size:16px}
    .box-research .img-box{width:80px}
    .box-research .box p{font-size:15px}
    .box-research .box{margin-bottom:20px}
    .box-research .box:last-child{margin-bottom:0}
    #cmo01 #section2,
    #cmo04 #section2{padding:80px 0}
    .box-icon > .box+.box{margin-top:20px}
    .box-icon > .box .tit{margin:15px 0 20px;font-size:20px}
    .box-icon > .box p{font-size:16px}
    #cmo01 #section3,
    #cmo04 #section3{padding:80px 0;background-attachment:initial}
    #cmo01 #section3 h3,
    #cmo04 #section3 h3{margin:0 0 60px}
    .box-service{padding:0 15px}
    .box-service > .box{flex-basis:50%}
    .box-service > .box h4{margin:25px 0 0;font-size:19px}
    .box-service > .box:nth-child(n + 3){margin-top:30px}
    ul.list-inquiry > li{font-size:21px}
    ul.list-inquiry > li+li{margin-top:15px}
    ul.list-inquiry > li span{padding-left:20px}
    .nav.nav-style{margin:0 0 30px;flex-wrap:wrap}
    .nav.nav-style > li{flex:1 1 33.3%}
    .nav.nav-style > li > a{float:none;min-width:auto;padding:12px 10px;font-size:16px;border:1px solid #c1c1c1}
    .nav.nav-style > li:nth-child(2) > a,
    .nav.nav-style > li:nth-child(3) > a,
    .nav.nav-style > li:nth-child(5) > a{border-left:none}
    ol.list-process > li{flex-basis:50% !important;margin-top:30px}
    ol.list-process > li+li::before{display:none}
    ol.list-process > li .detail{margin-top:30px;font-size:15px}
    #chc #section2{padding:80px 0}
    #chc #section3{padding:80px 0;background-attachment:initial}
    #chc #section3 h3{margin-bottom:40px}
    #chc #section3 .box-service{flex-wrap:nowrap;align-items:end}
    .customer-wrap .num-item{flex-wrap:wrap;padding:35px 25px}
    .customer-wrap .num-item .left{margin-bottom:15px}
    .customer-wrap .num-item .left dt{font-size:26px}
    .customer-wrap .num-item .left dd{font-size:26px}
    .customer-wrap .num-item .right{margin-right:0;font-size:17px}
    .list-step{flex-wrap:wrap;padding:35px 25px}
    .list-step > li{padding:0;flex-basis:50%}
    .list-step > li+li::before{top:20px}
    .list-step > li:nth-child(3)::before{display:none}
    .list-step > li:last-child{margin-top:40px}
    .list-step > li:last-child::before{top:-31px;left:46%;transform:rotate(90deg)}
    .list-step > li .txt{margin-top:7px;font-size:18px}
    #mod_type_formForm .agree div:nth-child(2){padding:20px}
    .prod_detail .prod-title{font-size:27px}
    .prod_detail .prod-title .en{display:block;padding-left:0}
    .prod-table > tbody > tr > th,
    .prod-table > tbody > tr > td{padding:12px 15px;font-size:15px}
    .prod-table > tbody > tr > th{width:100px}
    .prod_detail .view_detail{font-size:15px}
    .list-welfare{grid-template-columns:repeat(2, 1fr)}
    .list-welfare > li .inner{padding:20px}
    .list-welfare > li img{max-height:65px}
    .list-welfare > li .txt{margin-top:15px;font-size:17px}
    .list-recruit-process{grid-template-columns:repeat(2, 1fr);gap:20px 40px;padding:0 35px}
    .list-recruit-process > li+li::before{top:38%;left:-31%;font-size:34px}
    .list-recruit-process > li .txt{margin-top:15px;font-size:18px}
    .btn-view-detail{padding:15px 25px;margin-top:60px;font-size:16px}
}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */
    .mainPage .box-link > .item .inner{height:440px}
    #introduction .box-spirit > .box .inner{padding:50px 15px}
    .footer_copy .logo{width:25%}
    .footer_copy .info{width:75%}
}
@media (min-width: 768px) and (max-width: 991px) { /* Medium devices (col-sm-*) */
    .navbar-inverse > .container{width:100%}
    .lang-wrapper{right:15px}
}
/************ 모바일 최적화 끝 ************/