@charset "utf-8";
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

*, *:before, *:after {
    box-sizing: border-box !important;
}
body {
    word-break: break-all;
} 
html {overflow-x: hidden; overflow-y: scroll;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'Noto Sans KR','notokr',  "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif; }
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

/*******************************   flexslider   ***********************************/
.container {padding:0 !important;}
.flexslider{margin:0;background:#fff url(./ajax-loader.gif) no-repeat center center;border:4px solid #fff;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;zoom:1;box-shadow:0 0 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,.5)}
body.flexdemobody .flexslider{}
.flexslider .slides{zoom:1}
.flexslider .slides>li{position:relative}
.flex-container{zoom:1;position:relative}
.flex-caption{width:100%;position:absolute;left:0;bottom:0;text-align:center;}
.flex-caption span{background:rgba(0,0,0,.6);color:#fff;padding:5px;text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.flex-caption span.intro-title{font-size: 30px;font-weight: 700;}

/*위젯 겔러리 백그라운드*/
.dh-front-gallery a{background-repeat:no-repeat; background-size:cover;}

/*위젯 겔러리 백그라운드*/
.navbar-brand{
    display: inline;
    height: auto;
}
/**css 업데이트**/

/******인트로 리스트형 게시판 타이틀 굵게********/
.d-front-list2 h6 a, .d-front-list2 h6 a span {
    color: #000;
    font-weight:800;
}
/******인트로 리스트형 게시판 타이틀 굵게 END********/
/*인트로 텍스트 수정*/

	.d-front-list2>.panel-body{min-height:115px;}
	.d-front-list2 h6{font-weight:800;margin:0px;}
	.d-front-list2 h6 span{font-weight:normal;}
	.d-front-list2 h6 a, .d-front-list2 h6 a span{text-decoration:none;color:#666;font-size:13px;}
	.d-front-list2 h6 a:hover span{text-decoration:underline;}
	.d-front-list2 h5{font-size:11px;border-top:1px solid #efefef;padding-top:10px;color:#666}
	.d-front-list2-words{margin-top:15px;}
	.d-front-list2-words:first-child{margin-top:0px;}
	.d-front-list2 .panel{padding-top:10px;}
	.front-panel>.panel{
    padding-top: 0px;
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);}
	/*인트로 텍스트 수정END*/
	@media (max-width: 767px) {
	}
/*************END**************/
/***********인트로 위젯영역 아이프레임***********/
.intro-widgetbox iframe{width:90%;}
/***********인트로 위젯영역 아이프레임***********/

.vsitemap, .sitemap4-toggle{margin: auto; max-width: 1170px;}
/**슬라이드 화살버튼 div 영역에 이미지 잘리는 문제 수정++모든 슬라이드에 일괄 적용됨++**/
.flex-direction-nav a {
    height: 43px;
}
/**슬라이드 화살버튼 div 영역에 이미지 잘리는 문제 수정 END**/

/*인트로 위젯 좌우 너비 고정된거 꽉차게*/
.intro-widgetbox iframe{width:100%;}

/*인트로 게시판 리스트유형 박스안 여백 조절*/
.d-front-list2-words:first-child {
    margin-top: 5px;
}

 

ol,ul,li {
	list-style: none;
	list-style-position: inside;
}

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

/* 상단 메뉴 설정 시작 */
.navbar-inverse { transition:0.3s; 
	background-image: linear-gradient(180deg,rgba(250,250,250,1) 00%,rgba(0,0,0,0)) ;  transition:0.5s;
	background-color:rgba(0,0,0,0);
	border: none; 
	padding-bottom: 0px;
	margin: 0;
}

@media (max-width:770px) {
.menu-top li {color:#111 !important;}
.menu-top li a {color:#111 !important;}
.navbar-inverse { transition:0.3s; 
	background-image: linear-gradient(180deg,rgba(250,250,250,0) 00%,rgba(0,0,0,0)) ; background-color:rgba(250,250,250,0.5);  transition:0.5s;}
 
.navbar-inverse>.container {
margin: 0;
width: 100%;
background-image:linear-gradient(180deg,rgba(250,250,250,0)0%,rgba(0,0,0,0));
}}


/*.navbar-inverse:hover{  
	background-color:rgba(250,250,250,0.8);  transition:0.3s; 
	}*/

.navbar-inverse>.container {
	padding: 0;
}
.navbar-inverse .navbar-brand {
    padding: 0 !important;
    margin: 15px 0  !important;
}
.navbar-inverse .navbar-brand img {
	margin: 0;
	max-width:160px;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.menu-top{ 
border-bottom: background:#fff;
}
.menu-top ul{
	margin:0;
}
.menu-top ul:after{
	content:'';
	display:block;
	clear:both;
}
.menu-top li {
    float: left;
    padding: 4px 40px 4px 0;
    color: #aaa;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.04em;
}

.menu-top li:last-child {padding-right:5px;}
.menu-top li a {
    color: #aaa;
}
.menu-top li .fa{
	margin-right: 8px;
}
/*----- 상단 메인 메뉴 설정 -----*/
.navbar-inverse .navbar-nav>li>a {
	
    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 1;
    margin: 0;
    padding: 40px 20px;
	padding-bottom: 10px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	transition:0.3s;
    color: #aa8000;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	transition:0.3s;
	background: #f00;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a {
	transition:0.3s;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/*----- 상단 서브 메뉴 설정 -----*/
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:1000px;}
.navbar-inverse .dropdown-menu {
	padding: 6px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
	min-width: 180px;
	left: 0;
	right: auto;
	border:none;
	background:transparent;
}

.navbar-inverse .dropdown-menu>li>a {
/* 	background-color: #ffffff;
	color: #666666; */
	background-color:transparent;
	color:#000;
	padding: 10px 20px;
	margin: 0;
	font-size: 14px;
	letter-spacing: -0.04em;
/* 	border-bottom: 1px solid #e3e3e3; */
}

.navbar-inverse .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	transition:0.3s;
/* 	color: #204854; */
	color:#aa8000;
	font-weight: 500;
/* 	background: #efefef; */
/* 	border-bottom: 1px solid rgba(0, 0, 0, 0) !important; */
	border:none;
}

.navbar-inverse .dropdown-menu>li:last-child>a {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}

@media screen and (max-width: 991px) {
	.navbar-inverse>.container {
		margin: 0;
		width: 100%;
		
	background-image:linear-gradient(180deg,rgba(250,250,250,0)50%,rgba(0,0,0,0));

	}
	.navbar-brand {
		padding: 15px !important;
		margin: 8px 0 0 !important;
	}
	.navbar-brand img {
		width: 80%;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 22px 20px 20px;
	}
}
@media screen and (max-width: 767px) {

.navbar-header {border-top:1px solid #ddd;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color:#ddd;}
.navbar-nav {background:rgba(250,250,250,0.5);}
.navbar-brand {
margin: 5px 0 0 !important;}
.navbar-brand img {width: 90%;}
.navbar-inverse .navbar-toggle {
margin: 15px;
background: #204854;
border: none;
border-radius: 0;}}


@media(min-width:768px){
	.navbar-right:hover .dropdown-menu{
		display:block;
	}
	.navbar-right:hover{
		height:300px;
	}
}
/* 상단 메뉴 설정 끝 */
/* ---------- 게시판 타이틀 설정 ---------- */
.intro-boardbox{
	padding:0;
}
.intro-boardbox .page-header {
    margin: 0 0 20px;
    padding: 0;
    border: none;
}
.intro-boardbox .page-header h4, .main-contact h4 {
    margin: 0;
    color: #222;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 1;
}
.intro-boardbox .page-header h4 .btn {
    color: #aaa;
    padding: 0;
    margin: 0;
    line-height: 1;
}
.intro-boardbox .page-header h4 .btn:hover,
.intro-boardbox .page-header h4 .btn:active {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
/* ---------- 게시판 리스트 설정 ---------- */

.intro-boardbox .front-panel>.panel {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.intro-boardbox .panel-body {
	padding: 5px 0px 5px;
}

.d-front-list2-words {
	margin: 0 !important;
	padding: 0;
}

.d-front-list2 h6 a,
.d-front-list2 h6 a span {
	color: #666;
	font-weight: 400;
	font-size: 13px;
	padding: 8px 0;
}

.d-front-list2 h6 a:hover span {
	text-decoration: none;
}

.d-front-list2 h6 a:hover .list-row-subject {
	color: #303030;
}

.d-front-list2-words:first-child {
	margin: auto;
}

.list-row-subject {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 380px;
	white-space: nowrap;
}

.list-row-subject:before {
	content: "∙";
	color: #fff;
	font-weight: bold;
	padding-right: 11px;
}

.row-separator {
	display: none;
}

.list-row-regdate {
	float: right;
	color: #999 !important;
}

.list-row-contents {
	display: none;
}
.intro-boardbox .label-danger{
	padding:2px 4px!important;
	position:relative;
	top:7px;
}
.intro-boardbox-type-bbs .label-danger{
	top:0;
}
/* //게시판 영역 설정 */

/* table 영역 설정 */

.table {
	width: 100%;
	border-top: 2px solid #222;
}
.table thead tr th, .table tbody tr th, .table tbody tr td {
    color: #666;
    font-size: 14px;
    letter-spacing: -0.04em;
    line-height: 1.6;
    padding: 14px 16px;
    border-bottom: 1px solid #dedede;
}
.table thead tr th {
    background: #f6f6f6;
    color: #222;
}
.table tbody tr th {
    color: #222;
}
/* //table 영역 설정 */

/* 게시판 설정 시작 */

/*=====----- 메일폼 설정 -----=====*/

#mailForm {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 60px 0;
}

#mailForm .form-group {
	margin: 0;
	padding: 25px 35px;
	background: #f8f8f8;
	border-bottom: 1px solid #e0e0e0;
}

#mailForm .form-group:first-child {
	border-top: 2px solid #000;
}

#mailForm .form-group:nth-child(5) {
	background: none;
	border: none;
	padding: 30px 25px;
}

#mailForm .form-group label {
	width: 15%;
	float: left;
	margin: 10px 0 0;
}

#mailForm .form-group input.form-control,
#mailForm .form-group textarea.form-control {
	width: 85%;
	max-width: 935px;
	border: 1px solid #d0d0d0;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#mailForm .form-group input.form-control {
	height: 40px;
}

#mailForm .form-group p.error,
#mailForm .form-group~p.error {
	margin: 0;
	color: #204854;
	font-size: 12px
}

#mailForm .form-group~p.error {
	padding-left: 35px;
	margin: -15px 0 0;
}

#mailForm .form-group .checkbox {
	margin: -8px 0 0;
}

