@charset "UTF-8";
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

body, html {
	overflow-x: auto;
	padding:0;
	margin:0;
	font-family: 'Noto Sans KR', sans-serif
}
h1, h2, h3, h4, h5, h6, hr, ol, p, ul, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	color: inherit
}
body {
	background: #fff
}
a, a:active, a:hover, a:visited {
	color:#000;
	text-decoration: none;
	cursor: pointer
}
hr {
	border: 0
}
li, ol, ul {
	list-style: none
}
button, img {
	border: 0;
	outline: 0;
	vertical-align: middle
}
button {
	background: 0 0
}
.blind {
	display: none!important
}
.hidden {
	visibility: hidden!important
}
.right_padding0 {
	padding:0;
}
.right_margin0 {
	margin:0 !important;
}
.header-pc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	z-index: 500
}
.header-pc-inner {
	width: 1200px;
	height: 93px;
	margin: 0 auto;
	position: relative
}
.header-pc-spacer {
	height: 93px
}

.header-logo {
	position: relative;
	text-align:left;
	top: 13px;
	float:left
}

.header-logo img{
	width: 174px;
}

.header-right-pc {
	position: absolute;
	top: 30px;
	right: 0
}

.header-right-pc a{
	color: #fff;
	height: 42px;
	line-height: 42px;
	width: 140px;
	text-align: center;
	display: inline-block;
	border-radius: 10px;
	font-size: 14px;
	background: #006EB2;
}

.header-right-pc a img{
	position: relative;
	top: -2px;
}


.navigation-pc {
	position:absolute;
	left: 230px;
	top: 34px;
}

.navigation-pc-inner {
	width: 790px;
	height: 30px;
	float: left;
}

.navigation-pc-inner li {
	float: left;
	box-sizing: border-box;
	padding: 0 33px;
	text-align: center
}
.navigation-pc-inner li a {
	display: block;
	font-weight: 700;
	color: #333333;
	font-size: 15px;
	letter-spacing:-0.08em;
	height: 30px;
	line-height: 30px;
	position: relative
}

.navigation-pc-inner li a:hover{
	color:#006eb2;
	box-sizing: border-box;
	border-bottom:2px solid #006eb2
}

/* Sub Menu Styles */
.navigation-pc-inner li {
    position: relative;
}
.navigation-pc-inner li .sub-menu {
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    width: 120px;
    z-index: 100;
    padding: 10px 0;
    border: 1px solid #e5e5e5;
}
.navigation-pc-inner li:hover .sub-menu {
    display: block;
}
.navigation-pc-inner li .sub-menu li {
    float: none;
    padding: 0;
    text-align: center;
    width: 100%;
}
.navigation-pc-inner li .sub-menu li a {
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    border-bottom: none !important;
    padding: 0 10px;
}
.navigation-pc-inner li .sub-menu li a:hover {
    background: #f8f8f8;
    color: #006eb2;
}

.main-visual-pc {
	background: url('../img/main_visual.jpg') no-repeat center 0;
}

.main-visual-inner {
	height: 1108px;
	position: relative;
	width: 1200px;
	margin: 0 auto
}
.main-visual-inner .main-typo {
	position: absolute;
	top:164px;
}

.main-visual-inner .main-typo1 {
	color: #000000;
	font-size:20px;
	font-weight: 400;
	line-height:40px
}
.main-visual-inner .main-typo2 {
	color: #000000;
	font-size:51px;
	font-weight: 400;
	line-height:50px
}
.main-visual-inner .main-typo3 {
	color: #000000;
	font-size:52px;
	letter-spacing:-0.05em;
	font-weight: 700
}
.main-visual-inner .main-typo3 span{
	color: #006eb2
}
.main-visual-inner .typo_tag {
	color: #000000;
	font-size:20px;
	font-weight: 400;
	padding-top:20px
}
.main-visual-inner .typo_tag span {
	padding: 0 20px 0 0 ;
}
.main-count {
	font-family: 'Roboto', sans-serif;
	position:absolute;
	top:432px
}
.main-count .main-count-inner {
	float:left;
	padding-right:47px
}
.main-count .main-count-inner .main-count-num {
	font-weight:900;
	color: #000000;
	font-size:50px
}
.main-count .main-count-inner .main-count-txt {
	padding-top:10px;
	color: #484848;
	font-size:20px;
	font-weight:700
}
.main-count .main-count-inner .blue_line {
	width:29px;
	height:5px;
	background:#006eb2;
}
.main-news-pc {
	position: relative;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5
}
.main-news-pc-inner {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height:49px;
	line-height:49px;
	font-size:18px;
	overflow:hidden;
}

.main-news-pc-inner img {
	padding:0 40px 0 20px;
}

.main-event-pc {
	position: relative;
	background: #fff;
}

.main-event-pc-inner {
	width:1200px;
	position: relative;
	padding: 100px 0 0 0;
	margin: 0 auto;
}


.main-event-pc-inner .event_tit {
	text-align:center;
	padding:0 0 75px 0;
}

.main-event-pc-inner .event_tit1 {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	padding-left:10px;
	letter-spacing:0.55em;
	font-size:24px;
	font-weight:300
}
.main-event-pc-inner .event_tit2 {
	color: #000;
	letter-spacing:-0.05em;
	font-size:45px;
	font-weight:700
}
.main-event-pc-inner .event_tit2 .txt_yellow {
	color: #ffe600;
}
.main-event-pc-inner .event_img {
	display:block;
}
/* PC 메인 이벤트 혜택 배너 3개 수평 균등 분할 */
.main-event-pc .event_banner_list {
	display: flex;
	justify-content: space-between;
}
.main-event-pc .event_banner_list a:last-child {
	margin-right: 0;
}
/* 이벤트 혜택 배너 순차 확대 + 좌우 밀림 상호작용 애니메이션 (좌측부터 5초 간격) */
.main-event-pc .event_banner_list a {
	display: block;
	transform-origin: center center;
	transition: transform 0.8s ease-in-out;
	will-change: transform;
}
.main-event-pc .event_banner_list a.is-active {
	transform: scale(1.1);
	position: relative;
	z-index: 2;
}
.main-event-pc .event_banner_list a.is-push-left {
	transform: scale(0.9) translateX(-40px);
}
.main-event-pc .event_banner_list a.is-push-right {
	transform: scale(0.9) translateX(40px);
}
.main-event-pc-inner .event_last_magin {
	margin-top:4px;
	display:block
}

.main-blog-pc {
	position: relative;
	background:url(../img/blog_bg.jpg);

}
.main-blog-pc-inner {
	width:1200px;
	position: relative;
	padding:120px 0 110px 0;
	margin: 0 auto
}

.main-blog-pc-inner .blog_tit {
	position:relative;
	text-align:left;
	padding-bottom:14px;
	border-bottom:1px solid #b5b5b5
}
.main-blog-pc-inner .blog_tit1 {
	font-family: 'Roboto', sans-serif;
	color: #6f6f6f;
	padding-left:10px;
	letter-spacing:0.8em;
	font-size:20px;
	font-weight:300
}
.main-blog-pc-inner .blog_tit2 {
	color: #000;
	letter-spacing:-0.05em;
	font-size:38px;
	font-weight:700
}
.main-blog-pc-inner .blog_tit2 span {
	color:#006eb2
}
.main-blog-pc-inner .blog_btn {
	position:absolute;
	top:40px;
	right:0;
}
.main-blog-pc-inner .blog_content {
	padding-top:40px;
	display:block;
	overflow:hidden;
}
.main-blog-pc-inner .blog_content ul {
	float:left;
	width:386px;
	background:#fff
}
.main-blog-pc-inner .blog_content ul:hover {
	box-shadow: 3px 3px 10px #b5b5b5;
}

