@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.6.3/css/v4-shims.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');
@import url('/skin/notokr/notokr.css');

html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {
    padding-top: 130px;
    background:#fff;
}

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'notokr',  "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif; }
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
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;
}

/*가로 100% 레이아웃 정의*/
.container_contents,
.intro-html-layout,
.intro-html-layout > div,
.footer_copy > div,
.sub-layout{
	width:100%;
	padding:0;
	margin:0;
}
.intro-board-widget-layout,
.dh-board,
.dh-view-box,
.bbs-list-view-layout + .row,
#mailForm,
#insertForm{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}
*{word-break:keep-all}
ul{padding-left:0}
a, a:hover{text-decoration:none}
/* login */

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

@media (max-width:768px){
	.login-layout,
	.id-find-layout,
	.pw-find-layout {
		padding: 20px 15px;
	}
	.login-layout .panel,
	.id-find-layout .panel,
	.id-find-layout .panel {
		padding: 40px;
	}
	.login-layout .panel-body > div.col-sm-12 h2,
	.id-find-layout .panel-body > div.col-sm-12 h2,
	.pw-find-layout .panel-body > div.col-sm-12 h2{
		font-size: 24px;
	}
	.inner-box-msg p {
		font-size: 12px;
	}
	.login-layout label,
	.id-find-layout label,
	.pw-find-layout label {
		font-size: 14px;
	}
	.login-layout .form-control,
	.id-find-layout .form-control,
	.pw-find-layout .form-control{
		font-size: 13px;
		height: 36px;
	}
	.login-layout form > div > p > a,
	.id-find-layout form > div > p > a,
	.pw-find-layout form > div > p > a{
		font-size: 12px;
	}
	.login-layout .btn-warning,
	.id-find-layout .btn-warning,
	.pw-find-layout .btn-warning{
		height: 45px;
		font-size: 14px;
		margin-top: 10px;
	}
}
.li-dash > li,
.li-dot > li,.li-dash >dd,
.li-dot > dd{margin-left:10px; padding-left:15px; position:relative;}
.li-dash > li:before,
.li-dot > li:before,
.li-dash > dd:before,
.li-dot > dd:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}
.li-dot > li:before,
.li-dot > dd:before{
	content:"";
    left:3px;
    top:10px;
    width:3px;
    height:3px;
    background:#444;
    border-radius:50%;
}
*{word-break:keep-all}

/* 	.navbar-inverse{
background: #fff;
border-color: transparent;
padding: 0;
margin: 0;
}
.navbar-brand img {
	padding-top: 15px;
}
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      
	color:#999999;              
	font-size:14px;              
	padding:15px 15px 15px 15px;  
	margin:0px 0px 0px 0px;     
}
.dropdown-menu > li > a{
	background-color:#ffffff;    
	color:#333333;               
	padding:0px 0px 0px 0px;      
	margin:3px 20px 3px 20px;      
	font-size:14px;
} */
/*nav*/


.navbar-inverse {
    background-color: #FFF;
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
}

.navbar-inverse .container {
    max-width: 1030px;
}

.navbar-inverse .navbar-brand {
    color: #333;
    padding: 0;
    margin: 28px 0 15px !important;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #333;
}
.navbar-inverse .navbar-brand img{
    margin-top:0;
}