#mailForm .form-group .checkbox label {
	width: 100%;
	margin: 0;
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
	width: 220px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 15px 0;
	border: 1px solid #bebebe !important;
	border-radius: 0;
	background: #fff !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	color: #666;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.03em;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

input[type=button].btn-block:hover,
input[type=reset].btn-block:hover,
input[type=submit].btn-block:hover {
	background: #204854 !important;
	border: 1px solid #204854 !important;
	color: #fff;
}

@media screen and (max-width: 991px) {
	#mailForm .form-group input.form-control,
	#mailForm .form-group textarea.form-control {
		max-width: 567px;
	}
}

@media screen and (max-width: 767px) {
	#mailForm .form-group {
		padding: 20px 15px;
	}
	#mailForm .form-group label {
		width: 20%;
		font-size: 13px;
		font-weight: 500;
		letter-spacing: -0.05em;
	}
	#mailForm .form-group input.form-control,
	#mailForm .form-group textarea.form-control {
		width: 80%;
	}
	#mailForm .form-group~p.error {
		padding-left: 15px;
		margin: 0;
	}
	input[type=button].btn-block,
	input[type=reset].btn-block,
	input[type=submit].btn-block {
		margin-top: 80px;
	}
}

/*=====----- 게시판 설정 -----=====*/

