/* 서브상단영역 */
.subTop {width:100%; height:320px; background:url(/img/pro_top.jpg) no-repeat center top; background-size:100% auto; background-attachment:fixed; margin:123px 0 0 0;}
.subTop .inner {width:1300px; margin:0 auto; padding:120px 0 0 0;}
.subTop .tit {padding:0 0 20px 0; font-size:44px;}
.subTop .tit strong {font-weight:600;}
.subTop .cont {font-size:16px; font-weight:400; line-height:1.3;}


@media all and (max-width:1300px) {
	.subTop {height:250px; background-size:150%;}
	.subTop .inner {width:90%; padding:80px 0 0 0}
	.subTop .tit {padding:0 0 15px 0; font-size:35px;}
	.subTop .cont {font-size:14px;}
}


@media all and (max-width:960px) {
	.subTop {background:url(/img/pro_top.jpg) no-repeat center; background-size:150%; background-attachment:scroll;}
}

@media all and (max-width:768px) {
	.subTop {height:200px; margin:40px 0 0 0;}
	.subTop .tit {padding:0 0 15px 0; font-size:28px;}
	.subTop .cont {font-size:13px;}
}

@media all and (max-width:560px) {
	.subTop .tit {font-size:25px;}
	.subTop .cont {font-size:12px;}
}

@media all and (max-width:480px) {
	.subTop {background-size:200%;}
}