@media screen and (min-width: 768px) {
    /* .divider-vertical + li,
    .divider-vertical + li + li{
        display:none;
    } */
    .navbar-inverse .navbar-nav > li{
        position:relative;
        z-index:10000;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 35px 15px;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.03em;
        color: #222;
        -webkit-text-shadow: none;
        text-shadow: none;
        border-bottom: 2px solid transparent;
        line-height: 1;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li:hover > a,
    .navbar-inverse .navbar-nav > li:focus > a,
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        color: #005ab7;
        border-color:#005ab7;
    }
    .navbar-right{
        margin-right:-20px;
    }
}
.navbar-inverse .navbar-nav > li .sub-menu{
    display: none;
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 100%;    left: 50%;
    transform: translateX(-50%);
    width: 950px;
	text-align:center
}
.navbar-inverse .navbar-nav > li:hover .sub-menu{
    display:block;
    animation-name:fadeIn;
    animation-duration:0.5s;
    animation-delay:0.1s;
    animation-fill-mode:both;
    z-index:10000;
}
.navbar-inverse .navbar-nav > li .sub-menu:after{
    content:'';
    display:block;
    clear:both;
}
.navbar-inverse .navbar-nav > li .sub-menu>ul{
display:inline-block;
margin:0;
padding:30px 15px 30px 0;
vertical-align:top;
	min-width: 150px;
}
.navbar-inverse .navbar-nav > li .sub-menu ul a{
display:block;
font-size:15px;
font-weight:400;
color:#444;
margin-bottom:3px;
padding:2px 0;
	text-align:left
}
.navbar-inverse .navbar-nav > li .sub-menu ul a:hover{
color:#005ab7;
font-weight:500;
}
.navbar-inverse .navbar-nav > li .sub-menu ul .first a{
padding-bottom:10px;
font-size:18px;
font-weight:500;
color:#222;
	border-bottom:1px solid ;
		
    margin-bottom: 20px;
}
.navbar-inverse .navbar-nav > li .sub-menu ul .first a:hover{
    color:#005ab7;
}
#menu-bottom{
    opacity:0;
    z-index:0;
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ccc;
    background:#f8f8f8;
    transition:all .3s ease;
}
#menu-bottom .sub-menu{
display:none;
}
#menu-bottom.on{
opacity:1;
height:400px;
}
.float_li{overflow:hidden}
.float_ul_box{float: left;margin: 0 25px 0 0;}
/* .navbar-inverse .navbar-nav > li .sub-menu.menu4{left: -100%;    transform: translateX(-10%);}
.navbar-inverse .navbar-nav > li .sub-menu.menu5{ transform: translateX(-10%);} */
/* 하단 카피라이트 설정 시작*/
.footer_copy .container {
    max-width: 1030px;
}
.footer_copy .text-center {
    background-color: #dedede;
    color: #777;
    font-size: 13px;
    padding: 40px 0;
    margin: 0;
    text-align: center;
    letter-spacing: -0.03em;
}
.footer_copy .text-center .col-sm-10 ul{padding-left:0}
.footer_copy .text-center .col-sm-10 ul li,
.footer_copy .text-center p {
    margin-bottom: 2px;
}
.footer_copy .text-center .col-sm-10 a {
    position: absolute;
    right: 0;
    display: block;
    background: #999;
    padding: 5px 15px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
}
.footer_copy .text-center .col-sm-10 a:hover{background:#999;color:#fff}
/* 하단 카피라이트 설정 끝*/

/*slide*/
.carousel-inner .item{width:100%; height:calc(100vh - 125px)}
.carousel-inner .item:nth-of-type(1){background:url(/skin/img/slide/slide1.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(2){background:url(/skin/img/slide/slide2.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(3){background:url(/skin/img/slide/slide3.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(4){background:url(/skin/img/slide/slide4.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(5){background:url(/skin/img/slide/slide5.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(6){background:url(/skin/img/slide/slide6.jpg) no-repeat center / cover}
.carousel-caption {
    left: 50%;
    top: 145px;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    padding: 0 15px;
    text-align: left;
    max-width: 1030px;
    width: 100%;
}
.carousel-caption h2 {
    font-size: 34px;
    letter-spacing: -0.04em;
    text-shadow: 0px 0px 9px #000;
    line-height: 1.45;
    margin: 0;
    font-weight: 500;
}
.carousel-caption h2 span {
    font-weight: 600;
    color: #fff;
}
.slide_btm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    background: rgba(27, 42, 56, 0.9);
}
.slide_btm .col-md-6{    padding: 0;}
.slide_btm .col-md-6 a {
    display: block;
    text-align: center;
    height: 125px;
    line-height: 125px;
    font-size: 23px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    letter-spacing: -0.03em;
    border-left: 1px solid rgba(255,255,255,0.4);
    border-right: 1px solid rgba(255,255,255,0.4);
    transition: all ease .3s;
}
.slide_btm .col-md-6 a:hover{background: rgba(27, 42, 56, 0.9);color:#fff }
.slide_btm .col-md-6:first-child a{border-right:none}
.carousel-indicators {
    bottom: 160px;
    margin-bottom: 0;
}
.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 4px;
    background-color: #fff;
    border: none;
    border-radius: 0;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0 4px;
    background-color: #005ab7;
}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before{display:none}
.carousel-control {
    opacity: 0.7;
}
.carousel-control span.glyphicon {
    width: 42px;
    height: 80px;
    top: 40%;
}
.left.carousel-control .glyphicon{background:url(/skin/img/slide/arrow_prev.png) no-repeat center;}
.right.carousel-control .glyphicon{background:url(/skin/img/slide/arrow_next.png) no-repeat center}

/*sub*/
.subContent p, 
.subContent li, 
.subContent dd {
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 1.75;
    color: #444;
}
.subContent .subTitle {
    margin: 0 -15px 60px;
    padding: 0 0 60px;
    border-bottom: 1px solid #e8e8e8;
}
.subContent .subTitle h3 {
    text-align: center;
    font-size: 42px;
    margin:0;
    font-weight: 500;
    color: #222;
}
/* .subContent .subTitle h3:after{    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background: #63c347;
    border-radius: 50%;
    text-align: center;
    margin: 30px auto;} */
.subContent .subTitle p {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #222;
    margin: 10px 0 0;
}
.subContent .subTitle p b{font-weight:600}
.subTop {
    width: 100%;
    height: 260px;
    background: url(/skin/img/sub/subTop.jpg) no-repeat center top/ cover;
    position: relative;
}
.subTop h2 {
    position: absolute;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.03em;
    top: 42%;
    left: 50%;
    margin: 0;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    transform: translate(-50%,-50%);
}
.bread{   position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;}
.bread .container {
    max-width: 1030px;
}
.breadcrumb{    
    margin: 0;
    background: transparent;
    padding: 0;
}
.breadcrumb li {
    min-width: 200px;
    border-left: 1px solid #e8e8e8;
    padding: 15px 20px 0 20px;
    color: #222;
    letter-spacing: -0.03em;
    font-size: 16px;
    height: 50px;
}
.breadcrumb li:last-child {
    border-right: 1px solid #e8e8e8;
}
.breadcrumb li.bread_home {
    min-width: 50px;
    text-align: center;
}
.breadcrumb>li+li:before{
    content:"";
    padding:0
}
.subContent {padding:60px 0 120px}
.subContent > .container {
    max-width: 1030px;
}
.subContent h4 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 30px;
    /* padding-left: 28px; */
    position: relative;
    color: #222;
}
/* .subContent h4:before{
    content: "";
    display: block;
    width: 6px;
    height: 15px;
    background: #0074cc;
    position: absolute;
    left: 5px;
    top: 10px;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
} */
.subContent .con{margin-bottom:60px}
.subContent .con:last-child{margin-bottom:0}

/*table*/
.subContent .table.table-type03 {
    margin: 0 0 20px;
    border-top: 1px solid #444;
}
.subContent .table.table-type03 tr th, .subContent .table.table-type03 tr td {
    padding: 12px !important;
    border: 1px solid #ddd !important;
    letter-spacing: -0.03em;
    word-break: keep-all;
    vertical-align: middle !important;
    font-size: 14px;
}
.subContent .table.table-type03 tr th {
    color: #222;
    text-align:center;
    background:#f8f8f8; 
    font-size: 16px;}
.subContent .table.table-type03 thead tr th {background: #f8f8f8;}
.subContent .table.table-type03 tr td {color: #444;}

/*준비중*/
.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;
}
/*comp*/
/* #company01 .con1 .col-md-8 {
    padding-left: 25px;
} */
#company01 .subContent p strong {
    display: block;
    font-size: 22px;
    line-height: 1;
    margin: 20px 0 5px;
    color: #111;
    font-family: 'notokr';
    letter-spacing: 0.02em;
}
#company01 .subContent p.text-right{    
    font-size: 16px;
    letter-spacing: 0.05em;
    margin-top: 30px;
    color: #333;
    text-align: center;
    font-family: 'Noto Serif KR', serif;
}
#company02 .subContent h4 {
    text-align: center;
}
#company02 .circle-wrap {
    margin: 0 auto;
    max-width: 470px;
    min-height: 170px;
    padding-left: 20px;
}
#company02 .circle-wrap:after{
	content:'';
	display:block;
	clear:both;
}
#company02 .circle-wrap .circle {
    width: 170px;
    height: 170px;
    background: rgba(0, 90, 183, 0.9);
    border-radius: 100%;
    position: relative;
    float: left;
    margin-left: -20px;
}
#company02 .circle-wrap .c1 {background: rgba(0, 150, 219, 0.9);}
#company02 .circle-wrap .c3 {background: rgba(55, 72, 99, 0.9);}
#company02 .circle-wrap .circle p {
    min-width: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.4;
    margin: 0;
}
#company02 .con1 p {
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    background: #f8f8f8;
    padding: 15px 0;
}
#company03 .table caption {
    font-size: 20px;
    color: #222;
    font-weight: 600;
    padding: 0;
    margin: 0 0 15px;
}
#company03 .tab-content .con {margin-top:60px}
#company03 .nav-pills>li.active>a,
#company03 .nav-pills>li.active>a:hover,
#company03 .nav-pills>li.active>a:focus{
    background: #005ab7;
    border-color: #005ab7;
    padding: 12px 0;
    font-size: 18px;
    border-radius: 0;
    color: #fff;
    position: relative;
}
#company03 .nav-pills>li.active>a:after{    
	content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-top: 10px solid #005ab7;
    border-right: 10px solid transparent;
}
#company03 .nav-pills>li>a {
    color: #005ab7;
    padding: 12px 0;
    font-size: 18px;
    border-radius: 0;
    margin: 0;
    border: 1px solid #ddd;
    color: #444;
}
#company03 .nav-pills>li>a:hover,
#company03 .nav-pills>li>a:focus {
    background: #f8f8f8;
}
#company03 .nav-pills>li+li>a {
    border-left: none;
}
#company03 .table {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
}
#company03 .table th {
    vertical-align: top !important;
    padding: 15px 20px !important;
}
#company03 .table tr .month{
    text-align:center;
    font-weight:600
}
#company03 .table tr .year {
    font-size: 23px;
    color: #888;
    text-align: left;
    padding: 15px 20px 0 !important;
    vertical-align: top !important;
}
#company04 .table tr td a {
    text-align: center;
    display: block;
    font-weight: 500;
    letter-spacing: -0.034em;
    border: 1px solid #005ab7;
    padding: 5px 20px;
    transition: all ease .2s;
    color: #005ab7;
}
#company04 .table tr td a:hover{
    background: #005ab7;
    color:#fff
}