.dh-board,
.img-bbs-default-index-layout .page_wrap~div,
.dh-view-box,
.form-horizontal,
#mailForm {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 0 70px;
}

.bbs-list-index-layout .content,
.bbs-blog2-index-layout .content,
.bbs-list-view-layout .content,
.bbs-blog-view-layout .content,
.bbs-list-edit-layout .content,
.bbs-list-add-layout .content,
.contact-mail-layout .content {
	padding: 0;
}

/*=====----- 텍스트 게시판 설정 -----=====*/

.dh-board .table>thead>tr>th,
.dh-board .table>tbody>tr>th,
.dh-board .table>tfoot>tr>th,
.dh-board .table>thead>tr>td,
.dh-board .table>tbody>tr>td,
.dh-board .table>tfoot>tr>td {
	padding: 16px 20px;
	color: #666;
	font-size: 14px;
}

.dh-board .table>thead>tr>th {
	background: #f9f9f9;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	font-weight: 500;
	color: #333;
	letter-spacing: -0.03em;
}

.dh-board .table>tbody>tr>td {
	border-bottom: 1px dotted #dedede;
}

.dh-board .table>tbody>tr>td>strong>a {
	color: #555;
}

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

.dh-board>.table-hover>tbody>tr:hover td {
	background-color: #f9f9f9;
}

.dh-board>.table-hover>tbody>tr:hover>td>strong>a {
	color: #000;
}

.dh-margin-top {
	margin-top: 40px;
	display: inline-block;
}

/* ----- 블로그 B타입 게시판 ----- */

.bbs-blog2-index-layout .dhb-txt-box-type-b {
	border: none;
	background-color: #fff;
	width: 25%;
	margin: 0 0 20px;
	padding: 0 10px;
}

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

.dhb-txt-box-type-b-img-layout {
	padding: 0;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
	border: none;
	min-height: 180px;
	max-height: 180px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.dhb-txt-box-type-b-text-layout h4 {
	font-size: 14px;
	margin: 15px 0;
}

.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: rgba(0, 0, 0, 0);
	padding: 0 5px;
	font-size: 90%;
}

.label-danger {
	color: #204854;
}

.label-primary {
	color: #204854;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #204854;
	border: 1px solid #204854 !important;
}

.pagination>li>a,
.pagination>li>span {
	color: #9D8478;
	border: 1px solid #fff !important;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #9D8478;
}

.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 {
	margin-top: 0px;
}

.sns-box {
	display: none;
}

.dh-view-box>.row>.page-header {
	border-top: 2px solid #000;
	border-bottom: 1px solid #ccc;
	padding: 0 20px;
	margin: 0;
}

.dh-view-box>.row>.page-header>h4 {
	color: #333;
	font-size: 23px;
	margin: 14px 0;
}

.dh-view-box>.row>.dh-view-info {
	border-bottom: 1px solid #ccc;
	background: rgba(0, 0, 0, 0);
	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: 30px 20px 60px !important;
	min-height: 300px;
}
.maintenance {
    margin-top: 5px;
    border: 7px solid #E5E5E5;
    padding: 50px 25px;
    text-align: center;
}

.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
	margin-bottom: 10px;
}

.maintenance .big-cont {
	display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
	.dh-board,
	.img-bbs-default-index-layout .page_wrap~div,
	.dh-view-box,
	.form-horizontal,
	#mailForm {
		padding: 60px 15px;
	}
}

@media screen and (max-width: 767px) {
	.dh-board,
	.img-bbs-default-index-layout .page_wrap~div,
	.dh-view-box,
	.form-horizontal,
	#mailForm {
		padding: 40px 0;
	}
}

/* 게시판 설정 끝 */

/* 회원가입 */

.login-layout,
.id-find-layout,
.pw-find-layout {
	background: #efefef;
	min-height: 790px;
}

.login-layout .inner-box-wrapper,
.id-find-layout .inner-box-wrapper,
.pw-find-layout .inner-box-wrapper {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 100px 0 0;
}

.login-layout .inner-box-wrapper,
.id-find-layout .inner-box-wrapper,
.pw-find-layout {
	margin-top: -20px;
}

