@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*20170712??*/
.navbar-brand {
    width:170px;
    margin-left:0px;
}

.notice {
	font-family: 'Nanum Gothic', 'Noto Sans KR';
}

.notice a {
	color:#000;
}

.sidebar-module>ul>li.blank>a {
    vertical-align:top; padding:20px 0px 0px 20px;
}

.sidebar-module>ul>li.blank>a>img {
    margin-left:0px; margin-right:0px;
}

#ceo_txt, #trades_txt, #recruit_txt, #customer_txt {
    position:absolute; top:15px; margin-left:15px;
}
.notice-h {
    line-height:25px;
}
/*//20170712??*/

.navbar-fixed-top, .navbar-fixed-bottom {
	right: 0px;
}

@media all and (min-width: /*992px*/ 1145px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
		right: 340px;
	}
}

#main {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

@media all and (min-width:768px) {
	#main {
		padding-left: 120px;
		padding-right: 0px;
		margin-left: 0px;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	#main {
		padding-left: 170px;
		padding-right: 340px;
	}
}

.col-sm-9 {
	position: relative;
	padding-left: 0px;
	width: auto;
}
	
@media all and (min-width:768px) {
	.col-sm-9 {
		position: absolute;
		min-height: 550px;
		width: 100%;
		height: 100%;
		padding-left: 120px;
		padding-bottom: 130px;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	.col-sm-9 {
		padding-left: 200px;
		padding-right: 340px;
		padding-bottom: 0px;
	}
}

.slide {
	height: 50%;
	min-height: 250px;
	max-height: 280px;
    overflow:hidden;
}

@media all and (min-width:768px) {
	.slide {
		width: 100%;
		height: 100%;
		max-height: none;
	}
}

#sidebar-right {
	position: relative;
	padding: 0px;
}

@media all and (min-width:768px) {
	#sidebar-right {
		/*position: relative;*/
        position:absolute;
        bottom:0px;
        width: 100%; /*20170712*/
		height: 130px;
		margin-left: /*0px*/ -120px;
		margin-right: 0px;
        padding-left: 120px; /*20170712*/
		overflow: hidden;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	#sidebar-right {
		z-index: 1030;
		background-color: transparent;
		position: fixed;
		top: 0px;
		bottom: 0px;
		right: 0px;
		padding: 0px;
		width: 340px;
		margin-top: 0px;
		z-index: 1030;
		height: 100%;
	}
}

.sidebar-module {
	overflow-y: auto;
	overflow-x: hidden;
}