#company06 .con h5 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
    overflow: hidden;
    margin-top: 0;
}
#company06 .con h5 a {
    float: right;
    font-size: 15px;
    color: #005ab7;
    width: 28px;
    height: 28px;
    line-height: 25px;
    border: 1px solid #ccc;
    text-align: center;
}
#company06 .con h5 a:hover{    
    background: #005ab7;
    border-color: #005ab7;
    color: #fff;
}
#company06 .con ul li {
    padding: 5px 0px;
    margin-left: 0;
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 1.5;
}
#company06 .con ul li:before {
    content: none;
}
#company06 .con ul li strong {
    font-weight: 600;
    margin-right: 5px;
}

#company06 .con ul li.ad strong{  display: block;}

/*busi_inform*/
@media(min-width:768px){
#busi_inform00 .con2 .col-md-3{width:20%}
	}
#busi_inform00 .con2 .col-md-12 img{width:100%}
.big_img02{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    max-width: 970px;
    transform: translateX(-50%);
}
.big_img_text {
    margin: 25px 0;
    text-align: right;
    font-size: 15px !important;
}
#busi_inform00 .con dl {
    margin-bottom: 10px;
}
#busi_inform00 .con dl dt {
    font-size: 17px;
    letter-spacing: -0.03em;
    margin-bottom: 3px;
}
#busi_inform00 .con2 .col-md-3 img:hover,
#busi_inform00 .con2 .col-md-3 img:focus{
    opacity: 0.5;
    cursor:pointer;
}
.perfotm_more {
    position: absolute;
    display: block;
    top: 10px;
    right: 15px;
    font-size: 16px;
    letter-spacing: -0.034em;
    border: 1px solid #aaa;
    padding: 5px 30px;
    color: #444;
    text-decoration: none;
    transition: all ease .3s;
}
.perfotm_more:hover{color:#222;border-color:#222}
.con1 .li-dot li {
    margin-bottom: 8px;
    line-height: 1.5;
}

.busi_perfotm .tab-pane .con dt {
    margin: 15px 0 10px;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 600;
}
.busi_perfotm .tab-pane .con dd {
    color: #444;
    line-height: 1.5;
}
.perform_logo{border:1px solid #ddd}
.busi_perfotm .nav-tabs{
    border:none;
    text-align: center;
    margin-top:20px
}
.busi_perfotm .nav-tabs>li{    
    float: none;    
    display: inline-block;
}
.busi_perfotm .nav-tabs>li a {
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    color: #444;
    border: 1px solid #ddd;
    padding: 0;
}
.busi_perfotm .nav-tabs>li a:hover {
    background: #fff;
    color: #222;
    border-color: #aaa;
}
.busi_perfotm .nav-tabs>li.active>a{
    border: none;
    background: #005ab7;
    color: #fff;
}
.busi_perfotm .tab-content{ min-height: 600px}

.busi_perfotm .tab-content .col-md-3{min-height:285px}
/*rnd*/
#rnd01 .con1 {
    margin-bottom: 40px;
}
#rnd01 .con2 .text-center {
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
}
#rnd01 .con2 .text-center big{
    color:#222;
    font-weight: 500;
}
#rnd01 .con2 .text-center span big {
    color: #005ab7;
    font-weight: 500;
}
#rnd02 .subContent .table.table-type03 tr td {
    color: #333;
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    padding: 15px !important;
    font-size: 16px;
	letter-spacing: -0.034em;
}
#rnd02 .subContent .table.table-type03 tr:hover{background:#f8f8f8}

