/* 인코딩: utf-8 */

/*--- div 초기화 ---*/
.cle:after{clear: both; content: ""; display: block;}
.cle {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

/* 글자색 지정 */
.white { color:#fff !important }
.blue { color:#2e3192 !important }
.skyblue { color:#00aeef !important }

/* 배경색 지정 */
.bg-yellow { background-color:#fdd800 !important }
.bg-green { background-color:#3ab549 !important }
.bg-blue { background-color:#1170c5 !important }
.bg-skyblue { background-color:#00a5e5 !important }
.bg-orange { background-color:#f18800 !important }
.bg-purple { background-color:#4d4dc6 !important }
.bg-blue-opacity { background-color:rgba(17,112,197,0.15) !important }
.bg-skyblue-opacity { background-color:rgba(0,165,229,0.15) !important }
.bg-purple-opacity { background-color:rgba(77,77,198,0.15) !important }
.bg-green-opacity { background-color:rgba(135,209,98,0.15) !important }
.bg-gray-opacity { background-color:rgba(204,204,204,0.15) !important }

/* 링크 설정 */
a { color:#222 }
a:hover { color:#00a5e5; text-decoration:none }

/* 리스트 설정 */
.con-flex { display:flex; flex-wrap:wrap; align-items: center }
.lst { margin:0; padding:0; font-size:0 }
.lst-flex { display:flex; flex-wrap:wrap; margin:-2% }
.lst-flex > li { position:relative; margin:2%; text-align:center; transition: all .25s ease }
.lst-flex > li a { display:block }
.lst-1 > li { width:100% }
.lst-2 > li { width:46% }
.lst-3 > li { width:29.3333% }
.lst-4 > li { width:21% }
.lst-5 > li { width:16% }
.lst-6 > li { width:12.6666% }
.lst-7 > li { width:10.2857% }
.lst-dot { margin-top:15px }
.lst-dot > li { position:relative; margin-top:5px; padding-left:14px; text-align:left !important }
.lst-dot > li:first-child { margin-top:0 }
.lst-dot > li::before { position:absolute; top:12px; left:0; content:""; width:5px; height:5px; background-color:#00aeef; border-radius:50% }

/* 버튼 설정 */
.page-btn { display:inline-block; padding:10px 45px; font-size:16px; background-color:transparent; border:1px solid transparent; transition:0.3s all }
.btn-white { background-color:#fff; border:1px solid #ccc }
.btn-white:hover { border:1px solid #222 }
.btn-blue { color:#fff; background-color:#333399; border:1px solid #333399 }
.btn-blue:hover { color:#fff; background-color:#1b1b79 }

/* 테이블 설정 */
.tbl { width:100%; border-top:2px solid #2e3192; border-bottom:1px solid #e0e0f7; transition: all .3s ease }
.tbl + .tbl { margin-top:3% }
.tbl th, .tbl td { padding:15px; text-align:center }
.tbl thead th { color:#fff; background-color:#2e3192 }
.tbl tbody th { color:#2e3192; background-color:#f1f1ff }
.tbl th { font-weight:500 }
.tbl > * > tr > * { border:1px solid #e0e0f7 }
.tbl > * > tr > *:first-child { border-left:0 }
.tbl > * > tr > *:last-child { border-right:0 }

/* 공통 설정 */
.page-wrap + .page-wrap { margin-top:100px }
.page-txt-wrap { margin-top:35px }
.page-ti { font-size:40px; font-weight:600; line-height:1.4em }
.page-ti2 { font-size:31px; font-weight:500; line-height:1.4em }
.page-sti { font-size:27px; font-weight:500; line-height:1.4em; color:#2e3192 }
.box { padding:35px; border:1px solid #ddd }
.w35 { width:35% }
.w40 { width:40% }
.w45 { width:45% }
.w50 { width:50% }
.w55 { width:55% }
.w60 { width:60% }

/* 인사말 */
.gree-txt { float:right }
.gree-txt p + p { margin-top:25px }
.gree-img { float:left }
.sign span { font-size:25px; font-weight:600; letter-spacing:5px }

/* 조직도 */
.org-wrap { position:relative }
.org-wrap:before { position:absolute; left:50%; top:0; content:""; display:block; width:1px; height:245px; background:#ccc }
.org-top { position:relative; z-index:1; text-align:center }
.org-top span { position:relative; display:inline-block; width:175px; height:175px; line-height:175px; font-size:20px; text-align:center; color:#fff; font-weight:600; background:#2e3192; border-radius:50% }

.org-bottom { position:relative; z-index:1; margin-top:115px }
.org-bottom-ti { display:block; width:100%; padding:0 15px; line-height:55px; font-size:20px; color:#222; font-weight:500; border:3px solid #00aeef; border-radius:50px }
.lst-org { position:relative; display:flex; flex-wrap:wrap; margin:0 -1.5% }
.lst-org::before { position:absolute; top:-45px; left:12.5%; content:""; width:calc(100% - 25%); height:1px; background:#ccc }
.lst-org > li { position:relative; width:calc(88% / 4); margin:0 1.5%; text-align:center; transition: all .25s ease }
.lst-org > li::after { position:absolute; z-index:0; top:-45px; content:""; width:1px; height:45px; background:#ccc }
.lst-org-bottom { margin-top:25px }
.lst-org-bottom li { margin:10px 0; padding:7px; border:1px solid #ddd; background-color:#f2f2f2; border-radius:10px }

.tbl-about td { text-align:left }
.lst-certi li { border:1px solid #ddd }

/* 연혁 */
.history-txt { float:left; width:30%; font-size:40px }
.history-info { float:right; width:65%; padding-left:5%; border-left:1px solid #ddd }
.history + .history { padding-top:45px }
.history dt { font-size:26px; font-weight:700; color:#00aeef }
.history dd { position:relative; margin-top:7px; padding-left:75px }
.history dd .month { position:absolute; left:35px; font-weight:600; color:#000 }

/* 오시는 길 */
.map-info { margin-top:25px }
.map-info li { position:relative; display:inline-block }
.map-info li + li { margin-left:55px }
.map-info li span { font-weight:600; color:#01509f }

/* 제품소개 */
.prd-img-wrap { margin-top:25px; padding:35px; text-align:center; background-color:#f7f7f7 }

/* center-wrap width */
@media only screen and (max-width: 1280px) {
	/* 버튼 설정 */
	.page-btn { padding:5px 25px; font-size:14px }
}

/* Laptop */
@media only screen and (max-width: 1024px) {
	/* 공통 설정 */
	.page-wrap + .page-wrap { margin-top:50px }
	.page-txt-wrap { margin-top:25px }
	.page-ti { font-size:27px }
	.page-ti2 { font-size:22px }
	.page-sti { font-size:17px }

	/* 테이블 설정 */
	.tbl th, .tbl td { padding:7px }

	/* 인사말 */
	.sign span { font-size:20px }

	/* 조직도 */
	.org-wrap:before { height:215px }
	.org-top span { width:145px; height:145px; line-height:145px; font-size:18px }
	.org-bottom-ti { font-size:17px }

	/* 연혁 */
	.history-txt { font-size:27px }

	/* 오시는 길 */
	.map-info li + li { margin-left:25px }

	/* 제품소개 */
	.prd-img-wrap { margin-top:15px; padding:15px }
}

/* Tablet */
@media only screen and (max-width: 768px) {
	.lst-dot > li::before { top:9px }

	.history dt { font-size:20px }
	.history dd { padding-left:55px }
	.history dd .month { left:25px }
}

/* mobile */
@media only screen and (max-width: 540px) {
	/* 공통 설정 */
	.page-wrap + .page-wrap { margin-top:25px }
	.page-txt-wrap { margin-top:20px }
	.page-ti { font-size:22px }
	.page-ti2 { font-size:18px }
	.w35, .w60 { width:100% }
	.page-txt-wrap .w60 { margin-top:15px }
 
	/* 조직도 */
	.org-wrap:before { height:160px }
	.org-top span { width:125px; height:125px; line-height:125px; font-weight:500 }
	.org-bottom { position:relative; z-index:1; margin-top:50px }
	.org-bottom-ti { line-height:40px; font-size:17px }
	.lst-org { margin:-17px 0 }
	.lst-org::before { display:none }
	.lst-org > li { width:100%; margin:10px 0 }
	.lst-org > li::after { top:-30px; height:30px }

	/* 연혁 */
	.history-txt { width:100%; font-size:20px }
	.history-info { width:100%; margin-top:25px; padding-right:0 }
	.history + .history { padding-top:25px }

	/* 오시는 길 */
	.map-info li { display:block }
	.map-info li + li { margin-left:0 }
}