/* Webfont Include */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Scroll Fixed */
html {overflow-x: hidden; overflow-y: scroll;}

/* Font Setting */
html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, label, input, textarea {
    font-family: "Noto Sans KR", "맑은 고딕", 'Malgun Gothic', 'Apple SD Gothic Neo Medium', sans-serif !important;}

/* Icon Fonts */
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* Social Footer Deleted */
.footer-social-layout {display: none}

 a, a:link, a:visited { text-decoration: none !important; }
*{word-break:keep-all;}
ol, ul, li {list-style: none;}

.clearfix{*zoom:1;}
.clearfix{display:block;content:'';clear:both;} 

/*상단 메뉴 설정 시작*/
.navbar-inverse {background: #ffffff; padding: 0; margin: 0; border-bottom: none; box-shadow: 0 0 4px rgba(0,0,0,0.3);}
.navbar-inverse .navbar-brand {padding: 8px 15px; margin: 0;}
.navbar-inverse .navbar-brand img {padding: 0; margin: 0;max-width:300px;width:100%;}
@media screen and (max-width:767px){
	.navbar-inverse .navbar-brand img {width:200px;}
}

.navbar-inverse .navbar-nav > li > a {background-color: rgba(0,0,0,0); color: #313131; font-weight: 400; font-size: 15px; padding: 22px 25px 24px; margin: 10px 0 0; text-shadow: none; letter-spacing: -0.035em;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #ff5e00;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background: none; box-shadow: 0 0 0 rgba(0,0,0,0); color: #ff5e00;}
.caret {display: none;}

.dropdown-menu {background: #2a2a2a; padding: 15px 10px; border-radius: 0px; border: none; right: 0 !important; left: 0 !important; min-width: 190px;}
.dropdown-menu li {padding: 0;}
.dropdown-menu > li > a {background-color: rgba(0,0,0,0); color: #e5e5e5; padding: 8px 20px; margin: 0; font-size: 13px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: #808080; color: #fff; font-weight: 500;}
/*상단 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
.footer_copy .text-center {
    background-color: #eee;
    color: #989898;
    font-size: 12px;
    padding: 20px;
    margin: 0;
    text-align: center;
    float: none;
}
.footer_copy .wrap-footer {max-width: 1170px; color: #888; margin: 0 auto; font-size: 12px; text-align: left; font-weight: 300;}
.footer_copy .wrap-footer img {margin-right: 0;margin-top:15px;;}
.wrap-footer > .text-right {margin-top: 70px;}
.footer_copy .wrap-footer .cName {color: #787878; font-size: 16px;}
.footer_copy .wrap-footer address{margin:5px 0;}
.footer_copy .wrap-footer .slash{display:inline-block;margin:0 5px;color:#ccc;}
.footer_copy .wrap-footer .col-md-8 p{margin:5px 0 0;}

@media screen and (max-width:767px){
	.footer_copy .wrap-footer .slash{display:none;}
	.navbar-brand{width:70%;margin-top:7px !important;}
}
/* //footer */

/* 하단 카피라이트 설정 끝*/

/*---------------------------------------skin design---------------------------------------------*/
.navbar-inverse .divider-vertical {
    display:none;
}
.navbar-inverse .navbar-toggle {
	margin: 16px 15px 15px;
    background: rgba(0,0,0,0);
    border: none;
	border-radius: 0px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background: #595959;
}
.navbar-inverse .navbar-toggle:focus, 
.navbar-inverse .navbar-toggle:hover {
    background-color: #595959;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, 
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background: #fff;
}
.intro-board-layout .page-header{display:none;}


/* social area */
.footer-social-layout {
    display: none;
}
/* ------------------------------------------------------------------------------- */
.container.container_slide {width: 100%; padding: 0;}
.intro-widget-layout {width: 100%; padding: 0; display: none;}
.navbar ~ br {display: none;}
.topmarginLay_a {height: 75px !important;}
@media screen and (max-width: 767px) {
	.topmarginLay_a {margin-top: -6px !important;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #273184;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #555555;}
	.navbar-nav .open .dropdown-menu {border-bottom: 1px solid #ddd; padding: 11px 0;}
}

/* -------------------------------------0907 skin design ----------------------------------- */
.wrap-customer #myCarousel {
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
/********* 메인 페이지 **********/
.fill {height: 580px;}
.carousel-caption {
    position: absolute;
    top: 50%;
    bottom: auto;
    padding: 0;
    margin: -110px auto 0;
    text-align: center;
    color: #000;
}
.fill h1 {margin: 0 0 20px;}
.fill h1 span, .fill p span {background: rgba(0,0,0,0); opacity: 1; text-shadow: none; padding: 0;}
.fill h1 span.mainTxt {
    color: #454545;
    font-size: 53px;
    font-weight: 300;
    letter-spacing: -0.1em;
    line-height: 1.3;
    display: block;
}
.fill p span {background: #ff5e00;
    padding: 4px 10px;
    color: #eee;
    font-size: 15px;
    letter-spacing: -0.04em;}
.more_view {position: absolute; bottom: 160px; right: 0;}
.container_slide .fill .carousel-control {display: none;}

/* ------- -슬라이드 아래 영역 시작 ---------- */

.container_contents {width: 100%; padding: 0;}
.main-title {font-size: 25px; text-align: center; font-weight: 700; color: #595959; margin: 0 0 12px 0;}
.line {height: 4px; width: 30px; border-radius: 50px; background: #ff5e00; margin: 0 auto 30px;}

/* main - 서비스 */
.banner_wrap{margin-top:120px;background:url('/skin/img/main/main_banner.png') no-repeat 50% 50%;background-size:cover;}
.banner_wrap .text_area{padding:40px 0;background-color:rgba(0,0,0,0.4);}
.banner_wrap .text_area .inner{max-width:1170px;width:100%;margin:0 auto;padding:0 15px;}
.banner_wrap .text_area .inner span{display:block;color:#fff;}
.banner_wrap .text_area .inner .banner_text1{margin-bottom:5px;font-size:28px;}
.banner_wrap .text_area .inner .banner_text2{font-weight:500;font-size:20px;}
#mainService {padding: 90px 0 0;}
#mainService hr{margin:30px 0;}
#mainService .s-box1 a{display:block;}
.wrap-service {max-width: 1170px; margin: 0 auto; overflow: hidden;}
.s-box-in .s-box-img {margin-bottom: 15px;}
.s-box-in .icon-back {position: absolute; background: rgba(255, 94, 0, 0.8); top: 0; padding: 17px 0 0; text-align: center; width: 55px; height: 55px;}
#mainService .fa {color: #fff; font-size: 20px;}
.s-box-in h4 {color: #313131;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.035em;
    margin: 0 10px 0 0;
    display: inline-block;}
.s-box-in span {
    font-size: 12px;
    color: #aaaaaa;
    font-weight: 200;
}
.s-box-in p {
    color: #666666;
    line-height: 23px;
    margin-bottom: 30px;
    font-size: 14px;
}
#mainService .s-box-img img:nth-child(2){display:none;}

.s-box-in img{width:100%;}
.s-box-in:hover .s-box-img >img,
.s-box-in:focus .s-box-img >img {
/*     opacity: 0.7; */
}
.s-box-in:hover h4,
.s-box-in:focus h4,
.s-box-in:hover span,
.s-box-in:focus span{
    color:#ff5e00;
}

@media screen and (max-width:767px){
	#mainService .s-box1{margin-bottom:30px;}
}

/* main - 고객 후기 */
#mainCustomer {
    background-image: url(/skin/img/main/customer_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	padding: 80px 15px;
	text-align: center;
}
#mainCustomer .main-title {
    color: #fff;
}

#customer-carousel {
    margin: 0 auto;
    max-width: 1140px;
}
#customer-carousel .carousel-control img {
    position: absolute;
    top: 27%;
}
#customer-carousel .carousel-control.left img {
    left: 0;
}
#customer-carousel .carousel-control.right img {
    right: 0;
}
#mainCustomer .carousel-indicators{
	display: none;
}
#mainCustomer h4 {
    margin: 0 0 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
#mainCustomer .name {
    color: #ff5e00;
    font-weight: 400;
    line-height: 1;
}
#mainCustomer .des {
    color: #aaa;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
    margin: 24px 0 0;
}
/* --------------------게시판 영역------------- */
/* main 게시판 영역 - 소식 */
.intro-board-layout {
	width: 100%;
    margin: 0 auto;
    float: none;
}
.intro-boardbox {
    max-width: 1170px;
    margin: 0 auto;
    float: none;
	padding-bottom: 90px;
}
.intro-board-widget-layout {
    padding: 80px 0 0;
	display:none;
}

.dh-front-blog>.col-md-4>.thumbnail {
    min-height: auto;
	box-shadow: none;
    border: none;
    margin: 0;
}
.thumbnail .caption{
    padding: 0 10px 0 0;
}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5 {
    margin: 0 0 20px;
    padding: 0 !important;
}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5>a {
    font-size: 16px;
    color: #313131;
    font-weight: 600;
    font-family: "Noto Sans KR","Malgun gothic" !important;
}
.caption h5.blog-row-subject:hover a {
    color: #ff5e00 !important;
}
.dh-front-blog>.col-md-4>.thumbnail>.caption p a {
    font-size: 13px;
    line-height: 23px;
	font-family: "Noto Sans KR","Malgun gothic" !important;
}
/* 섬네일 이미지 삭제 */
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    display: none;
}