.join-agree-layout,
.join-layout {
	width: 1170px;
	margin: 0 auto 70px;
}

.join-agree-layout .panel,
.join-layout .panel {
	border: 1px solid #dedede;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
}

.join-agree-layout .panel-heading,
.join-layout .panel-heading {
	background-image: none !important;
	background-color: #f7f7f7 !important;
}

.join-agree-layout .btn-primary,
.join-layout .btn-primary {
	background-color: #204854 !important;
	border: 0px;
	border-radius: 0;
}

@media screen and (max-width: 991px) {
	.login-layout,
	.id-find-layout,
	.pw-find-layout {
		width: 100%;
		margin: 0;
	}
}

/* 로그인 / 아이디, 비밀번호 찾기 */

.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
	border-radius: 8px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	min-height: 440px;
	margin: 0;
	padding: 50px 30px 80px;
}

.login-layout .panel-body h2,
.id-find-layout .panel-body h2,
.pw-find-layout .panel-body h2 {
	margin: 0;
	color: #454545;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.login-layout .inner-box-msg p,
.id-find-layout .inner-box-msg p,
.pw-find-layout .inner-box-msg p {
	font-size: 13px;
	color: #666;
	margin: 0;
}

.login-layout .inner-box-form form label,
.id-find-layout .inner-box-form form label,
.pw-find-layout .inner-box-form form label {
	font-size: 14px;
}

.login-layout .inner-box-form form label.error,
.id-find-layout .inner-box-form form label.error,
.pw-find-layout .inner-box-form form label.error {
	font-weight: 400;
	color: #204854;
	font-size: 12px;
}

.login-layout input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	background: #fff !important;
	border: 1px solid #d5d5d5;
}

.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
	background-image: none;
	background-color: #2a2a2a;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	color: #f5f5f5;
}

.login-layout .btn-warning:focus,
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:focus,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:focus,
.pw-find-layout .btn-warning:hover {
	background: #204854;
}

.login-layout form>div>p>a {
	display: inline-block;
	float: left;
	font-size: 12px;
	color: #777;
}

.login-layout form>div>p>a:hover {
	color: #303030;
}

.login-layout form>div>p>a:after {
	content: " | ";
	font-size: 8px;
	padding: 0 8px 0;
	margin: 0;
	color: #d9d9d9;
}

.login-layout form>div>p:last-child>a:after {
	content: "";
}

.id-find-layout .panel-body,
.pw-find-layout .panel-body {
	margin-top: 40px;
}

/*    //sub page 설정 끝     */

/* personal setting 0.42v */

/* layout */

.mt-0 {
	margin-top: 0px!important;
}
.mt-10 {
	margin-top: 10px!important;
}
.mt-20 {
	margin-top: 20px!important;
}

.mt-30 {
	margin-top: 30px!important;
}

.mt-40 {
	margin-top: 40px!important;
}

.mt-80 {
	margin-top: 80px!important;
}

.mb-0 {
	margin-bottom: 0px!important;
}

.mb-20 {
	margin-bottom: 20px!important;
}

.mb-30 {
	margin-bottom: 30px!important;
}

.mb-40 {
	margin-bottom: 40px!important;
}

.mb-80 {
	margin-bottom: 80px!important;
}

.mg-0 {
	margin: 0!important;
}

.pd-0 {
	padding: 0!important;
}

/* img */

@media(min-width:768px) {
	.max-90 {
		width: 90%!important;
		margin: 0 auto;
		display: block;
	}
}

.img-bordered { 
}

.img-caption {
	margin: 10px 0;
	text-align: center;
	font-size: 16px;
	color: #555;
	font-weight: 500;
}

/* align */

.absolute-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
	margin: 0;
}

.horizontal-center {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
	margin: 0;
}

.text-center-table thead th,
.text-center-table thead td,
.text-center-table tbody th,
.text-center-table tbody td {
	text-align: center!important;
	vertical-align: middle!important;
}

.text-center-table .text-left,
.text-center-table .text-left th,
.text-center-table .text-left td {
	text-align: left!important;
}

/* font */

.font-12 {
	font-size: 12px!important;
}

.font-14 {
	font-size: 14px!important;
}

.font-16 {
	font-size: 16px!important;
}

.font-18 {
	font-size: 18px!important;
}

.font-20 {
	font-size: 20px!important;
}

.font-22 {
	font-size: 22px!important;
}

.text-bold {
	font-weight: bold!important;
}
.numbering { margin-right: 8px; }

/*list style*/
.li-none {
    margin: 0;
}
.li-none > li {
    color: #555;
    font-size: 14px;
    letter-spacing: -0.04em;
    line-height: 1.8;
}

.li-circle>li {
	list-style: circle!important;
	margin-left: 20px;
}

.li-square>li {
	list-style: square!important;
	margin-left: 20px;
}

.li-disc>li {
	list-style: disc!important;
	margin-left: 20px;
}
.li-dash {
    margin: 0;
}
.li-dash > li, .li-dot > li {
    position: relative;
    padding-left: 15px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.8;
}
.li-dash > li:before, .li-dot > li:before {
	content: '-';
    display: block;
    position: absolute;
    left: 0;
}

.li-dot>li:before {
	content: '·';
}
.location-li {
    margin: 40px 0 0;
    border-top: 2px solid #222;
    border-bottom: 2px solid #ccc;
}
.location-li li {
    padding: 14px 16px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.04em;
    border-bottom: 1px solid #dedede;
}
.location-li .fa {
	margin-right: 8px;
}

