@charset "utf-8";

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}


/* ******************** °ø¿ë ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* °ÝÀÚÇü ±¸Á¶ - Å×ÀÌºí ½ºÅ¸ÀÏ */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

.c_acc {color:#00cccc !important;} /* °­Á¶»ö»ó */
.c_sub1 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó1 */
.c_sub2 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */
.c_sub3 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */


.contents_box {max-width:1400px; margin:60px auto 0;}
.contents_box>div.only_mobile {display:none;}
.contents_box .contents {padding:70px 100px 100px;}
.contents_box .contents h3 {font-size:36px; font-weight:500; letter-spacing:-2px;}
.contents_box .contents .inner {padding-top:50px;}



/* ******************** ȸ»ç¼Ò°³ ******************** */
/* Àλ縻 */
.intro .inner .img {background:url(../images/intro/ceoImg.png)no-repeat; height:490px;}
.intro .inner .txt {padding-left:190px;}
.intro .inner .txt .quotes {
	margin-top:-90px; padding:110px 130px;
	position:relative; z-index:0;
	background:#fff;
	font-size:38px; font-weight:100; letter-spacing:-2px;
}
.intro .inner .txt .quotes div:before {
	display:block; content:""; width:88px; height:53px;
	position:absolute; top:90px; left:60px; z-index:-1;
	background:url(../images/intro/quotes_start.png)no-repeat;
}
.intro .inner .txt .quotes div:after {
	display:block; content:""; width:88px; height:53px;
	position:absolute; bottom:90px; right:60px; z-index:-1;
	background:url(../images/intro/quotes_end.png)no-repeat;
}
.intro .inner .txt .quotes div span {display:inline-block; width:100%; line-height:1.2;}
.intro .inner .txt .quotes div span+span {margin-top:10px;}

.intro .inner .txt .message {padding:0 90px;}
.intro .inner .txt .message p {font-size:20px; font-weight:300;}
.intro .inner .txt .message p+p {margin-top:60px;}
.intro .inner .txt .message p.sign {text-align:right;}
.intro .inner .txt .message p.sign>* {display:inline-block; vertical-align:bottom;}
.intro .inner .txt .message p.sign span {padding-left:20px;}


/* ************************ ÅÂºí¸´ ÀÌÇÏ(~991) ************************ */
@media screen and (max-width:991px) {

	.contents_box {max-width:100%;}
	.contents_box .contents {padding:50px 50px 70px;}

	/* ******************** ȸ»ç¼Ò°³ ******************** */
	/* Àλ縻 */
	.intro .inner .img {background:url(../images/intro/ceoImg_only.jpg)no-repeat center; height:400px; background-size:cover;}
	.intro .inner .txt {padding-left:0; margin-top:10px;}
	.intro .inner .txt .quotes {
		margin-top:0; padding:40px 20px;
		position:relative; z-index:0;
		background:#fff;
		font-size:32px; font-weight:100; line-height:1.4; letter-spacing:-2px;
	}
	.intro .inner .txt .quotes div:before {
		display:block; content:""; width:77px; height:47px;
		position:absolute; top:10px; left:0; z-index:-1;
		background-size:77px;
	}
	.intro .inner .txt .quotes div:after {
		display:block; content:""; width:77px; height:47px;
		position:absolute; bottom:10px; right:0; z-index:-1;
		background-size:77px;
	}
	.intro .inner .txt .message {padding:0; margin-top:30px;}
	.intro .inner .txt .message p {font-size:18px;}
	.intro .inner .txt .message p+p {margin-top:30px;}
	.intro .inner .txt .message p.sign span {padding-left:15px;}
	.intro .inner .txt .message p.sign span img {height:50px;}

}

/* ************************ ¸ð¹ÙÀÏ (0~767) ************************ */
@media screen and (max-width:767px) {

	.contents_box {max-width:100%; margin:0;}
	.contents_box>div.only_mobile {display:block;}
	.contents_box>div.only_mobile h3 {font-size:22px; font-weight:400; background:#000; color:#fff; padding:20px 30px; box-shadow:1px 1px 5px rgba(0,0,0,.3);}
	.contents_box .contents {padding:30px 30px 50px;}
	.contents_box .contents h3 {display:none;}
	.contents_box .contents .inner {padding-top:0;}
	
	/* ******************** ȸ»ç¼Ò°³ ******************** */
	/* Àλ縻 */
	.intro .inner .img {background:url(../images/intro/ceoImg_only.jpg)no-repeat center; height:250px; background-size:cover;}
	.intro .inner .txt {padding-left:0; margin-top:10px;}
	.intro .inner .txt .quotes {
		margin-top:0; padding:30px 20px;
		position:relative; z-index:0;
		background:#fff;
		font-size:26px; font-weight:100; line-height:1.4; letter-spacing:-2px;
	}
	.intro .inner .txt .quotes div:before {
		display:block; content:""; width:66px; height:40px;
		position:absolute; top:10px; left:0; z-index:-1;
		background-size:66px;
	}
	.intro .inner .txt .quotes div:after {
		display:block; content:""; width:66px; height:40px;
		position:absolute; bottom:10px; right:0; z-index:-1;
		background-size:66px;
	}
	.intro .inner .txt .quotes div span {display:inline-block; width:100%; line-height:1.2;}
	.intro .inner .txt .quotes div span+span {margin-top:10px;}

	.intro .inner .txt .message {padding:0;}
	.intro .inner .txt .message p {font-size:16px;}
	.intro .inner .txt .message p+p {margin-top:30px;}
	.intro .inner .txt .message p.sign span {padding-left:10px;}
	.intro .inner .txt .message p.sign span img {height:40px;}
	

}