
/* 회사소개 */
.word-company01 {
	color: #222222;
	font-size: 11px;
	padding-bottom: 10px;
	text-align: left;
}

.word-company01 strong {
	display: block;
	color: #222222;
	font-size: 15px;
	line-height: 18px;
    letter-spacing: -1px;
	padding-bottom: 5px;
}


.word-company01.none {
	padding-bottom: 0;
}

.company-info-01 {
	padding-left: 90px;
	padding-top: 26px;
	padding-bottom: 15px;
	text-align: left;
}


.company-info-02 {
	padding-left:20px;
	padding-top:0px;
	padding-bottom: 20px;
	text-align: left;
	letter-spacing: -1px;
	line-height: 20px;
}

.company-info-02 .ul-type02 li {
    display: block;
    padding-left: 8px;
    color: #222222;
    font-size: 11px;
    line-height: 19px;
    background: url(../images/common/icon_bullet02.gif) no-repeat left 8px;
    background: -webkit-linear-gradient(transparent, transparent), url(../images/common/icon_bullet02@2x.gif) no-repeat left 8px;
    background: linear-gradient(transparent, transparent), url(../images/common/icon_bullet02@2x.gif) no-repeat left 8px;
    background-size: 3px 3px;
}

.company-info-01 h3 {
	color: #009999;
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

.company-info-01.bg01 {
	background: url(../images/company/bg0101.gif) no-repeat 0 0;
	text-align: left;
    background-size: 110px;
}


.company-info-011 {
	padding-left: 90px;
	padding-top: 26px;
	padding-bottom: 20px;
	text-align: left;
}

.company-info-011 h3 {
	color: #009999;
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

.company-info-011.bg02 {
	background: url(../images/company/bg0102.gif) no-repeat 0 0;
	text-align: left;
    background-size: 100px;
	background-position: 17px 0px;
}

.bg-line {
	height: 1px;
	background: url(../images/common/bg_dotted07.gif) repeat-x left bottom;
	background: -webkit-linear-gradient(transparent, transparent), url(../images/common/bg_dotted07@2x.gif) repeat-x left bottom;
	background: linear-gradient(transparent, transparent), url(../images/common/bg_dotted07@2x.gif) repeat-x left bottom;
	background-size: 3px 1px;
}

.compnay-info-table-area {
	width: 100%;
	height: 100%;
	margin-bottom: 30px;
    background-size: 100%;
}


/* 마크인포 팀 */
.team-box.bg01 {
	padding-right: 430px;
	background: url(../images/company/img0201.jpg) no-repeat right top;
}


/* 마크인포팀 01 */
.team-information01 {
	padding: 20px;
}

.team-information01 .profile {
	width:100%;
	height:150px;
	background: url('../m_images/common/profile.jpg') no-repeat center top;
    background-size: 100%;
}

}

.team-information01 .left {
	float: left;
	width: 414px;
}

.team-information01 .left h4 {
	color: #222222;
	font-size: 18px;
	margin-bottom: 20px;
}

.team-information01 .left h4 span {
	display: block;
	color: #009999;
	text-decoration: underline;
}

.team-information01 .left p {
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin-bottom: 20px;
}

.team-information01 .left ul {
	overflow: hidden;
}

.team-information01 .left ul li {
	float: left;
	width: 128px;
	margin-right: 10px;
}

.team-information01 .left ul li img {
	display: block;
	width: 128px;
	height: 79px;
	margin-bottom: 8px;
}

.team-information01 .left ul li .title {
	color: #666666;
	font-size: 13px;
	text-decoration: underline;
}

.team-information01 .right {

}


.team-information01 .right .info01 {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	padding: 15px 0px 15px;
}

.team-information01 .right .info01 ul li{
    background: url('../images/common/icon_bullet02@2x.gif') no-repeat left 11px;
    padding-left: 8px;
    background-size: 3px 3px;
    text-align: left;
    margin-left: 10px;
	letter-spacing: -1px;
}

.team-information01 .right .info02 {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	padding: 15px 0px 15px;
}

.team-information01 .right .info02 ul li{
    background: url('../images/common/icon_bullet02@2x.gif') no-repeat left 11px;
    padding-left: 8px;
    background-size: 3px 3px;
    text-align: left;
    margin-left: 10px;
	letter-spacing: -1px;
}


.team-information01 .right .info02 h5 {
	width: 68px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px;

	background: #32c0c0;
	color: #fff;
	text-align: center;
	border: 1px solid #6ca4b2;
}

.team-information02 {
	display: block;
	width: 351px;
	height: 232px;
	padding: 32px;
	background: #f7f7f7;
	margin-bottom: 20px;
	border: 1px solid #cccccc
}

.team-information02 h4 {
	color: #222222;
	font-size: 18px;
	margin-bottom: 20px;
}

.team-information02 h4 span {
	display: block;
	color: #009999;
	text-decoration: underline;
}

.team-information02 p {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}

.team-information02.fl {
	float: left;
}

.team-information02.fr {
	float: right;
}

/* 이용 방법 */
.used-area {
	margin: 0;
	width: 942px;
	padding-top: 40px;
	overflow: hidden;
}

.used-area .used-box {
	float: left;
	width: 274px;
	margin-right: 20px;
	background: #f7f7f7;
}


.used-area .used-box a {
	display: block;
	padding: 37px;
	padding-top: 203px;
	width: 198px;
	height: 242px;
	border: 1px solid #cccccc;
}

.used-area .used-box a h5 {
	color: #009999;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
}

.used-area .used-box a .word01 {
	color: #222222;
	font-size: 14px;
	margin-bottom: 15px;
}

.used-area .used-box a .word02 {
	color: #666666;
	font-size: 14px;
}

.used-area .used-box a.bg01 {
	background: url(../images/company/bg0301.gif) no-repeat center 57px;
}

.used-area .used-box a.bg02 {
	background: url(../images/company/bg0302.gif) no-repeat center 57px;
}

.used-area .used-box a.bg03 {
	background: url(../images/company/bg0303.gif) no-repeat center 57px;
}


.used-area .used-box a:hover {
	border: 1px solid #000;
}


/* util */
.word-notice02 {
	padding-left: 25px;
	color: #666666;
	font-size: 10px;
	background: url(../images/common/icon_bullet04.png) no-repeat 5px 1px;
	background: -webkit-linear-gradient(transparent, transparent), url(../images/common/icon_bullet04@2x.png) no-repeat 5px 1px;
	background: linear-gradient(transparent, transparent), url(../images/common/icon_bullet04@2x.png) no-repeat 5px 1px;
	background-size: 17px 17px;
    line-height: 200%;
    letter-spacing: -1px;
	text-align: left;
}


.title0301 {
    font-size: 15px;
    letter-spacing: -1px;
	text-align: left;
    margin-bottom: 10px;
	font-weight: bold;
}


@media screen and (min-width: 320px) {

.team-information01 .profile {
	width:100%;
	height:30vh;
	background: url('../m_images/common/profile.jpg') no-repeat center top;
    background-size: 100%;
}


}