/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Pacifico);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 설정 */
* {font-family: 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important; word-break: break-word;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important; word-break: break-word;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
ol, ul, li {list-style: none;}


/* 상단 메뉴 설정 시작 */
.navbar-inverse {background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0; margin: 0;}
.navbar-inverse ~ br {display: none;}
.navbar-inverse .divider-vertical {display: none;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {text-shadow: 0 0 0 rgba(0,0,0,0);}
.navbar .glyphicon {color: #000;}
.caret {display: none;}
.topmarginLay_a {height: 112px !important;}
@media screen and (max-width: 767px) {.topmarginLay_a {height: 60px !important;}}
.navbar-top {width: 100%; padding: 0; background: #262b65;}
@media screen and (min-width:1170px) {
    .navbar-top-wrap {width: 1170px;}
}
.navbar-top-wrap {margin: 0 auto;}
.navbar-top-wrap ul {margin: 0; padding: 0;}
.navbar-top-wrap ul li {float: left;}
.navbar-top-wrap .navbar-top-btn {margin: 5px 0 5px; padding: 8px 15px 0; display: inline-block; color: #ccc; font-size: 12px; font-weight: 400; line-height: 1;}
.navbar-top-wrap ul li:last-child .navbar-top-btn {width: 70px; padding: 5px 0; background: rgba(0,0,0,0); border: 2px solid #eee !important; border-radius: 50px; color: #fff; font-weight: 500; text-align: center;}

/* ----- 상단 메뉴 로고 ----- */
.navbar-inverse .navbar-brand {padding: 0px 10px; position: absolute;}
.navbar-brand img {margin: 15px 0 0; padding: 0 15px; width: 100%;}

/* -----상단 메인 메뉴 설정 ----- */
.navbar-inverse .navbar-nav > li > a {background-color: rgba(0,0,0,0); border-bottom: 3px solid rgba(0,0,0,0); color: #555; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; padding: 22px 20px; margin: 10px 0 0;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {border-bottom: 3px solid #262b65 !important; color: #262b65; -webkit-transition: all 0.2s; -o-transition: all 0.3s; transition: all 0.2s;}

/* ----- 상단 서브 메뉴 설정 ------ */
.dropdown-menu {
    background-color: #262b65;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    padding: 15px 0;
    margin: 0;
    left: -15px !important;
    right: auto !important;
    min-width: 150px;
}
.dropdown-menu > li > a {
	color: #e5e5e5;
    padding: 7px 30px;
    margin: 0;
    font-size: 13px;
    font-weight: 300;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    color: #fff;
    background: #222;
}

/* ----- mobile 설정 ----- */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #262b65;
    background-image: none !important;
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
.navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    border-color: #333333;
    background-color: #333333;
}
.navbar-inverse .navbar-toggle {
    border-color: #262b65;
    background-color: #262b65;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
@media screen and (max-width: 767px) {
	.navbar-header {padding: 15px 0 15px;}
	.navbar-inverse .navbar-brand{padding: 0 10px 0;}
	.navbar-brand img{margin: 0px 10px 0; padding: 0; width: 90%;}
	.navbar-inverse .navbar-nav > li > a{border-bottom: 1px solid #e5e5e5; padding: 15px 30px 15px; margin: 0 0 0;}
	.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{border-bottom: 1px solid #958f88 !important;}
}
@media screen and (max-width: 767px) {
	.col-md-12.padd00 + .clearfix {
		display: none;
	}
}
/* //상단 메뉴 설정 끝 */


/* 슬라이드 영역 설정 시작 */
.container_slide {padding: 0; width: 100%;}
.fill {height: 480px;}
.carousel-caption {top: 50%; bottom: auto; text-align: left; padding: 0; margin: -114px 0 0; letter-spacing: -0.05em;}
.fill h1 {margin: 0;}
.fill h1 span, .fill p span {background-color: transparent; opacity: 1; padding: 0; text-shadow: 0 0 0 rgba(0,0,0,0);}
.fill h1 span h2 {font-size: 45px; font-weight: 500; line-height: 1.2; letter-spacing: -0.075em; margin: 0;}
.fill h1 span h2 span {color: #5ca0ff;}
.fill h4 {font-size: 22px; font-weight: 200; margin: 0 0 10px;}
.fill p {margin: 20px 0 0;}
.fill p span {color: #e6e6e6; font-size: 14px; font-weight: 300; letter-spacing: -0.05em; line-height: 1.7;}
/* 슬라이드 영역 설정 끝 */


/* 푸터 영역 설정 시작 */
.footer_copy .text-center{background: #eeeeee; border-top: 1px solid #eeeeee; color: #ababab; font-size: 12px; text-align: left; padding: 30px 0 10px; margin: 0;}
.footer-top {max-width: 1170px; margin: 0 auto 10px; padding: 0 15px;}
.footer-top ul{margin: 0; padding: 0; display: inline-block; width: 100%;}
.footer-top ul li{float: left; display: inline-block;}
.footer-top ul li a{color: #666; font-size: 13px; margin-right: 30px;}
.footer-top ul li:last-child a:after{content: ""}
.footer-middle {width: 1170px; margin: 0 auto 20px; padding: 0 15px;}
.footer-middle ul{margin: 0; padding: 0; display: inline-block; width: 100%; line-height: 1.6;}
.footer-middle ul li{float: left; display: inline-block;}
.footer-middle ul li span:after{content: "|"; color: #dedede; padding: 0 6px 0;}
.footer-middle ul li:last-child span:after{content: "";}
.footer-bottom {width: 1170px; margin: 0 auto; padding: 0 15px;}
.footer-bottom p{display: inline-block; width: 100%;}
.socialArea{display: none;}
@media screen and (max-width: 991px) {
	.footer-top{width: 100%;}
	.footer-middle{width: 100%;}
	.footer-bottom{width: 100%;}
}
/* //푸터 영역 설정 끝*/


/* public */
.mainPage .line {
    width: 30px;
    height: 2px;
    background-color: #bf322b;
}
.mainPage .subject h2 {margin: 10px 0 20px;
    color: #333;
    font-size: 22px;
    letter-spacing: -0.05em;}
.mainPage .contents h4 {margin: 20px 0 10px;
    color: #262b65;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.075em;}
.mainPage .contents p {color: #666;
    font-size: 13px;
    letter-spacing: -0.06em;
    margin: 0 0 20px;}
.mainPage img{margin:0 auto;}
@media screen and (max-width:767px){
	.mainPage img{width:100%;}
}
.mainPage a {color: #666;
    font-size: 12px;
    letter-spacing: -0.03em;
    border: 1px solid #d5d5d5 !important;
    padding: 5px 30px;}
.mainPage a:hover {background: #262b65; color: #fff; border: 1px solid #262b65 !important;}
.mainPage > div {padding: 0;}

/* top */
.mainPage .subject {padding: 40px 30px 0;}
.mainPage .top .subject p {color: #333; font-size: 15px;}
.mainPage .top .subject big {font-size: 20px;}

/* middle */
.mainPage .middle .subject img {margin-top: 25px; padding-left: 20px;}
.mainPage .middle .contents {padding: 0 15px;}


/* bottom */
.mainPage .bottom .contents {margin: 0 0 60px;}
.mainPage .bottom .subject img {margin-top: 25px; padding-left: 20px;}
.bottom .img {padding-right: 30px; padding-left: 30px;}
.bottom .img > div {padding: 0;}
.bottom .hover {visibility:hidden; position: absolute; top: 0; width: 100%; height: 100%; z-index: 999;}
.bottom .hover_txt {text-align:center; line-height: 224px; color:#fff; font-size:20px;}
.bottom > .map {padding-left:15px;}
.bottom .hover img {margin-top: 40px;}
.bottom .map .hover img {margin-top: 80px;}

.bottom .hover p i {color:#fff;}
.bottom .img > div:hover .hover,
.bottom .map:hover .hover {
    visibility:visible;   
    background:rgba(255,97,0,0.8);
}
.bottom > .contents > .contents ul {list-style-type: none; padding: 0; margin: 0 0 30px;}
.bottom > .contents > .contents ul li {color: #666; font-size: 13px; letter-spacing: -0.03em; line-height: 1.8;}
.wrapContact {padding-left: 30px; padding-right: 30px;}
.row > .contents{margin-bottom:40px;}

/* //main page */


/* subPage */
.sub-layout {
    padding-bottom: 80px;
    min-height: 670px;
}
.subPage{margin-top:30px;}
@media screen and (min-width:768px){
    .subPage .left_side_wrap{width:20% !important;float:left;}
    .subPage .right_side_wrap{width:80% !important;float:left;}
}
.subPage .left_side_wrap .leftMenu_title {
background: #262b65;
    padding: 40px 0;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.05em;}
.subPage .left_side_wrap .leftMenu ul {padding: 0; margin: 0; border: 1px solid #e8e8e8;}
.subPage .left_side_wrap .leftMenu ul li {border-top: 1px solid #e8e8e8;}
.subPage .left_side_wrap .leftMenu ul li.on a {color: #333; background: #f5f5f5;}
.subPage .left_side_wrap .leftMenu ul li.on a::after {content:"\f054"; color: #777; font-size: 10px; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 15px;}
.subPage .left_side_wrap .leftMenu ul li:last-child {border-bottom: none;}
.subPage .left_side_wrap .leftMenu ul li a {position: relative; display: block; padding: 12px 20px; color: #666; letter-spacing: -0.05em; border: none !important;}
.subPage .right_side_wrap .title {
	width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 30px;
    padding: 60px 0 20px;
}
.subPage .right_side_wrap .title h2 {
	margin: 0;
    color: #333;
    font-size: 20px;
    letter-spacing: -0.05em;
    float: left;
}
.subPage .right_side_wrap .title ul.location {padding: 0;
    margin: 0;
    color: #777;
    font-size: 12px;
    letter-spacing: -0.05em;
    float: right;}
.subPage .right_side_wrap .title ul.location li{float:left;}
.subPage .right_side_wrap .title ul.location li .slash{display:inline-block;margin:0 5px;}
.subPage .right_side_wrap .title ul.location li .now{font-weight:bold;}

.subPage[class*='office'] dl dd{margin-bottom:15px;}
.subPage[class*='office'] dl dd ul li{margin-bottom:5px;}
@media screen and (min-width:767px){
	.subPage[class*='office'] dl dt {float: left;
    color: #262b65;
    font-size: 15px;
    letter-spacing: -0.03em;}
	.subPage[class*='office'] dl dd {padding-left: 80px;
    color: #555;
    letter-spacing: -0.05em;}
	.recruitment dl dt{float:left;}
	.recruitment dl dd{padding-left:70px;}
}

.company_customer .content{margin-left:1px;margin-top:1px;}
.company_customer .content .col-md-3{padding:15px;margin-left:-1px;margin-top:-1px;border:1px solid #e5e5e5;}
.company_customer .content .col-md-3 img{width:100%;}

.recruitment table tr th{padding:8px !important;text-align:center;border:2px solid #333;border-width:2px 0;background-color:#ccc;}
.recruitment table tr td{background-color:#f5f5f5;padding:15px !important;}
.recruitment table tr td ul{padding:0;}
.recruitment table tr td ul li{margin-bottom:5px;}

.recruitment .col-md-6 .col-md-12:first-child{margin-bottom:12px;}

.text_area p {color: #666;
    font-size: 14px;
    line-height: 1.9;
    letter-spacing: -0.05em;}

/* daumMap */
.root_daum_roughmap{width:100% !important;}
.root_daum_roughmap_landing .cont .section_address {
    padding: 30px 0;
}
.root_daum_roughmap .cont .section {
    border-bottom: 1px solid #e8e8e8;
}
.root_daum_roughmap .section_address .address {
    font-size: 15px;
    font-weight: 400 !important;
    letter-spacing: -0.03em;
}
.root_daum_roughmap .section_address .phone {
    font-weight: 600;
    letter-spacing: -0.03em;
    margin: 0 !important;
}

/* //daumMap */

/* company */
.company_ceo h3{margin-bottom:30px;color:#262b65;line-height:1.3;}
.company_ceo .sign{color:#333;font-size:20px;font-weight:bold;text-align:right;}
.company_ceo .sign span{display:inline-block;margin-left:15px;font-size:2em}

.company_management .content ul {padding: 0; margin: 30px 0;}
.company_management .content ul li {
		padding:10px 5px;
    color: #333;
    font-size: 15px;
    font-weight: 300;
		text-align:center;
    letter-spacing: -0.05em;
    line-height: 1.9;
}
.company_management .content ul li .box{margin: 0 auto;padding: 10px;border: 1px solid #ccc;border-radius: 30px;background-color: #262b65;color: #fff;}
@media screen and (min-width:768px){
	.company_management .content ul li{float:left;width:50%;}
	.company_management .content ul li .box{width:90%;}
	
	.company_license .img_area > div{width:20%;}
}

.company_management .content ul li .fa {color: #fff;
    font-size: 11px;
    padding-right: 8px;}
.company_management .content img {margin: 0 auto;}
.company_license .img_area .imgBox {border: 1px solid #e8e8e8;}
.company_license .img_area .textBox {border: 1px solid #e8e8e8;
    border-top: none;
    background: #f5f5f5;
    margin: 0 0 20px;
    padding: 14px 0;
    color: #262b65;
    text-align: center;
    font-size: 14px; font-weight: 300; letter-spacing: -0.05em;}
.company_management .text_area{font-size: 20px;font-weight: bold;}
.company_management .text_area .col-md-3{margin-bottom:30px;}
.company_management .text_area .col-md-3 span.blue_cl{color:#558ed5;}
.company_management .text_area .col-md-3 span.red_cl{color:#ff0000;}
.company_management .text_area .col-md-3 span.purple_cl{color:#604a7b;}
.company_management .text_area .col-md-3 span.green_cl{color:#00b050;}



.company_location .content > div+div{margin-top:30px;}

/* office */
.subPage[class*='office'] .content h4 {margin: 0 0 16px; color: #262b65; font-size: 22px; font-weight: 700; letter-spacing: -0.05em;}
.subPage[class*='office'] .table {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0 0 60px;}
.subPage[class*='office'] .table > tbody > tr:nth-child(odd){background-color:#f5f5f5;}
.subPage[class*='office'] .table > thead > tr > th {color: #333; font-weight: 400; padding: 12px 20px; border-bottom: 2px solid #000;background-color: #262b65;vertical-align: middle; color:#fff;text-align:center;}
.subPage[class*='office'] .table > tbody > tr > td {color: #555; font-size: 13px; padding: 14px 20px; border-bottom: 1px solid #e6e6e6;text-align:center;}
.subPage[class*='office'] ul{padding-left:0;}

/* business */
.abroad img{margin:0 auto;}

p.corporate, p.project {
    display: inline-block;
    float: left;
    margin: 0 10px 20px 0;
    padding: 10px 30px;
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
}

/* recruitment */
.recruitment img{margin:0 auto;}
.recruitment dl dt {float: left;
    color: #262b65;
    font-size: 15px;
    letter-spacing: -0.03em;}
.recruitment dl dd {padding-left: 80px;
    min-height: 40px;
    color: #555;
    letter-spacing: -0.05em;}

/* contact */
.contact .content .row > div {width: 25%;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px 25px;
    margin: -1px 0 0 -1px;
    min-height: 120px;}
.contact .content .row > div > span:first-child {color: #262b65;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.05em;}
.contact .content .row > div > span {display: block; color: #666; line-height: 1.8;
    letter-spacing: -0.05em;}
/* //subPage */

/* bbs */
.subPage.bbs{margin-left:-15px;margin-right:-15px;}

.bbs-list-index-layout .dh-board, .bbs-list-add-layout #insertForm, .bbs-list-view-layout .dh-view-box, .bbs-list-edit-layout,
.bbs-blog2-index-layout .dh-board, .bbs-blog-add-layout #insertForm, .bbs-blog-view-layout .dh-view-box, .bbs-blog-edit-layout {float:none;}
@media screen and (min-width:767px){
	.bbs-list-index-layout .dh-board, .bbs-list-add-layout #insertForm, .bbs-list-edit-layout #insertForm, .bbs-list-view-layout .dh-view-box,
	.bbs-blog2-index-layout .dh-board, .bbs-blog-add-layout #insertForm, .bbs-blog-edit-layout #insertForm, .bbs-blog-view-layout .dh-view-box {width:80%;float:right;}
}
/* //bbs */



/*main*/
.container_slide{width:100%; padding:0;}
/*.carousel-control{display:none;}*/

/*table*/
.dh-board>.table{
    margin:40px 0;
    border-top:2px solid #bf322b;
    border-bottom:2px solid #bf322b;
}
.table>thead>tr>th{border-bottom:1px solid #ddd;}
.table-hover>tbody>tr:hover{background-color:rgba(255,97,0,0.2);}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {line-height: 1.6;
}
.subject > small > span {
    background-color:rgba(0,0,0,0);
    color:#bf322b;
}
.dh-view-box >.row>div:nth-child(5){margin-bottom:30px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color:#bf322b;
    border:1px solid #bf322b;
}
.input-group-btn > #btnNew{
    background:#bf322b;
    border:1px solid #bf322b;
}

/*mailForm*/
#mailForm{margin-top:40px;}



/* 게시판 설정 시작 */
/* ----- 텍스트 게시판 설정 ----- */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 14px 10px; color: #555; font-size: 14px;}
.table > thead > tr > th {vertical-align: middle; border-bottom: 1px solid #ccc; font-weight: 500; color: #333;}
.table > tbody > tr > td > strong > a {color: #555;}
.table > tbody > tr > td > strong > a > span {color: #58ba36 !important;}
.dh-board > .table-hover {border-top: 1px solid #bf322b; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #fcfcfc;}
.table > tbody > tr:hover > td > strong > a {color: #222;}
.dh-margin-top {margin-top: 40px; display: inline-block;}
@media screen and (max-width: 767px) {
    .dh-board .table thead > tr > th.num, .dh-board .table tbody > tr > td.num {display: none;}
}
/* ----- 블로그 B타입 게시판 ----- */
.bbs-blog2-index-layout .dhb-txt-box-type-b{background-color: #fff; width: 33.3333333%; border: 1px solid #e5e5e5; }
.bbs-blog2-index-layout .dhb-txt-box-type-b > div{margin: 0;}
.dhb-txt-box-type-b-img-layout {padding: 0;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {border: none; min-height: 130px; max-height: 130px; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.dhb-txt-box-type-b-text-layout h4{font-size: 13px; margin: 15px 0;line-height:14px;}
.dhb-txt-box-type-b-text-layout .txt-box-footer{margin-top: 0; float: none; text-align: left; display: none;}
.txt-box-footer em {display: none;}
.txt-box-footer em > span.regdate{font-style: normal; color: #666; font-size: 13px;}
.txt-box-footer em > span:last-child{display: none;}
.txt-box-footer small.hits{display: none;}
@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {width: 100%; margin: 10px 0 20px;}
}
/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #bf322b;}
.label-primary{color: #bf322b;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #bf322b; border: 1px solid #bf322b !important;}
.pagination > li > a, .pagination > li > span{color: #bf322b;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #bf322b;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}
/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box{padding: 0 20px !important;}
.sns-box{display: none;}
.dh-view-box>.row>.page-header{border-top: 1px solid #2c2c2c; border-bottom: 1px solid #eee; padding: 5px 20px 5px; margin: 0;}
.dh-view-box>.row>.page-header>h4{color: #2c2c2c;}
.dh-view-box>.row>.dh-view-info{border-bottom: 1px solid #ccc; background: transparent; padding: 8px 20px 8px; color: #888;}
.dh-view-box>.row>.dh-view-info>span{padding: 0 15px 0 0;}
.dh-view-box>.row>.dh-view-info>span>strong{color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6{margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box>.row:nth-child(2)>div:nth-child(3){padding: 15px 20px 40px !important;}
/* //게시판 설정 끝 */

/* downloadBox */
.downloadBox {margin-bottom: 20px;}
.downloadBox a {display: inline-block;
    padding: 10px 20px;
    border: 3px solid #d5d5d5 !important;
    border-radius: 8px;
    color: #333;
    text-align: left;
    min-width: 220px;}
.downloadBox a:hover {border: 3px solid #333 !important; background-color: #333; color: #fff;}
.downloadBox .top {font-size: 18px; font-weight: 600; letter-spacing: -0.075em;}
.downloadBox .top > i {padding-right: 8px;}
.downloadBox .bottom {display: block; color: #888; font-size: 13px; letter-spacing: -0.03em;}
.downloadBox .bottom img {display: inline-block; margin-right: 5px;}
/* //downloadBox */