.partner-li {
	border: 1px solid #ddd;
}

.partner-li:after {
	content: '';
	display: block;
	clear: both;
}

.partner-li>li {
	float: left;
	width: 16.666%;
}

.partner-li>li img {
	border: 1px solid #ddd;
}

@media(max-width:767px) {
	.partner-li>li {
		width: 50%;
	}
}

/* component */

.card {
	display: block;
	position: relative;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	min-height: max-content;
}

.column-2 {
	column-count: 2;
	column-rule: 1px solid #ddd;
	column-gap: 30px;
}

.column-2 ul, .column-2 dl, .column-2 ol {
	margin: 0;
}

.quote-box {
    padding: 30px 40px;
    background: #f6f6f6;
    border-radius: 4px;
}
.quote-box p:last-of-type {
    margin: 0 !important;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.8;
}

p.quote {
	margin: 30px 0;
	font-size: 26px;
	font-weight: 300;
	color: #555;
	line-height: 1.2;
}

p.quote span {
	font-weight: 500;
}

/* custom setting */

.container_contents,
.footer_copy>div,
.sub-layout {
margin-top:0px;
	width: 100%;
	padding: 0;
}

ul,
dl,
ol {
	padding: 0;
}

.body-layout {
	overflow-x: hidden;
}

p,
li,
dt,
dd {
	line-height: 1.6;
}

* {
	box-sizing: border-box;
/* 	word-break: keep-all; */
}

/* personal setting 0.42v end */

/* navigation setting */

@media(max-width:767px) {
.main-contact {
	background:#333; margin-top:0px !important; 
    padding: 80px 20px 40px !important; 
}}

/* mainpage setting */
.carousel { position: relative; }
.carousel-inner{
	position:relative;
}
.carousel .item{
	height:calc(100vh - 125px);
}
.carousel .item1{
	background:url("../img/main/visual01.jpg") no-repeat center / cover;
}
.carousel .item2{
	background:url("../img/main/visual02.jpg") no-repeat center / cover;
}
.carousel .item3{
	background:url("../img/main/visual01.jpg") no-repeat center / cover;
}
.carousel .item4{
	background:url("../img/main/visual02.jpg") no-repeat center / cover;
}
.carousel-caption {
	height:250px;
    margin: 0;
    padding: 0;
    top: 25%;
    bottom: auto;
    transform: translateY(-50%);
    text-align: left;
    text-shadow: 0 0 0 rgba(0,0,0,0);
	right: auto;
    left: 20%;
    display: inline-block;
    padding: 40px;
    background: rgba(0,0,0,0.3);
}
.carousel-caption h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -0.08em;
    line-height: 1.2;
}
.carousel-caption h2 span {
    display: block;
    color: #c8d0a0;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin: 0 0 20px;
    line-height: 1;
}
.carousel-indicators{
	left:auto;
	right:40px;
	bottom:20px;
	width:auto;
}
.carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    border-radius: 100% !important;
    margin: 0 3px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
}
.carousel-indicators li.active{
	background: #fff !important;
}
.carousel .more {
    display: block;
    margin-top: 40px;
    width: 200px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.04em;
    font-weight: 400;
    text-shadow: none;
	border:1px solid #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
}
.carousel .more:hover, .carousel .more:focus {
	color: #204854;
	background: #fff;
	text-decoration: none;
}
.carousel-right {
    position: absolute;
    width: 350px;
    top: 50%;
    right: 20%;
    transform: translateY(-50%);
}
#main-notice {
	margin:0 auto;
	/*max-width:800px;*/
}
#main-notice > div{
	padding:30px;
	
}
#main-notice h4,
#main-notice a,
#main-notice a span{
	color:#111;
}
.main-contact {
	background: #565656;
    text-align: center;
    padding: 40px 0 40px; 
}
.main-contact h4,
.main-contact .tel,
.main-contact li{
	float:left;
}


@media (max-width:770px) {
.main-contact h4 { 
    padding-left: 10px; 
}
.main-contact .tel {font-size:35px !important; }
}