/*recruitment*/
#recruitment01 .con dl dt {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #444;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
#recruitment01 .con img{    margin-bottom: 15px;}
#rnd02 .subContent .table.table-type03 tr td:first-child{text-align:center}
#recruitment02 .con1 p{
    line-height: 1;}
#recruitment02 .con1 p span {
    padding: 10px 40px;
    position: relative;
    display: inline-block;
    margin: 0px 20px;
    color: #444;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #ddd;
}
#recruitment02 .con1 p span:after {
    content: "\f054";
    display: inline-block;
    font-size: 15px;
    position: absolute;
    right: -25%;
    font-family: fontawesome;
    color: #777;
}
#recruitment02 .con1 p span:last-child::after{ content: "";}
#recruitment02 .con2 dl {
    background: #f8f8f8;
    display: block;
    padding: 20px 30px;
    font-size: 18px;
    text-align: center;
}
#recruitment02 .con2 dl dt {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 23px;
    color: #222;
    letter-spacing: -0.03em;
}
#recruitment02 .con2 dl dd {
    font-size: 16px;
}
.recruit {
    width: 150px;
    height: 150px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}
.recruit p {
    font-size: 18px;
    font-weight: 500;
    color: #444;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    border-radius: 50%;
}
.recruit04 {
    background: #005ab7
}
.recruit04 p {
    color: #fff;
}
.recruit:after {
    content: "\f054";
    display: inline-block;
    font-size: 30px;
    position: absolute;
    right: -45%;
    font-family: fontawesome;
    color: #999;
    transform: translateY(-50%);
    top: 50%;
}
#recruitment03 .col-md-3:last-child .recruit:after{content: "";}
#recruitment03 .con2 p {
    font-size: 18px;
    line-height: 1;
    margin: 0;
    letter-spacing: -0.02em;
}
/*bbs*/
.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: #f8f8f8;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    letter-spacing: -0.03em;
}
.dh-board .table > tbody > tr > td {
    border-bottom: 1px solid #ddd;
}
.dh-board .table > tbody > tr > td > strong > a {
    color: #444;
}
.dh-board > .table-hover {
    border-top: 1px solid #444;
    border-bottom: 1px solid #ccc;
    margin: 0;
}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {color: #005ab7;}
.dh-margin-top{margin-top: 40px; display: inline-block;}
.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: 200px; max-height: 200px; 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: #005ab7;}
.label-primary{color: #005ab7;}
.pagination>li>a,
.pagination>li>span {
	border: 1px solid #ddd;
	border-radius: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	color: #444 !important;
}

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

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

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

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	border-color: #aaa;
	background: #fff;
    color:#222
}
#insertForm .input-group .btn {
	border-radius: 0;;
	border-color: #ddd;
}
#insertForm .input-group .form-control {
	box-shadow: none;
	border-color: #ddd;
}
#insertForm .input-group #btnNew {
    background: #333;
    border: 1px solid #333;
}

