.ready{text-align:center; padding:80px 0px; font-size:1.2em; font-weight:400;}
.ready:before{font-family: 'LineAwesome'; font-size:5em; display:block; content:"\f1cf"; margin-bottom:30px; text-align:center; color:#e6e6e6;}

/*서브타이틀*/
.subTIT {font-family: 'AritaDotum'; font-weight:700; text-align:center; font-size:24px; color:#333; line-height:normal; letter-spacing:-2px}
.subTIT:after {content: ""; display:block; width:30px; height:5px; background:#0066cc; margin:10px auto 20px auto}

.ssubTIT {font-family: 'AritaDotum'; font-weight:700; font-size:1.5em; margin:10px auto 20px auto}
.ssubTIT:before {content: ""; width:23px; height:23px; display:inline-block; background:url(../images/common/sstit_bu.png) no-repeat left center; margin-right:8px}
.boxTIT {font-family: 'AritaDotum'; font-weight:700;color:#0066cc;font-size:1.250em; margin:10px auto 20px auto}
.boxTIT1 {font-family: 'AritaDotum'; font-weight:700;color:#0066cc;font-size:1.5em; margin:10px auto 20px auto}
.boxTIT2 {font-family: 'AritaDotum'; font-weight:700;color:#0066cc;font-size:1.750em; margin:10px auto 20px auto}



/* 약관동의*/
.agreement {position:relative; line-height:1.3em}
.agreement  h3 {font-size:0.925em; font-weight:400;}
.agreement  h4 {font-size:0.875em; font-weight:300; margin-bottom:8px}
.agreement  ul  li {font-size:0.938em; margin:3px 0 4px 0; line-height:1.6em}
.agreement .Tbox {padding:10px 15px; border:1px solid #ccc; margin-bottom:20px; background:rgba(204,204,204,0.1); font-weight:700}
/*개인정보취급방침*/
.privacy {margin: 0.750em 0 2em 0;padding: 2em 1.250em;border: 1px solid #c8c8cc; background: #fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, .05); height:600px; overflow-y:scroll}
.privacy > h3 {font-family:'ns';font-size:1.375em; font-weight:700; margin-bottom:20px; text-align:center}
.privacy > h4 {display:block; font-family:'ns';font-size:1.125em; font-weight:700; padding-top:20px; }
.privacy > pre > h5 {font-family:'ns';font-size:1em; font-weight:700 !important; color:#000}
.privacy  pre { white-space: pre-line;font-family:'ns';font-size: 0.875em;display: block; padding: 0px; color:#333; line-height:normal}
.privacy  pre strong {font-family:'ns'; font-weight:700; display:inline-block; margin-right:10px}


/* 박스*/
.Boxtype0 {border:0px solid #ebebeb; padding:1em !important; background:#fff}
.Boxtype1 {border:1px solid #ebebeb; padding:14px}
.Boxtype1  h4 {font-size:1.125em; font-weight:400; margin-bottom:10px}
.Boxtype1  ul  li {font-size:0.938em}
.Boxtype2 {border:1px solid #e1e1e1; padding:14px; background:#f7f6f8}

.gridBox {position:relative; border:1px solid #e1e1e1; padding:14px;}
.gridBox:before {content: ""; display:block; width:100%; height:2px; background:#333;  position:absolute; left:0; top:0}
.gridBox.pd2em {padding:2em}
.serviceBox {position:relative; height:92%; border:1px solid #ebebeb; border-top:2px solid #333; padding:1em; margin:2%}
.rd6 {border-radius:6px;}

.innerBox {border:1px solid #ebebeb; padding:0; background:#fff;}
.innerBox>h5 {font-family: 'AritaDotum'; font-weight:700; background:#3a5a69;color:#fff;font-size:1.250em; line-height:1.8em; border-radius:6px 6px 0 0;}
.innerBox>p {padding:15px}
.circleBG1 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:url("/images/sub/circleBG1.png") no-repeat center center; font-family: 'AritaDotum'; font-weight:700; font-size:1.5em; color:#fff; text-align:center; vertical-align:middle}
.circleBG1>p {display:block}
/*.serviceBox:before {content:""; position: absolute;left: 0;top: -1px; width:100%; height: 2px;background-color: #333;}*/
.serviceBox>h4 {font-family: 'AritaDotum'; font-weight:700;font-size:1.250em; text-align:center; color:#0066cc; margin:1em 0}
.serviceBox:before {content:""; display:block; width:105px; height:105px; text-align:center; margin: 0 auto}
.service1:before{background:url("/images/sub/serviceICON1.png") no-repeat;}
.service2:before{background:url("/images/sub/serviceICON2.png") no-repeat;}
.service3:before{background:url("/images/sub/serviceICON3.png") no-repeat;}
.service4:before{background:url("/images/sub/serviceICON4.png") no-repeat;}
.service5:before{background:url("/images/sub/serviceICON5.png") no-repeat;}
.service6:before{background:url("/images/sub/serviceICON6.png") no-repeat;}
.service7:before{background:url("/images/sub/serviceICON7.png") no-repeat;}

.agreecheck {text-align:center; margin-bottom:30px}


/*input[type="checkbox"] + label, input[type="radio"] + label {margin:0 20px 0 4px;}*/

.agreement div.a  { background: #f8f8f8;padding: 10px; margin-top: 15px;display: none;font-size: 0.875em;font-weight: 300;}
.rotate {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
div.q {position:absolute; right:20px; top:15px; font-size:13px; line-height:normal; color:#999; font-weight:400; cursor:pointer}
div.q img {max-width: 10px;vertical-align:middle; margin-left:5px}

/*정보입력*/
.joinINFO {position:relative; width:100%; display:block;border-bottom:1px solid #ccc; margin-bottom:15px; padding:0}
.joinINFO:before {position: absolute;left: 0;top: -3px;content: ""; width:100%; height: 3px;background-color: #0066cc;}
.joinINFO dl {width:100%; padding:8px 0}
.joinINFO>dl>dt,.joinINFO>dl>dd {display:inline-block; width:100%; padding:0 4px; font-size:0.875em;}
.joinINFO input[type="text"], .joinINFO select {height:36px; line-height:36px;}
.selectbox { display: inline-block;position: relative;background-color: #ffffff; z-index: 1; background-color: #f2f0ed;}
.selectbox::before { content: "";position: absolute;top: 50%;right: 15px;width: 0; height: 0;margin-top: -2px;border-left: 3px solid transparent; border-right: 3px solid transparent;border-top: 5px solid #000;}
.selectbox label { position: absolute; padding: 0 35px 0 15px;height: 36px;line-height:36px;z-index: -1;}
.joinINFO select {
    padding: 0 45px 0 15px;
    /*height: 100%;*/
    font-family: inherit;
    /*border: 0;*/
    /*opacity: 0;*/
    filter: alpha(opacity=0);
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    /*appearance: none; */
}
.agreeWrap {padding:10px; border: 1px solid #d7d7d7; background:rgba(204,204,204,0.1); font-size:0.875em}
.agreeWrap>h4 {position:relative; margin:15px 0}
.agreeWrap>h4>span>input[type="checkbox"] {margin:0}
.agreeWrap .check {position:absolute; right:10px; top:0}

.ScrollBox{height:300px; overflow-y:scroll; background:#fff; border: 1px solid #a6a6a6; padding:10px; font-size: 14px;color:#555; font-family: 'Malgun Gothic', '맑은 고딕',sans-serif !important;}
.ScrollBox>p {margin-bottom:10px;}
.ScrollBox pre {font-family: 'Malgun Gothic', '맑은 고딕',sans-serif !important; padding: 0;white-space: pre-line; color:#555;display: block;line-height: 1.8em; border-radius: 0 0 4px 4px !important;}

/*견적문의*/
.inputINFO {position:relative; background:#fff; width:100%; display:block; padding:1em}
.inputINFO>h3 {font-size:1.125em; font-weight:500; color:#38447c; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px}
.inputINFO>h3>span {font-weight:300; font-size:13px; color:#666}
.inputINFO>ul>li {margin-bottom:5px}
.inputINFO>ul>li.email>span:after {content:"@"; display:inline-block; font-size:13px; color:#999; margin:0 1px}
.inputINFO>ul>li>label {display:block}
.inputINFO>ul>li.checkInupt>label {display:inline-block}

/* 파일첨부 */
.file-attach-box {/*height:32px; line-height:30px;*/ margin-top:10px}
.file-attach {position:relative;width:100%; /*height:32px;*/box-sizing:border-box;}
.file-attach .file-name {display:block;line-height:30px;padding:0 5px; font-size:12px; color:#999; background:#fff;border:1px solid #D2D2D2;padding-right:90px;}
.file-attach input[type="file"] {position:absolute;right:0; top:0;height:32px; width:82px;opacity:0;border: 0;filter:alpha(opacity=0);-ms-filter:alpha("opacity=0");}
.file-attach input[type="file"] + label {position:absolute;right:0; top:0;display:block;height:32px; width:82px;line-height:32px;color:#fff;background:#626262;
border: 0;font-size: 13px;text-align:center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.file-attach input[type="file"] + label:hover {background-color: #0066cc;}
.file-attach-box .btn-file-del {vertical-align:top;margin-left:8px;display:none;}
.file-attach-box.off  .btn-file-del {display:inline-block;}

/* Tablet용 CSS */
@media all and (min-width:768px){
/*정보입력*/
.joinINFO {display:table;}
.joinINFO dl {display:table-row;}
.joinINFO>dl>dt,.joinINFO>dl>dd {display:table-cell; padding:10px 12px; font-size:1em;border-bottom: 1px solid #e5e5e5;}
.joinINFO>dl>dt {width:20%;}
.joinINFO>dl>dd {width:80%;}

}
@media all and (min-width:980px){
.subTIT {font-size:36px;}	
.subTIT:after {margin:20px auto 40px auto}
.privacy > h3 {margin-bottom:35px}
.serviceBox {padding:2em 1em;}


}
/*체크 및 라디오박스 수정*/

.checks {position: relative; padding:3px 0}

.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin:0;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  margin: -2px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\f17b';  /* 체크표시 유니코드 사용 */
  font-family: LineAwesome;
  font-size: 20px;
  background: #ef6c6e;
  color:#fff;
  /*text-shadow: 1px 1px #fff;*/
  border-color: #ef6c6e;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.checks.small input[type="checkbox"] + label {
  font-size: 12px;
}

.checks.small input[type="checkbox"] + label:before {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #6cc0e5;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  border-color:transparent #6cc0e5 #6cc0e5 transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before {
  /*content:"\2713";*/
  content: "\2714";
  top: 0;
  left: 0;
  width: 21px;
  line-height: 21px;
  color: #6cc0e5;
  text-align: center;
  border: 1px solid #6cc0e5;
}

.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height:1.3em;
  margin: 0 2px;
}

.checks.fixw1 input[type="radio"] + label {width:100px; margin-bottom:5px}
.checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="radio"]:checked + label:before {
  background: #E9ECEE;
  border-color: #adb8c0;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #ef6c6e;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

/* radio size */
.checks.small input[type="radio"] + label {
  font-size: 12px;
  padding-left: 25px;
}
.checks.small input[type="radio"] + label:before {
	top: -2px;
  width: 17px;
  height: 17px;
}
.checks.small input[type="radio"]:checked + label:after {
	top: 3px;
  width: 9px;
  height: 9px;
}

/*다음지도*/
.mapCont{border:1px solid #ccc; border-radius:3px;}
.infomap {position: relative; height: 450px; overflow: hidden;}
.infomap .btn-map { position: absolute; bottom: 0; right: 0;width: 100px; height: 45px;text-align: center;  color: #fff;font-size: 0.938em; background: rgba(0,13,26,0.7);line-height: 45px; z-index: 10;}
.infomap .btn-map:after {font-family: LineAwesome; content:"\f2ed";  color:#f5f5f5; display:inline-block; margin-left:8px; font-size:18px; vertical-align:middle}
.mapInfo {padding:1em; background:#f5f5f5; border-top:2px solid #694f4a; margin-top:1em}
.mapInfo dl dt,.mapInfo dl dd {font-size:0.875em;}
.mapInfo dl dd {margin-bottom:10px;  color:#666}
.mapInfo dl dt {font-weight:700}
@media all and (min-width:768px){
	.mapInfo dl {text-align:center}
	.mapInfo dl dt {width:100px;}
	.mapInfo dl dt,.mapInfo dl dd {display:inline-block;  font-size:1.250em;}


}


/*회사소개*/
.infoBox {position:relative; display:flex; flex-flow:row wrap;  width:100%; background:#f7f7f7; border:1px solid #ebebeb; padding:2em; margin-bottom:2em}
.infoBox:before {content:""; position:absolute; display:block; width:40px; height:6px; background:#0066cc; bottom:0; right:0;}
.infoBox:after {content:""; position:absolute; display:block; width:6px; height:40px; background:#0066cc; bottom:0; right:0;}
.infoBox .msg, .infoBox ul {width:100%}
.infoBox ul li {margin:6px 0; font-size:14px}
.infoBox ul li span{display:inline-block}
.infoBox ul li span:first-child:before {content:""; display:inline-block; width:3px; height:3px; background:#ccc; vertical-align:middle; margin-right:5px}
.infoBox ul li span:first-child {width:100px;}
.infoBox ul li span:last-child {font-weight:300}
.infoBox .msg {font-family: 'AritaDotum'; font-weight:400;}
.infoBox .msg p:nth-of-type(1) {font-size:24px; font-weight:700; line-height:1.2em; margin-bottom:1em; color:#333; letter-spacing:-2px}
.infoBox .msg p:nth-of-type(1) span {font-size:1.143em; display:block; color:#0066cc;}
.infoBox.iconBox {padding:1.5em}



.greeting {margin:20px 0 40px 0}
.greeting>p:first-child {position:relative;padding-bottom:20px; margin-bottom:2em; text-align:center}
.greeting>p:first-child:before {font-size: 80px;font-family: "Gulim","굴림", sans-serif; display: block; content: '“';line-height:0;position: absolute;top: 0px;left: 50%;margin-left: -15px; color: #ccc;}
.greeting>p:first-child:after {font-size: 80px;font-family: "Gulim","굴림", sans-serif; display: block; content: '”';line-height:0;position: absolute;bottom:-30px;left: 50%;margin-left: -15px; color: #ccc;}

.greeting>p:last-child {padding-top:1em}
.greeting>p {margin-bottom:12px; line-height:1.5em}

.mapWrap { width: 100% !important;}

@media all and (min-width:980px){
	.infoBox {justify-content:center; align-items:center;}
	.infoBox .msg p:nth-of-type(1) {font-size:35px;}
	.infoBox .msg p:nth-of-type(2) {font-size:20px}
	.infoBox .msg {width:50%}
	.infoBox ul {width:40%}
	.infoBox ul li { font-size:16px}
	.infoBox.iconBox ul {width:100%}
	
}
@media all and (min-width:1200px){
	.greeting {margin-top:40px}
	.mapWrap .wrap_map {height:500px !important}

	[class*='infoBox']>[class*='deco']{display:block; width:10%;height:57px; }
	[class*='infoBox']>.deco1{background:url(../images/sub/deco1.png) no-repeat center center;background-size:67px;}
	.infoBox.iconBox ul {box-sizing:border-box;width:89%; padding:0 0 0 1%;}
}


/*인쇄판형*/
.paperGuide span {display:block; color:#999; font-size:14px; text-align:right; max-width:600px; margin: 0 auto;}

/*디지털인쇄*/
.tabInfo {display:flex; flex-flow:column wrap; padding:1em}
.tabInfo>div.infoPic>h4 {font-size:1.250em; color:#0066cc; margin:1em 0 0.666em 0}
.tabInfo>div.infoPic img {max-width:100%; font-weight:500}
.infoPic  ul li {line-height:1.2em; margin-bottom:5px; font-size:0.925em; color:#1b3466}


.theum-vis{position:relative; width:350px; max-width:100%; height:217px; margin:0 auto}
.theum-vis .item{ width:250px;height:217px;}
.theum-vis a span {text-indent:-9999px; display:none}
.theum-vis a {display:block}
.theum-vis a.prev {position:absolute; top:50%; transform:translateY(-50%); left:-30px}
.theum-vis a.next {position:absolute; top:50%; transform:translateY(-50%); right:-30px}
.theum-vis a:before {font-family: 'LineAwesome'; display:block; font-size:2em; color:#999}
.theum-vis a.next:before {content:"\f112";}
.theum-vis a.prev:before {content:"\f111";}

.count span{display:none}




@media all and (min-width:768px){
.tabInfo {display:flex; flex-flow:row wrap; justify-content:space-around}
.theum-vis{ margin:0 30px}
}


/* 본문탭메뉴1.드롭다운*/
.cnb1{display:block;position:relative;margin:0 auto 1.333em;font-size:16px;line-height:1.333;overflow:hidden;}
.cnb1>.tab_m_title{position:relative; display:block;/*height:21px;*/margin:0;padding:10px 30px 10px 10px;border:0px solid #555;background:#00a1e9;color:#fff;font-weight:bold;text-align:left;text-decoration:none !important;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; cursor:pointer}
.cnb1>.tab_m_title a{display:block; color:#fff;}
.cnb1>.tab_m_title:after{content:'\f110';font-family: LineAwesome;  display:block; position:absolute;right:10px;top:10px;}
.cnb1 .tab_m_title.on:after {transform: rotate(180deg);}
.cnb1 ul{list-style:none;margin:0;padding:1px 0 0 1px;overflow:hidden;}
.cnb1>.toggle~ul{border:0;}
.cnb1 li{float:left;width:100%;margin:0;padding:0;}
.cnb1 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb1 li>a{display:block;position:relative;min-height:1.333em;margin:-1px 0 0 -1px;padding:9px;border:1px solid #ccc;background:#f7f7f7;color:#333;text-decoration:none !important;}
.cnb1 li>a:hover,
.cnb1 li>a:focus{z-index:20;position:relative;border:1px solid #00a1e9;color:#000;}
.cnb1 li.on>a{z-index:10;position:relative;border:1px solid #00a1e9;background-color:#f9f9f9;font-weight:500;cursor:default;}


@media all and (min-width:768px){

/*탭메뉴*/

.cnb1>.tab_m_title{display:none;}
.cnb1 ul{display:block !important; /* ☆ */position:relative;margin:0 -1px -1px 0; /* 우측오차1px보정 */padding:1px;border:0;background:#fff url();overflow:visible;}
.cnb1 ul:before,
.cnb1 ul:after{content:'';display:table;} /* [IE8+] */
.cnb1 ul:after{clear:both;}
.cnb1 li{width:auto;text-align:left;}
.cnb1 li>a{padding:18px 43px 18px 18px;border-color:#d7d7d7; /* #666 */background:#fff;}
.cnb1 li.on>a{padding:18px 43px 18px 18px;border:1px solid #00a1e9;background:#00a1e9;color:#fff;font-weight:500;cursor:default;}
.cnb1 li>a:after{content:'\f28e';font-family: LineAwesome;  display:block;position:absolute;right:0;top:50%;width:20px;height:20px;margin:-10px 10px; color:#ccc}
.cnb1 li.on>a:after{content:'\f110'; color:#fff}

/* ☆(100/(column1~12))% */
[class*='cnb'] .col-1 > li{width:100%;text-align:left;}
[class*='cnb'] .col-2 > li{width:50%;}
[class*='cnb'] .col-3 > li{width:33.33333%;}
[class*='cnb'] .col-4 > li{width:25%;}
[class*='cnb'] .col-5 > li{width:20%;}
[class*='cnb'] .col-6 > li{width:16.66666%;}
[class*='cnb'] .col-7 > li{width:14.28571%;}
[class*='cnb'] .col-8 > li{width:12.5%;}
[class*='cnb'] .col-9 > li{width:11.11111%;}
[class*='cnb'] .col-10 > li{width:10%;}
[class*='cnb'] .col-11 > li{width:9.09091%;}
[class*='cnb'] .col-12 > li{width:8.33333%;}

	
}




/*서브상단 이미지박스*/
.imgBox {position:relative;  background-color:#353c42; padding:0 1%}
.imgBox>div.Flex-grid>div:first-child {padding:1em}
.imgBox .stimg{display:block;}
.imgBox .stimg.stimg1{background:url(../images/sub/stimg1.png) no-repeat right top; background-size:contain;  min-height:248px;}
.imgBox .stimg.stimg2{background:url(../images/sub/stimg2.png) no-repeat  right top; background-size:auto 100%;  height:100%;  /*margin-right:2%*/}
.imgBox p.bigtxt {font-family: 'AritaDotum'; color:#fff; font-size:2.250em; font-weight:700; line-height:1.2em; text-transform:uppercase;  letter-spacing:-2px; margin:15px 0}
.imgBox p.stxt {color:#ccc; margin:10px 0 15px 0;}
.imgBox p span {display:block;}




@media all and (min-width:768px){
.imgBox>div.Flex-grid {/*align-items:center*/}
.imgBox>div.Flex-grid>div:first-child {padding:1em 2em 1em 3em !important}
.imgBox>div.Flex-grid>div:last-child {padding:0 !important;}


}



/*ebook*/
/*.ebook-step>div:after{ content:"\f112"; font-family: 'LineAwesome'; font-size:5em; display:inline-block; color:#d1c9c5}
@media all and (min-width:768px){
.ebook-step{justify-content:space-between}
}*/
.ebook-step {align-content:center;} 
.ebook-step>div:nth-child(2),.ebook-step>div:nth-child(4){position:relative; min-height:50px}
.ebook-step i {width:100%; height:100%; font-size:2em; color:#d1c9c5; text-align:center; transform: rotate(90deg);}
.ebook-step i:before {content:"\f112"; font-family: 'LineAwesome'; font-size:3em; display:inline-block; color:#d1c9c5; position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%);}

@media all and (min-width:768px){
.ebook-step i{transform: rotate(0deg);}
.ebook-step i:before{}
}


/*주요거래처*/
.client {padding:0.5em}
.client>li {display:inline-block; margin:0.3em}


/*출판절차*/
.Process>ol>li {position:relative;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:2em}
.Process>ol>li:before{content:""; width:40px; height:20px; background: url('../images/sub/step_bg.gif') no-repeat;position: absolute;left: 50%;bottom:-20px; margin-left:-20px; z-index: 1;}
.Process>ol>li:last-child {border-bottom:1px solid #d9d9d9;}
.Process>ol>li:last-child:before {display:none}
.Process h4 {font-family: 'AritaDotum';color:#003366; font-weight:700; margin-bottom:1em; font-size:1.250em; letter-spacing:-1px}
.Process h5 {font-weight:700; margin:0.333em 0}
/*.Process h4:after {content:""; display:block; width:40px; height:2px; background:#114d94; margin-top:1em}*/
.Process h4:before {display:inline-block; color:#ccc; font-size:1.125em; font-weight:900; vertical-align:middle; margin-right:10px}
.Process>ol>li:nth-child(1) h4:before {content:"01";}
.Process>ol>li:nth-child(2) h4:before {content:"02";}
.Process>ol>li:nth-child(3) h4:before {content:"03";}
.Process>ol>li:nth-child(4) h4:before {content:"04";}
.Process>ol>li:nth-child(5) h4:before {content:"05";}
.Process>ol>li:nth-child(6) h4:before {content:"06";}
.Process>ol>li:nth-child(7) h4:before {content:"07";}
.Process>ol>li:nth-child(8) h4:before {content:"08";}

@media all and (min-width:980px){
.Process>ol>li {padding:2em 2em 2em 220px}
.Process h4 {font-size:28px}
.Process>ol>li:after {content:""; width:170px; height:170px; position:absolute; left:auto; left:20px; top:20px; display:block; opacity:0.9; }
.Process>ol>li:nth-child(1):after {background:url(../images/sub/Picon1.png) no-repeat}
.Process>ol>li:nth-child(2):after {background:url(../images/sub/Picon2.png) no-repeat}
.Process>ol>li:nth-child(3):after {background:url(../images/sub/Picon3.png) no-repeat}
.Process>ol>li:nth-child(4):after {background:url(../images/sub/Picon4.png) no-repeat}
.Process>ol>li:nth-child(5):after {background:url(../images/sub/Picon5.png) no-repeat}
.Process>ol>li:nth-child(6):after {background:url(../images/sub/Picon6.png) no-repeat}
.Process>ol>li:nth-child(7):after {background:url(../images/sub/Picon7.png) no-repeat}
.Process>ol>li:nth-child(8):after {background:url(../images/sub/Picon8.png) no-repeat}

.booksize {max-width:90%; margin: 3em auto; justify-content:center}


}


.tmsg {margin:40px 0 40px 0}
.tmsg>p:first-child {position:relative;font-family: 'AritaDotum';color:#333; font-weight:700; font-size:34px; padding-bottom:20px; margin-bottom:2em; text-align:center; line-height:1.2em}
.tmsg>p>span {display:block;}
.tmsg>p:first-child:before {font-size: 80px;font-family: "Gulim","굴림", sans-serif; display: block; content: '“';line-height:0;position: absolute;top: 0px;left: 50%;margin-left: -15px; color: #ccc;}
.tmsg>p:first-child:after {font-size: 80px;font-family: "Gulim","굴림", sans-serif; display: block; content: '”';line-height:0;position: absolute;bottom:-30px;left: 50%;margin-left: -15px; color: #ccc;}


.afterImg img {width:200px;}