.main-contact h4 {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid #fff;
    color: #fff;
}
.main-contact .tel {
    font-size: 30px;
    font-weight: 800;
    color: #ffde00;
	font-family:'GmarketSansMedium';
    letter-spacing: -0.02em;
    line-height: 1;
    margin: 0 10px;
}
.main-contact ul {
    margin: 0;
}
.main-contact .li-dot li {
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.04em;
    line-height: 1.0;
}
.main-service {  
	width:100%; 
}
.service-box {
    position: relative;
    padding: 0;
    height: 250px;
}
.service-box img {
    height: 100%;
}
.service-box:after {
    content: 'VIEW MORE';
    display: inline-block;
    padding: 0;
    color: #fff;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.02em;
    position: absolute;
    right: 30px;
    bottom: 20px;
}
.service-box:hover:after{
	display:none;
}
.service-box h4 {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 14px 16px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.04em;
    width: 100%;
    z-index: 5;
}
.service-box.box1 h4 { background: rgba(65, 113, 128, 0.8); }
.service-box.box2 h4 { background:rgba(55, 114, 132, 0.8); }
.service-box.box3 h4 { background:rgba(35, 79, 93, 0.8); }
.service-box ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 70px 40px;
    width: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    transition: all .4s ease;
    z-index: 1;
}
.service-box ul li:before{
	color:#fff;
}
.service-box ul a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 2;
}
.service-box:hover ul{
	opacity:1;
}
.main-customer {
	position:fixed;
	right:30px;
	top:240px;
	width:300px;
    height: 365px;
    background: rgba(255,255,255,0.74);
    padding: 0;
}
.main-customer h4 {
    margin: 0;
    padding: 13px 0;
	text-align:center;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.04em;
    background: rgba(6, 144, 185, 0.74);
}
.m-customer-content{
	padding:20px;
}
.main-customer .des{
	margin-top:10px;
	text-align:center;
}
.main-customer .customer-li {
    margin: 30px auto 30px;
}
.main-customer .customer-li:after{
	content:'';
	display:block;
	clear:both;
}
.main-customer .customer-li li {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 5px;
}
.main-customer .customer-li li a {
    display: block;
	margin-bottom:10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #ddd;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: -0.06em;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.main-customer .customer-li li a .fa{
	margin-right:10px;
}
.main-customer .customer-li .kakao a{
	color:#36191e;
	background:#fbe300;
}
.main-customer .customer-li .naver a{
	color:#fff;
	background:#35ab36;
}
.main-customer .customer-li li img{
	max-width:20px;
}
.main-customer .bottom-content{
	padding:20px 10px;
	border-top:1px solid #ddd;
}
.main-customer .bottom-content:after{
	content:'';
	display:block;
	clear:both;
}
.main-customer .bottom-content i{
	float:left;
	display:inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:30px;
	background:#2a7dbd;
	border-radius:50%;
	color:#fff;
	text-align:center;
}
.main-customer .bottom-content ul{
	float:left;
	width:calc(100% - 50px);
	padding-left:10px;
	margin-bottom:0;
}
.main-customer .tel {
    color: #204854;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1;
}
.main-customer .time {
    margin: 0;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.02em;
}
.main-customer .time span {
    color: #222;
    font-weight: 600;
    padding-right: 5px;
}
.intro-board-widget-layout{
	display:none;
}

@media(min-width:1400px) {}
@media(max-width:767px) {}

.main-bbs { 
    padding: 20px 0;
}
.main-partner ul{
	margin-bottom:0;
}
.main-partner ul:after{
	content:'';
	display:block;
	clear:both;
}
.main-partner li{
	float:left;
	width:calc(98% / 7);
	padding:0 10px;
}
.main-partner li a{
	display:block;
    background-image: linear-gradient(147deg, #fe8a39 0%, #ff0c0c 74%);
    border-radius: 100px;
}
.main-partner li img{
	border-radius:4px;
}
/* footer setting */
.foot-logo {
	opacity:0.5;
    max-width: 150px;
    margin-bottom: 30px;
}
.footer_copy>div {
    padding: 40px 0;
    background: #333;
    color: #aaa;
    font-size: 13px;
}
.footer_copy ul {
    display: inline-block;
    margin: 0;
}
.footer_copy ul:after {
	content: '';
	display: block;
	clear: both;
}

.footer_copy li {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
}

.footer_copy li:last-of-type {
	border-right: none;
}
.footer_copy li a {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    background: #2a7dbd;
    color: #fff;
    font-weight: 600;
}

@media(max-width:767px) {}

/* subpage setting */
.subpage .pageheader {
    width: 100%;
    height: 280px;
    background: url("../img/comm/top_bn.jpg") no-repeat center / cover;
}
.pageheader > .container{
	position:relative;
	height:100%;
}
.pageheader h2 {
   margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.06em;
    color: #111;
    left: 50%;
}
.subpage-layout { 
	padding:80px 15px 100px; 
}
.snb { padding-right: 40px; }
.snb ul {
    margin: 0;
    border-top: 2px solid #204854;
    border-bottom: 2px solid #ccc;
}
.snb ul li a {
    position: relative;
    display: block;
    padding: 14px 16px;
    color: #888;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.04em;
}
.snb ul .active a {
    color: #204854;
}
.snb li a:hover{
	text-decoration:none;
}
.snb li a:hover:after{
	content:"\e907";
	font-family: 'xeicon' !important;
	font-size:20px;
	color: #aaa;
	position:absolute;
	right:20px;
	top:50%;
	transform:translatey(-50%);
}

.subpage-content { min-height: 500px; }
.subpage-content .title {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}
.subpage-content .title h3 {
    margin: 0;
    display: inline-block;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.06em;
	line-height:130%;
}
.subpage-content .title h3 span {font-size:16px; color:#666;}
.breadcrumb {
    float: right;
    margin: 10px 0 0;
    padding: 0;
    background: transparent;
    font-size: 13px;
    color: #888;
    letter-spacing: -0.04em;
    line-height: 1;
}
.breadcrumb .active {
    color: #204854;
    font-weight: 500;
}

.subpage-content .emp {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #204854;
    display: inline-block;
    margin: 0 0 10px;
    line-height: 1;
}
.subpage-content .emp2 {
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #323080;
}
.dh-board,.dh-view-box,#insertForm,#mailForm,.bbs-list-view-layout + .row,.bbs-blog-view-layout + .row{
	display: none;
}
.subpage-content h4 {
    position: relative;
    margin: 0 0 40px;
    padding: 12px 0 0;
    color: #444;
    font-size: 26px;
    letter-spacing: -0.04em;
}
.subpage-content h4:before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #204854;
    position: absolute;
    left: 0;
    top: 0;
}
.subpage-content section { margin-bottom: 60px; }
.subpage-content .page-header h4{
	font-size:20px;
	margin-top:0;
}
.subpage-content .page-header h4:before{
	display:none;
}
.subpage-content h5 {
    margin: 0px 0 20px;
    color: #222;
    font-size: 15px; line-height:1.3;
    font-weight: 400;
    letter-spacing: -0.04em;
}
/* subpage about */
#about01 .section1 .quote{
	font-size: 20px;
    font-weight: 500;
    color: #308098;
	line-height:1.8;
}
#about01 .section1 .name{
	/*margin-top:30px;
	font-size:18px;
	font-weight:500;
	text-align:right;*/
}