.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: 1px solid #444;
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
    margin: 0;
    background: #f8f8f8;
}
.dh-view-box > .row > .page-header > h4 {color: #333; font-size: 20px; 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: 100px;}

.recruit_table {
    width: 100%;
}
.recruit_table .td_title {
    width: 20%;
    text-align: center;
    font-size: 14px;
    color: #222;
    font-weight: 600;
    background-color: #f8f8f8;
    padding: 10px 12px;
}
.recruit_table .td_content {
    padding: 10px 12px;
    letter-spacing: -0.02em;
    font-size: 14px;
}
.application_btn {
    display: inline-block;
    margin-top: 20px;
    font-size: 15px;
    background: #005ab7;
    font-weight: 500;
    padding: 10px 25px;
    color: #fff;
}
.application_btn:hover {
    background: #004286;
    color: #fff;
}
#recruitment04 .con1 p{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* subpage sitemap */
#sitemap .se2{
	padding-top:0;
}
.sitemap-wrap a{
	display:block;
	font-size:15px;
	font-weight:400;
	color:#444;
    margin-bottom:3px;
    padding:2px 0;
    font-weight:500;
}
.sitemap-wrap a:before{
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin-left:10px;
	margin-right:5px;
	background:#00A887;
	vertical-align:middle;
}
.sitemap-wrap a:hover,.sitemap-wrap .first a:hover{
	color:#102d58;
}
.sitemap-wrap .first a{
	padding-bottom:10px;
	font-size:18px;
    font-weight:500;
    color:#222;
    border-bottom:1px solid #ddd;
}
.sitemap-wrap .first a:before{
	display:none;
}
.subpage-content .se1 h2 {
    margin: 0 0 50px;
    font-size: 48px;
    font-weight: bold;
    font-family: "NanumSquare";
}
.subpage-content .se1 {
    padding-bottom: 30px;
}
.subpage-content section {
    padding: 80px 0;
}
.menu_top {
    text-align: right;
    background: #333;
    padding: 10px 0;
}
.menu_top a {
    display: inline-block;
    color: #fff;
    opacity: 0.7;
    font-size: 13px;
    padding: 2px 0;
    line-height: 1;
}
#personal .con dl dt{font-size: 18px;
    margin-bottom: 5px;}