/* 서브nav */
.subNav {width:1300px; height:66px; margin:0 auto 110px; border-bottom:1px solid #e5e5e5;}
.subNav ul li {position:relative; float:left; margin:0 25px 0 0; padding:40px 7px 9px 7px; font-size:15px; display:block; border:1px solid transparent;}
.subNav ul li.on {border-bottom:1px solid #000; font-weight:500;}
.subNav ul li:hover .sub {display:block;}
.subNav .sub {display:none; position:absolute; top:64px; left:-10%; width:120%; padding:10px 0; border:1px solid #333;}
.subNav .sub p {text-align:center; font-size:13px; font-weight:300; padding:4px 0;}
.subNav .sub p.on {font-weight:500;}

@media all and (max-width:1300px) {
	.subNav {width:90%;}
}

@media all and (max-width:1200px) {
	.subNav {margin:0 auto 70px;}
}

@media all and (max-width:960px) {
	.subNav {height:55px;}
	.subNav ul li {margin:0 8px 0 0; padding:30px 7px 9px 7px; font-size:14px;}
	.subNav .sub {top:53px;}
}

@media all and (max-width:540px) {
	.subNav {height:45px; margin:0 auto 60px;}
	.subNav ul li {margin:0 8px 0 0; padding:20px 7px 10px 7px; font-size:13px;}
	.subNav .sub {top:43px;}
	.subNav .sub p {font-size:12px;}
}


.subNav1 {position:relative; width:100%; height:55px; background:#fcfcfc; margin:122px auto 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; z-index:3;}
.subNav1 ul {width:1300px; margin:0 auto; padding:}
.subNav1 ul li {position:relative; float:left; margin:0 25px 0 0; padding:24px 7px 14px 7px; font-size:14px; display:block; border:1px solid transparent;}
.subNav1 ul li.on {border-bottom:1px solid #000; font-weight:500;}
.subNav1 ul li:hover .sub {display:block;}
.subNav1 .sub {display:none; position:absolute; top:52px; left:-10%; width:120%; background:#fff; padding:10px 0; border:1px solid #333;}
.subNav1 .sub p {text-align:center; font-size:13px; font-weight:300; padding:4px 0;}
.subNav1 .sub p.on {font-weight:500;}

.subNav1.fixed {position:fixed;}

.subNav11 {position:relative; width:100%; height:55px; background:#fcfcfc; margin:122px auto 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; z-index:3;}
.subNav11 ul {width:1300px; margin:0 auto; padding:}
.subNav11 ul li {position:relative; float:left; margin:0 25px 0 0; padding:24px 7px 14px 7px; font-size:14px; display:block; border:1px solid transparent;}
.subNav11 ul li.on {border-bottom:1px solid #000; font-weight:500;}

.subNav11.fixed {position:fixed;}


.subNav2 {width:100%; height:55px; background:#fcfcfc; margin:122px 0 0 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; z-index:3; display:none;}
.subNav2 ul {width:100%; margin:0 auto;  }

.subNav2 a {padding:24px 0 14px 0; text-align:center; font-size:14px; display:block; border:1px solid transparent;}
.subNav2 a.on {border-bottom:1px solid #000; font-weight:500;}

.subNav2.fixed {position:fixed;}

@media all and (max-width:1300px) {
	.subNav1 ul {width:90%;}
	.subNav11 ul {width:95%;}
	.subNav2 ul {width:100%;}
}


@media all and (max-width:960px) {
	.subNav1 {height:50px;}
	.subNav1 ul li {margin:0 8px 0 0; padding:22px 7px 12px 7px; font-size:13px;}
	.subNav1 .sub {top:47px;}

	.subNav11 {height:50px;}
	.subNav11 ul li {margin:0 8px 0 0; padding:22px 7px 12px 7px; font-size:13px;}

	.subNav2 {height:50px;}
	.subNav2 a {padding:22px 0 12px 0; font-size:13px; }
	.subNav2 ul {}
}

@media all and (max-width:768px) {
	.subNav1 {margin:60px auto 0;}
	.subNav1 {height:45px;}
	.subNav1 ul li {padding:18px 7px 11px 7px;}
	.subNav1 .sub {top:42px;}

	.subNav11 {margin:60px auto 0;}
	.subNav11 {height:45px;}
	.subNav11 ul li {padding:18px 7px 11px 7px;}

	.subNav2 {margin:60px auto 0; height:45px;}
	.subNav2 a {padding:18px 0 11px 0;}
}

@media all and (max-width:720px) {
	.subNav11 {display:none;}
	.subNav2 {padding:0; display:block;}
	.subNav2 ul {width:95%;}
}

@media all and (max-width:540px) {	
	.subNav1 .sub p {font-size:12px;}
}

.ssTop {width:100%; padding:115px 0 135px 0; text-align:center;}
.ssTop.noNav {margin:123px 0 0 0; border-top:1px solid #e5e5e5;}
.ssTop .tit {font-size:45px; font-weight:500; letter-spacing:0;}
.ssTop .cont {padding:10px 0 0 0; font-size:14px; color:#afafaf; letter-spacing:-0.9px;}

.subTitle {position:relative; width:1300px; margin:0 auto 10px; padding-left:27px; font-size:30px; font-weight:400; text-align:left;}
.subTitle:before {content:''; position:absolute; left:0; width:15px; height:27px; background:#e95377; margin:0 15px 0 0; display:inline-block;}

.oTop {width:100%; padding:70px 0 80px 0; text-align:center;}
.oTop.noNav {margin:123px 0 0 0; border-top:1px solid #e5e5e5;}
.oTop .tit {font-size:40px; font-weight:500; letter-spacing:0;}
.oTop .cont {padding:10px 0 0 0; font-size:14px; color:#afafaf; letter-spacing:-0.9px;}

.oTitle {position:relative; width:1300px; margin:0 auto 10px; padding-left:24px; font-size:25px; font-weight:400; text-align:left;}
.oTitle:before {content:''; position:absolute; left:0; width:13px; height:27px; background:#e95377; margin:0 15px 0 0; display:inline-block;}

.subCenter {position:relative; width:100%; background:#f9f9f9; }
.subCenter .inner {width:1300px; margin:0 auto; }
.subWhite {width:100%; min-height:600px; border-top:1px solid #e5e5e5; overflow:hidden;}


@media screen and (max-width:1300px){
	.ssTop .tit {font-size:40px;}

	.subTitle {width:90%; font-size:28px;}
	.subTitle:before {width:14px; height:20px; margin:0 15px 0 0;}

	.oTop .tit {font-size:35px;}

	.oTitle {width:95%; font-size:23px;}
	.oTitle:before {width:10px; height:20px; margin:0 15px 0 0;}
}

@media screen and (max-width:1000px){
	.ssTop {padding:100px 0 110px 0;}
	.ssTop .tit {font-size:35px;}

	.subTitle {font-size:25px;}
	.subTitle:before {width:12px; height:18px; margin:0 10px 0 0;}
	.oTop {padding:50px 0 60px 0;}
	.oTop .tit {font-size:30px;}
	.oTitle {font-size:20px;}
	.oTitle:before { margin:0 10px 0 0;}
}

@media screen and (max-width:840px){
	.ssTop {padding:90px 0 100px 0;}
	.ssTop .tit {font-size:33px;}
	.ssTop .cont {font-size:12px;}
	
	.oTop .tit {font-size:27px;}
	.oTop .cont {font-size:13px;}

	.subTitle {font-size:24px;}
	.subTitle:before {width:12px; height:18px; margin:0 8px 0 0;}
}

@media screen and (max-width:690px){
	.subCenter {overflow:hidden;}
	.ssTop {padding:70px 0;}
	.ssTop .tit {font-size:28px;}

	.subTitle {font-size:22px;}
}

@media screen and (max-width:500px){
	.ssTop {padding:60px 0;}
	.ssTop .tit {font-size:26px;}

	.subTitle {font-size:18px;}
	.subTitle:before {width:8px; height:15px; }
}


/* ceo 메시지 */
.ceoWrap {position:relative; width:1300px; margin:0 auto; padding:100px 0 85px 2%; }
.ceoWrap .ceo {position:absolute; right:-40px; bottom:0; width:491px; height:864px; background:url(/img/ceo.png) no-repeat; background-size:100%;}
.ceoWrap .ceoTxt {position:absolute; right:450px; bottom:45px; font-size:15px; font-weight:300; text-align:right;}
.ceoWrap .ceoTxt strong {padding:5px 0 0 0; font-size:21px; display:block;}
.ceoWrap .cont {width:57%; font-size:18px; text-align:left; font-weight:300; line-height:1.5;}
.ceoWrap .cont .tit {padding:0 0 40px 0; font-size:33px; font-weight:300; line-height:1.2; letter-spacing:-2px;}
.ceoWrap .cont strong {color:#e95377;}
.ceoWrap .cont .txt {}
.ceoBoxM, .ceoBoxM1 {display:none;}

@media screen and (max-width:1300px){
	.ceoWrap {width:90%; padding:70px 0 85px 0;}
	.ceoWrap .ceo {right:-50px; width:450px; height:792px;}
	.ceoWrap .ceoTxt {right:410px; font-size:14px;}
	.ceoWrap .ceoTxt strong {font-size:19px;}
	.ceoWrap .cont {width:58%; font-size:16px;}
	.ceoWrap .cont .tit {padding:0 0 30px 0; font-size:30px; letter-spacing:-1.7px;}
}

@media screen and (max-width:1200px){
	.ceoWrap .cont .tit {padding:0 0 30px 0; font-size:27px; letter-spacing:-1.4px;}
}

@media screen and (max-width:1100px){
	.ceoWrap {}
	.ceoWrap .ceo {width:430px; height:757px;}
	.ceoWrap .ceoTxt {right:400px; bottom:30px; font-size:13px;}
	.ceoWrap .ceoTxt strong {font-size:16px;}
	.ceoWrap .cont {font-size:16px; letter-spacing:-0.5px;}
	.ceoWrap .cont .tit {font-size:26px;}
}

@media screen and (max-width:1000px){
	.ceoWrap .ceo {width:400px; height:704px; right:-70px;}
	.ceoWrap .ceoTxt {right:330px;}
	.ceoWrap .cont {font-size:15px; }
	.ceoWrap .cont .tit {font-size:24px;}
}

@media screen and (max-width:890px){
	.ceoWrap {padding:40px 0 65px 0;}
	.ceoWrap .ceo {width:350px; height:616px;}
	.ceoWrap .ceoTxt {right:305px;}
	.ceoWrap .cont {width:62%; font-size:13px;}
	.ceoWrap .cont .tit {font-size:20px;}
}

@media screen and (max-width:840px){
	.ceoWrap {padding:50px 0 65px 0;}
	.ceoWrap .ceo {width:300px; height:528px;}
	.ceoWrap .ceoTxt {right:240px;}
	.ceoWrap .cont {width:62%; font-size:13px;}
	.ceoWrap .cont .tit {font-size:20px;}
}

@media screen and (max-width:690px){
	.ceoWrap {display:none;}
	
	.ceoBoxM {width:65%; margin:0 0 0 5%; padding:40px 50px 0 0; display:block; }
	.ceoBoxM .contM {width:100%; text-align:left; font-size:14px; font-weight:300; line-height:1.5;}
	.ceoBoxM .contM .tit {padding:0 0 20px 0; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-2px;}
	
	.ceoBoxM1 {position:relative; width:90%; margin:0 auto; padding:0; text-align:left; font-size:14px; font-weight:300; line-height:1.5; display:block;}
	.ceoBoxM1 strong {color:#e95377;}
	.ceoBoxM1 .contM {width:60%; padding:0 0 80px 0;}
	.ceoBoxM1 .ceoM {position:absolute; right:-110px; bottom:0; width:320px; height:563px; background:url(/img/ceo.png) no-repeat; background-size:100%; }
	.ceoBoxM1 .ceoTxtM {position:absolute; right:210px; bottom:20px; font-size:13px; text-align:right;}
	.ceoBoxM1 .ceoTxtM strong {padding:0px 0 0 0; color:#000; font-size:14px; display:block;}
}


@media screen and (max-width:580px){
	.ceoBoxM {width:90%;}
	.ceoBoxM .contM {width:100%;}
	.ceoBoxM .txt {width:75%;}

	.ceoBoxM1 {width:90%;}
	.ceoBoxM1 .contM {width:55%;}
	.ceoBoxM1 .ceoM {width:300px; height:528px;}
}


@media screen and (max-width:500px){
	.ceoBoxM {width:100%;}
	.ceoBoxM .contM .txt {width:100%;}
	
	.ceoBoxM1 .ceoM {right:-58px; width:220px; height:387px;}
	.ceoBoxM1 .ceoTxtM {right:170px;}
	.ceoBoxM1 .contM {width:60%; padding:30px 0 80px 0;}
}

@media screen and (max-width:420px){
	.ceoBoxM1 .ceoM {width:190px; height:334px;}
	.ceoBoxM1 .ceoTxtM {right:140px;}
}


/* 회사소개 */
.comWrap {position:relative; width:1500px; margin:0 auto; text-align:center; }
.comWrap .comTit {padding:70px 0 40px 0; font-size:45px; font-weight:200; line-height:1.4; letter-spacing:-1.3px;}
.comWrap .comTit strong {font-weight:400;}
.comWrap .comMid {height:50px; background:url(/img/tit_left.png) no-repeat left top, url(/img/tit_right.png) no-repeat right top; background-size:auto 100%; padding:0px 35px; text-align:center; font-size:20px; font-weight:200; line-height:1.3; display:inline-block;}
.comWrap .comImg01 {width:100%; height:395px; background:url(/img/ph01.jpg) no-repeat center top; background-size:cover; margin:60px auto;}

.comWrap .comSec ul {overflow:hidden; padding:60px 0; border-bottom:1px solid #d0d0d0;}
.comWrap .comSec ul:last-child {border-bottom:0;}
.comWrap .comSec ul li {float:left; text-align:left;}
.comWrap .comSec .left {width:35%; padding:0 0 0 7%; font-size:27px; font-weight:600; }
.comWrap .comSec .left strong {color:#e95377; display:block;}
.comWrap .comSec .right {width:65%; padding:0 15% 0 0; font-size:20px; line-height:1.5; font-weight:300;}

.comWrap .comDoc {width:100%; margin:40px 0 100px 0; background:url(/img/com02.jpg) no-repeat top center; background-size:100% auto; padding:395px 0 0 0; overflow:hidden;}
.comWrap .comDoc .docWrap {float:right; width:70%; text-align:left;}
.comWrap .comDoc .docWrap .tit {padding:0 0 10px 0; font-size:27px; font-weight:600; color:#fff;}
.comWrap .comDoc .docWrap .doc {background:#fff; padding:70px 0 0 60px; font-size:20px; font-weight:300; line-height:1.5;}
.comWrap .comDoc .docWrap .strong {position:relative; margin:30px 0 0 0; font-size:22px; font-weight:400; display:inline-block;}
.comWrap .comDoc .docWrap .strong::before {content:''; position:absolute; width:100%; height:20px; bottom:-6px; background:rgba(0,0,0,.03); }


@media all and (max-width:1500px) {
	.comWrap {width:100%;}
	.comWrap .comTit {font-size:40px;}
	.comWrap .comMid { font-size:17px;}

	.comWrap .comSec {width:90%; margin:0 auto;}
	.comWrap .comSec .left {font-size:25px;}
	.comWrap .comSec .right { font-size:17px;}
	
	.comWrap .comDoc {width:100%; margin:0 auto; padding:25% 0 0 0;}
	.comWrap .comDoc .docWrap {width:73%;}
	.comWrap .comDoc .docWrap .doc {padding:50px; font-size:18px;}
	.comWrap .comDoc .docWrap .strong {font-size:17px;}
}

@media all and (max-width:1300px) {
}

@media all and (max-width:1100px) {
	.comWrap .comTit {font-size:35px;}
	.comWrap .comImg01 {height:350px; margin:45px auto 30px;}

	.comWrap .comSec ul {padding:40px 0;}
	.comWrap .comSec .left {padding:0 0 0 7%; font-size:23px;}
	.comWrap .comSec .right {padding:0 10% 0 0; font-size:16px;}

	.comWrap .comDoc .docWrap {width:83%;} 
	.comWrap .comDoc .docWrap .doc {font-size:16px;}
	.comWrap .comDoc .docWrap .strong {font-size:16px;}
}

@media all and (max-width:920px) {
	.comWrap .comSec .left {padding:0 0 0 2%; font-size:22px;}
	.comWrap .comSec .right {padding:0 2% 0 0; font-size:15px;}
	
	.comWrap .comDoc .docWrap {float:none; width:90%; margin:0 auto;} 
}

@media all and (max-width:860px) {
	.comWrap .comTit {padding:50px 0 30px 0; font-size:30px;}
	.comWrap .comImg01 {height:350px; margin:40px auto;}
	.comWrap .comDoc .docWrap .strong {padding:0 20px; text-align:center;}
	.comWrap .comDoc .docWrap .strong::before {bottom:-9px; left:0; height:68px;}
}

@media all and (max-width:768px) {
	.comWrap .comTit {font-size:27px;}
	.comWrap .comMid {height:45px; padding:0px 30px; font-size:15px;}

	.comWrap .comSec .left {padding:0; font-size:20px;}
	.comWrap .comSec .right {padding:0; font-size:14px;}

	.comWrap .comDoc .docWrap .tit {font-size:24px; padding:0 0 5px 0;}
	.comWrap .comDoc .docWrap .doc {padding:30px; font-size:14px;}
	.comWrap .comDoc .docWrap .strong {font-size:15px;}
}

@media all and (max-width:680px) {
	.comWrap .comTit {padding:40px 5% 30px 5%; font-size:24px;}
	.comWrap .comImg01 {height:300px;}
}

@media all and (max-width:580px) {
	.comWrap .comTit {font-size:30px; padding:40px 10% 30px 10%;}
	.comWrap .comImg01 {margin:40px auto 10px;}
	.comWrap .comSec .left {float:none; width:100%; font-size:24px;}
	.comWrap .comSec .right {float:none; width:100%; padding:20px 0 0 0; font-size:14px;}
}

@media all and (max-width:510px) {
	.comWrap .comMid {height:35px; padding:0px 16px; font-size:13px; font-weight:300;}
	.comWrap .comImg01 {height:200px;}

	.comWrap .comDoc .docWrap .strong {font-size:14px;}
}

@media all and (max-width:460px) {
	.comWrap .comTit {font-size:25px; padding:40px 10% 30px 10%;}
	.comWrap .comSec .left {font-size:22px;}
	.comWrap .comDoc {background-size:130% auto; padding:33% 0 0 0;}
	.comWrap .comDoc .docWrap .strong::before {bottom:-12px; left:0; height:90px;}
}

/* 경영이념 */
.phWrap {width:1500px; margin:0 auto;}
.phWrap .img {width:100%; height:395px; background:url(/img/com03.jpg) no-repeat center top; background-size:cover;}
.phWrap .phMid {overflow:hidden; text-align:left;}
.phWrap .phMid ul {overflow:hidden;}
.phWrap .phMid ul li {float:left; font-size:27px; font-weight:600;}
.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%; }
.phWrap .phMid ul .right {width:70%; padding:120px 0 129px 8%; }
.phWrap .phMid ul li strong {color:#e95377;}
.phWrap .icon {float:left; width:250px; padding:125px 0 0 0; font-size:17px; font-weight:400; text-align:center;}

.p01 {background:url(/img/icon_c01.png) no-repeat center top;}
.p02 {background:url(/img/icon_c02.png) no-repeat center top;}
.p03 {background:url(/img/icon_c03.png) no-repeat center top;}


@media all and (max-width:1500px) {
	.phWrap {width:100%;}
	.phWrap .phMid ul li {font-size:25px;}
}

@media all and (max-width:1250px) {	
	.phWrap .img {height:295px;}
	.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%;}
	.phWrap .phMid ul .right {padding:120px 0 129px 3%;}
	.phWrap .icon {width:230px; font-size:16px; }
}

@media all and (max-width:1100px) {	
	.phWrap .phMid ul li {font-size:23px;}
	.phWrap .phMid ul .right {padding:120px 0 129px 6%;}
	.phWrap .icon {width:200px; font-size:15px;}
}

@media all and (max-width:1000px) {	
	.phWrap .phMid {width:90%; margin:0 auto;}
	.phWrap .phMid ul .left {width:25%; padding:120px 0 120px 5%; }
	.phWrap .phMid ul .right {width:75%; padding:110px 0 110px 10%;}
	.phWrap .icon {width:170px; background-size:90px; padding:105px 0 0 0; }
}

@media all and (max-width:920px) {	
	.phWrap .phMid ul li {font-size:22px;}
	.phWrap .phMid ul .right {padding:110px 0 110px 15%;}
	.phWrap .icon {width:150px; background-size:80px; padding:95px 8px 0 8px; font-size:14px;}
}

@media all and (max-width:860px) {	
	.phWrap .phMid ul .right {padding:110px 0 110px 8%;}	
}

@media all and (max-width:768px) {	
	.phWrap .img {height:260px;}
	.phWrap .phMid ul li {font-size:20px;}
	.phWrap .phMid ul .right {padding:90px 0 90px 8%;}
	.phWrap .icon {width:140px; font-size:13px;}
}

@media all and (max-width:700px) {
	.phWrap .phMid ul .left {width:auto; padding:120px 0 120px 0;}
	.phWrap .phMid ul .right {width:auto;}
}

@media all and (max-width:650px) {
	.phWrap .img {height:200px;}
	.phWrap .icon {width:125px; background-size:70px; padding:85px 10px 0 10px; font-size:13px;}
}

@media all and (max-width:590px) {
	.phWrap .icon {width:120px; background-size:60px; padding:75px 10px 0 10px; font-size:12px;}
}

@media all and (max-width:580px) {	
	.phWrap .phMid {width:85%;}
	.phWrap .phMid ul li {font-size:24px;}
	.phWrap .phMid ul .left {width:100%; padding:70px 0 20px 5%;}
	.phWrap .phMid ul .right {width:100%; padding:20px 0 70px 0;}
	.phWrap .icon {width:33.3%; background-size:70px; padding:85px 8px 0 8px; font-size:14px; /* border:1px solid red; */}
}

@media all and (max-width:460px) {
	.phWrap .img {height:170px;}	
	.phWrap .phMid {width:90%;}
	.phWrap .phMid ul li {font-size:22px;}
	.phWrap .phMid ul .left {padding:60px 0 10px 5%;}
}



.phBottom {position:relative; width:100%; margin:70px 0 0 0; padding:0 0 250px 0;}
.phBottom .phGray {position:absolute; bottom:0; width:100%; height:420px; background:#f2f5fb; z-index:-1;}
.phBottom .iconWrap {width:1160px; height:325px; margin:0 auto; overflow:hidden; display:flex;}
.phBottom .iconWrap .cir:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); }
.phBottom .iconWrap .cir {position:relative; width:325px; height:325px; background-size:auto 100%; margin:auto; border-radius:50%; font-size:24px; color:#fff; text-align:center; overflow:hidden;}
.phBottom .iconWrap .cir .txt {position:absolute; top:40%; width:100%; line-height:1.4;}
.phBottom .iconWrap .cir strong {font-size:34px; display:block; letter-spacing:0;}

.phBottom .iconWrap .cir:hover:before {width:100%; height:0; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
.phBottom .iconWrap .cir:hover {background-size:auto 115%; }
.phBottom .iconWrap .cir:hover .txt {text-shadow:0 10px 15px rgba(0,0,0,.5);}
.phBottom .iconWrap .cir:hover strong {}

.cir01 {background:url(/img/com04.jpg) no-repeat center center;}
.cir02 {background:url(/img/com05.jpg) no-repeat center center;}
.cir03 {background:url(/img/com06.jpg) no-repeat center center;}


@media all and (max-width:1200px) {
	.phBottom .phGray {height:400px;}
	.phBottom .iconWrap {width:90%; height:280px; }
	.phBottom .iconWrap .cir {width:280px; height:280px; }
}


@media all and (max-width:1000px) {
	.phBottom {padding:0 0 200px 0;}
	.phBottom .phGray {height:320px;}
	.phBottom .iconWrap {height:230px;}
	.phBottom .iconWrap .cir {width:230px; height:230px; font-size:20px;}
	.phBottom .iconWrap .cir strong {font-size:28px;}

}

@media all and (max-width:800px) {
	.phBottom {padding:0 0 160px 0;}
	.phBottom .phGray {height:260px;}
	.phBottom .iconWrap {height:200px;}
	.phBottom .iconWrap .cir {width:200px; height:200px; }
}

@media all and (max-width:690px) {
	.phBottom {padding:0 0 130px 0;}
	.phBottom .phGray {height:220px;}
	.phBottom .iconWrap {height:170px;}
	.phBottom .iconWrap .cir {width:170px; height:170px; font-size:15px;}
	.phBottom .iconWrap .cir strong {font-size:21px;}
}

@media all and (max-width:590px) {
	.phBottom {padding:0 0 120px 0;}
	.phBottom .phGray {height:190px;}
	.phBottom .iconWrap {height:130px;}
	.phBottom .iconWrap .cir {width:130px; height:130px; font-size:13px;}
	.phBottom .iconWrap .cir strong {font-size:17px;}
}

@media all and (max-width:460px) {
	.phBottom {padding:0 0 140px 0;}
	.phBottom .phGray {height:410px;}
	.phBottom .iconWrap {width:360px; height:350px; margin:0 auto; text-align:center; display:inline-block;}
	.phBottom .iconWrap .cir {float:left; width:160px; height:160px; margin:0 10px; font-size:15px;}
	.phBottom .iconWrap .cir:last-child {float:none; margin:20px auto 0;}
	.phBottom .iconWrap .cir strong {font-size:21px;}
}

/* CI/BI */
.ciWrap {width:1000px; margin:0 auto; padding:80px 0 0 0; overflow:hidden; text-align:left; letter-spacing:-0.6px; line-height:1.5;}
.ciWrap ul {float:left; margin:0 0 70px 0;}
.ciWrap .left {width:25%; font-size:26px; font-weight:600; line-height:1.2; letter-spacing:0; }
.ciWrap .right {width:75%; font-size:17px;}
.ciWrap .right p {margin:25px 0 0 0;}
.ciWrap strong {padding:0 0 15px 0; color:#e95377; font-size:20px; font-weight:600; display:block;}
.ciWrap .ci100 {width:100%; margin:0 0 70px 0; padding:55px 130px; border:10px solid #f4f4f4; overflow:hidden;}
.ciWrap .ci100 .cLeft {float:left; width:35%;}
.ciWrap .ci100 .cLeft img {width:auto !important; transform:translateY(20%);}
.ciWrap .ci100 .cRight {float:left; width:65%;}
.ciWrap .ci100 ul {margin:0 !important;}
.ciWrap .ci100 ul li {padding:20px 15px; border-bottom:1px solid #ededed; overflow:hidden;}
.ciWrap .ci100 ul li:last-child {border-bottom:0;}
.ciWrap .ci100 .tit {float:left; width:30%; font-size:24px; font-weight:600;}
.ciWrap .ci100 .cont {float:left; width:70%; font-size:15px;}
.ciWrap .ci100 .cont strong {padding:0 0 15px 0; font-size:20px; font-weight:500; display:block;}
.ciWrap .colorWrap ul {margin:0 25px 0 0 !important;}
.ciWrap .colorWrap ul:last-child {margin:0;}
.ciWrap .colorWrap .cir {width:118px; height:118px; border-radius:50%; display:inline-block;}
.ciWrap .colorWrap .cont {margin:0 0 0 0; padding:0 0 0 5px; line-height:1.3; font-size:14px;}
.cir011 {background:#ad549c;}
.cir021 {background:#991570;}
.cir031 {background:#e95376;}
.cir041 {background:#f39800;}
.cir051 {background:#898989;}

.ciWrap .biBox {padding:35px 15%; overflow:hidden; border:10px solid #f4f4f4;}
.ciWrap .biBox .bLeft {float:left; width:28%;}
.ciWrap .biBox .bLeft img {width:auto !important;}
.ciWrap .biBox .bRight {float:left; width:72%; padding:20px 0 0 0;}


@media all and (max-width:1100px) {
	.ciWrap {width:90%; padding:70px 0 0 0;}
	.ciWrap .left {font-size:23px;}
	.ciWrap .right {font-size:15px;}
	.ciWrap .right p {margin:15px 0 0 0;}
	.ciWrap strong {font-size:17px;}
	.ciWrap .ci100 {padding:45px 100px;}
	.ciWrap .ci100 ul li {padding:15px 10px;}
	.ciWrap .ci100 .cLeft img {width:80% !important; height:auto; transform:translateY(10%);}
	.ciWrap .ci100 .tit {font-size:21px;}
	.ciWrap .ci100 .cont {font-size:14px;}
	.ciWrap .ci100 .cont strong {font-size:17px;}
	.ciWrap .colorWrap .cir {width:100px; height:100px;}
	.ciWrap .colorWrap .cont {font-size:12px;}

	.ciWrap .biBox .bLeft img {width:60% !important;}
}


@media all and (max-width:920px) {
	.ciWrap {width:90%; padding:60px 0 0 0;}
	.ciWrap .left {font-size:20px;}
	.ciWrap .right {font-size:13px;}
	.ciWrap strong {padding:0 0 10px 0;  font-size:17px;}
	.ciWrap .ci100 {padding:35px 70px;}
	.ciWrap .ci100 .tit {font-size:20px;}
	.ciWrap .ci100 .cont {font-size:13px;}
	.ciWrap .ci100 .cont strong {padding:0 0 10px 0; font-size:17px;}
	.ciWrap .colorWrap .cir {width:118px; height:118px;}

	.ciWrap .biBox .bLeft img {width:50% !important;}
	.ciWrap .biBox .bRight {padding:7px 0 0 0;}
}

@media all and (max-width:768px) {
	.ciWrap ul {margin:0 0 50px 0;}
	.ciWrap .ci100 {margin:0 0 50px 0; padding:35px;}
	.ciWrap .ci100 ul li {padding:15px 5px;}
	.ciWrap .ci100 .cLeft img {width:70% !important; height:auto; transform:translateY(10%);}

	.ciWrap .biBox {padding:30px 8%;}
	.ciWrap .biBox .bRight {padding:0;}
}

@media all and (max-width:640px) {
	.ciWrap {padding:50px 0 0 0;}
	.ciWrap .ci100 {padding:35px 50px;}
	.ciWrap .ci100 .cLeft {float:none; width:100%; text-align:center;}
	.ciWrap .ci100 .cRight {float:none; width:100%;}
	.ciWrap .ci100 .cLeft img {width:30% !important; height:auto; transform:translateY(0); margin:0 auto 15px;}
	.ciWrap .colorWrap .cir {width:100px; height:100px;}
}

@media all and (max-width:560px) {
	.ciWrap ul {float:none; margin:0 0 40px 0;}
	.ciWrap .left {width:100%; font-size:23px; margin:0 0 10px 0; }
	.ciWrap .right {width:100%;}
	.ciWrap strong {padding:0 0 5px 0;}
	.ciWrap .ci100 {margin:0 0 40px 0; padding:35px;}
	.ciWrap .colorWrap ul {float:left !important; margin:0 15px 0 0 !important;}
}

@media all and (max-width:460px) {
	.ciWrap {padding:40px 0 0 0;}
	.ciWrap .colorWrap .cir {width:90px; height:90px;}
	.ciWrap .colorWrap .cont {font-size:11px; padding:0;}
	.ciWrap .ci100 {padding:35px 20px 10px 20px;}
	.ciWrap .ci100 .tit {font-size:17px;}
	.ciWrap .ci100 .cont {font-size:12px;}
	.ciWrap .ci100 .cont strong {font-size:14px; padding:0 0 5px 0;}

	.ciWrap .biBox {padding:30px 4%;}
	.ciWrap .biBox .bLeft {text-align:center;}
}

@media all and (max-width:380px) {
	.ciWrap .colorWrap ul {margin:0 10px 0 0 !important;}
	.ciWrap .biBox {word-break:break-all;}
}

/* 오시는길 */
.subMap {width:1300px; margin:0 auto; padding:30px 0 0 0; z-index:0;}
.subMap .root_daum_roughmap {width:100% !important; margin:0 auto !important; text-align:center !important;}
.mapInfo {width:1300px; margin:50px auto 160px; overflow:hidden; text-align:left;}
.mapInfo ul {float:left;}
.mapInfo ul.addr {width:40%;}
.mapInfo ul.tel {width:30%;}
.mapInfo ul.fax {width:30%;}
.mapInfo ul li {font-size:17px; font-weight:400; line-height:1.4; color:rgba(0,0,0,.6);}
.mapInfo .tit {padding:0 0 7px 0; font-weight:600; font-size:22px; color:#000;}
.mapInfo .num {font-size:22px;}
.mapInfo .icon {width:90px; height:90px; padding:10px 0 0 0;}
.mapInfo .icon img {width:60px; height:auto;}
.mapInfo dd {float:left;}

@media all and (max-width:1300px) {
	.subMap {width:90%; text-align:center; overflow:hidden;}
	.mapInfo {width:100%; padding:0 5%;}
	.mapInfo ul li {font-size:16px;}
	.mapInfo .tit {padding:0 0 7px 0; font-weight:600; font-size:19px; color:#000;}
	.mapInfo .num {font-size:17px;}
	.mapInfo .icon {width:65px; height:65px;}
	.mapInfo .icon img {width:50px; }
}

@media all and (max-width:1000px) {
	.subMap {padding:30px 0 0 0;}
	.mapInfo ul li {font-size:14px;}
	.mapInfo .tit {font-size:18px;}
	.mapInfo .num {font-size:16px;}
}

@media all and (max-width:768px) {	
	.subMap .root_daum_roughmap {height:300px !important;}
	.mapInfo {margin:20px auto 80px;  padding:0 3%;}
	.mapInfo ul.addr {width:43%;}
	.mapInfo ul.tel {width:28.5%;}
	.mapInfo ul.fax {width:28.5%;}
	.mapInfo ul li {font-size:13px;}
	.mapInfo .tit {padding:0 0 7px 0; font-size:17px;}
	.mapInfo .num {font-size:15px;}
	.mapInfo .icon {width:50px; height:50px;}
	.mapInfo .icon img {width:40px; }
}



@media all and (max-width:620px) {	
	.subMap {padding:10px 0 0 0;}
	.mapInfo { padding:0 2.5%;} 
	.mapInfo ul.addr {width:100%; padding:0 0 20px 7%;}
	.mapInfo ul.tel {width:50%; padding:20px 0 0 7%; border-top:1px dashed rgba(0,0,0,.1);}
	.mapInfo ul.fax {width:50%; padding:20px 0 0 7%; border-top:1px dashed rgba(0,0,0,.1);}
	.mapInfo .tit {padding:0 0 4px 0;}

}


/* 상품리스트*/
.proList {width:1300px; margin:0 auto; padding:0 0 120px 0; overflow:hidden;}
.ppBox {float:left; width:32.5%; margin:0 0 85px 1.25%; text-align:left; }
.ppBox:nth-child(3n+1) {margin:0 0 85px 0; }
.ppBox .pic {width:100%; background:#f9f9f9; padding:5% 0; overflow:hidden; text-align:center;}
.ppBox .name {padding:20px 0 0 0; font-size:16px; font-weight:500;}
.ppBox .eng {padding:8px 0 0 0; font-size:14px; color:#999; font-weight:400; letter-spacing:0.2px;}
.ppBox .price {margin:13px 0 0 0; padding:13px 0 0 0; border-top:1px solid rgba(0,0,0,.06);}
.ppBox .price dl {overflow:hidden;}
.ppBox .price dd {float:left; padding:1px 0;}
.ppBox .price .left {width:65px; color:#000; font-size:13px; font-weight:300;}
.ppBox .price .right {font-weight:500; }

@media all and (max-width:1300px) {
	.proList {width:90%;}
	.ppBox .pic img {width:60%; height:auto;}
}

@media all and (max-width:1200px) {
	.ppBox {margin:0 0 60px 1.25%;}
	.ppBox:nth-child(3n+1) {margin:0 0 60px 0; }
}

@media all and (max-width:960px) {
	.ppBox {text-align:center;}
	.ppBox .name {padding:20px 5% 0 5%; font-size:14px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
	.ppBox .eng {padding:8px 7% 0 7%; font-size:12px;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
}

@media all and (max-width:540px) {
	.ppBox {width:49%; margin:0 0 50px 2%;}
	.ppBox:nth-child(2n+1) {margin:0 0 50px 0;}
	.ppBox:nth-child(2n+2) {margin:0 0 50px 2% !important;}
	.ppBox:nth-child(3n+1) {margin:inherit;}
}


/* 제품상세 */
.detailTop {width:1300px; margin:122px auto 50px; overflow:hidden; }
.detailTop .img {float:left; width:50%; border:0px solid red;}
.detailTop .img img {width:auto; height:auto;}
.detailTop .info {float:right; width:49%;}
.detailTop .br {display:block;}
.detailTop .name {padding:75px 0 20px 0; font-size:45px; font-weight:500; line-height:1.2; letter-spacing:-2px;}
.detailTop .eng {font-size:18px; font-weight:400; color:#b6b6b6; letter-spacing:0.2px;}
.detailTop .thumb {width:93px; height:93px; margin:17px 0; border:1px solid #333;}
.detailTop .thumb img {width:100%;}
.detailTop .cont {padding:0 0 30px 0; font-size:20px; font-weight:400;  line-height:1.3;}
.detailTop .detail {padding:30px 0; border-top:1px solid #e2e2e2; overflow:hidden;}
.detailTop .detail ul li {float:left; width:40%; padding:12px 0; font-size:16px; font-weight:400;}

.detailTop strong {font-size:20px;}
.detailTop .btnAg {background:#e95377; padding:13px 35px; font-size:15px; color:#fff; border-radius:5px; display:inline-block;}

.detailMid {width:100%; border-top:1px solid #e2e2e2; padding:150px 0; text-align:center;}
.detailMid img {width:100%; max-width:1280px; height:auto;}

@media all and (max-width:1400px) {
	.detailTop .img img {width:100%;}
	.detailTop .name {padding:70px 0 15px 0; font-size:40px;}
	.detailTop .eng {font-size:16px;}
	.detailTop .cont {font-size:18px;}
	.detailTop .detail {padding:20px 0;}
	.detailTop .detail ul li {padding:10px 0; font-size:14px;}
}

@media all and (max-width:1300px) {
	.detailTop {width:90%;}
	.detailTop .name {padding:8% 0 15px 0; font-size:35px;}
}

@media all and (max-width:1100px) {
	.detailTop {margin:150px auto 50px;}
	.detailTop .img {width:51%;}
	.detailTop .name {padding:5% 0 15px 0;}
	.detailTop .info {width:48%;}
	.detailTop .cont {padding:0 0 15px 0;}
	.detailTop .thumb {width:85px; height:85px;}
	.detailTop .detail {padding:15px 0;}
	.detailTop .detail ul li {padding:7px 0;}
}

@media all and (max-width:920px) {
	.detailTop .name {font-size:30px;}
	.detailTop .eng {font-size:15px;}
	.detailTop .cont {font-size:16px;}

	.detailMid {padding:90px 0;}
}

@media all and (max-width:860px) {
	.detailTop .detail ul li {width:50%;}
}

@media all and (max-width:768px) {
	.detailTop {margin:80px auto 30px;}
	.detailTop .name {padding:10% 0 15px 0; font-size:25px; letter-spacing:-1px;}
	.detailTop .eng {font-size:13px;}
	.detailTop .cont {font-size:13px;}
	.detailTop .thumb {display:none;}
	.detailTop .cont {padding:20px 0 15px 0;}
	.detailTop .detail ul li {padding:5px 0; font-size:12px;}

	.detailMid {padding:0 0 90px 0;}
}

@media all and (max-width:620px) {
	.detailTop .name {font-size:22px;}
}

@media all and (max-width:560px) {
	.detailTop {margin:60px auto;}
	.detailTop .img {float:none; width:100%;}	
	.detailTop .info {float:none; width:100%;}
	.detailTop .br {display:inline;}
	.detailTop .name {padding:0 0 5px 0; }
	.detailTop .detail {background:#f9f9f9; padding:20px; text-align:left;}

	.detailMid {padding:0 0 90px 0;}
}


/* 사업소개 */
.busiWrap {position:relative; overflow:hidden;}
.bgGray {position:absolute; width:100%; height:62%; left:0; bottom:0; background:#f6f6f6; z-index:-1;}

.cerWrap {position:relative; width:930px; height:870px; margin:30px auto 0; }
.cerWrap .cirImg {position:absolute; top:70px; right:50%; width:510px; height:510px; margin-right:-255px; background:url(/img/busi01.jpg) no-repeat; background-size:105% auto; border-radius:50%; overflow:hidden;}
.cerWrap .cirImg .text {padding:125px 0 0 0; text-align:center; font-size:20px; font-weight:400;}
.cerWrap .cirImg .text strong {padding:0 0 10px 0; font-size:35px; font-weight:600; line-height:.9; display:block;}
.cerWrap .cirImg .logo {width:162px; height:123px; margin:60px auto 0; background:url(/img/busi02.png) no-repeat; background-size:100%;}

.cirDot {
	position:absolute; top:0; right:50%; 
	margin-right:-324.5px;
	width:649px; height:649px; 
	background:url(/img/cir_big.png) no-repeat center center; 
	background-size:100%; 
	-webkit-animation: lot 13s linear infinite;
    animation: lot 65s linear infinite;
}




@media all and (max-width:950px) {

	.cerWrap {width:800px; height:770px}
	.cerWrap .cirImg {top:60px; width:440px; height:440px; margin-right:-220px;}
	.cerWrap .cirImg .text {padding:115px 0 0 0; font-size:18px;}
	.cerWrap .cirImg .text strong {font-size:30px;}
	.cerWrap .cirImg .logo {width:120px; height:91px; margin:40px auto 0;}
	.cirDot {width:560px; height:560px; margin-right:-280px;}
}

@media all and (max-width:800px) {

	.cerWrap {width:600px; height:580px;}
	.cerWrap .cirImg {top:45px; width:330px; height:330px; margin-right:-165px;}
	.cerWrap .cirImg .text {padding:85px 0 0 0; font-size:15px;}
	.cerWrap .cirImg .text strong {padding:0 0 5px 0;  font-size:25px;}
	.cerWrap .cirImg .logo {width:90px; height:68px;}
	.cirDot {width:420px; height:420px; margin-right:-210px;}
}


@media all and (max-width:500px) {
	.cerWrap {width:360px; height:730px;}
	.cerWrap .cirImg {top:35px; width:330px; height:330px; margin-right:-165px;}
	.cerWrap .cirImg .text {padding:75px 0 0 0; font-size:17px;}
	.cerWrap .cirImg .text strong {font-size:22px;}
	.cirDot {width:400px; height:400px; margin-right:-200px;}
}


@-webkit-keyframes lot /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes lot {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.dot01 {position:absolute; top:160px; left:172px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1;}
.posi01 {position:absolute; top:120px; left:-50px; font-size:22px; font-weight:500; line-height:1.1; letter-spacing:-1.2px; text-align:right;}

.dot02 {position:absolute; top:480px; left:176px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1; }
.posi02 {position:absolute; top:450px; left:-110px; font-size:22px; font-weight:500; line-height:1.1; letter-spacing:-1.2px; text-align:right;}

.dot04 {position:absolute; top:480px; right:176px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1;}
.posi04 {position:absolute; top:450px; right:-85px; font-size:22px; font-weight:500; line-height:1.1; letter-spacing:-1.2px; text-align:left;}

.dot05 {position:absolute; top:160px; right:172px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1;}
.posi05 {position:absolute; top:120px; right:-100px; font-size:22px; font-weight:500; line-height:1.1; letter-spacing:-1.2px; text-align:left;}

.cerWrap .small {padding:15px 0 0 0; font-size:13px; font-weight:300; letter-spacing:0; line-height:1.2;}
.cerWrap .eng {font-size:16px; letter-spacing:0; color:rgba(0,0,0,.4);}



@media all and (max-width:950px) {
	.dot01 {top:240px; left:114px;}
	.posi01 {top:270px; left:-10px; font-size:15px;}

	.dot02 {top:480px; left:207px;}
	.posi02 {top:510px; left:30px; font-size:15px;}
	
	.dot04 {top:240px; right:114px; }
	.posi04 {top:270px; right:-10px; font-size:15px;}

	.dot05 {top:480px; right:207px; }
	.posi05 {top:510px; right:40px; font-size:15px;}

	.cerWrap .small {padding:10px 0 0 0; font-size:11px;}
	.cerWrap .eng {font-size:12px;}
	
}

@media all and (max-width:800px) {
	.dot01 {top:120px; left:100px;}
	.posi01 {top:25px; left:-10px; font-size:15px;}

	.dot02 {top:280px; left:96px;}
	.posi02 {top:310px; left:-60px; font-size:15px;}
	
	.dot04 {top:120px; right:100px; }
	.posi04 {top:25px; right:-10px; font-size:15px;}

	.dot05 {top:280px; right:96px; }
	.posi05 {top:310px; right:-50px; font-size:15px;}

	.cerWrap .small {padding:10px 0 0 0; font-size:11px;}
	.cerWrap .eng {font-size:12px;}
}




@media all and (max-width:500px) {
	.dot01 {top:250px; left:-20px;}
	.posi01 {top:430px; left:20px;}

	.dot02 {top:360px; left:65px;}
	.posi02 {top:550px; left:-30px; }
	
	.dot04 {top:250px; right:-20px;}
	.posi04 {top:430px; right:5px; }

	.dot05 {top:360px; right:65px; }
	.posi05 {top:550px; right:-30px; }
}


.busiBottom {width:100%; height:830px; background:url(/img/busi03.jpg) no-repeat center top; background-attachment:fixed; background-size:100% auto; padding:260px 0 0 0;}
.busiBottom .txtWrap {width:60%; margin:0 auto; color:#fff; text-align:center; font-size:20px; }
.busiBottom .txtWrap strong {padding:0 0 60px 0; font-size:50px; font-weight:300; display:block; line-height:1.1; letter-spacing:-1.5px;}
.busiBottom .txtWrap .txt {padding:0 20% 50px 20%; line-height:1.4; font-weight:200;}
.busiBottom .txtWrap .concle {font-size:24px; font-weight:400;}

@media all and (max-width:1500px) {
	.busiBottom {padding:180px 0 0 0; }
	.busiBottom .txtWrap {width:70%; font-size:17px;}
	.busiBottom .txtWrap strong { font-size:40px;}
	.busiBottom .txtWrap .concle {font-size:22px;}
}


@media all and (max-width:1200px) {
	.busiBottom {height:750px; background-size:auto 100%;}
}

@media all and (max-width:980px) {
	.busiBottom {height:650px;}
	.busiBottom .txtWrap {width:80%; font-size:16px;}
	.busiBottom .txtWrap strong { font-size:33px;}
	.busiBottom .txtWrap .txt {padding:0 15% 30px 15%;}
	.busiBottom .txtWrap .concle {font-size:20px;}
}

@media all and (max-width:840px) {
	.busiBottom .txtWrap {width:95%;}
}

@media all and (max-width:768px) {
	.busiBottom {height:550px; padding:140px 0 0 0;}
	.busiBottom .txtWrap {width:95%; font-size:15px;}
	.busiBottom .txtWrap strong {padding:0 0 40px 0; font-size:30px;}
	.busiBottom .txtWrap .txt {padding:0 10% 30px 10%;}
	.busiBottom .txtWrap .concle {font-size:18px;}
}


@media all and (max-width:640px) {
	.busiBottom .txtWrap {width:70%;}
}

@media all and (max-width:599px) {
	.busiBottom .txtWrap {width:80%; font-size:14px;}
	.busiBottom .txtWrap .txt {padding:0 5% 30px 5%;}
}

@media all and (max-width:530px) {
	.busiBottom {height:500px; padding:100px 0 0 0;}
	.busiBottom .txtWrap strong {font-size:27px;}
	.busiBottom .txtWrap .txt {padding:0 0 30px 0;}
}

@media all and (max-width:400px) {
	.busiBottom .txtWrap .concle {font-size:15px;}
}


/* 로그인 */
#loginWrap {width:520px; padding:0px; margin:0px auto 130px auto;  overflow:hidden; background:#fff; }
.logTit {padding:0 0 20px 0; font-size:23px; font-weight:600; text-align:center;}
.loginTab {height:50px; overflow:hidden; position:relative; margin:0 0 30px 0;}	
.loginTab ul li {float:left; width:50%; height:49px; background:#f8f8f8; text-align:center; font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.loginTab ul li a {display:block;}
.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

.login {margin:40px 0; width:100%; text-align:left;}
.login li {margin-bottom:20px;}
.login li input.input_login {width:100%; height:55px; border:1px solid #e8e8e8; font-size:14px;}
.login li.loginBtn {background:#e95377; text-align:center; color:#fff; height:60px; font-size:16px; line-height:60px; margin-top:30px; display:block;}

.login input.sign {width:100%; height:55px; color:#7a7a7a; border-bottom:1px solid #e8e8e8; border-left:0; border-right:0; border-top:0; background-color:transparent !important; font-size:15px; font-weight:400; text-indent:55px;}
.login input.sign:hover {border-bottom:1px solid #e95377; color:#e95377;}
.login input.sign::placeholder {color:#7a7a7a;}
.login input.sign:hover::placeholder {color:#e95377;}

#loginWrap .btnJoin {height:60px; font-size:16px; line-height:60px; text-align:center; border:1px solid #c5c5c5; display:block;}
#loginWrap .btnJoin img {width:20px; height:auto;}
#loginWrap .btnJoin:hover {border:1px solid #333;}
#loginWrap .coment {padding:8px 0 0 0; color:rgba(0,0,0,.6); text-align:center;}

@media only screen and (max-width: 600px) {
	#loginWrap {width:88%; margin:0px auto 90px auto;}
}

.iconId { background:url(/img/icon_id.png) no-repeat 3% center;}
.iconId:hover { background:url(/img/icon_id_on.png) no-repeat 3% center;}
.iconPass { background:url(/img/icon_pa.png) no-repeat 3% center;}
.iconPass:hover { background:url(/img/icon_pa_on.png) no-repeat 3% center;}


/* 아이디/비밀번호찾기 */
.txtB {font-size:15px; padding:204px 0 2px 130px; color:#000;}
.txtS {font-size:12px; padding-left:182px; color:#a7a7a7;}
.find {}
.find ul {float:left; }
.find ul.left {width:100%; margin:10px 0 0 0;}
.find ul li {overflow:hidden;}
.find ul li dd {float:left; margin-top:0px; height:29px; }
.find ul li dd.name {width:100px; font-size:13px; text-indent:25px; line-height:29px;}
.btnFind {background:#e95377; text-align:center; color:#fff; width:100%; height:60px; font-size:16px; line-height:60px; margin-top:10px; display: inline-block;}
input.input_id {width:100%; height:50px; border:1px solid #e8e8e8; text-indent:10px; font-size:14px; display:inline-block; }

.idTab { width:100%; }
.idTab ul {overflow:hidden;}
.idTab ul li {width:50%; height:40px;float:left; background:#fafafa;border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; font-size:13px; line-height:40px;}
.idTab ul li a {display:block;}
.idTab ul li.on a {color:#000; display:block;}
.idTab ul li.on {border-bottom:1px solid #fff; border-top:1px solid #333; background:#fff;}
.idTab ul li:first-child {border-left:1px solid #eee;}




@media only screen and (max-width: 768px) {
	.input40 {width:40%;}
}


/* 마이오피스 */
.oArea {width:1300px; margin:50px auto; text-align:center; }
/* .oTitle {font-size:35px; font-weight:500;} */

.oArea .btnWrap {margin:40px auto;}
.oArea .bOk {width:170px; height:45px; line-height:45px; background:#e95377; color:#fff; border-radius:5px; display:inline-block; cursor:pointer;}
.oArea .bCa {width:170px; height:45px; line-height:45px; background:#fff; border:1px solid rgba(0,0,0,.2); color:#000; border-radius:5px; display:inline-block; cursor:pointer;}
.oArea .bCa1 {width:120px; height:45px; line-height:45px; background:#fff; border:1px solid rgba(0,0,0,.2); color:#000; border-radius:5px; display:inline-block; cursor:pointer;}
.oArea input:hover {background:rgba(233,83,119,.2); border:1px solid #e95377; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}

@media only screen and (max-width: 1300px) {
	.oArea {width:95%; margin:30px auto;}
}

@media only screen and (max-width: 768px) {
	.oArea {margin:20px auto; padding:0 0 100px 0;}
}


@media only screen and (max-width: 520px) {
	.oArea {width:95%;}
	.oArea .bOk {width:95px; height:35px; font-size:13px; line-height:35px;}
	.oArea .bCa {width:95px; height:35px; font-size:13px; line-height:35px;}
}


.officeTab {height:40px; overflow:hidden; position:relative; margin:10px 0; clear:both;}	
.officeTab ul li {float:left;  height:40px; background:#f8f8f8; text-align:center; font-size:11px; color:#333; line-height:37px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.officeTab ul li a {display:block;}
.officeTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}
.borL {border-left:1px solid #d0d0d0;}

.officeTab ul li.w02 {width:50%;}
.officeTab ul li.w03 {width:33.3%;}
.officeTab ul li.w04 {width:25%;}
.officeTab ul li.w07 {width:14.28%;}


@media only screen and (min-width: 768px) {
	.officeTab ul li {font-size:12px;}
}

@media only screen and (min-width: 1200px) {	
	.officeTab {height:50px; width:100%; margin:30px 0;}
	.officeTab ul li { height:49px;  font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
    .officeTab ul li a {display:block;}
	.officeTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}
	.empty {width:50% !important; height:49px;  background:#fff !important; border-bottom:1px solid #d0d0d0; border-top:0 !important; border-right:0 !important;}
}



/* 마이오피스 검색 */
.sWrap {background:#f8f8f8; margin:0 0 5px 0; padding:17px; border:1px solid #eee; border-radius:5px; overflow:hidden; }
.sWrap .left {float:left; width:60%; height:35px; padding:0; text-align:left;}
.sWrap .left2 {float:left; width:auto; height:35px; padding:0; text-align:left; }
.sWrap .left2:nth-child(3) {margin:0 0 0 10px;}
.sWrap .right {float:right; width:40%; text-align:right; }
.sWrap input.search {width:110px; height:35px; background:#fff; line-height:35px; border-radius:5px !important; text-align:center; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.sWrap .bSearch {width:35px; height:35px; border-radius:50%; background:url(/img/icon_search_w.png) #454545 center center no-repeat; background-size:15px; display:inline-block; cursor:pointer;}
.sWrap form img {vertical-align:top; margin:6px 6px 0 2px;}
.sWrap .total {height:35px; background:#e95377; padding:0 15px; color:#fff; line-height:35px; font-size:13px; font-weight:600; border-radius:5px; display:inline-block;}

.sWrap .left1 {float:left; width:75%; height:45px; padding:0; text-align:left; }
.sWrap input.search1 {width:80px; height:45px; background:#fff; line-height:45px; padding:0 0 0 15px; border-radius:22.5px 0 0 22.5px; text-align:left; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.sWrap .total1 {height:45px; background:#454545; margin:0 0 0 -3px; padding:0 15px; color:#fff; line-height:45px; font-size:12px; font-weight:400; border-radius:0 22.5px 22.5px 0; vertical-align:top; display:inline-block;}
.sWrap .right1 {float:right; width:25%; text-align:right; }
.sWrap .total2 {height:45px; background:#454545; padding:0 15px; color:#fff; line-height:45px; font-size:12px; font-weight:400; border-radius:22.5px; vertical-align:top; display:inline-block;}
.sWrap .name {height:45px; padding:0 15px 0 0; line-height:45px; vertical-align:top; display:inline-block;}
.sWrap input.width01 {width:30px; background:#fff; border:0;}
.sWrap .inline {display:inline;}
.guide {font-size:13px; color:#e95377;}


.infoWrap1 {width:100%; background:#eee; border-radius:5px; margin:0 0 10px 0; padding:10px 30px; text-align:left; overflow:hidden;}
.infoWrap1 input.search {width:110px; height:35px; background:#fff; line-height:35px; border-radius:5px !important; text-align:center; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.infoWrap1 .left {float:left; }
.infoWrap1 .right {float:right; }


@media all and (max-width:960px) {
	.sWrap .left {height:35px;}
	.sWrap input.search {width:80px; height:35px; line-height:35px; font-size:12px;}
	.sWrap .bSearch {width:35px; height:35px; background-size:40%;}
	.sWrap form img {margin-top:7px;}
	.sWrap .total {height:35px; padding:0 10px; line-height:35px; font-size:12px;}

	.sWrap .left1 {height:35px;}
	.sWrap input.search1 {width:70px; height:35px; line-height:35px; font-size:12px;}
	.sWrap .total1 {height:35px; padding:0 10px; line-height:35px; font-size:11px;}
	.sWrap .total2 {height:35px; padding:0 10px; line-height:35px; font-size:11px;}
	.sWrap .name {height:35px; padding:0 10px 0 0; line-height:35px;}
	.guide {font-size:11px;}

	.infoWrap1 {}
}

@media all and (max-width:740px) {
	.sWrap .left1 {height:80px;}
	.sWrap .right1 {height:80px; }
	.sWrap .inline {padding:5px 0; display:block;}
}

@media all and (max-width:710px) {
	.sWrap .left2 {float:none; width:100%;}
	.sWrap .left2:nth-child(3) {float:none; width:100%; margin:5px 0 0 0;}
}

@media all and (max-width:640px) {
	.sWrap .left {width:70%;}
	.sWrap .right {width:30%;}

	.sWrap .left1 {width:50%;}
	.sWrap .right1 {width:50%; padding:40px 0 0 0; }
}

@media all and (max-width:560px) {
	.sWrap .left1 {width:55%;}
	.sWrap .right1 {width:45%;}
}

@media all and (max-width:500px) {
	.sWrap .left1 {width:60%;}
	.sWrap .right1 {width:40%;}
	.guide {display:block; margin-top:3px;}
}


@media all and (max-width:460px) {
	.sWrap .left {float:none; width:100%; text-align:inherit;}
	.sWrap .right {float:none; width:100%; margin:15px 0 0 0;}
	.sWrap .total {height:25px; padding:0 15px; line-height:25px; font-size:11px;}

	.sWrap .left1 {width:100%;}
	.sWrap .right1 {width:100%; height:35px; padding:0;}
}

@media all and (max-width:420px) {
	.sWrap {padding:10px;}
	.sWrap .left1 {width:75%;}
}


/* 테이블 */
.nor_list {width:100%; }
.nor_list table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.nor_list1 {width:100%; }
.nor_list1 table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list1 table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list1 table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.oTab {width:100%; margin:0 0 40px 0; overflow:hidden;}
.oTab ul li {float:left; width:33.3%; background:rgba(0,0,0,.02); padding:13px 0; font-size:14px; font-weight:400; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #333; border-radius:20px 20px 0 0; display:inline-block;}
.oTab ul li.on {background:#fff; color:#000; font-weight:600; border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;}


@media all and (max-width:960px) {
	.nor_list table {font-size:13px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:13px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}
}

@media all and (max-width:768px) {
	.nor_list table {font-size:11px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:11px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}

	.oTab ul li {padding:10px 0; font-size:13px;}
}

@media all and (max-width:640px) {
	.nor_list {}
	.nor_list table {}

	.nor_list1 {overflow-x:scroll;}
	.nor_list1 table {width:640px;}
}

/* 회원검색 */
.smWrap {width:90%; margin:0 auto;}
.smWrap .smTit {background:url(/img/icon_user1.png) no-repeat left center; padding:40px 0 40px 55px; font-size:36px; font-weight:400;}

.transBox {background:#fff; border:3px solid #24221f; color:#333; padding:50px 50px 0 50px;}
.transBox ul {overflow:hidden; border-bottom:1px solid #e2e2e2; }
.transBox ul li {float:left; padding:15px 7%; font-size:15px;}
.transBox ul li.th1 {width:30%; font-weight:400; text-align:left;}
.transBox ul li.td1 {width:70%; text-align:right;}
.transBox ul li.td1 .money {font-weight:bold; color:#000; font-size:23px !important;}
.transBox ul li.td1 .moneyRed {font-weight:bolder; color:#ec1a23; font-size:30px !important;}
.transBox ul.gray {background:#f5f5f5;}
.transBox ul.gray li.th1 {font-weight:600; font-size:18px; padding:15px 7%; text-align:left;}
.transBox ul.gray li.td1 {font-weight:600; font-size:18px; padding:15px 7%; text-align:right;}
.transBox ul.boldBor {border-bottom:3px solid #24221f;}
.borNone {border:none !important;}

@media all and (max-width:460px) {
	.transBox {padding:35px 35px 0 35px;}
	.transBox ul li {padding:12px 5%; font-size:13px;}
	.transBox ul li.th1 {width:40%;}
	.transBox ul li.td1 {width:60%;}
	.transBox ul.gray li.th1 {font-size:15px; padding:12px 5%;}
	.transBox ul.gray li.td1 {font-size:15px; padding:12px 5%;}
}

.btnW {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:1.2% 5%;border-radius:3px;cursor:pointer; border:1px solid #ccc; display:inline-block;} 
.btnWs {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; border:1px solid #b0b0b0; }
.btnGs {text-align:center;background:#51586a;color:#fff;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; }


/* 게시판 */
.searchWrap { margin:25px 0 15px 0; overflow:hidden; height:34px; width:100%; }
.searchWrap > ul {overflow:hidden; float:right;}
.searchWrap > ul > li {float:left;}
input.search {height:34px; background:#ebebeb; border:1px solid #bbb;}
select.search {height:34px;}
.btnSearch {width:34px; height:34px; background:url(/img/icon_search_w.png) #454545 center center no-repeat; background-size: 15px; border-radius:3px; display:inline-block; }

.ceWrap {}
.ceWrap table {width:100%; overflow:hidden;/* margin:45px 0; */  border-top:2px solid #222;}
.ceWrap .table2 {width:100%; border-top:2px solid #222;}
.ceWrap table th {padding:20px; font-size:14px; font-weight:500; background:rgba(0,0,0,.007); border-bottom:1px solid #ddd;}
.ceWrap table td {background:#fff; padding:20px; font-size:14px; border-bottom:1px solid #ddd;}
.ceWrap .zoom {width:30px; height:30px; background:url(/img/icon_search_b.png) no-repeat center center; background-size:15px; display:inline-block;}
.ceWrap {position:relative; width:100%; }
.ceWrap .over {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/scroll_hand.png) no-repeat center center, rgba(0,0,0,.5); background-size:110px auto;}
.ceMent {display:none; position:fixed; bottom:30px; left:50%; margin-left:-110px; width:220px; text-align:center; background:url(/img/arrow_scroll.png) no-repeat center 10px rgba(4,80,194,.7); color:#fff; background-size:35px auto; border-radius:50px; padding:30px 0 10px 0; font-size:13px;}
.ceMent:hover {opacity:0;}
.qWrap {}
.qImg {cursor:pointer;}

@media all and (max-width:1200px) {
	.ceWrap table th {font-size:13px;}
	.ceWrap table td {font-size:13px;}
}

@media all and (max-width:768px) {
	.ceWrap table th {padding:15px; font-size:12px;}
	.ceWrap table td {padding:15px; font-size:12px;}
}

@media all and (max-width:550px) {
	.qWrap {display:block;}
	.qImg {width:auto; height:20px;}
}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceMent {display:block;}
	.ceWrap table {width:620px; }
	.ceWrap .table2 {width:100% !important;}
	.ceWrap table th {}
	.ceWrap table td {padding:15px 0;}
}

.input20 {width:20% !important;}
.input23 {width:23% !important;}
.input25 {width:25%;}
.input30 {width:30% !important;}
.input40 {width:40%;}
.input50 {width:50% !important;}
.input60 {width:60%;}
.input70 {width:70%;}
.input97 {width:97%;}

@media all and (max-width:560px) {
	.input20 {width:22%;} 
	.input30 {width:40%;}
}

.ceTable {padding-bottom:100px;}

.ceTable table {width:100%; overflow:hidden;/* margin:45px 0; */  border-top:2px solid #222;}
.ceTable .table2 {width:100%; border-top:2px solid #222;}
.ceTable table th {padding:20px; font-size:14px; font-weight:500; background:rgba(0,0,0,.007); border-bottom:1px solid #ddd;}
.ceTable table td {padding:20px; font-size:14px; font-weight:400; border-bottom:1px solid #ddd;}
.ceTable .zoom {width:30px; height:30px; background:url(/img/icon_search_b.png) no-repeat center center; background-size:15px; display:inline-block;}
.ceWrap {position:relative; width:100%; }
.ceWrap .over {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/scroll_hand.png) no-repeat center center, rgba(0,0,0,.5); background-size:110px auto;}
.ceMent {display:none; position:fixed; bottom:30px; left:50%; margin-left:-110px; width:220px; text-align:center; background:url(/img/arrow_scroll.png) no-repeat center 10px rgba(4,80,194,.7); color:#fff; background-size:35px auto; border-radius:50px; padding:30px 0 10px 0; font-size:13px;}
.ceMent:hover {opacity:0;}
.qWrap {}
.qImg {cursor:pointer;}

@media all and (max-width:1200px) {
	.ceTable table th {font-size:13px;}
	.ceTable table td {font-size:13px;}
}

@media all and (max-width:768px) {
	.ceTable table th {padding:15px; font-size:12px;}
	.ceTable table td {padding:15px; font-size:12px;}
}

@media all and (max-width:550px) {
	.qWrap {display:block;}
	.qImg {width:auto; height:20px;}
}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceMent {display:block;}
	.ceTable table {/* width:620px;  */}
	.ceTable .table2 {width:100% !important;}
	.ceTable table th {font-size:;}
	.ceTable table td {padding:15px 0; font-size:;}
}


/* 마이오피스 반응형 */
.boxWrap {margin:40px 0 0 0; text-align:left; overflow:hidden; }
 
.box50 {position:relative; float:left; width:47%; margin:3% 3% 2% 0; padding:28px 3%; border:1px solid #d9d9d9; border-radius:7px; }
.box50:nth-child(2n+2) {margin:3% 0 2% 0;}
.box50 .date {position:absolute; top:-22px; left:0; font-size:15px; font-weight:500;}
.box50 .number {position:absolute; top:-22px; right:0; font-size:13px; font-weight:400;}
.box50 .tag {background:#505258; padding:7px 12px; color:#fff; font-size:12px; border-radius:3px; display:inline-block;}
.box50 ul {float:left; width:50%; line-height:1.4;}
.box50 .name {padding:15px 0 0 0; font-size:17px; font-weight:500;}
.box50 .qua {/* display:inline; */ font-size:13px; }
.box50 strong {color:#e95377;}
.box50 .price {text-align:right; font-size:20px; font-weight:500;}
.box50 .pv {font-size:15px; color:#e95377;}

.box50.sang {padding:0;}
.box50.sang ul {padding:15px;}
.box50 ul.width03 {width:33.33%;}
.box50 ul.width03 li {text-align:center;}
.box50 .numTag {width:25px; height:25px; background:#505258; margin:0 10px 0 0; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:25px; border-radius:12.5px; display:inline-block;}
.box50 .grade {float:right; background:#e95377; padding:5px 10px; color:#fff; font-size:13px; border-radius:3px;}
.box50 .member {font-size:16px; font-weight:500;}
.box50 .tit {font-size:13px; text-align:center;}
.box50 .bottom {padding:1px; background:#f5f5f5; font-size:12px; overflow:hidden;}
.box50 .big {font-size:14px; font-weight:500;}

.boxWrap .total {margin:30px 0 0 0; padding:25px 0; text-align:center; font-size:18px; font-weight:500; border-top:1px solid #ccc;}
.boxWrap .total span {color:#e95377;}
.boxWrap .nothing {text-align:center; padding:35px 0; font-size:18px; font-weight:500;}
.boxWrap .detail {margin:0 0 15px 10px; padding:5px 7px; font-size:11px; border:1px solid #ddd; border-radius:3px; display:inline-block; cursor:pointer;}

@media all and (max-width:1000px) {
	.boxWrap {margin:30px 0 0 0; padding:10px 0 0 0;}
}

@media all and (max-width:768px) {
	.box50 {margin:30px 3% 2% 0; padding:20px 2%; border-radius:5px;}
	.box50:nth-child(2n+2) {margin:30px 0 2% 0;}
	.box50 .date {}
	.box50 .number {}
	.box50 .tag {padding:5px 10px; font-size:11px; border-radius:2px;}
	.box50 .name {font-size:15px;}
	.box50 .qua {font-size:12px;}
	.box50 .price {font-size:17px;}
	.box50 .pv {font-size:14px;}

	.box50 .big {font-size:13px;}
}

@media all and (max-width:520px) {
	.boxWrap {margin:0px 0 0 0;}
	.box50 {float:none; width:100%; margin:50px 0; padding:22px 5% 75px 5%;} 
	.box50:nth-child(2n+2) {margin:50px 0;}

	.boxWrap .total {padding:15px 0; font-size:15px;}
}

@media all and (max-width:460px) {
	.boxWrap {padding:20px 0 0 0;}
}

.taWrap {width:100%; text-align:left; overflow:hidden;}
.taWrap .left {float:left; width:48%; margin:0 4% 0 0;}
.taWrap .right {float:right; width:48%; }
.taWrap .th {padding:35px 0 5px 0; font-size:14px; font-weight:500;}
.taWrap .td {position:relative; width:100%; height:40px; background:#f5f5f5; padding:0 0 0 10px; line-height:40px; border-radius:5px; border:1px solid rgba(0,0,0,.2);}
.taWrap .td .btnS {position:absolute; right:0; top:0; width:20%; height:100%; background:#505258; font-size:12px; color:#fff; border-radius:0 5px 5px 0; text-align:center; display:inline-block;}
.taWrap .td input {width:95%; height:40px; background:transparent; border:0; text-indent:0; padding:0 !important;}
.taWrap .td input.ra {width:auto; height:auto; }
.taWrap .td.trans2 {}
.taWrap .td.trans3 {}
.taWrap .td.white {background:#fff; padding:0;}
.taWrap .btnWrap {padding:30px 0; text-align:center;}
.taWrap .cap {position:absolute; bottom:-18px; left:0; font-size:12px; color:#e95377; font-weight:400; line-height:1.4;}
.taWrap .space05 {clear:both; margin:5px 0;}
.taWrap .td.input50 {width:48% !important;}
.taWrap select {background:transparent; border:0;}
.taWrap .star {color:#e95377; font-size:12px;}
.taWrap .sInline {display:inline; }
.taWrap .in8 {width:7.5%; text-align:center; display:inline-block;}
.taWrap .in25 {width:25% !important; height:30px !important; border:1px solid rgba(0,0,0,.1) !important; border-radius:5px; }
.taWrap .in25h {width:25% !important; height:30px !important; border:1px solid rgba(0,0,0,.1) !important; border-radius:5px;}
.taWrap .in40 {width:40% !important; height:30px !important; border:1px solid rgba(0,0,0,.1) !important; border-radius:5px; }
.taWrap .check {float:right; margin:-12px 0 0 0;}

@media all and (max-width:820px) {
	.taWrap .left {width:49%; margin:0 2% 0 0;}
	.taWrap .right {width:49%; }
	.taWrap .in25h {width:20% !important;}
}

@media all and (max-width:640px) {
	.taWrap .left {width:100%;}
	.taWrap .right {width:100%;}
	.taWrap .td.input50 {width:100% !important;}
	.taWrap .sInline {display:block;}
	.taWrap .td.trans2 {height:80px;} 
	.taWrap .td.trans3 {height:120px;} 
	.taWrap .in8 {width:25%;}
	.taWrap .in25 {width:65% !important;}
	.taWrap .in25h {width:27% !important;}
}

@media all and (max-width:520px) {
	
}


.suBox {width:100%; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.sDate {padding:27px 0 0 0; text-align:left; font-size:17px; font-weight:500;}
.sDate .detail {float:right; margin:0 0 5px 0; padding:3px 10px; font-size:11px; border:1px solid #ddd; border-radius:3px; display:inline-block;}
.suBox.total {border:2px solid #e95377;}
.suBox ul {float:left; width:25%; padding:17px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.suBox ul.sum {clear:both; float:none; width:100%; background:#f5f5f5; padding:17px; border-bottom:0;}
.suBox ul:nth-child(4n+1) {border-left:0;}
.suBox ul li {text-align:right; }
.suBox .tit {padding:0 0 5px 0; font-size:14px; }
.suBox .num {font-size:18px; font-weight:600;}
.suBox ul.sum .num {font-size:20px; color:#e95377;}

@media all and (max-width:860px) {
	.sDate {font-size:15px;}
	.suBox .tit {font-size:13px;}
	.suBox .num {font-size:16px;}
	.suBox ul.sum .num {font-size:18px}
}

@media all and (max-width:620px) {
	.suBox ul {width:50%;}
	.suBox ul:nth-child(2n+1) {border-left:0;}
}

.sangBox {width:100%; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.sangBox ul {float:left; width:33.33%; padding:17px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.sangBox ul:nth-child(3n+1) {border-left:0;}
.sangBox ul li {text-align:right; }
.sangBox .tit {padding:0 0 5px 0; font-size:14px; }
.sangBox .num {font-size:18px; font-weight:600;}

@media all and (max-width:860px) {
	.sangBox .tit {font-size:13px;}
	.sangBox .num {font-size:16px;}
}

@media all and (max-width:620px) {
	.sangBox ul {width:50%;}
	.suBox ul:nth-child(2n+1) {border-left:0;}
	.sangBox ul:nth-child(3n+1) {border-left:1px solid #ddd;}
}


.toWrap {width:100%; padding:20px 4%; border:1px solid #d9d9d9; border-radius:7px;}

@media all and (max-width:580px) {
	.toWrap {padding:0px 3% 20px 3%;}
}

.line100 {width:100%; margin:5px 0; padding:30px 0; border-bottom:1px dashed #ddd; overflow:hidden;}
.line100.sum {background:rgba(0,0,0,.02); border-bottom:0px solid #333;}
/* .line100:nth-child(even) {background:rgba(0,0,0,.02);} */

.line100:hover {background:rgba(0,0,0,.02); border-bottom:1px solid #ababab;}
.line100 div.sel {float:left; border-left:1px solid #ddd;}
.line100 div:first-child {}
.line100 div.width20 {width:20%; height:78px; border-left:0;}
.line100 div.width201 {width:20%; height:78px; border-left:0;}
.line100 div.width25 {width:25%; height:100%;}
.line100 div.width30 {width:30%; font-size:16px;}
.line100 div.width40 {width:40%; font-size:16px;}
.line100 div.width40 p, .line100 div.width30 p {padding:5px 0;}
.line100 div.width33 {width:33.33%; height:50px; line-height:50px; font-size:15px; border-left:0; border-bottom:1px dashed #ddd;}
.line100 div.width50 {width:50%; }
.line100 .data {font-size:16px; }
.line100 .sum {font-size:17px; font-weight:500;}
.line100 .btnCan {background:#505258; padding:10px 15px; color:#fff; font-size:13px; font-weight:300; border-radius:5px; display:inline-block;}
.midTit {padding:40px 0 7px 0; text-align:left; font-size:20px; font-weight:500;}

.line100 .amount {width:100%; padding:0 17%;}
.line100 .amount ul {overflow:hidden;}
.line100 .amount ul li {float:left; width:50%; padding:5px 0; text-align:left;}
.line100 .amount ul li:nth-child(2n+2) {text-align:right; }

@media all and (max-width:1000px) {
	.line100 .data {font-size:14px; }
}

@media all and (max-width:820px) {
	.line100 {padding:20px 0;}
	.line100 div.sel {font-size:14px !important;}
	.line100 div.width25 {width:50%; padding:3px 0;}

	.line100 div.width33 {font-size:13px;}
	.line100 .btnCan {font-size:11px;}
}



@media all and (max-width:660px) {
	.line100 div.width33 {height:auto; min-height:70px; padding:10px 0; line-height:1.2; }
	.line100 div.width33 strong {display:block;}
	
	.line100 .amount {padding:0 10%;}
	.line100 .btnCan {float:right; padding:10px;}
}

@media all and (max-width:580px) {
	.line100 {position:relative; overflow:visible;}
	.line100 div:first-child {border-left:0;}
	.line100 div.width20 {float:none; width:100% !important; height:auto; padding:0 0 5px 0; text-align:left; font-weight:500;}
	.line100 div.width201 {position:absolute; right:0; top:15px; float:none; width:20%; height:auto; padding:0 0 5px 0; }
	.line100 div.width30 {width:50%; }
	.line100 div.width30 p {padding:3px 0; text-align:left;}
	.line100 div.width40 {width:50% !important;  text-align:left; }
	.line100 div.width40:nth-child(2n+2) {}
	.line100 .wwrap {background:rgba(0,0,0,.02); padding:12px 10px; overflow:hidden;}
	.line100 .amount {padding:0 0 0 5%;}
	.line100 .amount ul li {padding:2px 0;}
	.line100 .btnCan {padding:5px 10px; border-radius:3px;}
}

@media all and (max-width:460px) {
	.line100 div.sel {font-size:12px !important;}
}

/* 정기결제 */
.reWrap {position:relative; width:100%; overflow:hidden; }
.reWrap dl dd {float:left; height:145px; border-bottom:1px dashed rgba(0,0,0,.15); }
.reWrap .name {width:45%; padding:25px 0 25px 8%; text-align:left; font-size:16px; font-weight:500;}
.reWrap .name .ment {width:290px; background:#f8f9f9; margin:7px 0 0 0; padding:20px; font-size:13px; font-weight:400; line-height:1.4;border-radius:7px; display:inline-block;}
.reWrap .price {width:27.5%; padding:63px 0 0 0; font-size:15px; font-weight:500; color:#e95377;}
.reWrap .price strong {font-size:18px; color:#000;}
.reWrap .amount {width:27.5%; padding:60px 0 0 0;}

@media all and (max-width:940px) {
	.reWrap .name {padding:25px 0 25px 3%;}
	.reWrap .price {font-size:15px;}
}

@media all and (max-width:768px) {
	.reWrap .name {width:60%; height:120px; padding:22px 0 15px 3%; font-size:15px; }
	.reWrap .name .ment {padding:12px 5%; }
	.reWrap .price {width:40%; height:60px; padding:30px 0 0 0; font-size:14px; border-bottom:0;}
	.reWrap .price strong {font-size:16px;}
	.reWrap .amount {width:40%; height:60px; padding:0px 0 0 0; }
}

@media all and (max-width:620px) {
	.reWrap .name {padding:22px 0 15px 0;}
	.reWrap .name .ment {width:100%; padding:12px 5%; }
}

@media all and (max-width:550px) {
	.reWrap .name {width:65%;}
	.reWrap .price {width:35%; height:65px; padding:30px 0 0 0;}
	.reWrap .price strong {display:block;}
	.reWrap .amount {width:35%; height:55px;}
	.reWrap .amount .qWrap {display:inline-block;}
	.reWrap .amount .qImg {height:auto;}
}

@media all and (max-width:480px) {
	.reWrap dl dd {height:auto;}
	.reWrap .name {width:100%; padding:25px 0 10px 0; border-bottom:0;}
	.reWrap .price {width:50%; height:60px; padding:5px 0 0 0; font-size:15px; border-bottom:1px dashed rgba(0,0,0,.15);}
	.reWrap .price strong {display:inline; font-size:17px;}
	.reWrap .amount {width:50%; height:60px; padding:0; border-bottom:1px dashed rgba(0,0,0,.15);}
}




.nameWrap {overflow:hidden;}
.nameBox {float:left; width:32%; margin:0.5% 0 0.5% 0.5%; padding:25px; font-size:15px; border:1px solid #d9d9d9; border-radius:7px;}
.nameBox:hover {border:1px solid #e95377; background:#e95377; color:#fff;}
.nameBox p {padding:0 0 10px 0;}
.nameBox strong {font-size:18px;}
.nameBox:nth-child(3n+1) {margin:0.5% 0 0.5% 0;}

@media all and (max-width:520px) {
	.nameBox {padding:20px; font-size:13px;}
	.nameBox strong {font-size:15px;}
}

@media all and (max-width:420px) {
	.nameBox {padding:15px;}
	.nameBox strong {font-size:14px;}
}

.payBox {margin:40px 0 0 0; border:1px solid #ddd; border-radius:7px; padding:3% 4%; overflow:hidden;}
.payBox.w50L {float:left; width:49%; margin:40px 0 50px 0;}
.payBox.w50R {float:right; width:49%; margin:40px 0 50px 0; border:3px solid #000;}

.payBox .midTit {padding:10px 0 40px 0; text-align:left; font-size:20px; font-weight:500;}

.payBox .selTit {padding:7px 0; text-align:left; font-size:16px; font-weight:500; border-bottom:1px dashed #e2e2e2;}
.payBox .content {background:rgba(0,0,0,.01); padding:20px; text-align:left;}
.payBox .content .title {font-size:14px; font-weight:500;}
.payBox .content input {width:40%; height:30px;}
.payBox .content select {width:40%; height:30px;}
.payBox .content p {padding:2px 0;}
.payBox .inBox {background:#fff; margin:5px 0 0 0; padding:20px 5%; font-size:13px; color:rgba(0,0,0,.7); border:1px solid #ddd; border-radius:5px;}
.payBox .inBox span {color:#000; font-weight:500;}
.payBox .inBox dl {overflow:hidden;}
.payBox .inBox dl dd {float:left; padding:2px 0;}
.payBox .inBox dl dd:nth-child(2n+1) {width:25%;}

.payBox .cardBox {background:#fff; margin:5px 0 0 0; padding:20px 5%; font-size:13px; color:rgba(0,0,0,.7); border:1px solid #ddd; border-radius:5px;}
.payBox .cardBox > dl {overflow:hidden;}
.payBox .cardBox > dl > dd {float:left; width:70%; height:35px; line-height:35px;}
.payBox .cardBox > dl > dd.line2 {height:65px; line-height:1.2; padding:4px 0 0 0; }
.payBox .cardBox > dl > dd:nth-child(2n+1) {width:28%;}
.btnGG {height:30px; background:#505258; padding:0 15px; line-height:30px; font-size:11px; color:#fff; border-radius:3px; cursor:pointer; display:inline-block;}
.payBox .sel80 {width:80% !important;}

@media all and (max-width:1000px) {
	.payBox {padding:5%;}
	.payBox.w50L {float:none; width:100%; margin:40px 0;}
	.payBox.w50R {float:none; width:100%; margin:0 0 50px 0;}
}


.payBox ul {overflow:hidden; border-bottom:1px dashed #e2e2e2; }
.payBox ul li {float:left; height:50px; font-size:14px; line-height:50px;}
.payBox ul li.th {width:30%; font-weight:500; }
.payBox ul li.td {width:70%; text-align:right;}
.payBox ul li.td .money {font-weight:bold; color:#000; font-size:23px !important;}
.payBox ul li.td .moneyRed {font-weight:bold; color:#e95377; font-size:30px !important;}
.payBox ul.gray {background:#f5f5f5;}
.payBox ul.gray li.th {font-weight:normal; font-size:13px; text-indent:10px; padding:7px 15px;}
.payBox ul.gray li.td {font-weight:normal; font-size:13px; padding:7px 15px;}
.payBox ul.boldBor {border-bottom:2px solid #24221f;}
.payBox .btnCenter {margin:30px 0 0 0;}
.payBox .cap {margin:15px 0 0 0; color:#e95377; font-size:14px; font-weight:500; line-height:1.5;}
.borNone {border:none !important;}

@media all and (max-width:600px) {
	.payBox .cap span {display:block;}
}


/* 판매등록 view */
.box40 {width:70%; margin:0 auto; padding:50px 4%; text-align:left; border:1px solid #d9d9d9; border-radius:7px; }
.box40 .name {font-size:16px; font-weight:500;}
.box40 .name strong {color:#e95377;}
.box40 .amount {padding:15px 0 5px 0; font-size:20px; font-weight:600;}
.box40 .amount span {font-weight:300; font-size:15px;}
.box40 .pv {font-size:18px; color:#e95377; font-weight:600;}
.box40 .pv span {font-weight:400; font-size:14px;}

.box60 {width:70%; margin:20px auto;padding:28px 3%; text-align:left; border:1px solid #d9d9d9; border-radius:7px; overflow:hidden;}
.box60 ul {border-bottom:1px solid rgba(0,0,0,.04); overflow:hidden;}
.box60 ul li {float:left; width:65%; padding:20px;}
.box60 ul li:nth-child(2n+1) {width:35%; background:rgba(0,0,0,.01);}


@media all and (max-width:860px) {
	.box40 {float:none; width:100%; margin:0 0 20px 0; padding:30px 5%;}
	.box60 {float:none; width:100%;}
}

@media all and (max-width:560px) {
	.box40 .name {font-size:15px;}
	.box40 .amount {font-size:17px;}
	.box40 .amount span {font-size:14px;}
	.box40 .pv {font-size:16px;}
	.box40 .pv span {font-size:13px;}

	.box60 ul li {width:75%; padding:15px; font-size:13px;}
	.box60 ul li:nth-child(2n+1) {width:25%;}
}

@media all and (max-width:460px) {
	.box60 .juso {padding:25px 15px;}
}




/* 블라인드팝업 영역 */
.gray_list tr {
	border-bottom: 1px solid #f5f5f5;
}
.modal-body .gray_list {
    margin-top: 0;
    padding: 0;
    border-radius: unset;
    border: none;
}
.modal-box h3 { font-size: 1.4em; margin:0; }
	
.modal-box .modal_btn {
	font-size: 14px;
	padding: 8px 15px;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	display: inline;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	transition: background-color 1s ease;
}
.modal_btn.ModalOrgList_choice {
    background-color: #00ec74;
}

.modal-box .bBlack {
	height: auto;
	line-height: 2.4;
}

.modal-box .close {float:right; width:20px; height:20px; background:url(/admin/img/join_x.png) no-repeat center right; background-size:90%; font-size:0; opacity:1;}
	
.modal-box .btn:hover {
  	background-color: #ddd;
  	-webkit-transition: background-color 1s ease;
  	-moz-transition: background-color 1s ease;
  	transition: background-color 1s ease;
}
	
.modal-box .btn-small {
	font-weight: 600;
  	padding: 10px 20px;
  	font-size:13px;
	text-shadow:0 0 3px rgba(0,0,0,.2);
}
	
.modal-box {
  	/* display: none; */
	overflow: auto;
	position: fixed;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1050;
	background: #fff;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	-webkit-overflow-scrolling: touch;
}

.modal-box .selOK {background:#1f2531; color:#fff; height:30px; line-height:30px; padding:0 10px; font-weight:400; border:0;}
	
.modal-box .modal_header {
  	padding: 20px;
	background-color: #001e57;
	border-bottom: 1px solid #001e57;
	height:60px;
	color:#fff;
	font-weight: 300;
	font-size:20px;

}
	
.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }
	
.modal-box .modal-body {width:350px; padding: 20px;}
	
.modal-box .modal_footer {
	padding: 1.5em;
	border-top: 1px solid rgba(0,0,0,.2);
	text-align: right;
}
	
.modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9991;
	width: 100%;
	height: 300%;
	background: rgba(0,0,0,0.7);	
	opacity: 1;
	filter: alpha(opacity=100) !important;
}
.cursor {cursor:pointer;}
/* 블라인드팝업 영역 */


/* 20201120 popup */
/* #noticePopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
	display: none; 
} */
/* #noticePopup::before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 50;
} */
#noticePopup .popInner {	
	width: 100%;
	max-width: 100%;
	height: auto;
	font-size: 14px;
	background: #fff;
	padding: 10px;
}
#noticePopup .title {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	line-height: 2;
}
#noticePopup .date {
	font-size: 12px;
	color: #555;
	text-align: right;
}
#noticePopup .textBox {
	max-height: 400px;
	margin: 20px 0;
	background: rgba(222, 221, 214, 0.4);
	padding: 30px 20px;
	font-weight:300;
	overflow-y: auto;
	line-height: 1.7;
}
#noticePopup .textBox::-webkit-scrollbar {
	display: block;
	width: 10px;
}
#noticePopup .textBox::-webkit-scrollbar-thumb {
	background: #ddd;
}
#noticePopup input {
    height: auto;
    margin: 0 3px 0 0;
    vertical-align: inherit;
}
#noticePopup span {
}
#noticePopup .btn-wrap {
    display: flex;
    justify-content: space-around;
	margin: 0 auto;
}
#noticePopup button {
	margin-top: 30px;
	text-align: center;
	border: none;
	background: #ebebeb;
	padding: 10px;
	width: 30%;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
	opacity: 1;
}
#noticePopup .closePop {
	background: #777;
	color: #fff;
}

#noticePopup button.on {
	background: #ccc;
}
#noticePopup .closePop.on {
	background: #333;
}

#noticePopup .tit01 {padding:0 0 5px 0; font-weight:600;}
#noticePopup .docWrap {}
.docWrap > ul {padding:0 0 0 10px;}
.docWrap > ul > li {float:left;}
.docWrap > ul > li.num {width:23px; font-weight:500;}
.docWrap > ul > li.con {width:calc(100% - 23px); padding:0 0 10px 0;}

.docWrap > ul.pd02 {padding:0 0 0 20px;}
.docWrap > ul.pd02 > li.num02 {width:36px; font-weight:500;}
.docWrap > ul.pd02 > li.con02 {width:calc(100% - 36px); padding:0 0 10px 0;}

.docWrap > ul.pd03 {padding:0 0 0 30px;}
.docWrap > ul.pd03 > li.num03 {width:36px; font-weight:500; }
.docWrap > ul.pd03 > li.con03 {width:calc(100% - 36px); padding:0 0 10px 0;}

.docWrap > ul.pd04 {padding:0 0 0 40px;}
.docWrap > ul.pd04 > li.num04 {width:36px; font-weight:500; }
.docWrap > ul.pd04 > li.con04 {width:calc(100% - 36px); padding:0 0 10px 0;}


@media screen and (max-width: 400px) {
	#noticePopup .popInner {
		padding: 0px;
	}
	#noticePopup .title {
		font-size: 5vw;
	}
	#noticePopup .textBox {
		max-height: 250px;
		padding: 15px;
		font-size:12px;
	}
}
/* 20201120 popup end */



/* 정기결제 */
.yakTitle {position:relative; width:900px; margin:0 auto 10px; padding-left:27px; font-size:25px; font-weight:400; text-align:left;}
.yakTitle:before {content:''; position:absolute; left:0; width:15px; height:25px; background:#e95377; margin:0 15px 0 0; display:inline-block;}

.yakWrap {width:900px; margin:0 auto; padding:60px 0 0 0; font-size:15px; line-height:1.5;}
.yakWrap .check {margin:10px 0 0 0; padding:20px 5% 10px 5%;  text-align:center; border:5px solid rgba(0,0,0,.07);}
.yakWrap .check strong {font-weight:500; font-size:16px;}
.yakWrap .btnWrap {margin:20px 0 60px 0; text-align:center;}
.yakWrap .btnAg {background:#e95377; padding:13px 40px 13px 45px; font-size:16px; color:#fff; font-weight:500; border-radius:5px; display:inline-block;}

@media screen and (max-width: 950px) {
	.yakTitle {width:95%; font-size:22px;}
	.yakTitle:before {width:12px; height:22px;}
	.yakWrap {width:95%; padding:40px 0 0 0; font-size:13px;}
}

@media screen and (max-width: 620px) {
	.yakTitle {padding-left:20px; font-size:18px;}
	.yakTitle:before { height:18px;}

	.yakWrap .check strong {font-size:15px;}
	.yakWrap .btnAg {font-size:14px;}
}