/* #build01 .quote-box { margin-top: 40px; } */

#build02 .subpage-content p, #build03 .subpage-content p, #build04 .subpage-content p {
    color: #555;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.8;
    margin: 0 0 20px;
}
#build02 .section2 {
    margin-bottom: 60px;
}

.q_number {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
}
.q_number:first-of-type{
	border-top:2px solid #333;
}
.q_number .form-control{
	border-radius:0;
	
}
.q_number .fa-square{
	display:none;
}
.q_number input{
	margin:10px 0 20px;
}
.q_number div h3{
	font-size:16px;
	margin-top:0;
}
.q_number div:nth-child(n+2){
	font-size:14px;
}
#mod_type_formForm.form-horizontal .checkbox{
	padding: 7px 0;
    margin-bottom: 10px;
}
#mod_type_formForm .btn-primary{
	float: none!important;
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 12px 0;
    border: 1px solid #aaa !important;
    border-radius: 0;
    background: #fff !important;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    color: #666;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
.checkbox input[type=checkbox]{
	position: static;
    margin-left: 0;
    vertical-align: baseline;
    margin-right: 5px;
}
.checkbox label, .radio label{
	padding-left: 10px;
    width: calc(100% / 6);
}
#mod_type_formForm .btn-primary:hover{
	background: #204854 !important;
    border: 1px solid #204854 !important;
    color: #fff;
}


/* subpage corp */
.corp05-step{
	
}
.corp05-step .card{
	padding:0;
	min-height:206px;
}
.corp05-step .arrow-right:after{
	content:'\f061';
	font-family:'fontawesome';
	position:absolute;
	right:-23px;
	top:50%;
	transform:translatey(-50%);
	color:#204854;
	opacity:.5;
	font-size:20px;
}
.corp05-step h5{
	margin:0;
	padding:10px 15px;
	color: #fff;
    font-size: 18px;
    letter-spacing: -0.04em;
    background: #204854;
}
.corp05-step ul{
	margin-bottom:0;
	padding:15px;
}

/* subpage labor */
#labor02 .section1 dt{
	margin-top:10px;
	font-size:20px;
	font-weight:500;
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* Enter your style code */
	.main-partner .col-sm-12{padding:0}
}


/* .dh-popup.pull-left{
	left:19%;
	top:30px;
} */
/* mobile */
@media(max-width:767px){
    .body-layout {
		padding-top: 113px;
	}
	.menu-top .container{
		padding:0;
	}
	.menu-top li{
		
		text-align:center;
		padding:4px;
		border-right:1px solid #00000022;
	}
	.menu-top li:last-child{
		border-right:none;
	} 
    .navbar-inverse .navbar-brand {
        padding: 0 !important;
        margin: 15px 30px !important;
    }
    .navbar-inverse .navbar-toggle{
        right: 15px;
        top: 12px;
    }
    .navbar-inverse .navbar-nav>li>a {
		padding: 22px 35px 20px;
	}
    .carousel-caption{
        left:50%;
        top:50%;
        right:auto;
        bottom:auto;
        transform:translate(-50%,-50%);
        width:90%;
        height:200px;
        padding:30px;
    }
    .carousel-caption h2{
        font-size:24px;
    }
    .carousel-caption h2 span{
        font-size:16px;
    }
    .carousel .item{
        height:250px;
    }
    .main-customer{
        display:none;
    }
    .main-service{
        position:static;
        background:#fff;
    }
    
    .intro-boardbox .page-header h4, .main-contact h4{
        font-size:22px;
    }
    #main-notice > div {
        padding: 30px 15px;
    }
    #main-notice a .list-row-subject{
        display:inline-block;
        width:70%;
        overflow:hidden;
    }
    .main-contact h4,
    .main-contact .tel{
        margin-bottom:20px;
    }
    .main-contact .tel{
        transform:translatey(-3px);
    }
    .main-contact a{
        color:#c19f75!important;
    }
    .main-contact .li-dot li{
        margin-left:10px;
		text-align:left;
        padding-left:10px;
        width:100%;
    }
	.main-partner ul {padding:0 20px !important; }
    .main-partner li{
		width:50%;
        margin-bottom:5px;
	}
    .footer_copy>div{
        padding:20px 0;
    }
    .foot-logo{
        margin:0 auto 15px;
    }
    .footer_copy li{
        float:none;
        border:none;
        padding-right:0;
        margin-right:0;
        margin-bottom:5px;
    }
    .copy{
        word-break: keep-all;
    }
    .subpage .pageheader{
        height:150px;
    }
    .subpage-layout{
        padding-top:20px;
        padding-bottom:20px;
    }
    .snb {
        padding-right: 15px;
        padding-bottom: 40px;
    }
    

    .dh-board .writer,
    .dh-board .regdate,
    .dh-board .hits{
        display:none;
    }
    .dh-board .pagination{
        position:relative;
        left:50%;
        transform:translatex(-50%);
    }
    .dh-view-box>.row>.page-header>h4{
         padding:0;
        font-size:20px;
    }
    .column-2{
        column-count:1;
    }
    .breadcrumb{
        float:none;
		margin: 10px 0 0;
    }
    .checkbox label, .radio label{
        width:33.333%;
        font-size:13px;
    }
    .checkbox input[type=checkbox]{
        margin-bottom:10px;
    }
    .q_number textarea{
        height:200px;
    }
}