@media all and (min-width:768px) {
	.sidebar-module {
		overflow: hidden;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	.sidebar-module {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

.sidebar-module>ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

@media all and (min-width:/*992px*/ 1145px) {
	.sidebar-module>ul {
		min-height: 510px;
		height: 100%;
	}
}

.sidebar-module>ul>li {
	list-style: none;
	width: 25%;
	height: 170px;
	float: left;
	position: relative;
	display: table;
}

@media all and (min-width:768px) {
	.sidebar-module>ul>li {
		width: 15%;
		height: 130px;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	.sidebar-module>ul>li {
		width: 50%;
		height: 20%;
	}
}

.sidebar-module>ul>li>a {
	display: table-cell;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.sidebar-module>ul>li>a>img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.c_top {
	position: absolute;
	left: /*5px*/ 20px;
	top: /*5px*/ 20px;
}

.c_bottom {
	position: absolute;
	right: /*5px*/ 20px;
	bottom: /*5px*/ 20px;
}

.quickmenu {
	background-color: white;
}

@media all and (min-width:768px) {
	.quickmenu {
		background-color: #fff;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	.quickmenu {
		background-color: white;
		border: 0px;
	}
}

.blank {
	display: none !important;
	background-image: url("../image/main/right/bg_blank.png");
	background-size: 100% 100%;
}

@media all and (min-width:/*992px*/ 1145px) {
	.blank {
		display: table !important;
	}
}

.navbar-default {
	border-bottom: 0px;
}

@media all and (min-width:/*992px*/ 1145px) {
	.ceo {
		border-left: 1px solid #E7E6E6;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	.recruit {
		border-left: 1px solid #E7E6E6;
	}
}

.notice {
	width: 100% !important;
	padding: 5px;
    margin-top: 12px !important; /*20170712*/
}

@media all and (min-width:768px) {
	.notice {
		width: 40% !important;
		padding: 3px;
        margin-top: 2px !important; /*20170712*/
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	.notice {
		border-left: 1px solid #E7E6E6;
		width: 100% !important;
		padding: 2%;
	}
}

.notice-h {
	font-weight: bold;
	float: left;
}

.notice-list {
	height: 20%;
	width: 100%;
}

.notice-list>p {
	font-size: small;
	font-family: 'Nanum Gothic', 'Noto Sans KR';
}

@media all and (min-width:768px) {
	.notice-list>p {
		font-size: x-small;
	}
}

@media all and (min-width:/*992px*/ 1145px) {
	.notice-list>p {
		font-size: small;
	}
}

.notice-more {
	font-size: small;
	float: right;
}

.notice-sub {
	position: absolute;
}

.notice-date {
	position: absolute;
	right: 3px;
}

p {
	margin: 0px;
}

.carousel-inner {
	height: 100%;
	/*min-height: 250px;
	max-height: 280px;*/
    overflow:hidden;
}

@media all and (min-width:768px) {
	.carousel-inner {
		max-height: none;
	}
}

.item {
	height: /*100%*/auto;
	width: 100%;
	/*min-height: 250px;
	max-height: 280px;*/
}

@media all and (min-width:768px) {
	.item {
		max-height: none;
	}
}

.item>img {
	width: 100%;
	height: /*100% !important*/ auto;
	/*min-height: 250px;
	max-height: 280px;*/
}

@media all and (min-width:768px) {
	.item>img {
		max-height: none;
	}
}

.right.carousel-control {
	background-image: none;
}

.left.carousel-control {
	background-image: none;
    overflow:hidden;
}

.square.ih-item {
	position: relative;
	width: 50%;
	height: 20%;
	border: 0px;
	box-shadow: 0px;
}

.notice-list{
	position:relative;
	top:0px;
	margin:10px;
	display:table-row;
}

.notice-sub{
 	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.mobile {
	display: table-cell !important;
}

@media all and (min-width: /*992px*/ 1145px) {
	.mobile {
		display: none !important;
	}
}

.mobile_n {
	display: none !important;
}

@media all and (min-width: /*992px*/ 1145px) {
	.mobile_n {
		display: table-cell !important;
	}
}

#ceo_txt {
	padding-bottom: 10px;
}

#trades_txt { 
	padding-bottom: 10px;
}

#recruit_txt {
	padding-bottom: 10px;
}

/* -webkit : Å©·ÒÀ̳ª »çÆĸ®¿¡ Àû¿ë */
@-webkit-keyframes animation {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.15, 1.15);
		transform: scale(1.15, 1.15);
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes animation {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.15, 1.15);
		transform: scale(1.15, 1.15);
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

#ceo_img {
	width: 80px; padding-top:30px;
}

#trades_img {
	width: 80px; padding-top:30px;
}

#recruit_img {
	width: 80px; padding-top:30px;
}

#customer_img {
	width: 80px; padding-top:30px;
}/*20170712*/

#customer_img_m {
	width: 80px; padding-top:30px;
}

@media all and (max-width: 1145px) {
	#ceo_img {
		width: /*auto*/ 40%; padding-top:40px;
	}
	
	#trades_img {
		width: /*auto*/ 40%; padding-top:40px;
	}
	
	#recruit_img {
		width: /*auto*/ 40%; padding-top:40px;
	}
    
	#customer_img {
		width: 40%; padding-top:40px;
    }/*20170712*/
    
	#customer_img_m {
		width: /*auto*/ 40%; padding-top:40px;
	}
}

#ceo_img:hover, #ceo_img:focus {
	-webkit-animation-duration: .5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation;
 	animation-name: animation;
}

#trades_img:hover, #trades_img:focus {
	-webkit-animation-duration: .5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation;
 	animation-name: animation;
}

#recruit_img:hover, #recruit_img:focus {
	-webkit-animation-duration: .5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation;
 	animation-name: animation;
}

#customer_img:hover, #customer_img:focus {
	-webkit-animation-duration: .5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation;
 	animation-name: animation;
}

#customer_img_m:hover, #customer_img_m:focus {
	-webkit-animation-duration: .5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation;
 	animation-name: animation;
}