/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html,
body {  padding:0; margin:0;
  height: 100%;
  width: 100%;
}
body {font-family:'NanumBarunGothic','Nanum Barun Gothic',  sans-serif;}
hr {
  border-color: #F05F40;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}

a:link,a:visited {color:#555;text-decoration:none;}
a:hover,a:active,a:focus{color:#000;text-decoration:none;}


dt, dd {line-height: 1.42857143;}
dt, dd { padding:0; margin:0}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family:'NanumBarunGothic','Nanum Barun Gothic',  sans-serif; 
}
h2 { font-size:40px; font-weight:bold}

p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.bg-primary {
  background: #f16123 url(../img/bg_line.png) 0 50% no-repeat;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.bg-biz {
  background:#3a3a3a url(../img/biz_bg.png) 0 100% no-repeat ;
  color: white;
}

.bg-history {
  background:#38200f;
  color: white;
}

.bg-noti {
  background:#ececec;
}

.bg-sns {
  background:#4b4c52 url(../img/bg_sns.jpg) 0 0 no-repeat ; color:#fff;
  background-position: center; background-size:cover;
  
}

.bg-copy {
  background:#363636; color:#fff;
  
}

.text-faded {
  color: rgba(255, 255, 255, 0.8); font-size:16px;
}
section {
  padding: 100px 0;
}
aside {
  padding: 50px 0;
}
hr {border-color: white; border-width: 2px;     max-width: 50px; margin-top: 20px; margin-bottom: 20px;     border-top: 1px solid #eee;}

.wrap { width:100%;}
.contHalf  { width:50%; float:left}

.text-center { text-align:center}
h2 { color:#fff; font-size:40px; margin-bottom:10px; line-height:1.1; }


.gTep { background:#fff url(https://www.yeolimprinting.co.kr/images/comm/gnb_bg.gif) 0 0 repeat-x; height:112px; }
.gTep .gTepWrap { width:1280px; margin:0 auto; height:111px; background:#f0f0f0; position:relative}
.gTep .gTepWrap .gTep01 { width:100%; height:75px; } 
.gTep .gTepWrap .gTep01 .gnbtx { color:#7b7b7b; line-height:75px; font-size:15px; font-weight:bold; padding-top:7px; display:inline-block}
.gTep .gTepWrap .gTep01 .gnbLogo { position:absolute; left:43%}
.gTep .gTepWrap .gTep01 .gnbSns { position:absolute; right:0; padding:24px 27px 0 0 }
.gTep .gTepWrap .gTep01 .gnbSns a { margin:0 3px}
.gTep .gTepWrap .gTep02 { box-sizing:border-box; width:100%; height:37px; font-size:14px}
.gTep .gTepWrap .gTep02 ul { float:left; width:100%; list-style:none; padding:0; margin:0}
.gTep .gTepWrap .gTep02 ul li { float:left;  text-align:center; width:213px;height:37px;  padding:0; margin:0}
.gTep .gTepWrap .gTep02 ul li a {line-height:37px; display:block; background:#fff; color:#fff;  padding-left:30px; position:relative;  }
.gTep .gTepWrap .gTep02 ul li a i { display:inline-block; position:absolute; right:-58px; width:58px; height:37px; }

.gTep .gTepWrap .gTep02 ul li:nth-child(1) { width:193px} 
.gTep .gTepWrap .gTep02 ul li:nth-child(1) a  { background:#fff url(https://www.yeolimprinting.co.kr/images/comm/gnb1_01.jpg) 0 0 no-repeat; color:#fff;}
.gTep .gTepWrap .gTep02 ul li:nth-child(1) a i { background:url(https://www.yeolimprinting.co.kr/images/comm/gnb1_01_i.jpg) 0 0 no-repeat}
.gTep .gTepWrap .gTep02 ul li:nth-child(1) a:hover  { background:#3b689b url(https://www.yeolimprinting.co.kr/images/comm/gnb1_01_on.jpg) 0 0 no-repeat; color:#333;  }
.gTep .gTepWrap .gTep02 ul li:nth-child(1) a:hover i {z-index:99; background:url(https://www.yeolimprinting.co.kr/images/comm/gnb1_01_on_i_3.jpg) 0 0 no-repeat}

.gTep .gTepWrap .gTep02 ul li:nth-child(2) a  { background:#108bae url(https://www.yeolimprinting.co.kr/images/comm/gnb1_05.jpg) 0 0 no-repeat;}
.gTep .gTepWrap .gTep02 ul li:nth-child(2) a:hover  { background:#108bae url(https://www.yeolimprinting.co.kr/images/comm/gnb1_05_on.jpg) 0 0 no-repeat; color:#333; }
.gTep .gTepWrap .gTep02 ul li:nth-child(2) a:hover i {z-index:99; background:url(https://www.yeolimprinting.co.kr/images/comm/gnb1_05_on_im.jpg) 0 0 no-repeat}

.gTep .gTepWrap .gTep02 ul li:nth-child(3) a  { background:#3b689b url(https://www.yeolimprinting.co.kr/images/comm/gnb1_02.jpg) 0 0 no-repeat;  }
.gTep .gTepWrap .gTep02 ul li:nth-child(3) a:hover  { background:#3b689b url(https://www.yeolimprinting.co.kr/images/comm/gnb1_02_on2.jpg) 0 0 no-repeat; color:#333;  }
.gTep .gTepWrap .gTep02 ul li:nth-child(3) a:hover i {z-index:99; background:url(https://www.yeolimprinting.co.kr/images/comm/gnb1_02_on_i.jpg) 0 0 no-repeat}

.gTep .gTepWrap .gTep02 ul li:nth-child(4) a  { background:#6f6f6f url(https://www.yeolimprinting.co.kr/images/comm/gnb1_03.jpg) 0 0 no-repeat; }
.gTep .gTepWrap .gTep02 ul li:nth-child(4) a i  { background:#6f6f6f url(https://www.yeolimprinting.co.kr/images/comm/gnb1_03_on.jpg) 0 0 no-repeat; }
.gTep .gTepWrap .gTep02 ul li:nth-child(4) a:hover  { background:#3b689b url(https://www.yeolimprinting.co.kr/images/comm/gnb1_03_on.jpg) 0 0 no-repeat; color:#333;  }
.gTep .gTepWrap .gTep02 ul li:nth-child(4) a:hover i {z-index:99; background:url(https://www.yeolimprinting.co.kr/images/comm/gnb1_03_on_i.jpg) 0 0 no-repeat}

.gTep .gTepWrap .gTep02 ul li:nth-child(5) a  { background:#376953 url(https://www.yeolimprinting.co.kr/images/comm/gnb1_04.jpg) 0 0 no-repeat; }
.gTep .gTepWrap .gTep02 ul li:nth-child(5) a:hover  { background:#3b689b url(https://www.yeolimprinting.co.kr/images/comm/gnb1_04_on.jpg) 0 0 no-repeat; color:#333;  }
.gTep .gTepWrap .gTep02 ul li:nth-child(5) a:hover i  { z-index:99; background:#6f6f6f url(https://www.yeolimprinting.co.kr/images/comm/gnb1_05_on_i.jpg) 0 0 no-repeat; }

.gTep .gTepWrap .gTep02 ul li:last-child { width:235px; background:none}
.gTep .gTepWrap .gTep02 ul li:last-child a  { background:#6c4e41 url(https://www.yeolimprinting.co.kr/images/comm/gnb1_06_on.jpg) 0 0 no-repeat; color:#333; padding-left:15px !important}



.row {}
.contwarp { width:1280px; margin:0 auto; padding:100px 0}
.text-faded { color: rgba(255, 255, 255, 0.8);font-size: 16px; margin-bottom:30px}


.com { width:100%; font-size:16px;float:left; box-sizing:border-box}
.com dt { float:left; width:30%; background: url(../img/dt_bg.png) 50% 0 no-repeat; color:#555; padding:10px 0; margin-bottom:19px; text-align:center}
.com dd { float:left; width:70%; padding:10px 0;margin-bottom:19px; color:#fff; text-align:center}


header { width: 100%; height:969px;
  position: relative;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../img/header.jpg');
  text-align: center;
  color: white;
}
.header-content { padding-top:100px}
.header-content p { font-size:22px; font-weight: 600;    color: rgba(255, 255, 255, 0.9); margin-bottom:50px}

.logoWarp { width:100%; height:79px}
.logoWarp .cont { width:1280px; margin:0 auto;}
.logoWarp .cont span { float:right; display:inline-block; margin-top:30px; font-size:19px; font-weight:bold; color:#444; padding-right:35px}

@media (max-width: 1280px) {
.wrap, header, .logoWarp  { width:1280px}
}

.col-lg-4 { width:33.33333333%; float:left; padding:0 15px; box-sizing:border-box}
.bizList {margin-top: 70px;}
.bizList h3 {font-size: 16px;margin-bottom: 24px;margin-top: 0;padding-left: 70px;text-align: left;}
.bizList p { font-size: 13px;padding: 0 0 0 70px;text-align: left;}
.ic01 { background:url(../img/biz_ic01.png) 0 0 no-repeat}
.ic02 { background:url(../img/biz_ic02.png) 0 0 no-repeat}
.ic03 { background:url(../img/biz_ic03.png) 0 0 no-repeat}
.ic04 { background:url(../img/biz_ic04.png) 0 0 no-repeat}
.ic05 { background:url(../img/biz_ic05.png) 0 0 no-repeat}
.ic06 { background:url(../img/biz_ic06.png) 0 0 no-repeat}

.service-box {margin: 20px auto 0;}
.his h3{ font-size:12px; background:url(../img/his_h3.gif) 50% 0  no-repeat; height:60px; padding-top:6px; width:100%; text-align:center}
.his ul { list-style:none; padding:0; margin:0; color: rgba(255, 255, 255, 0.8); text-align:left; border-bottom:1px solid #6a584b; height:300px; width:100%}
.his ul li { line-height:44px}
.his ul li span { padding-right:30px}
.his ul li em { color:#ff7d45}

.copyR { padding:50px 0; vertical-align:top; font-size:12px}
.copyR table { margin:0 auto}

.black { color:#333}
.black  a{ color:#333}

.btnWrap { list-style:none; padding:30px 0 0 0; margin:0; width:100%}
.btnWrap li { width:25%; float:left; text-align:center}
.btnWrap li span { display:inline-block; width:220px; height:220px; background:#108bad; color:#fff; font-size:12px; box-sizing:border-box; border-radius:50%; padding:60px 15px 0 15px; 
                   line-height:150% ;box-shadow: 1px 5px 8px rgba(100,100,100,.4);}
.btnWrap li span strong { font-size:22px; margin-bottom:25px; display:block} 
.btnWrap li:nth-child(2) span { background:#6f6f6f}
.btnWrap li:nth-child(3) span { background:#3a689a}
.btnWrap li:nth-child(4) span { background:#fe7b27}