/*회사소개 스타일*/
h2 {font-size:40px; font-family:'Noto Sans KR'; font-weight:lighter; line-height:40px; margin-bottom:30px; letter-spacing:-3px;}
h2 strong {font-weight:bold; color:#000; }

.padding-top {padding-top:180px;} 
.gt_list {float:left; width:50%; margin-right:20px; margin-top:60px; overflow:hidden; padding-bottom:100px;}
.gt_list li {font-family:'Noto Sans KR'; font-size:18px;  width:100%; padding:20px 10px; box-sizing:border-box; position:relative;}
.gt_list li span {display:block; margin-bottom:15px;}
.gt_list li img { max-width:100%; }
.bottom-after {bottom:140px; left:-5px; height:15px; width:80px;background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:block; position:absolute; }
.top-after {top:140px;left:-5px; height:15px; width:80px; background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:block; position:absolute; }
.gt_list li h3 {font-size:25px; font-family:'S-CoreDream-5Medium';}
.gt_list2 { padding:80px 0 0 20px;}
.gt_list2 li{  color: #656565;font-size: 17px;line-height: 20px; margin-bottom: 20px; padding-top: 20px; position: relative;font-weight: 400; }
.gt_list2 li h5 {margin-bottom:7px;  color:#000; }
.gt_list2 strong {position:absolute; top:0; height:8px; width:40px; background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:inline-block; margin-right:10px;}


.gt_list3 { width:100%; margin-right:20px; margin-top:3px; overflow:hidden; padding-bottom:0px; }
.gt_list3 li {font-family:'Noto Sans KR'; font-size:18px; padding:20px 10px; box-sizing:border-box; position:relative;  float:left; width:25%;height: 118px; }
.gt_list3 li span {display:block; margin-bottom:15px;}
.gt_list4 li h5 { padding:15px; }
.gt_list3 li img { max-width:100%; }
.bottom-after {bottom:140px; left:-5px; height:15px; width:80px;background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:block; position:absolute; }
.top-after {top:140px;left:-5px; height:15px; width:80px; background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:block; position:absolute; }
.gt_list3 li h3 {font-size:25px; font-family:'S-CoreDream-5Medium';}

.gt_list4 { padding:20px 0 0 20px;}
.gt_list4 li{  color: #656565;font-size: 17px;line-height: 25px; margin-bottom: 20px; padding-top: 20px; position: relative;font-weight: 400; text-align:center; }
.gt_list4 strong {position:absolute; top:0; height:8px; width:40px; background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:inline-block; margin-right:20px; } 
@media (max-width:1000px) { 
.gt_list3 {width:90%; margin:0 auto;}
.gt_list3 li { width:50%; }
	.borderbox {border:none}  
#Sub_Body h2  {width:90%; margin:30px auto;}
#Sub_Body h3 {width:90%; margin:30px auto;}
.gt_list {float:none; width:90%; margin:0 auto; padding-bottom:30px;}
.gt_list2 { padding-top:0px !important; width:90%; margin:0 auto;}
h2 {  font-size:28px;line-height:38px; }
}
/*인사말 스타일*/
.oc {overflow:hidden;padding-bottom:50px;}
.oc .oc_1 {width:68%; float:left;} 
.oc .oc_2 {width:30%; float:right;}
.oc .oc_2 img{width:100%;}

.top-after {top:140px;left:-5px; height:15px; width:80px; background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:block; position:absolute; }

@media (max-width:1000px) {
.oc .oc_2 {display:none;}
.oc .oc_1 { width:90%; float:none;margin:0 auto;}
h2 {  font-size:28px;line-height:38px; }
}
.line { height:8px; width:80px; background-image:linear-gradient(45deg,#e60b6d,#3366cc); display:inline-block; margin-bottom:30px; }
/*오시는길 스타일*/
.map_text {overflow:hidden; margin-top:50px}
.map_text li{float:left; width:50%;}
.info {font-size: 18px;
    color: #505050;
    font-weight: 400;}
.info strong { font-family:'S-CoreDream-4Regular'; color:#000; width:100px;  display:inline-block;  }
.info i {color:#000; padding-right:15px;}
.map_text table {width:100%; }

.map_text table tr th{font-weight:bold; font-size:20px; font-family:'';} 
.map_text table tr td{ color:#8a8a8a; font-size:18px; font-weight:normal;} 

.line { height:6px; width:50px; display:block; background-image:linear-gradient(45deg,#e60b6d,#3366cc);  margin-bottom:20px; }

@media (max-width:1000px) {
.map_text li{float:none; width:90%; margin:0 auto 40px;}