@charset "utf-8";
/* 샘플문서의 css입니다. */


/* 문서페이지 제목 폰트 크기 */
.ex-imgs > h1,
.ex-box-wrap > .ex-txt2 > h1,
.ex-txt1 > h1{font-size:16px}


/* 문서페이지 샘플 :: 오시는길 */
.map-google {border:1px solid #ddd; margin-bottom: 30px}
.page-map1 {margin-bottom:30px}
.map-wrap1 {padding:0 20px 0 0}
.map-wrap2 {padding:0 10px 0 10px}
.map-wrap3 {padding:0 0 0 20px}
.map-title {position:relative; background-color:#d7d7d7}
.map-title > h3 {margin-top:0; margin-bottom:0; font-size:16px; height:40px; line-height: 40px; padding:0 0 0 15px}
.map-conts {padding:15px; line-height:23px; border:1px solid #ddd; margin:0}
.page-map1 .map-icon {position:absolute;top:0;right:0;  background:#347B9F; padding:8px 20px 8px}
.map-icon > .fa {color:#fff; font-size:10px}
@media (max-width: 767px) {
      .page-map1 {margin-bottom:15px}
      .map-wrap1,
      .map-wrap2, 
      .map-wrap3 {padding:0 0 15px 0}
      .map-conts {margin-bottom:15px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .map-wrap1 {padding:0 10px 0 0}
      .map-wrap2 {padding:0 5px 0 5px}
      .map-wrap3 {padding:0 0 0 10px}
}


/* 문서페이지 샘플 :: 회사소개, 연혁  */
.pg-ex-about {margin-bottom:20px;padding-top:20px}
.pg-ex-about .fa {color:#fff;background:#347B9F;padding:20px; font-size:20px; border-radius: 35px}
.pg-ex-about-left {text-align:center}
.pg-ex-icon {font-size:16px;color:#333; display:block}
.pg-ex-about-right img{max-width:100%}
.pg-ex-about-right h1{font-size:20px; margin-top:40px; margin-bottom:15px;color:#f27242}
.pg-ex-about-right h2{font-size:25px; color:#666;margin-bottom:0;padding:0 0 0 15px}
.pg-ex-about-right ul {list-style: none; margin-bottom:30px}
.pg-ex-about-right ul > li {padding:5px 0; border-bottom:1px dotted #cbcbcb}
.pg-ex-about-right ul > li > .list-month {padding-right:30px}
.bar-left,
.bar-right {display:inline-block; height:3px}
.bar-left {width:15%; background:#f27242}
.bar-right {width:85%; background:#c7d5db}
@media (max-width: 991px) {
      .pg-ex-about-right img {margin-top:30px}
      .pg-ex-icon {font-weight:700}
}
@media (max-width: 480px) {
      .pg-ex-about-right ul {padding-left:10px}
      .bar-left {width:30%}
      .bar-right {width:70%}
}


/* 문서페이지 샘플 :: 갤러리스타일 */
.pg-ex-sample {margin-bottom:20px; margin-top:20px}
.ex-imgs img {width:100%;border-radius:5px}
@media (max-width: 767px) {
      .ex-imgs h1{margin-top:10px}
      .ex-imgs {padding:0;margin-bottom:30px}
      .ex-imgs-wrap {padding:15px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .ex-imgs {height:420px; overflow: hidden}
}


/* 문서페이지 샘플 :: 아이콘박스 */
.ex-box-wrap {background:#B4BBBE; border-radius: 3px;padding:15px;margin-bottom:15px}
.ex-box-wrap > .ex-icon { float:left; margin-right:10px}
.ex-box-wrap > .ex-icon > .fa { color:#fff;padding:0 10px;font-size:25px}
.ex-box-wrap > .ex-txt2 {overflow:hidden; height: 110px}
.ex-box-wrap > .ex-txt2 > h1{margin-top:0;color:#fff}
@media (max-width: 767px) {
      .ex-icon-boxs {padding-right:0; padding-left:0}
      .ex-box-wrap > .ex-txt2 {height: 130px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .ex-box-wrap > .ex-txt2 {height: 130px}
}
@media (min-width: 992px) and (max-width: 1199px) {
      .ex-box-wrap > .ex-txt2 {height: 150px}
}


/* 문서페이지 샘플 :: 웹진스타일 */
.ex-webzin-img img {width:100%; height:auto; border-radius:3px}
.ex-text-wrap {position:relative}
.ex-txt1{position: absolute; bottom:0; right:0}
.ex-txt1 > .fa {font-size:30px; color:#b0b0b0; padding-right:15px}
.ex-txt1 > h1 {display:inline-block}
@media (max-width: 480px) {
      .ex-txt1 > h1 {width:80%}
}
@media (max-width: 767px) {
      .ex-txt1 {position:relative; padding-right:0; padding-left:0}
}
@media (min-width: 768px) and (max-width: 991px)  {
      .ex-txt1 {position:relative}
}


/* 문서페이지 샘플 :: 웹진스타일 :: 배경 다크블루*/
.dark-ex-text-wrap {background:#393f4f;padding:20px}
.dark-ex-text-wrap > .ex-text-wrap > .ex-txt1 > h1 {color:#fff}
.dark-ex-text-wrap > .ex-text-wrap > .ex-txt1 > p {color:#aeaeae}
.dark-ex-text-wrap .ex-txt1 > .fa{color:#F1E46A}


/* 문서페이지 샘플 :: 탭스타일 */
.pg-ex-sample > .nav-tabs > li  {width:25%; font-size:14px}
.pg-ex-sample > .tab-content > .tab-pane {padding:20px; background:#dfdfdf; border-radius:0 0 3px 3px} 
.pg-ex-sample > .tab-content > .tab-pane > img {max-width:100%; margin:0 0 20px;0} 
.tab-table-wrap {background:#fff; border-radius: 3px; margin-bottom:0}
.tab-table-wrap > thead > tr > th {border-bottom:1px}
.pg-ex-sample > .nav-tabs > li > a {background:#98bfc7; border:0; margin-right:1px; border-radius:8px 8px 0 0; padding:12px 15px; color:#fff}
.pg-ex-sample > .nav-tabs > li > a:hover {background:#8BAFB7}
.pg-ex-sample > .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, 
.pg-ex-sample > .nav-tabs > li.active > a:focus { background: #dfdfdf; border: 0; color:#535353}
.font-blue {color:#26b0b9; font-weight:bold}
@media (max-width: 767px) {
      .pg-ex-sample > .nav-tabs > li  {width:50%}
}
@media (max-width: 991px) {
      .pg-ex-sample > .tab-content > .tab-pane {padding:15px} 
      .pg-ex-sample > .tab-content > .tab-pane > img {margin:0 0 15px;0} 
      .pg-ex-sample > .nav-tabs > li  {font-size:14px;font-weight:700; white-space:nowrap}
}