.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;}

/* 약관동의*/
.agreement {position:relative;}
.agreement  h3 {font-size:1.0em; font-weight:400;}
.agreement  h4 {font-size:1.0em; font-weight:400; margin-bottom:10px}
.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}


/* 박스*/
.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}
.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: #5a7044;}
.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 35px 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;}

/*제품특징*/
.dakhan ul li{position:relative; padding-left:20px !important; color:#333;  padding:8px;  line-height:1.4em;}
.dakhan ul li:before {content:""; position:absolute; left:0; top:13px; display:block; width:15px; height:15px;  background-size:15px 15px !important}
.dakhan ul:first-child li:nth-of-type(1):before {background:url(../images/sub/fricon1.gif) no-repeat left top;}
.dakhan ul:first-child li:nth-of-type(2):before {background:url(../images/sub/fricon2.gif) no-repeat left top;}
.dakhan ul:first-child li:nth-of-type(3):before {background:url(../images/sub/fricon3.gif) no-repeat left top;}
.dakhan ul:last-child li:nth-of-type(1):before {background:url(../images/sub/fricon4.gif) no-repeat left top;}
.dakhan ul:last-child li:nth-of-type(2):before {background:url(../images/sub/fricon5.gif) no-repeat left top;}
.dakhan ul:last-child li:nth-of-type(3):before {background:url(../images/sub/fricon6.gif) no-repeat left top;}

/*제품소개*/
.pro-list {width:80%;margin:0 auto;}
.pro-list .item {margin:0 12px; position:relative;}
.pro-list .item a:after {content:""; position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; height:90%; border:1px solid #fff; opacity:0}
.pro-list .item a:hover:after {opacity:0.4}
.pro-list .thumb{display:block; position:relative; padding-bottom:56.25%; overflow:hidden;}
.pro-list a .thumb:after{content:""; visibility:hidden;position:absolute;bottom:0;left:0; display:block;width:100%;height:100%;background:rgba(105,79,74,90%);-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.pro-list div:nth-of-type(2n) a .thumb:after {background:rgba(65,100,72,60%);}

.pro-list a .thumb:before {content:""; background:url("../images/bbs/ic_view.png") no-repeat center center; position:absolute; width:50px; height:50px; left:50%; top:50%; margin-left:-25px;  margin-top:-25px; opacity:0; z-index:1;transition: all 0.4s ease-out;-webkit-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); transform-origin: 50% 50%;}
.pro-list .thumb img {width:100%; position:absolute; left:0; top:0;}

.pro-list a{ display:block;cursor:pointer; letter-spacing:-0.06em; text-align:center; z-index:2}
.pro-list a span.tit{opicity:1; position:absolute; display:inline-block; color:#fff; font-size:1.5em; font-weight:700; margin-bottom:5px; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap;text-shadow: 0 0 3px rgba(0,0,0,0.6);}
.pro-list a span.txt{display:block;margin-bottom:10px; font-size:0.9em;color:#808080}

.pro-list a:hover .thumb:after,
.pro-list a:active .thumb:after,
.pro-list a:focus .thumb:after{visibility:visible;width:100%;height:100%; }
.pro-list a .thumb  img, .pro-list a:hover .thumb  img {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.pro-list a:hover .thumb  img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.pro-list a:hover .thumb:before{opacity:1;-webkit-transform: scale(1,1) rotate(0)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(0)skew(0,0) translate(0,0); transform-origin: 50% 50%;}
.pro-list a:hover span.tit {opacity:0;}
.litebox-overlay .litebox-text {top:0 !important;font-family: 'nsk','Dotum','arial','sans-serif'; font-size: 1em !important; font-weight:500}
.litebox-overlay .litebox-text:before {content:"";position:absolute; left:50%; top:0; width:100%; max-width:1200px; margin-left:-600px; height:50px; background:rgb(90,112,68,1) !important; z-index:-1}
.litebox-overlay .litebox-container{z-index:10 !important}
.litebox-overlay .litebox-close {z-index: 9999999 !important;}

/* 제품소개 카테고리 탭6 */
.btn-style-down{border:1px solid #8e8e8e; background-color:#eeeeee; color:#929292; line-height:30px;text-decoration: none;padding:3px 10px;}
.sub_tab06 {border:0px solid #dddddd;padding-bottom:2rem; width:100%;margin:0 auto; }
.sub_tab06 ul li {display:inline-block;margin: 0 -1% 0 0; text-align:center; background-color:#8e8e8e; color:#fff;width:17%;height:50px;border-left:1px solid #dddddd;vertical-align: middle;}
.sub_tab06 ul li div{text-align: center;line-height: 50px;}
.sub_tab06 ul li:first-child {border-left:0px solid #dddddd;}
.sub_tab06 ul li.sub_tab_sel{background-color:#e64e66;}
.sub_tab06 ul li:hover, ul li:focus {
	color:#fff;
	background-color:#e64e66;
}

@media only screen and (max-width:980px){ 
	.sub_tab06 {border:0px solid #dddddd; width:100%;margin:0 auto;}
	.sub_tab06 ul li {width:33.3%;border-bottom:1px solid #dddddd;}
}
@media only screen and (max-width:768px){ 
	.sub_tab06 ul li {font-size:12px;height:40px;}
	.sub_tab06 ul li div{text-align: center;line-height: 40px;}
}


/* 카테고리 탭2 */
.sub_tab02 {border:0px solid #dddddd;padding-bottom:2rem; width:50%;margin:0 auto;}
.sub_tab02 ul li {display:inline-block;margin: 0 -1% 0 0; text-align:center; background-color:#8e8e8e; color:#fff;width:50%;height:50px;border-left:1px solid #dddddd;vertical-align: middle;}
.sub_tab02 ul li div{text-align: center;line-height: 50px;}
.sub_tab02 ul li:first-child {border-left:0px solid #dddddd;}
.sub_tab02 ul li.sub_tab_sel{background-color:#e64e66;}
.sub_tab02 ul li:hover, ul li:focus {
	color:#fff;
	background-color:#e64e66;
}

@media only screen and (max-width:980px){ 
	.sub_tab02 {border:0px solid #dddddd; width:100%;margin:0 auto;}
}

@media only screen and (max-width:768px){ 
	.sub_tab02 ul li {font-size:12px;height:40px;}
	.sub_tab02 ul li div{text-align: center;line-height: 40px;}
}


/* 카테고리 탭 */
.sub_tab {border:0px solid #dddddd;padding-bottom:2rem; width:60%;margin:0 auto;}
.sub_tab ul li {display:inline-block;margin: 0 -1% 0 0; text-align:center; background-color:#8e8e8e; color:#fff;width:33.3%;height:50px;border-left:1px solid #dddddd;vertical-align: middle;}
.sub_tab ul li div{text-align: center;line-height: 50px;}
.sub_tab ul li:first-child {border-left:0px solid #dddddd;}
.sub_tab ul li.sub_tab_sel{background-color:#e64e66;}
.sub_tab ul li:hover, ul li:focus {
	color:#fff;
	background-color:#e64e66;
}

@media only screen and (max-width:980px){ 
	.sub_tab {border:0px solid #dddddd; width:100%;margin:0 auto;}
}

@media only screen and (max-width:768px){ 
	.sub_tab ul li {font-size:12px;height:40px;}
	.sub_tab ul li div{text-align: center;line-height: 40px;}
}



/*다음지도*/
.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;}
	
}

/*회사소개*/
.comINFO {max-width:95%; margin:0 auto;}
.comINFO img{max-width:100%}
.comINFO>p:nth-of-type(1) {font-size:1.5em; font-weight:500; letter-spacing:-2px; color:#092a61; line-height:1.3em; margin-bottom:20px}
.comINFO .infoGraph {display:flex; flex-direction:row; align-items:center}
.comINFO .infoGraph li:nth-of-type(1) {width:41%;position:relative}
.comINFO .infoGraph li:nth-of-type(2) {width:18%; text-align:center}
.comINFO .infoGraph li:nth-of-type(3) {width:41%;}
.comINFO .infoGraph li:nth-of-type(2) img {max-width:80%}
.comINFO .infoGraph li div {position:relative; text-align:center; vertical-align:middle; width:125px; min-height:125px;background-repeat:no-repeat; background-size:100%; margin:0 auto}
.comINFO .infoGraph li:nth-of-type(1) div { background-image:url(../images/sub/infoBG1.png); }
.comINFO .infoGraph li:nth-of-type(3) div {  background-image:url(../images/sub/infoBG2.png); }
.comINFO .infoGraph li div span {width:90px; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:1.0em; line-height:1.3em}

/* 경영이념 */
.comINFO2 {max-width:95%; margin:0 auto;}
.comINFO2 img{max-width:100%}
.comINFO2 .infoGraph li:nth-of-type(2) img {max-width:80%}
.com_line {border:0.5px solid #dddddd; margin:0 auto; width:80%; text-align:center;}
.com_line2 {border:0.5px solid #dddddd; margin:0 auto; width:100%; text-align:center;}

/* 사업분야 */
.comINFO2-01 {max-width:100%; margin:0 auto; overflow: auto;}
.comINFO2-0 img{max-width:100%}
.comINFO2-01 .img{width:100%}

/* 오시는길 */
.comINFO3 {max-width:90%; margin:0 auto;}
.comINFO3 img{max-width:100%}
.comINFO3 .img{width:100%}
.sub06_tel, .sub06_fax{padding-right:30px;}
.sub06_addr {display:inline-block}

@media only screen and (max-width:768px){
	.sub06_addr {display:block;}
}


/* add font */
.f14 {font-size:0.95em;}
.f15 {font-size:1.0em;}
.f16 {font-size:1.1em;}
.f17 {font-size:1.2em;}
.f17_span {color:#3a3233;font-weight:500;line-height:10px;}

@media all and (max-width:768px) {
.f14 {font-size:0.72em;}
.f15 {font-size:0.9em;}
.f16 {font-size:1.0em;}
.f17 {font-size:1.1em;}
.f17_span {color:#3a3233;font-weight:500;line-height:10px;}

.com_line {margin:0 auto; width:100%; text-align:center;}

}


/* 인증현황 */
.ci-list-block{position:relative;margin:0 auto;text-align:center;width:100%;}
.ci-list-block .ci-list{position:relative;padding:0.5rem;text-align:center;margin:0 auto;font-size:0;line-height:0;max-width:1300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ci-list-block .ci-list li{display:inline-block;position:relative;overflow:hidden;width:20%;max-width:260px;}
.ci-list-block .ci-list{max-width:1300px}
.ci-list-block .ci-list li{width:25%;padding:40px;}
.ci-list-block .ci-list li img{display:block;width:100%;height:auto}
.ci-list-block .ci-list li .ci-list-font {font-size:15px;line-height:15px;padding-top:10px;}

@media all and (max-width:1300px){
.ci-list-block .ci-list{position:relative;padding:0.5rem;text-align:center;margin:0 auto;font-size:0;line-height:0;max-width:900px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.text-block{padding:0 1rem 2.9375rem;text-align:left; }
.text-block h3{font-size:2.5rem;line-height:1.25;padding:.5em 0;}
.text-block h2{font-size:1.8rem;line-height:1.25;padding:.5em 0;}
.text-block h1{font-size:1.3rem;line-height:1.25;padding:.5em 0;}
.text-block p{font-size:1.5rem;line-height:1.4;max-width:40rem;text-align:left; }
.text-block span {font-size:1.5rem;line-height:1.4;max-width:40rem;margin:0 auto;text-align:left;}
}

@media all and (max-width:768px){
.ci-list-block .ci-list{position:relative;padding:0.5rem;text-align:center;margin:0 auto;font-size:0;line-height:0;max-width:600px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ci-list-block .ci-list li{display:inline-block;position:relative;overflow:hidden;width:50%;max-width:260px; padding:20px;}
.ci-list-block .ci-list li .ci-list-font {font-size:12px;line-height:15px;padding-top:10px;}


.text-block{padding:0 1rem 2.9375rem;text-align:left; }
.text-block h3{font-size:2rem;line-height:1.25;padding:.5em 0;}
.text-block h2{font-size:1.5rem;line-height:1.25;padding:.5em 0;}
.text-block h1{font-size:1.1rem;line-height:1.25;padding:.5em 0;}
.text-block p{font-size:1.3rem;line-height:1.4;max-width:40rem;text-align:left; }
.text-block span {font-size:1.3rem;line-height:1.4;max-width:40rem;margin:0 auto;text-align:left;}
}


/* 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%;}

/*제품특징*/
.dakhan ul li {padding-left:36px !important; font-size:1.125em;line-height:30px}
.dakhan ul li:before{ width:30px; height:30px;background-size:30px 30px !important; top:10px}
.comINFO>p:nth-of-type(1) {font-size:2.125em;}
.comINFO .infoGraph li div {min-width:209px; height:209px; background-size:209px}

}
@media all and (min-width:980px){
	
.comINFO>p:nth-of-type(1) {margin-bottom:40px;}
.comINFO .infoGraph li div {min-width:418px; height:418px; background-size:418px}
.comINFO .infoGraph li:nth-of-type(1) div,.comINFO .infoGraph li:nth-of-type(2) div{}
.comINFO .infoGraph li div span {width:180px; font-size:1.500em;}


.comINFO2>p:nth-of-type(1) {margin-bottom:40px;}
.comINFO2 .infoGraph li div {min-width:418px; height:418px; background-size:418px}
.comINFO2 .infoGraph li:nth-of-type(1) div,.comINFO .infoGraph li:nth-of-type(2) div{}
.comINFO2 .infoGraph li div span {width:180px; font-size:1.500em;}

.privacy > h3 {margin-bottom:35px}

}