.main-blog-pc-inner .blog_content a {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.main-blog-pc-inner .blog_content a:nth-child(3n){
	margin-right: 0;
}

.main-blog-pc-inner .blog_content ul .blog_tit3 {
	padding:37px 17px 0 17px;
	color: #242424;
	letter-spacing:-0.05em;
	font-size:20px;
	line-height:28px;
	font-weight:700
}
.main-blog-pc-inner .blog_content ul .blog_txt {
	padding:25px 17px 0 17px;
	color: #606060;
	letter-spacing:-0.05em;
	font-size:16px;
	line-height:22px;
	font-weight:400
}
.main-blog-pc-inner .blog_content ul .blog_tag {
	padding:35px 17px 0 17px;
	color: #606060;
	letter-spacing:-0.05em;
	font-size:14px;
	font-weight:400;
	/*float:left*/
	text-align: left;
}

.main-blog-pc-inner .blog_content ul .blog_date {
	padding:35px 17px 32px 17px;
	color: #606060;
	letter-spacing:-0.05em;
	font-size:14px;
	font-weight:400;
	text-align:right;
	display: block;
}

.main-portfolio-pc {
	position: relative;
	background:url(../img/portfolio_bg.jpg);
}

.main-portfolio-pc-inner {
	width:1200px;
	position: relative;
	padding:105px 0 105px 0;
	margin: 0 auto
}

.main-portfolio-pc-inner .portfolio_tit {
	position:relative;
	text-align:center;
}
.main-portfolio-pc-inner .portfolio_tit1 {
	font-family: 'Roboto', sans-serif;
	color: #6f6f6f;
	padding-left:10px;
	letter-spacing:0.4em;
	font-size:20px;
	font-weight:300
}
.main-portfolio-pc-inner .portfolio_tit2 {
	color: #000;
	letter-spacing:0.05em;
	font-size:38px;
	font-weight:700
}
.main-portfolio-pc-inner .portfolio_tit_line {
	margin:34px auto 34px;
	background:#707070;
	width:58px;
	height:1px;
}
.main-portfolio-pc-inner .portfolio_tit2 span {
	color:#006eb2
}
/* 포트폴리오 썸네일 마우스오버 시 위로 10px 이동하는 애니메이션 */
/* a태그 자체를 inline-block으로 바꾸면 float된 ul이 a의 컨테이닝 블록에 갇혀
   한 줄에 3개씩 나오던 목록이 2개씩으로 깨지므로, float되는 ul에 직접 transform을 적용한다. */
.main-portfolio-pc-inner .portfolio_content a ul {
	transition: transform 0.3s ease-in-out;
}
.main-portfolio-pc-inner .portfolio_content a:hover ul {
	transform: translateY(-10px);
}
.main-portfolio-pc-inner .portfolio_content ul {
	float:left;
	margin:0 5px 47px 0;
	width:394px
}
.main-portfolio-pc-inner .portfolio_content ul img {
	border-radius:10px;
	border:1px solid #c9c9c9
}
.main-portfolio-pc-inner .portfolio_content ul .portfolio_tit3 {
	text-align:center;
	color: #000;
	padding-top:10px;
	letter-spacing:-0.05em;
	font-size:20px;
	font-weight:700
}
.main-portfolio-pc-inner .portfolio_content ul .portfolio_tit4 {
	text-align:center;
	color: #606060;
	letter-spacing:-0.05em;
	font-size:18px;
	font-weight:400
}

.main-portfolio-pc-inner .portfolio_btn {
	display:block;
	margin:0 auto;
	text-align:center
}

.main-optimization-pc {
	position: relative;
	background:url(../img/bg_optimization.jpg) no-repeat center 0 ;
	height:534px;

}
.main-optimization-pc-inner {
	width:1200px;
	position: relative;
	margin: 0 auto
}
.main-optimization-pc-inner .optimization_img {
	position:absolute;
	top:84px;
	left:-36px
}
.main-optimization-pc-inner .optimization_tit {
	position:absolute;
	top:158px;
	left:814px
}
.main-optimization-pc-inner .optimization_tit1 {
	color: #6f6f6f;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.09em;
	font-size:18px;
	font-weight:300
}
.main-optimization-pc-inner .optimization_tit2 {
	color: #16161b;
	letter-spacing:-0.09em;
	font-size:40px;
	line-height:58px;
	font-weight:700
}
.main-optimization-pc-inner .optimization_tit3 {
	color: #16161b;
	padding-top:43px;
	font-size:18px;
	font-weight:400
}
/*

.main-dbforce-pc {
	position:relative;
	background:url(../img/img_dbforce.png) no-repeat center/cover;
	background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top:43.50%
}
*/
.main-dbforce-pc {
	position:relative;
	background:url(../img/img_dbforce.png) no-repeat center top;
	height:838px;
    background-repeat: no-repeat;
}
.main-dbforce-pc-inner {
	width:1200px;
	position: relative;
	margin: 0 auto
}
.main-dbforce-pc-inner .dbforce_tit {
	position:absolute;
	top:162px;
	left:854px
}
.main-dbforce-pc-inner .dbforce_tit .dbforce_tit1{
	color: #fff;
	font-size:26px;
	font-weight:700
}
.main-dbforce-pc-inner .dbforce_tit .dbforce_tit2{
	margin:-40px 0 0 -60px;
}
.main-dbforce-pc-inner .dbforce_tit .dbforce_tit3{
	color: #fff;
	font-size:19px;
	font-weight:400
}
.main-dbforce-pc-inner .inquire_btn {
	position:absolute;
	top:600px;
	left:854px
}
.main-dbforce-pc-inner .inquire_btn a{
	display:block;
	margin-top:10px
}


.main-process-pc {
	position:relative;
	background:#fff;
	overflow:hidden;
	padding:56px 0 80px 0
}
.main-process-pc-inner {
	width:1200px;
	position: relative;
	margin: 0 auto
}
.main-process-pc-inner .process_tit {
	text-align:center;
	padding-bottom:48px
}
.main-process-pc-inner .process_tit .process_tit1 {
	color: #6f6f6f;
	letter-spacing:0.09em;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300
}
.main-process-pc-inner .process_tit .process_tit2 {
	padding-top:5px;
	color: #16161b;
	letter-spacing:-0.02em;
	font-size:40px;
	font-weight:700
}
.main-process-pc-inner .process_tit .process_tit3 {
	padding-top:15px;
	color: #16161b;
	font-size:18px;
	font-weight:400
}
.main-process-pc-inner .process_con {
	margin:0 auto;
	width:1044px
}
.main-process-pc-inner ul {
	float:left;
	margin-right:20px;
	width:244px;
	background:#f7f7f7;
	border:1px solid #e5e5e5
}
.main-process-pc-inner ul .process_icon {
	background:#fff;
	text-align:center;
	line-height:117px;
	height:117px
}
.main-process-pc-inner ul .process_con_tit {
	text-align:center;
	font-size:20px;
	font-weight:900;
	padding:20px 0 12px 0;
	color:#16161b
}
.main-process-pc-inner ul .process_con_txt {
	text-align:center;
	font-size:16px;
	line-height:22px;
	padding:0 0 24px 0;
	color:#797979
}



.main-swatch-pc {
	position:relative;
	background:url(../img/swatch.jpg) no-repeat center top;
	height:827px;
}
.main-swatch-pc-inner {
	width:1200px;
	position: relative;
	margin: 0 auto
}
.main-swatch-pc-inner .swatch_tit {
	text-align:center;
	padding-top:100px;
}

.main-swatch-pc-inner .swatch_tit .swatch_tit1 {
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.15em;
	font-size:24px;
	font-weight:300;
	color:#006eb2
}
.main-swatch-pc-inner .swatch_tit .swatch_tit2 {
	font-size:40px;
	color:#16161b;
	font-weight:800
}
.main-swatch-pc-inner .swatch_tit .swatch_tit3 {
	padding-top:15px;
	font-size:18px;
	color:#16161b
}
.main-swatch-pc-inner .swatch_con {
	padding:80px 0 0 73px
}
.main-swatch-pc-inner .swatch_con .swatch_logo {
	padding-bottom:10px;
}
.main-swatch-pc-inner .swatch_con .swatch_txt {
	color:#000;
	font-size:18px
}
.main-swatch-pc-inner .swatch_con .swatch_tag {
	padding-top:10px;
	color:#0072bb;
	font-size:18px
}
.main-swatch-pc-inner .swatch_btn {
	position:absolute;
	top:674px;
	left:128px;
}

.main-enterprise-pc {
	position:relative;
	background:#fff;
	overflow:hidden;
	padding:74px 0 74px 0
}
.main-enterprise-pc-inner {
	width:1200px;
	position: relative;
	margin: 0 auto
}
.main-enterprise-pc-inner .enterprise_tit {
	text-align:center;
	padding-bottom:48px
}
.main-enterprise-pc-inner .enterprise_tit .enterprise_tit1 {
	color: #949494;
	letter-spacing:0.2em;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	font-weight:300
}
.main-enterprise-pc-inner .enterprise_tit .enterprise_tit2 {
	padding-top:5px;
	color: #16161b;
	letter-spacing:-0.02em;
	font-size:40px;
	font-weight:700
}
.main-enterprise-pc-inner .enterprise_tit .enterprise_tit3 {
	padding-top:15px;
	color: #16161b;
	font-size:18px;
	font-weight:400
}
.main-enterprise-pc-inner .enterprise_con {
	border:1px solid #dcdcdc;
	display:block;
	padding:50px 176px 20px 176px
}
.main-enterprise-pc-inner .enterprise_con ul {
	display:block;
	padding-bottom:25px
}
.main-enterprise-pc-inner .enterprise_con ul li {
	width:24.2%;
	display:inline-block;
	text-align:center
}
.main-enterprise-pc-inner .enterprise_btn {
	text-align:center;
	margin-top:42px
}
.enterprise-pagination {
	text-align:center;
}
.enterprise-pagination button{
	margin:14px;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #bfbfbf;
}
.swiper-pagination-bullet-active {
	width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #00426b;
}


.main-cs-pc {
	position: relative;
	background:#f7f7f7

}
.main-cs-pc-inner {
	width:1200px;
	position: relative;
	padding:104px 0 104px 0;
	margin: 0 auto
}

.main-cs-pc-inner .cs_tit {
	position:relative;
	width:100%;
	float:left;
	text-align:left;
	padding-bottom:14px;
	border-bottom:1px solid #b5b5b5
}
.main-cs-pc-inner .cs_tit1 {
	float:left;
	color: #16161b;
	letter-spacing:-0.07em;
	font-size:36px;
	font-weight:700
}
.main-cs-pc-inner .cs_tit2 {
	float:right;
	border-radius:100px;
	border:1px solid #2272c2;
	color: #0072bb;
	letter-spacing:-0.01em;
	font-size:16px;
	padding:3px 3px 3px 28px;
	margin-top:17px;
	font-weight:500
}
.main-cs-pc-inner .cs_tit2 span {
	padding-right:28px
}
.main-cs-pc-inner .cs_tit2 .cs_time {
	font-size:18px;
	font-weight:700
}
.main-cs-pc-inner .cs_tit3 {
	clear:both;
	padding-top:22px;
	color: #17171b;
	font-size:17px;
	font-weight:300
}

.main-cs-pc-inner .form-table {
	width:100%;
	margin:56px 0
}
.main-cs-pc-inner .form-table th{
	text-align:left;
}
.main-cs-pc-inner .form-table .form-control1 {
	padding:20px;
	width:87%;
	border:0;
	background:#fff
}
.main-cs-pc-inner .form-table .form-control2 {
	padding:20px;
	width:96%;
	border:0;
	background:#fff
}

.cs_btn {
	text-align:center;
}

.cs_btn .cs_btn1{
	display:inline-block;
	margin-right:20px;
	cursor: pointer;
	border: none;
	background: transparent;
}

.vt-view-agreement {
	background:#000;
	font-size:14px;
	color:#cbc8c8 !important;
	padding:3px 7px;
}

.side-banner {
	position: fixed;
	transition: 0.5s;
	top: 50%;
	margin-top: -136px;
	right: 10px;
	z-index: 100
}

.side-banner div {
	display: block;
	margin: 8px 0;
	opacity: 0;
	animation: side-banner-slide-in 0.4s ease-out forwards;
}

.side-banner div:nth-child(1) { animation-delay: 5s; }
.side-banner div:nth-child(2) { animation-delay: 5.5s; }
.side-banner div:nth-child(3) { animation-delay: 6s; }
.side-banner div:nth-child(4) { animation-delay: 6.5s; }

@keyframes side-banner-slide-in {
	from {
		opacity: 0;
		transform: translateX(60px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.side-banner div a {
	position: relative;
	display: block;
}

.side-banner div a .ico-default,
.side-banner div a .ico-hover {
	display: block;
}

.side-banner div a .ico-hover {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	transition: opacity 0.3s;
}

.side-banner div a .ico-default {
	transition: opacity 0.3s;
}

.side-banner div a:hover .ico-default,
.side-banner div a.auto-on .ico-default {
	opacity: 0;
}

.side-banner div a:hover .ico-hover,
.side-banner div a.auto-on .ico-hover {
	opacity: 1;
}

.footer-pc {
	position:relative;
	clear:both;
	background:#17171b;
	padding-bottom: 138px
}
.footer-pc-body {
	border-bottom:1px solid #444446;
}
.footer-pc-body-inner {
	width: 1200px;
	margin: 0 auto;
	height:50px;
	line-height:50px
}

.footer-pc-nav{
	text-align: center;
}

.footer-pc-nav a {
	color: #fff;
	font-size: 12px;
	/*letter-spacing:0.22em;*/
	padding:0 20px;
	font-weight: 500;
}

.footer-pc-desc {
	clear:both;
	border-top:1px solid #444446;
	margin:0 auto;
	width:1200px;
	text-align:center;
	color:#979797;
	line-height:31px;
	padding-top:48px;
	font-size: 15px
}

.footer-pc-cont-inner {
	position:relative;
	width: 1200px;
	margin: 0 auto;
	padding:107px 0 70px 0
}

.footer-pc-cont-inner .footer_logo {
	float:left;
	height:450px;
}
.footer-pc-cont-inner .footer_con1 {
	float:left;
	padding-left:70px
}
.footer-pc-cont-inner .footer_con1 dt{
	font-size:20px;
	padding-bottom:40px;
	font-weight: 900;
	color:#fff
}

.footer-pc-cont-inner .footer_con1 dd{
	padding:0 0 20px 0;
	margin:0;
	font-size:16px;
	color:#fff
}
.footer-pc-cont-inner .footer_con1 .footer_con_call {
	font-size:22px
}
.footer-pc-cont-inner .footer_con1 .footer_con_size18 {
	color:#fff;
	font-size:18px
}
.footer-pc-cont-inner .footer_con1 .kakao_plus {
	color:#ffe600 !important;
	font-size:16px
}
.footer-pc-cont-inner .footer_con {
	float:left;
	padding-left:70px
}
.footer-pc-cont-inner .footer_con dt{
	font-size:20px;
	padding-bottom:40px;
	font-weight: 900;
	color:#fff
}

.footer-pc-cont-inner .footer_con dd a{
	font-size:16px;
	line-height:26px;
	color:#cfcfcf
}
.footer-pc-cont-inner .footer_account {
	width:500px;
	position:absolute;
	top:344px;
	left:540px
}
.footer-pc-cont-inner .footer_account dt {
	padding-bottom:10px;
	font-size:20px;
	font-weight: 900;
	color:#fff
}
.footer-pc-cont-inner .footer_account img {
	float:left;
	margin-right:15px
}
.footer-pc-cont-inner .footer_account .footer_account1 {
	font-size:24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	color:#2dc8ff
}
.footer-pc-cont-inner .footer_account .footer_account2 {
	font-size:12px;
	font-weight: 900;
	color:#fff
}
.fixed-bottom-pc {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height:80px;
	background: url(../img/bottom_bg.png) center 0;
	z-index: 300
}
.fixed-bottom-pc-inner {
	margin: 0 auto;
	width: 1200px;
	box-sizing: border-box;
}
.fixed-bottom-pc-inner .fixed_tit{
	text-align:left;
	width:427px;
	line-height:80px;
	float:left;
}
.fixed-bottom-pc-inner .input-area{
	position:relative;
	text-align:left;
	width: 773px;
	float: left;
	top: -7px;
}

.fixed-bottom-pc input[type=tel], .fixed-bottom-pc input[type=text] {
	width: 204px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 15px;
	border: 0;
	font-size: 16px;
	font-weight:700;
	color:#606060
}

.fixed-bottom-pc input[type=tel] {
	width: 270px;
	margin-left: 20px
}

.fixed-bottom-pc-inner form {
	padding-top: 20px
}

.fixed-bottom-pc-inner .input-area .btn-req-btm {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.fixed-bottom-pc-inner .input-area .checkbox-area {
	position: absolute;
	font-size: 12px;
	top: 41px;
	left: -6px;
	color: #fff;
}

.privacy-link,
.privacy-link:hover,
.privacy-link:focus,
.privacy-link:active,
.privacy-link:visited{
	color: #fff;
}

.contour {
	background:#efefed;
	height:21px
}
.sub-contnet-pc {
	position: relative;
	padding-top:60px
}
.sub-contnet-pc-inner {
	width: 1200px;
	margin: 0 auto;
	position: relative
}
.sub-title-pc {
	padding-bottom:15px;
	font-size: 36px;
	letter-spacing:0.025em;
	font-weight:900;
	color:#2c2c2c
}
.sub-title-line {
	height:2px;
	background:#2c2c2c
}
.sub-title-pc span {
	font-size:20px;
	letter-spacing:0.4em;
	font-weight:300;
	color:#606060
}
.sub-pf_banner-pc {
	text-indent:-10000px;
	background :url(../img/pf_banner.jpg) no-repeat center top;
	height:327px
}
.sub-contnet-pc-inner .portfolio_tit {
	position:relative;
	text-align:center;
	padding-top:108px
}
.sub-contnet-pc-inner .portfolio_tit1 {
	font-family: 'Roboto', sans-serif;
	color: #6f6f6f;
	padding-left:10px;
	letter-spacing:0.4em;
	font-size:20px;
	font-weight:300
}
.sub-contnet-pc-inner .portfolio_tit2 {
	color: #000;
	letter-spacing:0.05em;
	font-size:38px;
	font-weight:700
}
.sub-contnet-pc-inner .portfolio_tit_line {
	margin:34px auto 34px;
	background:#707070;
	width:58px;
	height:1px;
}
.sub-contnet-pc-inner .portfolio_tit2 span {
	color:#006eb2
}
.sub-contnet-pc-inner .portfolio_content ul {
	float:left;
	margin:0 5px 47px 0;
	width:394px
}
.sub-contnet-pc-inner .portfolio_content ul img {
	border-radius:10px;
	border:1px solid #c9c9c9
}
.sub-contnet-pc-inner .portfolio_content ul .portfolio_tit3 {
	text-align:center;
	color: #000;
	padding-top:10px;
	letter-spacing:-0.05em;
	font-size: 20px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}


.sub-contnet-pc-inner .portfolio_content ul .portfolio_tit4 {
	text-align:center;
	color: #606060;
	letter-spacing:-0.05em;
	font-size:18px;
	font-weight:400
}

.sub-contnet-pc-inner .portfolio_btn {
	clear:both;
	display:block;
	margin:0 auto 130px ;
	border:2px solid #112035;
	border-radius:3px;
	color:#17171b;
	font-size:16px;
	font-weight:700;
	width:149px;
	height:49px;
	line-height:49px;
	text-align:center
}

.sub-contnet-pc-inner .portfolio_btn:hover {
	background:#0272c6;
	border:2px solid #0272c6;
	color:#fff
}

.main-blog-pc-inner .blog_tit_pf {
	position:relative;
	text-align:center;
	padding-bottom:80px;
	border-bottom:1px solid #fff
}
.main-blog-pc-inner .blog_tit_pf .blog_tit1 {
	font-family: 'Roboto', sans-serif;
	color: #6f6f6f;
	padding-left:10px;
	letter-spacing:1.2em;
	font-size:20px;
	font-weight:300
}
.main-blog-pc-inner .blog_tit_pf .blog_tit2 {
	color: #000;
	letter-spacing:-0.05em;
	font-size:42px;
	font-weight:700
}
.main-blog-pc-inner .blog_tit_pf .blog_tit2 span {
	color:#006eb2
}
.main-blog-pc-inner .blog_tit_pf .blog_btn {
	position:absolute;
	top:94px;
	right:0;
}
.pf-title-wrap {
	position:relative;
	padding-top:70px;
}
.pf-title-wrap .pf-title-area {
	float:left;
	padding-bottom:20px;
	width:820px
}
.pf-title-wrap .pf-title-area .pf-title {
	font-size:36px;
	font-weight:500;
	letter-spacing:0.025em;
	color:#2c2c2c
}
.pf-title-wrap .pf-title-area .pf-site {
	display:block;
	font-size:16px;
	etter-spacing:0.025em;
	color:#2c2c2c
}
.pf-title-wrap .pf-prevnext-btn {
	float:left;
	width:380px
}
.pf-title-wrap .pf-prevnext-btn .pf-prev-btn{
	float:left;
	text-align:center;
	border:1px solid #000000;
	width:174px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#000000
}
.pf-title-wrap .pf-prevnext-btn .pf-next-btn{
	float:left;
	text-align:center;
	margin-left:22px;
	border:1px solid #000000;
	letter-spacing:0.025em;
	background:#000;
	width:174px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#fff
}

.pf-desc-wrap {
	margin-bottom:20px;
	clear:both;
	background: #efefef url('../img/jcorp-blue-logo3.png') no-repeat 1100px 70px;
	padding: 33px 140px 33px 20px;
	color: #000;
	line-height:32px;
	border-radius:15px
}

.pf-desc-wrap span {
	text-decoration:underline;
	color: #000;
}

.pf-keyward {
	padding-bottom:70px
}

.pf-keyward .keyward-title{
	font-size:15px;
	color:#fff;
	letter-spacing:0.02em;
	width:102px;
	text-align:center;
	height:32px;
	line-height:32px;
	background:#145681
}
.pf-keyward .keyward-tag{
	font-size:16px;
	letter-spacing:0.02em;
	color:#000000;
	font-weight:900;
	padding-top:10px
}
.pf-keyward .keyward-tag span{
	padding-left:13px
}

.pf-content-pc {
	background:#f7f7f7;
	padding:160px 20px;
	margin-bottom:50px;
	text-align:center
}

.sub-dbforce_banner-pc {
	background :url(../img/dbforce_banner_bg.jpg) no-repeat center top;
	height:327px
}
.dbforce_banner-tit1 {
	font-size:22px;
	letter-spacing:0.1em;
	color:#2c2c2c;
	font-weight:300;
	padding:82px 0 0 40px
}
.dbforce_banner-tit2 {
	font-size:40px;
	letter-spacing:0.08em;
	color:#2c2c2c;
	font-weight:900;
	padding:5px 0 0 40px
}
.dbforce_banner-tit3 {
	font-size:20px;
	letter-spacing:0.4em;
	color:#606060;
	font-weight:300;
	padding:5px 0 0 40px
}
.dbforce-tag {
	font-size:17px;
	letter-spacing:0.07em;
	color:#00629f;
	font-weight:900;
	padding:20px 0 0 40px
}
.dbforce-contnet-pc {
	padding:100px 0 80px 0;
	width: 1200px;
	margin: 0 auto;
	overflow:hidden;
	position: relative
}

.dbforce-contnet-pc .dbforce-left-wrap {
	float:left;
	width:183px
}
.dbforce-contnet-pc .dbforce-right-wrap {
	float:left;
	padding-left:20px;
	width:997px
}
.dbforce-left-wrap .dbforce-title {
	border:2px solid #2a2a2a;
	text-align:center;
	line-height:128px;
	height:128px
}
.dbforce-left-wrap .dbforce-left-btn {
	display:block;
	margin-top:15px
}
.dbforce-left-wrap .dbforce-left-menu {
	display:block;
}
.dbforce-left-wrap .dbforce-left-menu li {
	font-size:16px;
	color:#2b2b2b;
	letter-spacing:-0.025em;
	font-weight:500;
	margin-top:50px
}
.dbforce-left-wrap .dbforce-left-menu li .event_red_txt {
	color:#e60012
}
.dbforce-top-list-wrap {
	padding-bottom:56px
}
.dbforce-top-list-wrap .dbforce-top-list-img {
	float:left;
	width:771px
}
.dbforce-top-list-wrap .dbforce-top-list {
	float:left;
	margin-left:2px;
	width:110px
}
.dbforce-top-list-wrap .dbforce-top-list li a{
	position:relative;
	display:block;
	width:224px;
	height: 54px;
	padding-top:40px;
	line-height: 20px;
	background:#f7f7f7;
	color:#221c1c;
	letter-spacing:-0.02em;
	font-weight:900;
	text-align:center;
	font-size:16px
}

.dbforce-top-list-wrap .dbforce-top-list li a.select{
	background:#2586dc;
	color:#fff
}

.dbforce-top-list-wrap .dbforce-top-list li a.select span{
	background:#2586dc;
	color:#fff
}

.dbforce-top-list-wrap .dbforce-top-list li a .sub-font{
	position:absolute;
	top:25px;
	left:20px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#4690d1;
	font-size:22px
}
.dbforce-top-list-wrap .dbforce-top-list li a .main-font-2line {
	display:block;
	margin-top:-15px !important
}
.dbforce-top-list-wrap .dbforce-top-list li{
	margin-top:2px
}
.dbforce-top-list-wrap .dbforce-top-list li:first-child{
	margin:0
}
.dbforce-event {
	clear:both;
	position:relative;
	float:left;
	padding:55px 0 64px 0
}
.dbforce-event .dbforce-event-tit {
	color:#000000;
	font-size:16px;
	letter-spacing:-0.025em;
	font-family: 'GmarketSansBold', sans-serif
}
.dbforce-event .dbforce-event-img1 {
	float:left;
	margin-top:23px
}
.dbforce-event .dbforce-event-img2 {
	float:left;
	margin:-48px 0 0 28px
}
.dbforce-event-tit1 {
	text-align:center;
	font-size:18px;
	color:#000000;
	line-height:46px;
	font-family: 'GmarketSansBold', sans-serif
}
.dbforce-event-tit1 span {
	text-align:center;
	font-size:18px;
	color:#cb1919;
	line-height:46px;
	font-family: 'GmarketSansBold', sans-serif
}
.hot_icon {
	margin-top:-20px
}
.dbforce-event-tit2 {
	text-align:center;
	font-size:16px;
	color:#787878;
	font-family: 'GmarketSansBold', sans-serif
}
.dbforce-major-service-pc {
	position:relative;
	clear:both;
	padding-top:76px;
	border-top:1px solid #e9eaec
}
.dbforce-major-service-pc .major-service-tit1 {
	text-align:center
}
.dbforce-major-service-pc .major-service-tit2 {
	text-align:center;
	color:#242424;
	font-weight:800;
	font-size:38px
}
.dbforce-major-service-pc .major-service-tit3 {
	text-align:center;
	color:#2b2b2b;
	font-size:16px;
	letter-spacing:-0.025em
}
.major-service-con {
	position:relative;
	padding:26px 0 100px 0;
	float:left
}
.ma_left18 {
	margin-left : 18px
}
.ma_left19 {
	margin-left : 19px
}
.major-service-con ul {
	margin-top:26px;
	width:286px;
	height:286px;
	float:left;
	background:#f7f7f7;
	box-shadow: 0px 10px 20px #bfc9d0
}
.major-service-con ul .dbforce-icon {
	text-align:center;
	padding-top:50px
}
.major-service-con ul .major-service-tit {
	text-align:center;
	color:#000000;
	font-size:20px;
	font-weight:800;
	letter-spacing:-0.025em;
	padding-top:18px
}
.major-service-con ul .major-service-txt {
	text-align:center;
	color:#161616;
	font-size:16px;
	padding-top:15px
}
.dbforce-sectors-pc {
	position:relative;
	clear:both
}
.dbforce-sectors-pc .dbforce-sectors-tit {
	text-align:left;
	color:#242424;
	font-size:38px;
	font-weight:800;
	letter-spacing:-0.025em
}
.dbforce-sectors-pc .dbforce-sectors-tit span {
	text-align:left;
	color:#242424;
	font-size:16px;
	font-weight:400;
	padding-left:20px;
	letter-spacing:-0.025em
}
.dbforce-sectors-pc ul {
	padding:26px 0 83px 0;
	float:left;
}
.dbforce-sectors-pc ul li {
	float:left
}

.dbforce-custom-pc {
	position:relative;
	clear:both;
	margin-bottom:80px;
	background:url(../img/dbforce_apply_bg.png) no-repeat;
	width:1201px;
	height:163px;
	cursor: pointer;
}

.dbforce-custom-pc .dbforce-custom-tit {
	width:174px;
	height:103px;
	text-align:center;
	padding-top:15px;
	color:#005d9d;
	font-size:28px;
	font-weight:800;
	border:1px solid #005d9d;
	position: absolute;
	top:23px;
	left:50px
}
.dbforce-custom-pc .dbforce-custom-txt1 {
	color:#242424;
	font-size:18px;
	font-weight:400;
	letter-spacing:0.38em;
	position: absolute;
	top:30px;
	left:260px
}
.dbforce-custom-pc .dbforce-custom-txt2 {
	color:#242424;
	font-size:18px;
	font-weight:900;
	position: absolute;
	top:68px;
	left:260px
}
.dbforce-custom-pc .dbforce-custom-txt3 {
	color:#242424;
	font-size:16px;
	font-weight:400;
	position: absolute;
	top:93px;
	left:260px
}
.dbforce-custom-pc .dbforce-custom-txt4 {
	color:#626262;
	font-size:14px;
	font-weight:400;
	position: absolute;
	top:120px;
	left:260px
}
.dbforce-custom-pc .dbforce-custom-btn {
	position: absolute;
	top:47px;
	right:74px
}
.dbforce-pricing-pc {
	position:relative;
	background:url(../img/dbforce_price_bg.jpg)	no-repeat center top;
	height:1038px
}
.dbforce-pricing-pc-inner {
	position:relative;
	margin:0 auto;
	width:1200px;
	padding-top:83px
}
.dbforce-pricing-pc-inner .pricing-tit{
	border:2px solid #fff;
	padding:16px 14px;
	width:174px;
	height:86px;
	margin:0 auto;
}
.dbforce-pricing-pc-inner .pricing-tit .pricing-tit1 {
	text-align:center;
	color:#fff
}
.dbforce-pricing-pc-inner .pricing-tit .pricing-tit2 {
	text-align:center;
	font-size:40px;
	font-weight:900;
	color:#fff
}
.dbforce-pricing-pc-inner .pricing-tit3 {
	text-align:center;
	padding-top:24px;
	font-size:20px;
	font-weight:400;
	color:#fff
}
.dbforce-pricing-pc-inner .pricing-list {
	padding:68px 0 30px 0;
}
.dbforce-pricing-pc-inner .pricing-list dl {
	position:relative;
	float:left;
	background:url(../img/dbforce_price_bg.png) no-repeat;
	width:400px;
	height:506px
}
.dbforce-pricing-pc-inner .pricing-list dt{
	padding:70px 0 16px 0
}
.dbforce-pricing-pc-inner .pricing-list dt .pricing-list-tit1 {
	margin-left:-20px;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#3189ec
}
.dbforce-pricing-pc-inner .pricing-list dt .pricing-list-tit2 {
	margin-left:-20px;
	text-align:center;
	font-size:28px;
	color:#2b2b2b;
	font-family: 'GmarketSansBold', sans-serif
}
.dbforce-pricing-pc-inner .pricing-list dd {
	padding-top:25px;
	letter-spacing:-0.08em;
	margin-left:40px;
	text-align:left;
	font-size:18px;
	font-weight:700;
	color:#000000
}
.dbforce-pricing-pc-inner .pricing-list .pricing-list-price {
	margin-left:74px;
	background:#1e6ec8;
	text-align:center;
	width:160px;
	height:46px;
	line-height:46px;
	letter-spacing:-0.08em;
	font-size:24px;
	font-weight:700;
	color:#fff
}
.pricing-list-stxt {
	position:absolute;
	top:357px;
	right:125px;
	font-size:14px;
	font-weight:700;
	color:#7d7d7d
}
.dbforce-pricing-pc-inner .pricing-list .pricing-list-price span{
	font-size:15px
}
.dbforce-pricing-pc-inner .pricing-list dl .per_tag{
	position:absolute;
	top:-25px;
	right:13px
}
.dbforce-pricing-pc-inner .pricing-btn {
	clear:both;
	padding-top:20px
}
.dbforce-faq-pc {
	padding-top:156px;
	background:#fff;
}
.dbforce-faq-tit1 {
	color:#000000;
	padding-bottom:15px;
	font-size:36px;
	font-weight:900;
	text-align:center;
	border-bottom:1px solid #d8d8d8
}
.dbforce-faq-tit2 {
	color:#2a2a2a;
	padding:30px 0 95px 0;
	font-size:18px;
	font-weight:700;
	text-align:center;
}

.dbforce-faq-pc-inner {
	padding-bottom: 100px;
	width: 1100px;
	margin:0 auto;
}

.dbforce-faq-pc-inner .question-list {
	padding:20px 0;
	border-bottom:1px solid #e5e5e5;
	font-weight:900
}

.dbforce-faq-pc-inner .active + .answer-list{
	display: block;
}

.dbforce-faq-pc-inner .question-list  .faq_minus{
	display: none;
}

.dbforce-faq-pc-inner .question-list  .faq_plus{
	display: inline-block;
}

.dbforce-faq-pc-inner .active .faq_minus{
	display: inline-block;
}

.dbforce-faq-pc-inner .active .faq_plus{
	display: none;
}



.dbforce-faq-pc-inner .faq_icon {
	display:inline-block;
	margin:0 20px 0 10px;
	background:url(../img/faq_icon.png) no-repeat;
	width:8px;
	height:8px
}
.dbforce-faq-pc-inner .faq_minus {
	background:url(../img/faq_minus.png) no-repeat 0 8px;
	width:16px;
	height:16px;
	float:right;
	display:inline-block;
}
.dbforce-faq-pc-inner .faq_plus {
	background:url(../img/faq_plus.png) no-repeat;
	width:16px;
	height:16px;
	float:right;
	display:inline-block;
}

.dbforce-faq-pc-inner .answer-list {
	padding:30px;
	color:#003b5f;
	font-weight:400;
	line-height:32px;
	font-size:16px;
	box-sizing: border-box;
}

.dbforce-faq-pc-inner .question_btn {
    display: block;
    margin: 100px auto 0;
    border: 2px solid #112035;
    border-radius: 3px;
    color: #17171b;
    font-size: 16px;
    font-weight: 700;
    width: 149px;
    height: 49px;
    line-height: 49px;
    text-align: center;
}
.dbforce-faq-pc-inner .question_btn:hover {
	background:#0272c6;
	border:2px solid #0272c6;
	color:#fff
}

.sub-company_banner-pc {
	background :url(../img/company_banner_bg.jpg) no-repeat center top;
	height:327px
}
.company_banner-tit1 {
	font-size:22px;
	letter-spacing:0.1em;
	color:#2c2c2c;
	font-weight:300;
	padding:82px 0 0 40px
}
.company_banner-tit2 {
	font-size:40px;
	letter-spacing:-0.08em;
	color:#2c2c2c;
	font-weight:900;
	padding:5px 0 0 40px
}
.company_banner-tit2 span{
	font-weight:400;
}

.company-tag {
	font-size:17px;
	letter-spacing:0.07em;
	color:#00629f;
	font-weight:900;
	padding:20px 0 0 40px
}

.company-contnet-pc {
	padding:100px 0 62px 0;
	border-bottom:1px solid #eeeeee;
	position: relative
}
.company_tit {
	width:1200px;
	margin:0 auto;
	text-align:center
}
.company_tit .company_tit1 {
	font-size:18px;
	letter-spacing:0.5em;
	color:#6f6f6f;
	font-weight:300
}
.company_tit .company_tit2 {
	font-size:36px;
	letter-spacing:0.05em;
	color:#000;
	font-weight:900
}
.company_tit .company_tit3 {
	font-size:18px;
	letter-spacing:0.05em;
	color:#0073bf;
	font-weight:900;
	padding-top:26px
}
.company-contnet-01 {
	position:relative;
	background:url(../img/company_01_bg.png) no-repeat center top;
	height:503px;
	margin:80px 0 30px 0
}
.company-contnet-inner-01 {
	width:1200px;
	margin:0 auto;
	position:relative
}
.company-contnet-inner-01 .company-01-tit1 {
	position:absolute;
	top:40px;
	left:76px;
	font-family: 'GmarketSansBold', sans-serif;
	font-size:60px;
	color:#d4d4d4;
	font-weight:900
}
.company-contnet-inner-01 .company-01-tit2 {
	position:absolute;
	top:75px;
	left:167px
}
.company-contnet-inner-01 .company-01-tit3 {
	position:absolute;
	top:130px;
	left:167px;
	font-size:36px;
	letter-spacing:0.18em;
	color:#000000;
	font-weight:900
}
.company-contnet-inner-01 .company-01-tit4 {
	position:absolute;
	top:75px;
	left:482px;
	font-size:20px;
	letter-spacing:0.05em;
	color:#000000;
	line-height:40px;
	font-weight:500
}
.company-contnet-inner-01 .company-01-tit5 {
	position:absolute;
	top:220px;
	left:167px;
	font-size:20px;
	letter-spacing:0.2em;
	color:#2a2a2a;
	line-height:30px;
	font-weight:400
}
.company-contnet-inner-01 .company-01-tit5 span{
	display:block;
	padding-top:10px
}
.company-contnet-inner-01 .company-01-btn {
	position:absolute;
	top:349px;
	left:167px
}
a.blue_round_btn {
	display:block;
	background:#0091ec;
	border-radius:60px;
	font-size:18px;
	color:#fff;
	letter-spacing:-0.025em;
	padding:7px 20px
}

.company-contnet-02 {
	position:relative;
	background:url(../img/company_02_bg.png) no-repeat center top;
	height:428px;
	margin:30px 0 102px 0
}
.company-contnet-inner-02 {
	width:1200px;
	margin:0 auto;
	position:relative
}
.company-contnet-inner-02 .company-02-tit1 {
	position:absolute;
	top:100px;
	right:54px;
	font-family: 'GmarketSansBold', sans-serif;
	font-size:60px;
	color:#90d5ff;
	font-weight:900
}
.company-contnet-inner-02 .company-02-tit2 {
	position:absolute;
	top:160px;
	right:152px;
	font-family: 'GmarketSansBold', sans-serif;
	color:#fff;
	font-size:33px;
	font-weight:900
}
.company-contnet-inner-02 .company-02-tit3 {
	position:absolute;
	top:204px;
	right:152px;
	font-size:30px;
	letter-spacing:0.2em;
	color:#fff;
	font-weight:900
}
.company-contnet-inner-02 .company-02-tit4 {
	position:absolute;
	top:268px;
	right:152px;
	font-size:20px;
	letter-spacing:0.2em;
	color:#fff;
	font-weight:400
}
.company-contnet-03 {
	position:relative;
	background:url(../img/company_03_bg.png) no-repeat center top;
	height:470px;
	margin:102px 0 0 0
}
.company-contnet-inner-03 {
	width:1200px;
	margin:0 auto;
	position:relative
}
.company-contnet-inner-03 .company-03-tit1 {
	position:absolute;
	top:40px;
	left:76px;
	font-family: 'GmarketSansBold', sans-serif;
	font-size:60px;
	color:#d4d4d4;
	font-weight:900
}
.company-contnet-inner-03 .company-03-tit2 {
	position:absolute;
	top:123px;
	left:167px
}
.company-contnet-inner-03 .company-03-tit3 {
	position:absolute;
	top:214px;
	left:167px;
	font-size:34px;
	color:#000000;
	font-weight:900
}

.company-contnet-inner-03 .company-03-tit4 {
	position:absolute;
	top:273px;
	left:167px;
	font-size:20px;
	color:#2a2a2a;
	line-height:30px;
	font-weight:400
}

.company-contnet-inner-03 .company-03-btn {
	position:absolute;
	top:357px;
	left:167px
}

.company-contnet-04 {
	position:relative;
	height:630px;
	margin:60px 0 102px 0
}
.company-contnet-inner-04 {
	width:1200px;
	margin:0 auto;
	position:relative
}
.company-contnet-inner-04 .company-04-img {
	position:absolute;
	top:238px;
	left:0
}
.company-contnet-inner-04 .company-04-tit1 {
	position:absolute;
	top:0;
	left:50%;
	font-family: 'GmarketSansBold', sans-serif;
	font-size:60px;
	color:#d4d4d4;
	font-weight:900
}
.company-contnet-inner-04 .company-04-tit2 {
	position:absolute;
	top:74px;
	left:568px
}
.company-contnet-inner-04 .company-04-tit3 {
	position:absolute;
	top:163px;
	left:354px;
	font-size:34px;
	letter-spacing:-0.025em;
	color:#000000;
	font-weight:900
}

.company-contnet-inner-04 .company-04-tit4 {
	position:absolute;
	top:314px;
	left:655px;
	font-size:20px;
	color:#2a2a2a;
	line-height:30px;
	font-weight:400
}

.company-contnet-inner-04 .company-04-btn {
	position:absolute;
	top:460px;
	left:655px
}


.company-enterprise-pc {
	position:relative;
	background:#f4f5f7;
	overflow:hidden;
	padding:74px 0 74px 0
}
.company-enterprise-pc-inner {
	width:1200px;
	position: relative;
	margin: 0 auto
}
.company-enterprise_tit {
	text-align:center;
	padding-bottom:48px;
	border-bottom:1px solid #d8d8d8
}
.company-enterprise_tit .enterprise_tit1 {
	color: #949494;
	letter-spacing:0.2em;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	font-weight:300
}
.company-enterprise_tit .enterprise_tit2 {
	padding-top:5px;
	color: #16161b;
	letter-spacing:-0.02em;
	font-size:40px;
	font-weight:700
}
.company-enterprise_tit .enterprise_tit3 {
	padding-top:15px;
	color: #16161b;
	font-size:18px;
	font-weight:400
}
.company-enterprise-pc-inner .enterprise_con {
	display:block;
	padding:50px 176px 20px 176px
}
.company-enterprise-pc-inner .enterprise_con ul {
	display:block;
	padding-bottom:25px
}
.company-enterprise-pc-inner .enterprise_con ul li {
	width:24.2%;
	display:inline-block;
	text-align:center;
	margin-bottom: 15px;
}
.company-enterprise-pc-inner .enterprise_btn {
	clear:both;
	display:block;
	margin:30px auto 50px;
	border:2px solid #112035;
	border-radius:3px;
	color:#17171b;
	font-size:16px;
	font-weight:700;
	width:149px;
	height:49px;
	line-height:49px;
	text-align:center
}
.company-enterprise-pc-inner .enterprise_btn:hover {
	background:#0272c6;
	border:2px solid #0272c6;
	color:#ffffff !important
}


.sub-notice_banner-pc {
	background :url(../img/notice_banner_bg.jpg) no-repeat center top;
	height:327px
}
.notice_banner-tit1 {
	text-align:center;
	font-size:50px;
	letter-spacing:0.08em;
	color:#006eb2;
	font-weight:900;
	padding:82px 0 0 40px
}
.notice_banner-tit2 {
	text-align:center;
	font-size:20px;
	letter-spacing:0.2em;
	color:#000000;
	font-weight:900;
	padding:5px 0 0 40px
}
.sub-notice-pc {
	position:relative;
	margin:0 auto;
	width:1100px;
	padding:100px 50px 150px 50px
}
.notice-tab-pc  {
	margin-left:10px
}

.notice-tab-pc li {
	float:left;
	margin-left:6px;
	margin-bottom: 5px;
}

.notice-tab-pc li a {
	display:block;
	text-align:center;
	border:1px solid #d2d2d2;
	width:204px;
	height:50px;
	line-height:50px;
	font-size:16px;
	letter-spacing:0.01em;
	color:#010101;
	font-weight:800
}
.notice-tab-pc li a:hover {
	background:#2c2c2c;
	color:#fff;
	border:1px solid #2c2c2c
}
.notice-tab-pc li a.select {
	background:#00629f;
	color:#fff;
	border:1px solid #00629f
}
.sub-notice-board-list-pc {
	position:relative;
	width:1100px;
	padding:0 50px;
	margin:0 auto
}
.sub-notice-board-list-pc table {
	border-top:2px solid #313131;
	width:100%;
}
.sub-notice-board-list-pc table th{
	color:#010101;
	font-size:20px;
	height:59px;
	line-height:59px;
	padding-left:20px;
	text-align:left;
	border-bottom:1px solid #dcdcdc
}
.sub-notice-board-list-pc table td{
	color:#606060;
	font-size:18px;
	letter-spacing:0.01em;
	padding:35px 20px;
	vertical-align:top;
	border-bottom:1px solid #dcdcdc
}
.sub-notice-board-list-pc table td .notice-tit1{
	color:#010101;
	font-weight:800;
	font-size:20px
}
.sub-notice-board-list-pc table td .notice-tit2{
	color:#888888;
	padding-top:12px;
	font-size:16px
}
.sub-board-pagination {
	text-align: center;
	padding:115px 0 48px 0
}
.sub-board-pagination .jp-paging {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
	color:#696969;
    border: 1px solid #eeeeee;
    display: inline-block
}
.sub-board-pagination .jp-paging:hover {
    color:#112035
}
.sub-board-pagination .jp-paging-num {
	width: 40px;
    height: 35px;
    line-height: 35px;
	text-align:center;
	font-size:16px;
	color:#696969;
	display: inline-block
}
.sub-board-pagination .jp-paging-num:hover {
	color:#112035
}
.sub-board-pagination .jp-paging-current {
	text-decoration:underline
}
.board-search-pc {
	margin:50px 0 156px 0;
	text-align:center
}
.board-search-pc input {
	width:500px;
	height:45px;
	font-size:14px;
	color:#939393;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #1e1e1e
}
.board-search-pc .board-search-btn {
	margin-left:-35px;
	background:url(../img/search_btn.jpg);
	width:29px;
	height:29px
}
.board-view-tit {
	font-size:16px;
	color:#696969;
	padding-top:30px;
	border-top:2px solid #707070;
	font-weight:800
}

.board-view-info {
	font-size:14px;
	color:#939393;
	padding:14px 0;
	border-bottom:1px solid #dddddd
}
.board-view-con {
	border-bottom:1px solid #dcdcdc;
	padding:20px 0
}
.jp-notice-bottom-btn {
	padding:20px 0 245px 0;
}
.jp-notice-bottom-btn .jp-notice-prev {
    float: left;
    font-size: 12px;
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd
}
.jp-notice-bottom-btn .jp-notice-list {
    font-size: 12px;
	margin-left:40%;
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
	color:#fff;
	background:#006eb1
}
.jp-notice-bottom-btn .jp-notice-next {
    float: right;
    font-size: 12px;
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd
}
.sub-contact_banner-pc {
	background :url(../img/contact_banner_bg.jpg) no-repeat center top;
	height:327px
}
.contact_banner-tit1 {
	text-align:center;
	font-size:50px;
	letter-spacing:0.08em;
	color:#006eb2;
	font-weight:900;
	padding:82px 0 0 40px
}
.contact_banner-tit2 {
	text-align:center;
	font-size:20px;
	letter-spacing:0.025em;
	color:#000000;
	font-weight:500;
	padding:5px 0 0 40px
}
.sub-contact-inner-pc {
	position:relative;
	padding:93px 0 140px 0;
	border-bottom:3px solid #000;
	width:1200px;
	margin:0 auto 140px
}
.sub-contact-inner-pc .contact-tit1 {
	border-bottom:2px solid #2c2c2c;
	padding-bottom:10px;
	font-size: 38px;
	color:#006eb2;
	font-weight:700;
    text-align: left
}
.sub-contact-inner-pc .contact-tit1 span {
	font-size: 20px;
	color:#222222;
	font-weight:400;
    text-align: left
}
.sub-contact-inner-pc .contact-tit2 {
	padding:10px 0 50px 0;
	font-size: 16px;
	line-height:27px;
	color:#000;
	font-weight:400;
    text-align: left
}
.sub-contact-inner-pc .contact-left {
	display:inline-block;
	float:left;
	width:540px;
	height:474px;
	margin-top:40px
}
.sub-contact-inner-pc .contact-left ul {
	padding-left:42px;
	border-left:4px solid #006eb2
}
.sub-contact-inner-pc .contact-left li {
	padding-top:18px;
}
.contact-form1 {
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #707070;
	height:40px;
	width:498px;
	font-size:16px;
	color:#717171
}
.contact-form2 {
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #707070;
	height:110px;
	width:498px;
	font-size:16px;
	color:#717171
}
.sub-contact-inner-pc .contact-right {
	display:inline-block;
	width:562px;
	height:633px;
	margin-left:94px;
	background:url(../img/contact_details_bg.png) no-repeat
}

.sub-contact-inner-pc .contact_submission_btn {
	display: inline-block;
	background: transparent;
	border: none;
	cursor: pointer;
}

.contact-right .contact-details-tit {
	margin-left:30px;
	padding:76px 0 20px 20px;
	width:440px;
	font-size:26px;
	color:#2884be;
	font-weight:700;
	border-bottom:1px solid #707070
}
.contact-right ul {
	width:420px;
	margin:10px 0 0 74px
}
.contact-right li {
	width:420px;
	display:inline-block;
	margin-top:40px
}
.contact-right li img  {
	vertical-align:top;
	margin-right:22px
}
.contact-right li .contact-details-info1 {
	vertical-align:top;
	display:inline-block;
	font-weight:700;
	color:#1a1a1a;
	width:140px
}
.contact-right li .contact-details-info2 {
	display:inline-block;
	width:220px
}
.txt-underline {
	text-decoration:underline;
}

.sub-event_banner-pc {
	background :url(../img/event_banner_bg.jpg) no-repeat center top;
	height:327px
}
.event_banner-tit1 {
	text-align:center;
	font-size:50px;
	letter-spacing:0.08em;
	color:#006eb2;
	font-weight:900;
	line-height:40px;
	padding:55px 0 0 0
}
.event_banner-tit1 span {
	font-weight:400;
	font-size:22px;
}
.event_banner-tit2 {
	text-align:center;
	font-size:20px;
	letter-spacing:0.2em;
	color:#000000;
	font-weight:500;
	padding:20px 0 0 0
}
.event_banner-tit3 {
	text-align:center;
	font-size:17px;
	letter-spacing:0.075em;
	color:#00629f;
	font-weight:800;
	padding:20px 0 0 0
}
.sub-event-inner-pc {
	position:relative;
	padding:70px 0 162px 0;
	width:1200px;
	margin:0 auto
}
.sub-event-inner-pc ul li{
	padding-top:12px
}
.sub-event-view-pc {
	position:relative;
	width:1200px;
	margin:0 auto
}

.sub-event-tit {
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:30px 0;
	margin:60px 0 60px 0;
}

.sub-event-tit .sub-event-tit1 {
	font-size:17px;
	color:#010101;
	font-weight:700
}
.sub-event-tit .sub-event-tit2 {
	font-size:16px;
	color:#010101;
	padding-top:12px;
	font-weight:400
}
.sub-event-content {
	padding-bottom: 60px;
	/*background:url(../img/event_view.jpg) no-repeat;*/
	width:1200px;
	/*height:1653px;*/
	position:relative
}

.sub-event-content .event_view_kakao_btn {
	position:absolute;
	top:1412px;
	left:240px;
}


.sub-faq-pc {
	position:relative;
	width:1100px;
	border-top:2px solid #000;
	margin:0 auto
}

.sub-tit-line {
	border-bottom:2px solid #000
}

.question-list {
	position:relative;
	width:1100px;
	border-bottom:1px solid #dcdcdc;
	/*line-height:50px;*/
	/*height:60px;*/
	cursor: pointer;
	padding: 8px 0 15px;
}

.question-list .faq-q {
	font-size:28px;
	font-style:normal;
	padding-left:12px;
	font-weight:500;
	color:#010101
}

.question-list .faq-tit1 {
	width:225px;
	padding-left:28px;
	display:inline-block;
	font-size:18px;
	font-weight:700;
	color:#010101
}

.question-list .faq-tit2 {
	width:776px;
	display:inline-block;
	font-size:18px;
	font-weight:300;
	color:#000
}
.question-list .fa-chevron-up, .fa-chevron-down {
	position: absolute;
    top:20px;
    right:20px;
    font-size:15px;
    color: #999999
}

.answer-list {
	position:relative;
	width:1100px;
	border-bottom:1px solid #dcdcdc;
	line-height:28px;
	padding:25px 0;
	display: none;
}

.sub-faq-pc .active + .answer-list{
	display: block;
}

.answer-list .faq-a {
	display:inline-block;
	vertical-align:top;
	font-size:28px;
	font-style:normal;
	width:226px;
	padding-left:58px;
	font-weight:500;
	color:#006eb2
}
.answer-txt {
	display:inline-block;
	font-size:16px;
	color:#727272;
	width:770px
}

.main-news-pc .rollingNoticeWrp{
	position: absolute !important;
	top: 1px;
	left: 245px;
	margin: 0;
	height: 49px !important;
	line-height: 49px;
	width: 955px;
}

.main-news-pc .rollingNoticeWrp li a{
	font-size: 15px;
}

.clearfix:after{
	clear: both;
	display: block;
	content: "";
}


.pf-editor-contents img{
	max-width: 100%;
}

#dbforce-main-service{
	cursor: pointer;
}

#dbforce-event{
	cursor: pointer;
}

/* popup */

/* popup */
#popup-wrapper{
	width: 1300px;
	position: relative;
	margin: 0 auto;
	z-index: 600;
}

.layer-popup{
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
	background: #000;
}

.layer-popup-foot{
	padding: 10px 15px;
	position: relative;
}

.layer-popup-foot .btn-stop-popup{
	float: left;
	color: #efefef;
	font-size: 13px;
}

.layer-popup-foot .btn-close-popup{
	float: right;
	color: #efefef;
	font-size: 13px;
}

.layer-popup-inner{
	position: relative;
}

.pc-pop{
	display: inline-block;
}

.pc-pop .layer-popup{
	width: 500px;
	margin: 0 auto;
}

.pop-btn-close,
.pop-btn-close2{
	position: absolute;
	top: 10px;
	right: 5px;
}

.pop-btn-close img,
.pop-btn-close2 img{
	width: 30px;
}

/* 메인 상단 스와이퍼 */
#swiper-pc-top{
	position: relative;
}

#swiper-pc-top .swiper-slide{
	cursor: pointer;
}