/*2019-05-22*/
#company01 .con1 .col-md-12 p{font-family: 'Noto Serif KR', serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #378adc;
    margin-bottom: 35px;}
#company01 .con1 .col-md-12 p span{color: #f7822d;}
#company01 .con1 p{    color: #333;
    text-align: justify;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;}

/*2019-06-07*/
.busi_inform .subContent .subTitle{    padding: 0 0 30px;}
.busi_inform .subContent .subTitle h3{    text-align: left;
    font-size: 35px;
    font-weight: 700;position:relative}
.busi_inform .subContent h4{margin-top:0}
.busi_inform .subContent img{border-radius:10px;    box-shadow: 4px 4px 8px rgba(190,190,190,0.7);}
.busi_perform_logo{border:1px solid #ddd}

/*2019-07-16*/
@media(max-width:1200px){
	.carousel-inner .item {
    width: 100%;
    height: calc(100vh - 300px);
}
}

/*2019-08-26*/
.nav.navbar-nav li .dropdown-menu{
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    border-radius: 0;
    border: 0;
    padding: 0;
    text-align: center;
    background: #fff;
    min-width: 130px;
}
.nav.navbar-nav li .dropdown-menu li a{
    padding-top: 11px;
    padding-bottom: 11px;
    color: #333;
}
.nav.navbar-nav li .dropdown-menu li a:hover{
	background: #005ab7;
	color:#fff
}


/* 회원가입 상단영역에는 태그 하나만 넣고 사용해주세요 */
/*join form css*/
.join-agree-area{
    padding: 100px 15px;
    background:#f5f5f5;
}
.join-agree-area .panel-default{
    margin: 100px auto;
    width: 1170px;
    max-width: 100%;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.join-agree-area .panel-footer{
    background:#fff;
}
#joinForm  .btn-default,
#joinForm .btn-success,
.join-agree-area .btn-default{
    border-radius: 0;
    border:2px solid #005ab7;
    color:#fff;
    font-weight:500;
    background:#005ab7;
}
.join-agree-area  .control-label{
    font-size:18px;
}
.join-agree-area  .form-control{
    border-radius: 0;
    background:#f5f5f5;
}
#joinForm{
    padding: 50px 15px;
    background:#f5f5f5;
}
#joinForm .panel-default{
    width:800px;
    max-width:100%;
    margin:0 auto;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
#joinForm .panel-heading{
    background:#fff;
    font-size:20px;
    text-transform: uppercase;
}
#joinForm .panel-footer{
    background:#fff;
}
#joinForm .form-control{
    border-radius:0;
}
#joinForm  .btn-default{
    background:#f5f5f5;
    color:#777;
    border:1px solid #ddd;
}
@media(max-width:767px){
    .join-agree-area{
        padding:50px 15px;
    }
    .join-agree-area .panel-default{
        margin:0 auto;
    }
    #joinForm .panel-footer .form-group > div{
        width:50%;
        float:left;
    }
    #joinForm .control-label br{
        display:none;
    }
}

