@charset "euc-kr";

/* desktop 1600 */
@media screen and (max-width:1600px){	

}

/* desktop 1440 */
@media screen and (max-width:1440px){

	.topGnbBox{padding:0 50px}

}

/* desktop 1366 */
@media screen and (max-width:1366px){

	.topGnbBox{padding:0 10px}

}

/* desktop 1280 */
@media screen and (max-width:1280px){

}


/* desktop 1124 */
@media screen and (max-width:1124px){
}


/* desktop 1024 */
@media screen and (max-width:1024px){
	.topGnbBox .quickGnb .btnTopGnb{display:block;z-index:2001}

	.topGnbBox .topGnb{float:none;position:fixed;left:-85%;top:0;background-color:#252525;text-align:left;width:80%;margin-right:0;overflow-x:hidden;overflow-y:auto;display:none;z-index:2000;
		box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);
	}

	.topGnbBox .topGnb .topGnbHead,
	.topGnbBox .topGnb .topGnbFoot{display:block}

	.topGnbBox .topGnb .topGnbSet{}
	.topGnbBox .topGnb .topGnbSet li{float:none;border-bottom:1px solid #3b3b3b;box-shadow:inset 0 -1px 1px rgba(0,0,0,0.7)}
	.topGnbBox .topGnb .topGnbSet li a{color:#fff}
	.topGnbBox .topGnb .topGnbSet li a.mPS2id-highlight{border-bottom:none;color:#e6842c}
}



/* mobie 1023 */
@media screen and (max-width:1023px){

}

/* mobie 960 */
@media screen and (max-width:960px){
	.companyWrap{}

	.summaryBody{}
	.summaryBody .colsWrap .left{position:absolute;right:10px;top:0}
	.summaryBody .colsWrap .right{position:relative;float:left;left:0;right:0}

	.valueBody{}
	.valueBody .colsWrap{padding:0 5px}
	.valueBody .colsWrap .cols{width:50%;padding:5px}
	.valueBody .colsWrap .cols .colsIn{border-radius:0}
	.valueBody .colsWrap .cols .text h4{font-size:36px;letter-spacing:-1px}
	.valueBody .colsWrap .cols .text .txt1{font-size:16px;margin-bottom:30px}
	.valueBody .colsWrap .cols .text .txt2{font-size:24px;letter-spacing:-1px}


	.guideWrap{}

	.processBody .colsWrap .cols{width:33.333333%;padding:10px}







	.estimateWrap{}

	.estimateWrap .colsWrap .colsBox{float:none}
	.estimateWrap .colsWrap .colsBox.left{width:100%;padding-right:0;border-right:none}
	.estimateWrap .colsWrap .colsBox.right{width:100%;padding-left:0}
	.estimateWrap .colsWrap .colsBox.right .cols{float:left;width:50%}
}


/* mobie 900 */
@media screen and (max-width:900px){
	.guideWrap{}

	.paperBody{}

	.paperBody .overview.millboard{margin-bottom:60px}
	.paperBody .overview.millboard .left{float:none;position:absolute;left:10px;top:0;z-index:1}
	.paperBody .overview.millboard .right{float:right;position:relative;right:0;z-index:2;
		-webkit-transition-duration:.5s;
		transition-duration:.5s;
	}
}

/* mobie 800 */
@media screen and (max-width:800px){
}

/* mobie 768 */
@media screen and (max-width:768px){
	
}

/* mobie 736 */
@media screen and (max-width:736px){

}

/* mobie 720 */
@media screen and (max-width:720px){

	.guideWrap{}

	.paperBody{}

	.paperBody .overview.cardboard{margin-bottom:60px}
	.paperBody .overview.cardboard .left{float:none;position:absolute;left:10px;top:0;z-index:1}
	.paperBody .overview.cardboard .right{float:right;position:relative;right:0;z-index:2;
		-webkit-transition-duration:.5s;
		transition-duration:.5s;
	}

	.paperBody .colsWrap.millboard.data .cols,
	.paperBody .colsWrap.cardboard.data .cols{
		padding:5px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}



	/* 1:1 »ó´ã */
	.consultWrap{}

	.consultWrap .colsWrap .contactForm .rows{width:100%;padding:0}



	.listWrap{}

	.listBody{}

	.listBody .colsWrap .cols{width:33.3333333%;padding:0 10px;margin-bottom:50px}


}

/* mobie 667 */
@media screen and (max-width:667px){	

}

/* mobie 640 */
@media screen and (max-width:640px){
	.sectionPanel h1{font-size:4em;font-weight:100;letter-spacing:-3px}
	.sectionPanel h2{font-size:3em}

	.companyWrap{}

	.summaryBody{}
	.summaryBody .colsWrap{padding:0}
	.summaryBody .colsWrap .left{position:relative;right:0;float:none;width:100%}
	.summaryBody .colsWrap .right{float:none;top:-20px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);padding:15px;margin:0 auto;opacity:1}
	.summaryBody .colsWrap .right.moved{top:-20px}
	.summaryBody .colsWrap .right h3{margin-bottom:10px}

	.ruleBody{}
	.ruleBody .colsWrap{padding:0 5px}
	.ruleBody .colsWrap .cols{padding:0 5px}



	.guideWrap{}

	.kindBody .colsWrap .cols{padding:0 15px}






	.productWrap{}



	/* 1:1 »ó´ã */
	.consultWrap{}

	.consultWrap .colsWrap .cols{position:relative;float:none;width:100%}
	.consultWrap .colsWrap .contactInfo{top:0;margin-bottom:20px}
	.consultWrap .colsWrap .contactHow{position:relative;left:0;bottom:0}
	.consultWrap .colsWrap .contactForm{top:0;right:0;padding:30px 10px}

	.consultWrap .colsWrap .contactForm .rows{width:50%;padding:0 5px}
	.consultWrap .colsWrap .contactForm .rows.wide{width:100%}

	.consultWrap .colsWrap .contactInfo.verticalCenter{position:relative;top:0;text-align:center;
		-webkit-transform: translateY(0);
		-moz-transform:    translateY(0);
		-ms-transform:     translateY(0);
		-o-transform:      translateY(0);
		transform:         translateY(0);
	}




	/+ ÇÏ´Ü */
	.bottomBody .cols{float:none}
	.bottomBody .bottomLogo{display:none}
	.bottomBody .copyright{font-size:12px;width:100%;text-align:center}
	.bottomBody .copyright .company em{font-size:14px}
	.bottomBody .copyright span{display:block}
	.bottomBody .copyright .btmHide{display:none}





	.sidePagination{display:none}
}

/* mobie 568 */
@media screen and (max-width:568px){

}

/* mobie 480 */
@media screen and (max-width:480px){
	.companyWrap{}

	.ruleBody .colsWrap{padding:0}
	.ruleBody .colsWrap .ruleSlide{width:100%}
	.ruleBody .colsWrap .ruleSlide .ruleSlideIn{width:600px;padding:0 5px}
	.ruleBody .colsWrap .ruleSlide .ruleSlideIn::after{content:"";display:block;clear:both}



	.guideWrap{}

	.processBody .colsWrap .cols{width:50%}


	.kindBody{position:relative;background:url('/images/bg_curve_line.png') 50% 0 no-repeat;width:100%;margin-bottom:100px}

	.kindBody .colsWrap .cols{float:none;width:100%;margin-bottom:20px;padding:0 10px}
	.kindBody .colsWrap .cols .colsIn{position:relative;width:100%}
	.kindBody .colsWrap .cols .colsIn::after{content:"";display:block;clear:both}
	.kindBody .colsIn > div{float:left}
	.kindBody .colsIn .photo{width:30%;margin-bottom:0}
	.kindBody .colsIn .photo img{width:100%;border:1px solid #ddd;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;

		-moz-box-shadow:0px 20px 20px -20px rgba(0, 0, 0, 0.7);
		-ms-box-shadow:0px 20px 20px -20px rgba(0, 0, 0, 0.7);
		-o-box-shadow:0px 20px 20px -20px rgba(0, 0, 0, 0.7);
		-webkit-box-shadow:0px 20px 20px -20px rgba(0, 0, 0, 0.7);
		box-shadow:0px 20px 20px -20px rgba(0, 0, 0, 0.7);
	}
	.kindBody .colsIn .text{width:70%;text-align:left;padding:10px 0 0 10px}
	.kindBody .colsIn .text h4{font-size:18px}
	.kindBody .colsIn .text p{font-size:14px}






	.paperBody .overview{padding:0}

	.paperBody .overview.millboard,
	.paperBody .overview.cardboard{margin-bottom:0}

	.paperBody .overview.millboard .left,
	.paperBody .overview.cardboard .left{float:none;position:relative;left:0;width:100%}

	.paperBody .overview.millboard .right,
	.paperBody .overview.cardboard .right{float:none;position:relative;top:-30px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);padding:10px;margin:0 auto;z-index:2}


	.paperBody .colsWrap{padding:5px;margin:0 auto}

	.paperBody .colsWrap .cols h4{background:#fff;line-height:1;padding:0;margin-bottom:10px}
	.paperBody .colsWrap .cols p{margin-bottom:5px}
	.paperBody .colsWrap .cols .text{color:#666}

	.paperBody .colsWrap.millboard.data{margin-bottom:50px;padding:5px}
	.paperBody .colsWrap.cardboard.data{margin-bottom:0;padding:5px}









	.estimateWrap{}

	.estimateWrap .colsWrap .colsBox{float:none}
	.estimateWrap .colsWrap .colsBox.left{width:100%;padding-right:0;border-right:none}
	.estimateWrap .colsWrap .colsBox.right{width:100%;padding-left:0}
	.estimateWrap .colsWrap .colsBox.right .cols{float:none;width:100%}




	/* 1:1 »ó´ã */
	.consultWrap{}

	.consultWrap .colsWrap .contactForm .rows{width:100%}





	.locationWrap{}

	.locationBody .contact span{display:block}
}

/* mobie 420 */
@media screen and (max-width:420px){
	.homeWrap .mainVisual{}
	.homeWrap .mainVisual h1{font-size:4em}
	.homeWrap .mainVisual h2{font-size:3em}
	.homeWrap .mainVisual h2 span{display:block}



	.companyWrap{}

	.summaryBody h2 span{display:block}

	.valueBody{}
	.valueBody .colsWrap .cols .text{padding:0}
	.valueBody .colsWrap .cols .text h4{font-size:30px;letter-spacing:-1px}
	.valueBody .colsWrap .cols .text .txt1{font-size:14px;letter-spacing:-1px;margin-bottom:20px}
	.valueBody .colsWrap .cols .text .txt2{font-size:20px;letter-spacing:-1px}
	.valueBody .colsWrap .cols .text .txt2 em{display:block}



	.guideWrap{}

	.paperBody .colsWrap.millboard.data .cols,
	.paperBody .colsWrap.cardboard.data .cols{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}



	.productWrap{}

	.makeBody h2 span{display:block}




	.bottomBody{}

	.bottomContact{padding:80px 0}
	.bottomContact .colsWrap .cols{padding:5px 10px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.bottomBody .copyright .item span{display:block}



	.listWrap{}

	.listBody{}

	.listBody .colsWrap .cols{width:50%;padding:0 10px;margin-bottom:50px}


	.viewWrap{}

	.viewMain .goodsPhoto{float:none;width:100%}

	.viewMain .goodsInfo{float:none;width:100%;padding-left:0}

}

/* mobie 414 */
@media screen and (max-width:414px){


}

/* mobie 384 */
@media screen and (max-width:384px){

}

/* mobie 375 */
@media screen and (max-width:375px){

}

/* mobie 360 */
@media screen and (max-width:360px){

	.companyWrap{}

	.summaryBody .colsWrap h4{letter-spacing:-1px}

}


/* mobie 320 */
@media screen and (max-width:320px){


}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (-webkit-min-device-pixel-ratio:1.5){

}



/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}




/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}



/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}



/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}


/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}


/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

}



/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}