#swiper-pc-top .swiper-slide img{
	opacity: 0;
}

.vt-swiper-main-top-banner-nav-pc .swiper-pagination-bullet,
.vt-swiper-main-top-banner-nav-m .swiper-pagination-bullet{
	opacity: 0.5;
	background: transparent;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
}

.vt-swiper-main-top-banner-nav-pc .swiper-pagination-bullet-active,
.vt-swiper-main-top-banner-nav-m .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}

/* 이벤트 탭 스타일 */
.event-tabs-m { margin: 20px 0; border-bottom: 1px solid #eee; scroll-margin-top: 60px; }
.event-tabs-m ul { display: flex; list-style: none; padding: 0; margin: 0; }
.event-tabs-m ul li { flex: 1; text-align: center; }
.event-tabs-m ul li a { display: block; padding: 12px 0; color: #999; text-decoration: none; font-size: 15px; border-bottom: 2px solid transparent; }
.event-tabs-m ul li.active a { color: #000; font-weight: bold; border-bottom: 2px solid #000; }

.event-tabs-pc { margin-bottom: 50px; border-bottom: 1px solid #eee; scroll-margin-top: 100px; }
.event-tabs-pc ul { display: flex; list-style: none; padding: 0; margin: 0; justify-content: center; }
.event-tabs-pc ul li { width: 250px; text-align: center; }
.event-tabs-pc ul li a { display: block; padding: 20px 0; color: #999; text-decoration: none; font-size: 20px; border-bottom: 3px solid transparent; transition: all 0.3s; }
.event-tabs-pc ul li a:hover { color: #333; }
.event-tabs-pc ul li.active a { color: #000; font-weight: bold; border-bottom: 3px solid #000; }


.dbforce-main-pc{
	background: #F3F9FF;
	padding: 100px 0;
}

.dbforce-main-inner{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.dbforce-main-inner .txt{
	color: #1878C8;
	font-size: 18px;
	font-weight: 500;
}

.dbforce-main-inner h3.tit{
	font-weight: bold;
	color: #222;
	font-size: 30px;
	line-height: 40px;
	margin: 20px 0;
}

.dbforce-main-inner .txt2{
	color: #6B7785;
	font-size: 17px;
	line-height: 26px;
}

.dbforce-main-inner .btn-area{
	margin: 40px 0 0;
}

/* 디비포스 업종 썸네일 - jQuery Roundabout 플러그인 기반 3D 원통형(턴테이블) 캐러셀, 5초 간격 자동 회전
   (뒤쪽으로 돌아가는 썸네일은 점점 작아지고 흐려지면서 자연스럽게 뒤편으로 사라지는 형태)
   JS(window load)에서 실제 크기를 계산해 재조정하기 전까지, 아래 기본값(span 너비 260px)으로 먼저 배치해
   초기 로딩시 이미지가 원본 크기 그대로 세로로 쌓여 크게 보이는 현상을 방지하고,
   overflow:hidden + visibility:hidden으로 Roundabout 초기화 완료 전까지는 화면에 노출되지 않도록 처리한다.
   단, 초기화가 끝나 실제 회전 좌표가 계산된 뒤(roundabout-holder)에는 overflow:hidden을 그대로 두면
   좌우 끝으로 회전해 들어가는 썸네일이 컨테이너 폭 밖으로 살짝 걸쳐질 때 잘려 보이므로 overflow는 visible로 되돌린다. */
.dbforce-main-inner .body{
	position: relative;
	overflow: hidden;
	height: 480px;
	visibility: hidden;
}

.dbforce-main-inner .body.roundabout-holder{
	visibility: visible;
	overflow: visible;
}

.dbforce-main-inner .body span{
	display: block;
	width: 260px;
	box-sizing: border-box;
}

.dbforce-main-inner .body span img{
	display: block;
	width: 100%;
}

.dbforce-main-inner .body.roundabout-holder span{
	cursor: default;
}

.main-event-pc{
	background: url('/assets/img/main/bg-main-evt-pc.png') no-repeat center 0;
	height: 870px;
	overflow: hidden;
}

/* 고객감사 이벤트혜택 배너 섹션은 등록 건수가 많아질 경우를 대비해 높이를 유동적으로 허용 */
.main-event-pc.thanks-event-pc{
	height: auto;
	min-height: 870px;
	overflow: visible;
	/*padding-bottom: 60px;*/
}

.main-event-inner{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding-top: 100px;
}

.main-event-inner h2{
	color: #222;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 50px;
}

/* 고객감사 이벤트혜택 배너 - 3분할 균등배치 + 카드 플립 애니메이션 */
.main-event-inner .evt-body{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.main-event-inner .evt-card{
	position: relative;
}

.main-event-inner .evt-card[data-has-back="1"]{
	cursor: pointer;
}

.main-event-inner .evt-card-inner{
	position: relative;
	width: 100%;
	aspect-ratio: 411 / 551;
	perspective: 1500px;
}

.main-event-inner .evt-card-front,
.main-event-inner .evt-card-back{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.08);
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	transition: transform 0.8s;
}

.main-event-inner .evt-card-back{
	transform: rotateY(180deg);
}

.main-event-inner .evt-card.flipped .evt-card-front{
	transform: rotateY(-180deg);
}

.main-event-inner .evt-card.flipped .evt-card-back{
	transform: rotateY(0deg);
}

.main-event-inner .evt-card-front img,
.main-event-inner .evt-card-back img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}