/*2020-02-18*/
#company02 .con1 {margin-bottom:100px}
#company02 .con2 {text-align: center;}
#company02 .con2 .col-md-12 > p{        text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 30px;position: relative;
    display: inline-block;}
.fa-quote-left{    position: absolute;
    left: -26px;
    top: -3px;}
.fa-quote-right{    right: -26px;
    bottom: -6px;
    position: absolute;}
#company02 .con2 .col-md-12 > p span.blue{color: #00adf1;}
#company02 .con2 .col-md-12 > p span.orange{    color: #fa931c;}
#company02 .con2 .col-md-12 .comp02_inner{text-align: center;    max-width: 710px;margin: 0 auto;}
#company02 .con2 .col-md-12 .comp02_inner p{    display: inline-block;
    font-size: 25px;
    background: #0e76bd;
    color: #fff;
    padding: 0 15px;
    border-radius: 10px;
    margin-bottom: 15px;}
#company02 .con2 .col-md-12 .comp02_inner span{font-size: 25px;
    font-weight: 500;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 5px 0;
    margin-bottom: 15px;display: block;}
#company02 .con2 .col-md-12 .comp02_inner ul {        padding: 40px;
    background: #f6faff;
    border: 1px solid #ddd;
    border-radius: 10px;
    position: relative;}
#company02 .con2 .col-md-12 .comp02_inner ul li{        text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;}
#company02 .con2 .col-md-12 .comp02_inner ul:after{content: "";
    width: 110px;
    height: 80px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: url(/skin/img/sub/comp02_2.png) no-repeat center / contain;
    opacity: .5;}
        @media(max-width:767px){
        .footer_copy .text-center .col-sm-10 a{top: -40px;}
    }