/* list */
ul.list-style {
    list-style-image: url(/skin/img/sub/list-head.png);
    padding-left: 10px;
    line-height: 27px;
    font-size: 15px;
    color: #666666;
}
/* 게시판 */
.dh-board, .dh-view-box, .form-horizontal{visibility: hidden;}
.dh-board {max-width: 1170px; margin: 0 auto 60px; min-height: 380px;}
.dh-board > .table-hover {margin: 0 0 40px; border-top: 2px solid #7c9a2c; border-bottom: 1px solid #ccc;}
.dh-board > .table-hover tr th {background: #f8f8f8;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-bottom: 1px solid #e6e6e6 !important; padding: 15px 25px !important; letter-spacing: -0.035em !important;}
.dh-board > .table-hover tbody > tr:hover {background-color: #f7f7f7;}
.label-danger {background: none; color: #ff5e00;}

/* 블로그게시판 */
.bbs-blog2-index-layout .dhb-txt-box-type-b {background-color: #f3f3f3; border: 1px solid #ffffff; margin: 0px 0px; padding: 15px 15px;}
.dhb-txt-box-type-b h4 strong a {font-size: 14px; font-weight: 600; color: #555555;}
.dhb-txt-box-type-b-text-layout h5 {display: none;}
.dhb-txt-box-type-b .thumb-hidden {border: 0px solid #FFF; box-shadow: none; height: 120px;}

/*pds 게시판 custom*/
.dhb-txt-box {width: 25%; float: left; min-height: 240px; background: #f3f4f8; border: 0px solid #D9D9D9; margin: 0; padding: 20px; border: 1px solid #ffffff;}
.dhb-txt-box:hover {background: #ebeef1;}
.dhb-txt-box > div {padding: 0;}
.dhb-txt-box .text-right {display: none;}
.dhb-txt-list {width: 100% !important; border-right: 0px solid #D9D9D9;}
.dhb-txt-list>.row div:first-child{width:100%;}
.dhb-txt-list>.row div:nth-child(2){
	width:100%;
	padding-top:15px;
}
.dhb-txt-box{width:100%;}
.dhb-txt-box h4 {
    margin: 0;
}
.dhb-txt-box h4 > strong a {
    font-size: 16px;
    font-weight: 600;
    color: #273184;
}
.dhb-txt-list > h5 {
    font-size: 13px;
    line-height: 1.8;
    color: #999 !important;
}

/* 갤러리게시판 */
.img-bbs-default-index-layout .row > .col-lg-12 {
    max-width: 1170px;
    margin: 0 auto;
    float: none;
	padding: 0;
}
@media screen and (max-width:991px){
	.img-bbs-default-index-layout .row > .col-lg-12
	{
		padding:0 15px;
	}
}
.img-bbs-default-index-layout .row > .col-lg-12 > .dh-front-gallery {
    padding: 0;
}
.img-bbs-default-index-layout .row .col-lg-12 #btnNew {
    margin-right: 15px;
}
/* 갤러리게시판 카테고리 */
.filter-items {
    padding: 0 15px;
}
.filter-items .filter-label:hover, 
.filter-items .filter-label:focus{
    background: #595959;
    color: #fff;
}
.filter-items .filter-label {
    color: #555;
    background: #e5e5ea;
    padding: 8px 19px;
    font-size: 14px;
}

/* Btn, pagination */
#btnNew {
    background: #595959;
    border: 1px solid #595959;
    border-radius: 0px;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
}
.input-group .input-group-btn button, .input-group .input-group-btn input {
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
}
.dh-margin-top {
    margin-top: 30px;
}
.page-nav {
    padding: 0 15px;
}
.pagination{margin:30px 0 0}
.pagination > li > a {
    border-radius: 0px !important;
}

.pagination > li > a:hover {
    border-bottom: 1px solid #ddd !important;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background: #595959;
    border-bottom: 1px solid #595959 !important;
}


/* 글읽기, 쓰기 */
.dh-view-box {
    max-width: 1170px;
    margin: 0 auto 70px;
    padding: 0 15px;
}
.dh-view-box>.row>.page-header {
    border-top: none;
    border-bottom: 2px solid #ddd;
}
.dh-view-box.dh-margin-topx2 > .row {
    margin: 0;
}
.dh-view-box>.row>.dh-view-info {
	display:none;
}

.dh-view-box .btn-group a {
    border: none;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 0px;
    box-shadow: none;
    background: #f3f3f3;
}
.dh-view-box .btn-group a.btnEdit i {
    color: #698CC9;
}
.dh-view-box .btn-group a.btnDelete i {
    color: #C99D40;
}

.dh-line ~ .col-xs-12 {
    padding: 0;
}
.dh-line ~ div.col-xs-12 {
    margin-bottom: 80px;
}
form#insertForm {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
form#insertForm > h2 {
    margin-top: 0;
}

/* 폼메일 */
form#mailForm {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
form#mailForm .btn-primary {
    color: #313131;
    background: #f3f3f3;
    max-width: 170px;
    padding: 13px 19px;
    font-size: 14px;
    border-radius: 0px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    margin: 0 auto;
}
form#mailForm .btn-primary:hover, 
form#mailForm .btn-primary:focus {
    background: #595959;
    color: #fff;
}
form#mailForm .form-control {
    border-radius: 0px;
    box-shadow: none;
}
/* 게시판, 모듈 하단 공백 */
.contact-mail-layout{margin-bottom:80px}

/* login */
.login-layout {
    max-width: 1170px;
    margin: 50px auto 90px;
}

.login-layout .panel {
    box-shadow: none;
    border-radius: 0px;
    background: #f3f3f3;
    border: none;
}
.login-layout .form-control {
    box-shadow: none;
    border-radius: 0px;
}
.login-layout .btn-warning {
    background: #595959;
    border-radius: 0px;
    border: 1px solid #595959;
    box-shadow: none;
    padding: 8px 0;
}



/* ------- subPage ------- */
/* common */
.container.sub-layout{width:100%;padding:0}

div[class*='company'] .pageTop .title {background:url('/skin/img/sub/sub_top1.jpg') no-repeat;}
div[class*='business'] .pageTop .title {background:url('/skin/img/sub/sub_top2.jpg') no-repeat;}
div[class*='product'] .pageTop .title {background:url('/skin/img/sub/sub_top3.jpg') no-repeat;}
div[class*='notice'] .pageTop .title {background:url('/skin/img/sub/sub_top4.jpg') no-repeat;}

.subPage .pageTop {margin:7px 0 50px;position: relative;}
.subPage .pageTop .title { width: 100%; height: 260px;padding-top: 50px; background-size:cover;text-align: center;}
.subPage .pageTop .title h2 {
    display: inline-block;
    margin: 0;
    padding: 30px 50px;
    border: 15px solid #ff5e00;
    color: #fff;
    background: rgba(0, 0, 0, 0.35);
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -0.08em;
}
.subPage .pageTop .page_location {
    width: 100%;
    bottom: 0;
    position: absolute;
    padding: 16px 0;
    background: rgba(0, 0, 0, 0.25);
    text-align: right;
}
.subPage .pageTop .page_location ol {padding: 0 15px; margin: 0 auto;}
.subPage .pageTop .page_location ol li {display: inline-block; color: #e5e5e5; font-size: 13px; font-weight: 300; letter-spacing: -0.035em;}
.subPage .pageTop .page_location ol li span.slash {display: inline-block; margin: 0 8px; color: rgba(255, 255, 255, 0.6); font-size: 12px;}
.subPage .pageTop .page_location ol li span.now {color: #fff; font-size: 14px; font-weight: 500;}

.subPage .pageBottom {margin-bottom: 80px;}
.subPage .pageBottom .left_wrap{margin-bottom:30px;}
.subPage .pageBottom .left_wrap .sideMenu span.title {
    background: #fff;
    display: block;
    padding: 20px 0 30px;
    color: #666;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    border-bottom: 2px solid #b5b5b5;
}
.subPage .pageBottom .left_wrap .sideMenu ul {padding: 0; margin: 0; border-bottom: 1px solid #dedede;}
.subPage .pageBottom .left_wrap .sideMenu > ul li span:hover{cursor:default;}
.subPage .pageBottom .left_wrap .sideMenu > ul li span, .subPage .pageBottom .left_wrap .sideMenu > ul li a {display: block; padding: 14px 20px; color: #333; font-size: 15px; letter-spacing: -0.05em; border-bottom: 1px solid #d6d6d6 !important;}
.subPage .pageBottom .left_wrap .sideMenu > ul > li > span, .subPage .pageBottom .left_wrap .sideMenu > ul > li > a {font-weight: 500;}
.subPage .pageBottom .left_wrap .sideMenu > ul > li > a:hover {color: #ff5e00;}
.subPage .pageBottom .left_wrap .sideMenu ul li:last-child a, .subPage .pageBottom .left_wrap .sideMenu ul li:last-child span {border-bottom: none !important;}
.subPage .pageBottom .left_wrap .sideMenu ul li.on a {color: #ff5e00;}
.subPage .pageBottom .left_wrap .sideMenu ul li.on a::after {content: '\f138'; font-family: 'FontAwesome'; float: right;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub1 {padding: 0; background-color: #fff;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub2 {padding: 8px 0; background-color: #f6f6f6; border-top: 1px solid #dedede;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li a, .subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li span {display: block; padding: 8px 20px 8px 35px; border: none !important; color: #666; font-size: 14px; letter-spacing: -0.03em; position: relative;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li a::before, .subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li span::before {content: ''; position: absolute; top: 18px; left: 20px; width: 5px; height: 2px; background: #aaa;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li.on a, .subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li a:hover {color: #ff5e00;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li.on a::before, .subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li a:hover::before {background: #ff5e00;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub1 > li.on a::after {content: '\f105'; font-family: 'FontAwesome'; float: right;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub2 > li a {color: #555; font-size: 13px; letter-spacing: -0.03em; padding: 5px 20px 5px 55px; border: none !important; position: relative;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub2 > li a::before {content: '└'; position: absolute; top: 5px; left: 35px;background-color:transparent;}
.subPage .pageBottom .left_wrap .sideMenu ul.sub2 > li a:hover:before{background-color:transparent;}
.subPage .pageBottom .right_wrap {min-height:485px;}

@media screen and (min-width:1170px){
    .subPage .pageTop .page_location ol{width:1170px;}
}
@media screen and (min-width:768px) and (max-width:1169px){
    .subPage .pageBottom.container{width:100% !important;}
}
@media screen and (min-width:768px){
    .subPage .pageBottom .left_wrap {width:20%; padding-left: 0; padding-right: 20px;}
    .subPage .pageBottom .right_wrap {width:80%; padding-right: 0; padding-left: 50px;}   
}

/* ubist */
.company_ubist .contents h3 {
    margin: 15px 0 30px;
    display: block;
    color: #555;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.04em;
}
.company_ubist .contents h3 span{color:#ff5e00;}
.company_ubist .contents p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: -0.04em;
    margin: 0 0 60px;
}
.company_ubist .contents p.middleText {
    color: #555;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.04em;
    margin: 0 0 15px;
}
.company_ubist .contents img{margin-top:50px;}


/* ceo */
.company_ceo .contents .topText {margin-bottom: 20px;}
.company_ceo .contents .topText > span{display:block;}
.company_ceo .contents .topText span.text1 {margin: 20px 0 40px;
    display: block;
    font-weight: 600;
    font-size: 34px;
    color: #7c9a2c;
    line-height: 1.2;
    letter-spacing: -0.02em;}
.company_ceo .contents .topText span.text2 {font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.6;}
.company_ceo .contents p {color: #555;
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: -0.03em;
    margin: 0 0 15px;}
.company_ceo .contents .thanks {color: #333;
    font-size: 17px;
    font-weight: 500;}
.company_ceo .contents .ceo {margin-top: 20px; text-align: right;}
.company_ceo .contents .ceo img {margin-left: 10px;}

/* vision */
.company_vision h3{
	margin: 20px 0 20px;
	display: block;
	font-weight: 600;
	font-size: 27px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.company_vision .contents h3 span{color:#ff5e00;}
.company_vision .contents > p{font-size:17px;font-weight:500;}
.company_vision .contents h4{margin-bottom:0;}
.company_vision .contents .value{margin-top:40px;}
.company_vision .contents .value img{width:100%;}
.company_vision .contents .value .col-md-4{margin-top:15px;}
.company_vision .contents .value .col-md-4 .subtitle{display:block;margin:20px 0;text-align:center;}
.company_vision .contents .value .col-md-4 .subtitle span{display:block;font-weight:bold;font-size:20px;}
.company_vision .contents .value .col-md-4 ul{padding-left:25px;}
.company_vision .contents .value .col-md-4 ul li{list-style:disc;letter-spacing:-0.05em;}

/* ci */
.company_ci .contents ul{margin:30px 0;padding-left:0;}
.company_ci .contents ul li{position:relative;padding-left:20px;}
.company_ci .contents ul li+li{margin-top:10px;}
.company_ci .contents ul li:before{position:absolute;top:9px;left:0;width:10px;height:3px;background-color:#777;content:'';}
.company_ci .contents .img_area section h4{margin-bottom:0;}
.company_ci .contents .img_area .section2{margin-top:35px;}
.company_ci .contents .img_area section .col-md-6{margin-top:15px;}

/* history */
.contents .history_list{position:relative;padding-left:0;}
.contents .history_list:before {display: block; position: absolute; top: 30px; bottom: 0; left: 50%; width: 4px; margin-left: -2px; background-color: #c5c5c5; border-radius: 50px; content: '';}
.contents .history_list > li{position:relative;margin-bottom:35px;}
.contents .history_list > li.left{float:left;clear:left;}
.contents .history_list > li.left:before{position:absolute;top: 26px;right:-13px;content:url(/skin/img/subpage/clock.png);z-index: 2;}
.contents .history_list > li.first{margin-top:90px;}
.contents .history_list > li.right{float:right;clear:right;}
.contents .history_list > li.right:before{position:absolute;top:27px;left:-12px;content:url(/skin/img/subpage/clock.png);z-index: 2;}
.contents .history_list > li span{position:relative;display:block;}
.contents .history_list > li span.year {padding-bottom: 5px;
    margin-bottom: 15px;
    color: #7c9a2c;
    font-size: 25px;
    letter-spacing: -0.035em;
    border-bottom: 2px solid #ccc;
    font-weight: 600;}
.contents .history_list > li span.year~span {padding: 0 0 0 30px; color: #333; font-size: 14px; letter-spacing: -0.01em; line-height: 1.8;}
.contents .history_list > li span.date {margin: 20px 0 5px; color: #000 !important; font-size: 17px !important; font-weight: 500;}
.contents .history_list > li span.text {padding-left: 45px !important;}
.contents .history_list > li span.text+.text {padding: 0 0 0 45px !important;}
.contents .history_list > li span.text:before {position: absolute; top: 0; left: 30px; content: '·';}
.contents .history_list > li span.text+span.date {margin-top:15px;}
.contents .history_list > li span.text2 {padding-left: 30px !important;}
.contents .history_list > li ul {margin: 0 0 20px; padding: 0 0 0 45px; color: #666; font-size: 13px; font-weight: 300; line-height: 1.8;}
@media screen and (min-width:768px){
    .contents .history_list > li{width:50%;}
    .contents .history_list > li.right span.year{text-align:right;}
}
@media screen and (max-width:767px){
    .contents .history_list:before{left:0;}
    .contents .history_list > li.right{float:none;}
    .contents .history_list > li.left{float:none;}        
    .contents .history_list > li.left:before{left:-13px;}
    .contents .history_list > li span.year{padding-left:15px;}
}

/* technology */
.company_technology h3{
	margin: 20px 0 20px;
	display: block;
	font-weight: 600;
	font-size: 34px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.company_technology table{margin-bottom:30px;}
.company_technology table caption{font-size:17px;font-weight:500;color:#333;}
.company_technology table thead tr th{border-left:1px solid #ddd;background-color:#777;color:#fff;text-align:center;font-weight:500;}
.company_technology table thead tr th:first-child{width:20%;border-left:0;}
.company_technology table thead tr th.sn{width:15%;}
.company_technology table tbody tr td{border:1px solid #ddd;border-width:0 0 1px 1px;text-align:center;vertical-align:middle !important;}
.company_technology table tbody tr td:first-child{border-left:0;}
.company_technology table tbody tr td:nth-child(2){text-align:left;}

.company_technology h4{
		display: block;
		padding-bottom:15px;
    margin: 0;
    color: #111;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.company_technology h4:before{
    content: '\f05d';
    color: #7c9a2c;
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/* location */
.company_location .info_area table {margin: 30px 0 0; border-top: 2px solid #7c9a2c;}
.company_location .info_area table tr th {background: #f8f8f8;}
.company_location .info_area table tr th, .company_location .info_area table tr td {border:1px solid #e6e6e6; padding: 17px 25px; letter-spacing: -0.035em;}
.company_location .info_area table tr td ul {margin: 0;
    padding: 0;
    color: #555;
    line-height: 1.8;
    letter-spacing: -0.035em;}
.company_location .info_area table tr td ul li span {display: inline-block;
    margin-right: 10px;
    color: #ff9000;
    font-weight: 500;}


.company_location .info_area .traffic_info h3{
		display: block;
		padding-bottom:15px;
		margin-bottom:30px;
    margin: 0;
    color: #111;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.company_location .info_area .traffic_info h3:before{
    content: '\f05d';
    color: #7c9a2c;
    font-family: 'FontAwesome';
    padding-right: 8px;
}
.company_location .info_area .traffic_info section h4{display:inline-block;margin:0;padding:10px 15px;border:1px solid #e6e6e6;border-radius:25px;background-color:#f8f8f8;font-size:15px;}
.company_location .info_area .traffic_info section .row{margin-top:15px;}
.company_location .info_area .traffic_info section .row .col-md-10{margin-top:25px;}
.company_location .info_area .traffic_info .section2{margin-top:40px;}
.company_location .info_area .traffic_info .section2 .fa{display:block;margin-top:8px;text-align:center;color:#0080ff;font-size:67px;}

@media screen and (min-width:768px){
	.company_location .info_area .traffic_info img{width:100%;}
	.company_location .info_area .traffic_info section .row{margin-left:15px;}
}

/* product */
.product .contents .section_title {margin: 0px 0 40px;}
.product .contents .section_title h3 {margin: 0; color: #333; font-size: 34px; font-weight: 500; letter-spacing: -0.035em;}
.product .contents .section_title span {color: #888; font-size: 13px; font-weight: 400;}
.product_introduction .contents section {padding: 5px 0 50px;}
.product_introduction .contents .vision .topText {display:block;position:relative;margin-bottom:40px;color:#7c9a2c; font-weight: 600; font-size: 22px; letter-spacing: -0.01em;}
.product_introduction .contents .vision .topText:after {position: absolute; left: 0; bottom: -21px; width: 40px; height: 1px; background-color: #aeaeae; content: '';}
.product_introduction .contents .vision p {font-size: 16px; font-weight: 400; letter-spacing: -0.035em; line-height: 1.8;}
.product_introduction .contents .vision img {margin-top: 60px;}
.product_introduction .contents .vision{background:url('/skin/img/subpage/product_ugeon.png') no-repeat 100% 100%;padding-bottom:180px;}

@media screen and (max-width:767px){
	.product_introduction .contents .vision{padding-bottom:350px;}
}

.product_introduction .contents .logo .subText {margin-bottom: 40px; font-size: 16px; font-weight: 400; letter-spacing: -0.035em; line-height: 1.8;}
.product_introduction .contents .logo .info .topText {display: block; margin: 0 0 15px; padding: 10px 0 0; color: #555; font-size: 18px; font-weight: 600; letter-spacing: -0.015em; position: relative;}
.product_introduction .contents .logo .info .topText::before {content: ''; position: absolute; width: 20px; height: 2px; background: #afb312; top: 0; left: 0;}
.product_introduction .contents .logo .info .circle {display: inline-block; float: left; width: 45px; height: 45px; margin-right:10px; border-radius: 50%;}
.product_introduction .contents .logo .info .left .inner,
.product_introduction .contents .logo .info .right .inner{margin-bottom: 10px; padding: 15px; border: 1px solid #e6e6e6;}
.product_introduction .contents .logo .info .left .circle {background-color: #afb312;}
.product_introduction .contents .logo .info .right .circle {background-color: #7b7979;}
.product_introduction .contents .logo .info .color_info span {display:inline-block; margin-left: 8px; font-weight: 600;}
.product_introduction .contents .logo .info .left .color_info {color:#afb312; font-size: 14px; margin: 0 0 4px;}
.product_introduction .contents .logo .info .right .color_info {color:#7b7979; font-size: 14px; margin: 0 0 4px;}
.product_introduction .contents .logo .info p {color: #333; font-size: 13px; margin: 0;}
.product_introduction .contents .logo .info .bottomText {display: block; color: #666; font-size: 12px; font-weight: 400;}

.product_fa .contents .box > .title {display: block; margin: 0 0 15px; color: #111; font-size: 20px; font-weight: 500; letter-spacing: -0.05em;}
.product_fa .contents .box > .title::before {content: '\f05d'; color: #7c9a2c; font-family: 'FontAwesome'; padding-right: 8px;}
.product_fa .contents .box .box_inner {padding: 20px 0;
    border-top: 2px solid #e6e6e6;
    min-height: 250px;
}
.product_fa .contents .box .box_inner ul.ul1 {padding: 0 0 0 20px;
    margin: 0;}
.product_fa .contents .box .box_inner ul.ul1 > li {list-style: square;
    color: #666;
    line-height: 1.5;
    letter-spacing: -0.03em;}
.product_fa .contents .box .box_inner ul.ul1 > li+li {margin-top: 10px;}
.product_fa .contents .box .box_inner ul.ul1 li ul {padding-left: 0;}

.product_fa .contents .box .box_inner .item+.item{margin-top:25px;}
.product_fa .contents .box .box_inner .item .item_title{display:block;margin-bottom:10px;font-size:18px;font-weight:500;}
.product_fa .contents .box .box_inner .item ul.ul1{padding-left:35px;}
.product_fa .contents .box .box_inner ul.no-style{padding-left:19px;margin-bottom:15px;}
.product_fa .contents .box .box_inner ul.no-style li{position:relative;padding-left:15px;color:#333;}
.product_fa .contents .box .box_inner ul.no-style li:before{position:absolute;top:9px;left:0;width:5px;height:2px;background-color:#333;content:'';}
.product_fa .contents .box .box_inner ul.ul1 li ul li{position:relative;padding-left:15px;color:#999;}
.product_fa .contents .box .box_inner ul.ul1 li ul li:before{position:absolute;top:9px;left:0;width:5px;height:2px;background-color:#999;content:'';}

.product_fa .contents .features .box+.box {margin-top: 30px;}
.product_fa .contents .advantages .col-md-6 {margin-bottom:20px;}
.product_fa .contents .section3 .box+.box{margin-top:30px;}

@media screen and (min-width:768px){
	.product_fa .contents .features .box1 .col-md-7, .product_fa .contents .features .box4 .col-md-7 {margin-top: 20px;}
	.product_fa .contents .features .box2 .col-md-7 {margin-top: 20px;}
	.product_fa .contents .features .box3 .col-md-7 {margin-top: 20px;}
	.product_fa .contents .features .box6 .col-md-7 {margin-top: 20px;}
}

/* composition */
.product_composition .contents .section2 p {margin-bottom: 30px; color: #666;
    letter-spacing: -0.035em;
    line-height: 1.8;}
.product_composition .contents .section2 table {border-top: 2px solid #7c9a2c;}
.product_composition .contents .section2 table thead tr th {background: #f8f8f8; color: #595959; font-weight: 600; text-align: center;}
.product_composition .contents .section2 table tbody tr th {text-align: center; vertical-align: middle !important; font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.03em;}
.product_composition .contents .section2 table tbody tr td {vertical-align: middle !important; color: #555;
    font-size: 13px;
    letter-spacing: -0.03em;}
.product_composition .contents .section2 table tr th, .product_composition .contents .section2 table tr td {padding: 17px 20px; border: 1px solid #e6e6e6;}
.product_composition .contents .section2 table tbody tr td ul {margin-bottom: 0; padding-left: 18px;}
.product_composition .contents .section2 table tbody tr td ul li{list-style:square;}

.product_composition .contents .box > .title {display: block; margin: 0 0 15px; color: #111; font-size: 20px; font-weight: 500; letter-spacing: -0.05em;}
.product_composition .contents .box > .title::before {content: '\f05d'; color: #7c9a2c; font-family: 'FontAwesome'; padding-right: 8px;}
.product_composition .contents .box .box_inner {padding: 20px 0;
    border-top: 2px solid #e6e6e6;
    min-height: 250px;
}
.product_composition .contents .box .box_inner ul.ul1 {padding: 0 0 0 20px;
    margin: 0;}
.product_composition .contents .box .box_inner ul.ul1 > li {list-style: square;
    color: #333;
    line-height: 1.5;
    letter-spacing: -0.03em;}
.product_composition .contents .box .box_inner ul.ul1 > li+li {margin-top: 10px;}
.product_composition .contents .box .box_inner ul.ul1 li ul {padding-left: 0;}
.product_composition .contents .box .box_inner ul.ul1 li ul li{position:relative;padding-left:15px;color:#999;}
.product_composition .contents .box .box_inner ul.ul1 li ul li:before{position:absolute;top:9px;left:0;width:5px;height:2px;background-color:#999;content:'';}

.product_composition .contents .topImg_area{width:100%;height:300px;margin-bottom:30px;border:2px solid #ccc;background:#ccc url('/skin/img/subpage/noimage.png') no-repeat 50% 50%;background-size:contain;}

@media screen and (min-width:767px){
	.product_composition .contents .row .col-md-6:nth-child(odd) .box{padding-right:30px;padding-left:15px;}
	.product_composition .contents .row .col-md-6:nth-child(even) .box{padding-left:30px;padding-right:15px;}
}


/* result */
.product_result .contents .box > .title {display: block; margin: 0 0 15px; color: #111; font-size: 20px; font-weight: 500; letter-spacing: -0.05em;}
.product_result .contents .box > .title::before {content: '\f05d'; color: #7c9a2c; font-family: 'FontAwesome'; padding-right: 8px;}
.product_result .contents .box .box_inner {padding: 20px 0;
    border-top: 2px solid #e6e6e6;
    min-height: 250px;
}
.product_result .contents .box .box_inner ul.ul1 {padding: 0 0 0 20px;
    margin: 0;}
.product_result .contents .box .box_inner ul.ul1 > li {list-style: square;
    color: #666;
    line-height: 1.5;
    letter-spacing: -0.03em;}
.product_result .contents .box .box_inner ul.ul1 > li+li {margin-top: 20px;}
.product_result .contents .box .box_inner ul.ul1 li ul {padding-left: 0;}
.product_result .contents .box .box_inner ul.ul1 li ul li{position:relative;padding-left:15px;color:#999;}
.product_result .contents .box .box_inner ul.ul1 li ul li:before{position:absolute;top:9px;left:0;width:5px;height:2px;background-color:#999;content:'';}
.product_result .contents .box .box_inner ul.ul1 li ul li ul li:before{position:absolute;top:9px;left:0;width:3px;height:3px;background-color:#999;border-radius:50%;content:'';}

.product_result .contents .box .box_inner ul.ul1 li ul ul{margin-bottom:5px;padding-left: 5px;}
.product_result .contents .box .box_inner .subtitle{font-weight:500;}

.product_program .contents .col-md-6{margin-bottom:30px;}
.product_program .contents .col-md-6 .inner{padding:10px 10px 15px;border:1px solid #ccc;}
.product_program .contents .col-md-6 .inner span.title{display:block;margin-top:15px;text-align:center;font-size:18px;font-weight:500;}

.product_result .contents .box_inner .row{border-bottom:1px dashed #d7d7d7;padding-bottom:20px}
.product_result .contents .box_inner .line2{margin-top:40px;}

@media screen and (max-width:767px){
	.product_result .contents .box_inner img{margin-top:15px !important;}
}

/* gis server */
.product_arch .whiteBox {border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 20px 25px 10px 25px;}
.product_arch .whiteBox > span {color: #ff5e00;
    font-size: 13px;
    font-weight: 500;}
.product_arch .whiteBox > h4 {margin: 0 0 15px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.05em;}
.product_arch .whiteBox .greenBox {padding: 12px 5px;
    margin-bottom: 10px;
    border: 1px solid #aaa;
    background-color: #eee;
    font-size: 12px;}
.product_arch .whiteBox .greenBox > span {float: left;
    width: 18%;
    padding: 5px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.05em;}
.product_arch .whiteBox .greenBox > ul {float:left;width:82%;margin-bottom:0;padding-left:0;}
.product_arch .whiteBox .greenBox > ul li {float:left;padding:0 3px;}
.product_arch .whiteBox .greenBox > ul.col5 li {width:20%;}
.product_arch .whiteBox .greenBox > ul.col4 li {width:25%;}
.product_arch .whiteBox .greenBox > ul.col3 li {width:33.33333%;}
.product_arch .whiteBox .greenBox > ul.col2 li {width:50%;}
.product_arch .whiteBox .greenBox > ul.line2 li:nth-child(1), .product_arch .whiteBox .greenBox > ul.line2 li:nth-child(2) {margin-bottom:6px;}
.product_arch .whiteBox .greenBox > ul li span {display: block;
    padding: 5px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    text-align: center;}
.product_arch .whiteBox .greenBox > ul li span.redBox {border: 1px solid #7c9a2c;
    background-color: #f8ffe5;
    color: #7c9a2c;}
.product_arch .whiteBox .infoBox{position:relative;margin-bottom:10px;padding-left:55px;}
.product_arch .whiteBox .infoBox .inner {display: inline-block;
    padding: 10px;
    border: 2px solid #7c9a2c;
    border-radius: 15px;
    background: #f8ffe5;
    color: #7c9a2c;
    font-size: 13px;
    letter-spacing: -0.035em;
    line-height: 1.3;}
.product_arch .whiteBox .infoBox .inner .l_line{position: absolute;
    top: -10px;
    left: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid #7c9a2c;
    border-width: 0 0 2px 2px;}
.product_arch .features_title{display: block; padding: 0 0 15px;margin-bottom:20px;border-bottom: 2px solid #e6e6e6;color: #111;font-size: 20px;font-weight: 500;letter-spacing: -0.05em;}
.product_arch .features_title:before{content: '\f05d';color: #7c9a2c;font-family: 'FontAwesome';padding-right: 8px;}
@media screen and (max-width:767px){
	.product_arch .whiteBox+.whiteBox{margin-top:15px;}
	.product_arch .whiteBox .infoBox .inner{font-size:12px;}
	.product_arch .whiteBox .greenBox > span{display: block;float:none;width:100%;margin-bottom: 5px;}
	.product_arch .whiteBox .greenBox > ul{float:none;width:100%;}
	.product_arch .whiteBox .greenBox > ul li{width:50% !important;}
	.product_arch .whiteBox .greenBox > ul li:nth-child(1),
	.product_arch .whiteBox .greenBox > ul li:nth-child(2){margin-bottom:6px;}
}

ul.square {padding-left: 20px; margin: 0 0 30px;}
ul.square li {list-style: square;
    color: #555;
    letter-spacing: -0.035em;
    line-height: 1.8;
    margin: 5px 0 0;
}
.composition_textBox {border: 1px solid #e6e6e6;}
.composition_textBox span {display: inline-block;}
.composition_textBox .box {padding: 12px 17px;
    background-color: #7c9a2c;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.035em;
}
.composition_textBox .text {padding: 12px 0 12px 12px;letter-spacing: -0.035em;}

.product_gis_server .section1 p {color: #555; letter-spacing: -0.03em; line-height: 1.8; margin: 0 0 20px;}
.product_gis_server .section2 ul {padding: 0 0 0 20px;
    margin: 0;
    color: #555;
    font-size: 13px;
    line-height: 1.4;
margin-bottom:10px;}
.product_gis_server .section2 ul li {list-style: square;}
.product_gis_server .section2 ul li+li {margin-top: 5px;}
.product_gis_server .section1 .whiteBox{position:relative;}
.product_gis_server .section1 .whiteBox:nth-of-type(2):before{position:absolute;top:50px;left:-28px;font-size:25px;content:"\f061";font-family:"FontAwesome" !important;}
.product_gis_server .section2 .title {display: block;
    color: #7c9a2c;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.035em;
    margin-bottom: 10px;}
@media screen and (min-width:767px){
	.product_gis_server .section1 .whiteBox{width:48%;}
	.product_gis_server .section1 .whiteBox:nth-of-type(1){float:left;}
	.product_gis_server .section1 .whiteBox:nth-of-type(2){float:right;}
}

.product_deskstop_gis .contents p {margin: 0 0 30px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: -0.035em;}


@media screen and (min-width:768px){
	.pull-left2{float:left;width:49%;}
	.pull-right2{float:right;width:49%;}
}

.product_deskstop_gis .section2 .left_area{float:left;width:48%;}
.product_deskstop_gis .section2 .left_area .whiteBox:last-child{margin-top:0;border:0;}
.product_deskstop_gis .section2 .left_area .infoBox{}
.product_deskstop_gis .section2 .left_area .infoBox .box{margin-top:10px;padding:5px;border:1px solid #c3d69b;background-color:#ebf1de;text-align:center;}
.product_deskstop_gis .section2 .left_area .infoBox .box span {display: block;
    padding: 5px 0;
    margin: 5px 0 0;
    color: #000;
    border: 1px solid #fb7b30;
    background-color: #f1e4dc;}
.product_deskstop_gis .section2 .right_area{position:relative;float:right;width:48%;}
.product_deskstop_gis .section2 .right_area:before{position:absolute;top:50px;left:-28px;font-size:25px;content:"\f061";font-family:"FontAwesome" !important;}

@media screen and (max-width:992px){
	.product_deskstop_gis .section1 .textBox span{display:block;}
}
@media screen and (max-width:767px){
	.product_deskstop_gis .section2 .left_area{float:none;width:100%;}
	.product_deskstop_gis .section2 .right_area{float:none;width:100%;margin-top:15px;}
}

.product_web_gis1 .contents p, .product_web_gis2 .contents p, .product_mobile_gis1 .contents p, .product_mobile_gis2 .contents p {margin-bottom: 30px; color: #666; letter-spacing: -0.035em; line-height: 1.8;}
.product_web_gis1 .bjava{color:#31859c;}
.product_web_gis1 .oapp{color:#e46c0a;}
.product_web_gis1 .section3{margin-top:50px;}
.product_web_gis1 .section3 .whiteBox{position:relative;}
.product_web_gis1 .section3 .whiteBox:before{
	position: absolute;
    top: -45px;
    left: 48%;
    font-size: 25px;
    content: "\f062 ";
    font-family: "FontAwesome" !important;
}
.product_web_gis2 .section3{margin-top:50px;}
.product_web_gis2 .section3 .whiteBox{position:relative;}
.product_web_gis2 .section3 .whiteBox:before{
	position: absolute;
    top: -45px;
    left: 48%;
    font-size: 25px;
    content: "\f062 ";
    font-family: "FontAwesome" !important;
}

.product_mobile_gis1 .section3{margin-top:50px;}
.product_mobile_gis1 .section3 .whiteBox{position:relative;}
.product_mobile_gis1 .section3 .whiteBox:before{
	position: absolute;
    top: -45px;
    left: 48%;
    font-size: 25px;
    content: "\f062 ";
    font-family: "FontAwesome" !important;
}

.product_mobile_gis2 .biphone{color:#376092;}
.product_mobile_gis2 .oand{color:#953735;}
.product_mobile_gis2 .section3{margin-top:50px;}
.product_mobile_gis2 .section3 .whiteBox{position:relative;}
.product_mobile_gis2 .section3 .whiteBox:before{
	position: absolute;
    top: -45px;
    left: 48%;
    font-size: 25px;
    content: "\f062 ";
    font-family: "FontAwesome" !important;
}

/* bbs */
@media screen and (max-width:767px){
    .login-layout, .join-agree-layout, .id-find-layout, .pw-find-layout{margin-top:80px;}    
    .join-layout{margin-top:20px;}
    .join-layout > h1, .join-layout > p,
    .join-agree-layout > h1, .join-agree-layout > p{padding:0 15px;}
    .join-layout #joinForm{padding:15px 0;}
}

/* .bbs-list-index-layout, .bbs-list-add-layout, .bbs-list-view-layout, .bbs-list-edit-layout, .bbs-pds-index-layout, .bbs-pds-add-layout, .bbs-pds-view-layout, .bbs-pds-edit-layout, .contact-location-only-layout{margin:0 -15px;}
.bbs-list-index-layout .dh-board, .bbs-list-add-layout #insertForm, .bbs-pds-index-layout .dh-board, .bbs-pds-add-layout #insertForm, .bbs-pds-edit-layout #insertForm{float:right;padding:0 15px;}
.bbs-list-view-layout .dh-view-box, .bbs-list-edit-layout #insertForm, .bbs-pds-view-layout .dh-view-box{float:right;padding:0 30px;}
.bbs-list-view-layout+.row, .bbs-pds-view-layout+.row, .row.google{float:right;}

@media screen and (min-width:970px){
    .bbs-list-index-layout .dh-board, .bbs-list-add-layout #insertForm, .bbs-list-view-layout .dh-view-box, .bbs-list-edit-layout #insertForm, .bbs-list-view-layout+.row, .bbs-pds-view-layout+.row, .bbs-pds-add-layout #insertForm, .bbs-pds-edit-layout #insertForm, .bbs-pds-view-layout .dh-view-box, .bbs-pds-index-layout .dh-board, .row.google {width: 80%;}
} */

.dh-view-box .dh-attach{display:none;}
.dh-view-box .dh-attach+div{padding:0 !important;}
.dh-view-box>.row>.page-header{display:none;}

.bbs_text .section_title .h3{
	display:block;
	margin: 0;
    color: #333;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.035em;
}
.bbs_text .h4{
	display:block;
}
.bbs_text .section_title span:last-child{
	color: #888;
    font-size: 13px;
    font-weight: 400;
}

.bbs_text ul li{list-style:square;}
.bbs_text .applicationBox{display:inline-block;margin-top:15px;padding:15px;border:1px solid #e8e8e8;border-radius:10px;}
.bbs_text .applicationBox span{display:block;margin-bottom:5px;font-weight:bold;}
.bbs_text .applicationBox ul{padding-left:0px;margin-bottom:0;}
.bbs_text .applicationBox ul li{list-style:none;}
.bbs_text .row{margin-top:30px;}

/* business */
.business_area h3{
	margin: 20px 0 20px;
	display: block;
	font-weight: 600;
	font-size: 28px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.business_area p.text-center{font-size:17px;font-weight:500;}
.business_area .contents .business{margin-top:40px;}
/* .business_area .contents .business img{border-radius:50%;} */
.business_area .contents .business .col-md-4{margin-top:15px;}
.business_area .contents .business .col-md-4 .subtitle{display:block;margin:20px 0;text-align:center;}
.business_area .contents .business .col-md-4 .subtitle span{display:block;font-weight:bold;font-size:20px;}
.business_area .contents .business .col-md-4 ul{padding-left:25px;}
.business_area .contents .business .col-md-4 ul li{list-style:disc;}

.business_result h3{
	margin: 20px 0 20px;
	display: block;
	font-weight: 600;
	font-size: 34px;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
.business_result section+section{margin-top:50px;}
.business_result section h4{
		display: block;
	padding-bottom:15px;
    margin: 0;
    color: #111;
    font-size: 20px;
	border-bottom:2px solid #e6e6e6;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.business_result section h4:before{
    content: '\f05d';
    color: #7c9a2c;
    font-family: 'FontAwesome';
    padding-right: 8px;
}
.business_result section span.subtitle{
	  display: inline-block;
    padding: 10px 30px;
    background-color: #e6e6e6;
    font-weight: 500;
    border: 1px solid #ccc;
    border-radius: 25px;
		margin-top:15px;
}
.business_result section ul{padding-left:20px;margin-top:15px;}
.business_result section ul li{position:relative;list-style:square;color:#666;}
.business_result section ul li+li{margin-top:5px;}






@media screen and (min-width:768px){
	.business_result .noIcon:before{display:none;}
}
.business_example .contents .title {}
.business_example .contents .title h3 {border-top: 2px solid #7c9a2c;
    margin: 0;
    padding: 15px 0;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    letter-spacing: -0.035em;}
.business_example .contents .title .info {margin: 0 0 30px; padding: 20px 30px; background-color: #f7f7f7;}
.business_example .contents .title .info ul {margin: 0; padding: 0;}
.business_example .contents .title .info ul li {position: relative;
    padding-left: 15px;
    color: #555;
    font-size: 14px;
    letter-spacing: -0.035em;
    line-height: 1.9;}
.business_example .contents .title .info ul li::before {content: ''; position: absolute;
    background: #cecece;
    width: 6px;
    height: 2px;
    top: 11px;
    left: 0;}
.business_example .img_area{margin-bottom:15px;}
.business_example .text_area ul {margin: 0; padding: 0;}
.business_example .text_area ul li {color: #555; letter-spacing: -0.035em; line-height: 1.8;}
.business_example .text_area ul li::before {content: '\f00c'; color: #aeaeae; font-size: 10px; font-family: 'FontAwesome' !important; padding-right: 8px;}
.business_example .text_area .star {margin: 10px 0 0; color: #888; font-size: 13px; letter-spacing: -0.035em; line-height: 1.4;}

.business_skill .contents p, .product_certification .contents p {color: #555; letter-spacing: -0.03em; line-height: 1.8; margin: 0 0 20px;}
.business_skill .section1 .top_area{margin-top:30px;}
.business_skill .section1 .top_area .box{min-height:390px;border:1px solid #e6e6e6;text-align:center;}
.business_skill .section1 .top_area .box img{margin:10px auto;}
.business_skill .section1 .top_area .box p{font-size:20px;font-weight:bold;}
.business_skill .section1 .top_area .box1{border-top:3px solid #00b0f0;}
.business_skill .section1 .top_area .box1 p span{color:#25b7d3;}
.business_skill .section1 .top_area .box2{border-top:3px solid #00b050;}
.business_skill .section1 .top_area .box2 p span{color:#45b39c;}
.business_skill .section1 .top_area .box3{border-top:3px solid #e46c0a;}
.business_skill .section1 .top_area .box3 p span{color:#fabc3d;}
.business_skill .section1 .top_area .box .innerBox{display:block;margin-bottom:10px;}
.business_skill .section1 .top_area .box .innerBox .inner{display:inline-block;padding:10px 20px;border:1px dashed #e1e1e1;}
.business_skill .section1 .bottom_area{position:relative;margin:50px auto 0;}
.business_skill .section1 .bottom_area .arrow{position:absolute;top:-35px;margin-bottom:0;}
.business_skill .section1 .bottom_area .arrow1{left:10%;}
.business_skill .section1 .bottom_area .arrow2{left:50%;}
.business_skill .section1 .bottom_area .arrow3{right:10%;}
.business_skill .section1 .bottom_area .box{padding:15px;border:1px solid #e6e6e6;text-align:center;}
.business_skill .section1 .bottom_area .box .innerBox{display: block;}
.business_skill .section1 .bottom_area .box .innerBox .inner{display:inline-block;padding: 10px 70px; border: 1px dashed #e1e1e1;margin-bottom:5px;}
.business_skill .section1 .bottom_area .col-md-12 .box p{text-align:center;font-weight:bold;font-size:20px;}
.business_skill .section1 .bottom_area > div{margin-bottom:15px;}

@media screen and (min-width:1170px){
	.business_skill .section1 .bottom_area{width:700px;}
}

.business_skill .section2 table {border-top: 2px solid #7c9a2c;}
.business_skill .section2 table thead tr th {background: #f8f8f8; color: #595959; font-weight: 600; text-align: center;}
.business_skill .section2 table tbody tr th {text-align: center; vertical-align: middle !important; font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.03em;}
.business_skill .section2 table tbody tr td {vertical-align: middle !important; color: #555;
    font-size: 13px;
    letter-spacing: -0.03em;}
.business_skill .section2 table tr th, .business_skill .section2 table tr td {padding: 17px 20px; border: 1px solid #e6e6e6;}
.business_skill .section2 table tbody tr td ul {margin-bottom: 0; padding-left: 18px;}
.business_skill .section2 table tbody tr td ul li{list-style:square;}

.product_certification .section2{border:1px solid #e6e6e6;padding:15px 10px;}
.product_certification .section2 .row > .col-md-6:first-child{border-right:1px solid #ccc;}
.product_certification .section2 .newsTitle{text-align:center;}
.product_certification .section2 .newsTitle h3 {color: #222; font-size: 22px; letter-spacing: -0.035em; text-decoration: underline;}
.product_certification .section2 .newsTitle .text1{margin-bottom:0;}
.product_certification .section2 .text_area{position:relative;padding-left:20px;}
.product_certification .section2 .text_area:before{position:absolute;left:0;top:0;content:'□';}
.product_certification .section2 .text_area small{display:block;margin-bottom:10px;}
.product_certification .section2 .logoBox{margin-top:160px;padding:5px;border:2px solid #333;}
.product_certification .section2 .logoBox img{margin-top:15px;}

.product_certification .section1 .row{margin-bottom:20px;}
.product_certification .section1 .row ul{padding-left:140px;font-weight:bold;margin-top:5px;}
.product_certification .section1 > ul{padding-left:45px;}
.product_certification .section1 > ul {margin: 0; padding: 0;}
.product_certification .section1 > ul li {color: #555;
    letter-spacing: -0.035em;
    position: relative;
    padding-left: 15px;
    margin: 0 0 10px;}
.product_certification .section1 > ul li::before {content: '\f00c';
    color: #aeaeae;
    font-size: 10px;
    font-family: 'FontAwesome' !important;
    position: absolute;
    left: 0;
    top: 4px;}

.text-bbs15 .dh-view-box .dh-attach{display:block;padding-left:0;}



.notice_recruitment section{margin-top:40px;}
.notice_recruitment .img_area span{display:block;margin:10px 0;letter-spacing:-0.05em}
.notice_recruitment h3{
	display: block;
    padding-bottom: 15px;
    margin: 0 0 5px;
    color: #111;
    font-size: 20px;
    border-bottom: 2px solid #e6e6e6;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.recruitment h3:before{
	    content: '\f05d';
    color: #7c9a2c;
    font-family: 'FontAwesome';
    padding-right: 8px;
}
.notice_recruitment .recruitment_info1 .section1 span{display:list-item;list-style-type:square;margin-left:25px;}
.notice_recruitment .recruitment_info1 img{margin-bottom:5px;}
.notice_recruitment .contents ul{padding-left:25px;}
.notice_recruitment .contents ul li{list-style:square;}

.notice_recruitment .recruitment_info2 table{max-width:710px;width:100%;margin:30px auto 0;}
.notice_recruitment .recruitment_info2 table thead tr th{background-color:#777;color:#fff;border:1px solid #e6e6e6;text-align:center;}
.notice_recruitment .recruitment_info2 table tbody tr td{vertical-align:middle !important;border:1px solid #e6e6e6;}
.notice_recruitment .recruitment_info2 table tbody tr td:first-child{background-color:#f8f8f8;font-weight:bold;text-align:center;}
.notice_recruitment .recruitment_info2 table ul{margin-bottom:0;padding-left:0;}
.notice_recruitment .recruitment_info2 table ul li{list-style:none;}
.notice_recruitment .recruitment_info2 table ul li+li{margin-top:3px;}

.notice_recruitment .download{margin-top:30px;text-align:center;}
.notice_recruitment .download a{display:inline-block;padding:10px 25px;border-radius:50px;background-color:#ff5e00;font-weight:500;color:#fff;}
.notice_recruitment .download a:hover{opacity:0.7;}