@charset "utf-8";

#contents.prd section.suggest{position:relative; overflow:hidden; background-color:#fff; 
    padding: 4em 0.8em 0;}
#contents.prd section.suggest > div.overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-image: none;}
#contents.prd section.suggest > div.text{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center}
#contents.prd section.suggest p.sub{color: #fff;}
#contents.prd section.suggest h2.sug span{display:block; font-weight:300; word-break: break-all}
#contents.prd section.suggest h2.sug b{display:block;}
#contents.prd section.suggest div.txtBox{position:relative; display:flex; align-items:center; justify-content:center}
#contents.prd section.suggest div.txtBox p{font-weight: 300; background: rgb(255,255,255,.1); border-radius: 500px;}
#contents.prd section.suggest div.txtBox div.paren{font-weight:100}
#contents.prd section.suggest div.sentence{}
#contents.prd section.suggest div.desc{width: 100%; background-color: rgb(0 21 55 / 80%); color: #fff; background-image: url('https://www.picosoft.kr/image/prd2/bg.png'); background-position: center; background-size: cover; background-blend-mode: multiply;}
@media screen and (max-width:1280px){
	#contents.prd section.suggest p.sub{margin:0 0 1.61em 0; font-size:1.1em}
	#contents.prd section.suggest h2.sug{margin:0; font-size:2em}
	#contents.prd section.suggest div.txtBox{margin:1em 0 3em 0}
	#contents.prd section.suggest div.txtBox p{margin: 0 0 0.67em 0; font-size: 1em; padding: 0.33em 2em}
	#contents.prd section.suggest div.txtBox div.paren{margin:0 0.1em; font-size:6em}
	#contents.prd section.suggest div.sentence{}
	#contents.prd section.suggest div.desc{padding:2em; border-radius:1em; font-size:1em}
}
@media screen and (max-width:320px){

}
@media screen and (min-width:321px) and (max-width:360px){

}
@media screen and (min-width:361px) and (max-width:428px){

}
@media screen and (min-width:429px) and (max-width:767px){

}
@media screen and (min-width:768px) and (max-width:1024px){

}
@media screen and (min-width:1025px) and (max-width:1280px){

}
@media screen and (min-width:1281px){
	#contents.prd section.section.suggest{padding:9em 0 0}
	#contents.prd section.suggest p.sub{margin:0 0 1.61em 0; font-size:1.625em}
	#contents.prd section.suggest h2.sug{margin:0; font-size:3em}
	#contents.prd section.suggest div.txtBox{margin:2.8em 0 4.6em 0}
	#contents.prd section.suggest div.txtBox p{margin: 0; font-size: 1.25em; padding: 0.83em 2.92em; margin: 0 0.42em}
	#contents.prd section.suggest div.txtBox p:last-child{margin: 0 0.42em}
	#contents.prd section.suggest div.txtBox div.paren{margin:0 0.2em; font-size:8.5em}
	#contents.prd section.suggest div.sentence{flex-direction: row; align-items: center;}
	#contents.prd section.suggest div.desc{padding:5em 2em; border-radius:1em; font-size:1.5em}
}
@media screen and (min-width:1281px) and (max-width:1399px){

}
@media screen and (min-width:1400px) and (max-width:1599px){

}
@media screen and (min-width:1600px) and (max-width:1679px){

}
@media screen and (min-width:1680px) and (max-width:1919px){

}
@media screen and (min-width:1920px){

}

#contents.prd section.paper{overflow:hidden; background-color:#fff; font-family:'Pretendard'}
#contents.prd section.paper div.paper{position:relative; display:flex}
#contents.prd section.paper p.h2Desc{ color: var(--color-button-background); width: fit-content; width: 100%; font-weight: 700}
#contents.prd section.paper div.paper div.text{box-sizing:border-box}
#contents.prd section.paper div.title{position:relative; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center}
#contents.prd section.paper h3.paper{}
#contents.prd section.paper h2.title{line-height: 130%;}
#contents.prd section.paper h2.title strong {font-weight: 500; display: block;}
#contents.prd section.paper span.bw{padding:0.1em 0.6em; background-color:#F0F4FB; line-height:1.4em;border-radius: 500px; color: var(--color-tertiary);}
#contents.prd section.paper div.paper div.desc{font-weight:400;line-height: 140%;}
#contents.prd section.paper div.paper div.desc p:last-child{margin:0}
#contents.prd section.paper div.paper div.desc strong{font-weight:700}
#contents.prd section.paper ul.char{display:flex; flex-wrap:wrap; margin: -1.25em;}
#contents.prd section.paper ul.char > li{box-sizing:border-box}
#contents.prd section.paper ul.char > li > div{border-radius: 10px}
#contents.prd section.paper ul.char div.exp{font-weight: 400; color: var(--color-tertiary); line-height: 137%;}
@media screen and (max-width:1280px){
	h2.title{text-align:center}
	#contents.prd section.paper p.h2Desc{margin: 0.63em auto 2em; font-size: 1em; font-weight: 400;}
	#contents section.paper h2.title{margin: 1em 0 0 0; font-size: 2em;}
	#contents.prd section.paper div.title{margin:0 0 1.25em 0;justify-content:center}
	#contents.prd section.paper div.paper{flex-wrap:wrap; flex-direction:column-reverse; align-items: center;}
	#contents.prd section.paper div.paper div.text{width:100%}
	#contents.prd section.paper h3.paper{margin:0 0.5em 0 0; font-size:1.8em}
	#contents.prd section.paper span.bw{font-size:1.1em}
	#contents.prd section.paper div.desc{margin:0 0 3em 0; font-size:1.15em}
	#contents.prd section.paper div.desc p{text-align:center; margin:0 0 0.85em 0}
	
	#contents.prd section.paper ul.char{margin: -0.63em;}
	#contents.prd section.paper ul.char > li{text-align:center; width: calc(100% / 2 - 1.33em); padding: 0.63em; margin: 0.63em; border: 1px solid #e3e3e3; display: flex; flex-direction: column; flex: 1 1 auto;}
	#contents.prd section.paper ul.char h4{margin:0 0 0.5em 0; font-size:1.3em}
	#contents.prd section.paper ul.char div.exp{font-size:1em}
	#contents.prd section.paper div.paperList{width:50%}
}
@media screen and (max-width:320px){
}
@media screen and (min-width:321px) and (max-width:360px){
}
@media screen and (min-width:361px) and (max-width:428px){
}
@media screen and (min-width:429px) and (max-width:767px){
}
@media screen and (min-width:768px) and (max-width:1024px){
}
@media screen and (min-width:1025px) and (max-width:1280px){
}
@media screen and (min-width:1281px){
	#contents.prd section.paper p.h2Desc{font-size: 1.5em;}
	#contents.prd section.paper h2.title{font-size:3em; margin: 0 auto 0.63em;}	
	#contents.prd section.paper div.paper{flex-wrap:nowrap; align-items:center; max-width: 1600px; margin: 0 auto;}
	#contents.prd section.paper div.paper div.text{width:50%; padding:0 10em 0 0}
	#contents.prd section.paper div.title{margin:0 0 1.25em 0}
	#contents.prd section.paper h3.paper{margin:0 0.44em 0 0; font-size:2.13em}
	#contents.prd section.paper span.bw{font-size:1.125em}
	#contents.prd section.paper div.paper div.desc{margin:0 0 3em 0; font-size:1.3125em}
	#contents.prd section.paper div.paper div.desc p{margin:0 0 0.85em 0}

	#contents.prd section.paper ul.char{margin: -0.63em;}
	#contents.prd section.paper ul.char > li{width: calc(100% / 2); padding: 0.63em; display: flex; flex: 1 1 auto;}
	#contents.prd section.paper ul.char > li > div{padding: 1.88em; border: 1px solid #e3e3e3; width: 100%;}
	#contents.prd section.paper ul.char h4{margin:0 0 0.5em 0; font-size:1.625em}
	#contents.prd section.paper ul.char div.exp{font-size:1.125em}
}
@media screen and (min-width:1281px) and (max-width:1399px){

}
@media screen and (min-width:1400px) and (max-width:1599px){

}
@media screen and (min-width:1600px) and (max-width:1679px){

}
@media screen and (min-width:1680px) and (max-width:1919px){

}
@media screen and (min-width:1920px){

}

#contents.prd section.paper div.paperList{position:relative; box-sizing:border-box}
#contents.prd section.paper div.paperList span.click{position:absolute; display:flex; justify-content:center; align-items:center; border-top-right-radius:50%; border-bottom-right-radius:50%; border-top-left-radius:50%; background-color:var(--color-button-background); color:#fff; -webkit-animation-name:_blinker; animation-name:_blinker; -webkit-animation-duration:1s; animation-duration:1s; animation-fill-mode:both; animation-iteration-count:infinite}
#contents.prd section.paper ul.paper{position:relative; width:100%; border-radius:50%; border:1px solid var(--color-primary); transition:all .4s}
#contents.prd section.paper ul.paper:before{content:''; display:block; padding:50% 0}
#contents.prd section.paper ul.paper > li{position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; transition:all .4s}
#contents.prd section.paper ul.paper > li.next{z-index:1}
#contents.prd section.paper ul.paper div.img{position:relative; z-index:1; display:flex; justify-content:center; align-items:center; width:5%; height:5%; margin:-3% auto; border-radius:50%; overflow:hidden; transition:all .4s}
#contents.prd section.paper ul.paper div.img:before{content:''; position:absolute; z-index:1; opacity:0; top:0; left:0; width:100%; height:100%; border-radius:50%; box-sizing:border-box; transition:all .4s}
#contents.prd section.paper ul.paper > li.next div.img:hover:before{opacity:1}
#contents.prd section.paper ul.paper div.img:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:var(--color-primary); transition:all .4s}
#contents.prd section.paper ul.paper > li.on div.img:after{opacity:0}
#contents.prd section.paper ul.paper > li.next div.img:after{opacity:0}
#contents.prd section.paper ul.paper > li.on div.img{transform:scale(16) rotate(90deg)}
#contents.prd section.paper ul.paper > li.next div.img{z-index:1; transform:scale(5); cursor:pointer}
#contents.prd section.paper ul.paper div.img img{position:absolute; top:0; left:0; width:100%; height:100%; transition:all .4s}
#contents.prd section.paper ul.paper > li.nnext{display:none; opacity:0}
#contents.prd section.paper ul.paper span.paper{position:relative; z-index:1; opacity:0; visibility:hidden; display:flex; justify-content:center; align-items:center; font-weight:500; color:#666; text-align:center; transition:all .4s}
#contents.prd section.paper ul.paper li.on span.paper{opacity:1; transform:scale(0.0625)}
#contents.prd section.paper ul.paper > li.next span.paper{opacity:1; transform:scale(0.2) rotate(0deg)}
#contents.prd section.paper ul.paper > li.prev span.paper{transform:rotate(-180deg)}
@media screen and (max-width:1280px){
	#contents.prd section.paper p.h2Desc{text-align:center}
	#contents.prd section.paper div.paperList{width:50%; padding:6em; margin:0 0 3em 0}
	#contents.prd section.paper div.paperList span.click{width:2em; height:2em; padding:0.6em; top:-2vh; right:4vw; font-size:1em}
	#contents.prd section.paper div.paperList span.click{}
	#contents.prd section.paper ul.paper{left:3em}
	#contents.prd section.paper ul.paper > li.next div.img:before{border:1px solid var(--color-primary)}
}
@media screen and (max-width:320px){
	#contents.prd section.paper div.paperList{width:100%; margin:0 0 3em 0}
	#contents.prd section.paper div.paperList span.click{top:2vh; right: 4vw;}
}
@media screen and (min-width:321px) and (max-width:360px){
	#contents.prd section.paper div.paperList{width:100%; margin:0 0 3em 0}
	#contents.prd section.paper div.paperList span.click{top:2vh; right: 15vw;}
}
@media screen and (min-width:361px) and (max-width:428px){
	#contents.prd section.paper div.paperList{width:100%; padding:6em; margin:0 0 3em 0}
	#contents.prd section.paper div.paperList span.click{top:2vh; right: 16vw;}
}
@media screen and (min-width:429px) and (max-width:767px){
	#contents.prd section.paper div.paperList{width:80%; margin:0 0 3em 0}
	#contents.prd section.paper div.paperList span.click{top: 1vh; right: 15vw}
}
@media screen and (min-width:768px) and (max-width:1024px){
	#contents.prd section.paper div.paperList span.click{top: 1vh; right: 9vw;}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	#contents.prd section.paper div.paperList span.click{top: 1vh; right: 9vw;}
}
@media screen and (min-width:1281px){
	#contents.prd section.paper div.paperList{width:50%; padding:0 0 0 12em}
	#contents.prd section.paper div.paperList span.click{top:-9em; right:10em; width:2em; height:2em; padding:0.6em; font-size:1.2em}
	#contents.prd section.paper ul.paper{left:3em}
	#contents.prd section.paper ul.paper > li.next div.img:before{border:1px solid var(--color-primary);}
}
@media screen and (min-width:1281px) and (max-width:1399px){

}
@media screen and (min-width:1400px) and (max-width:1599px){

}
@media screen and (min-width:1600px) and (max-width:1679px){

}
@media screen and (min-width:1680px) and (max-width:1919px){

}
@media screen and (min-width:1920px){

}

#contents.prd section.paper.pp{background-color:#F0F4FB}
#contents.prd section.pp ul.pp{position:relative; display:flex; flex-wrap:wrap}
#contents.prd section.pp ul.pp > li{position:relative; box-sizing:border-box}
#contents.prd section.pp ul.pp div.box{position:relative; height:100%; border-radius: 20px; overflow:hidden; background-color:#fff; transition:all 1s}
#contents.prd section.pp ul.pp div.imgW{overflow:hidden}
#contents.prd section.pp ul.pp div.img{position:relative; transition:all 1s}
#contents.prd section.pp ul.pp div.img:before{content:''; display:block; padding:40% 0}
#contents.prd section.pp ul.pp div.img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
#contents.prd section.pp ul.pp h3{width:100%; font-weight:600}
#contents.prd section.pp ul.pp div.desc{font-weight:300; line-height:1.4em}
@media screen and (max-width:1280px){
	#contents.prd section.pp ul.pp{left:-0.5em; width:calc(100% + 1em); margin:2.8em 0 0 0}
	#contents.prd section.pp ul.pp > li{padding:0 0.5em; margin:0 0 1em 0}
	#contents.prd section.pp ul.pp div.box{}
	#contents.prd section.pp ul.pp div.box:hover{}
	#contents.prd section.pp ul.pp div.box:hover div.img{transform:scale(1.2)}
	#contents.prd section.pp ul.pp div.text{padding:0.8em}
	#contents.prd section.pp ul.pp h3{font-size:1.3em}
	#contents.prd section.pp ul.pp div.desc{margin:0.8em 0 0 0; font-size:0.9em}
}
@media screen and (max-width:320px){
	#contents.prd section.pp ul.pp > li{width:50%}
	#contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2), #contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin:0}
}
@media screen and (min-width:321px) and (max-width:360px){
	#contents.prd section.pp ul.pp > li{width:50%}
	#contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2), #contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin:0}
}
@media screen and (min-width:361px) and (max-width:428px){
	#contents.prd section.pp ul.pp > li{width:50%}
	#contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2), #contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin:0}
}
@media screen and (min-width:429px) and (max-width:767px){
	#contents.prd section.pp ul.pp > li{width:50%}
	#contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2), #contents.prd section.pp ul.pp > li:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin:0}
}
@media screen and (min-width:768px) and (max-width:1024px){
	#contents.prd section.pp ul.pp > li{width:calc(100% / 3)}
	#contents.prd section.pp ul.pp > li:nth-child(3n+1):nth-last-child(-n+3), #contents.prd section.pp ul.pp > li:nth-child(3n+1):nth-last-child(-n+3) ~ li{margin:0}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	#contents.prd section.pp ul.pp > li{width:25%}
	#contents.prd section.pp ul.pp > li:nth-child(4n+1):nth-last-child(-n+4), #contents.prd section.pp ul.pp > li:nth-child(4n+1):nth-last-child(-n+4) ~ li{margin:0}
}
@media screen and (min-width:1281px){
	#contents.prd section.pp ul.pp{max-width: 1600px; width:calc(100% + 2em); margin: 2.8em auto 0;}
	#contents.prd section.pp ul.pp > li{width:25%; padding:0 1em; margin:0 0 2em 0}
	#contents.prd section.pp ul.pp > li:nth-child(4n+1):nth-last-child(-n+4), #contents.prd section.pp ul.pp > li:nth-child(4n+1):nth-last-child(-n+4) ~ li{margin:0}
	#contents.prd section.pp ul.pp div.box{}
	#contents.prd section.pp ul.pp div.box:hover{}
	#contents.prd section.pp ul.pp div.box:hover div.img{transform:scale(1.2)}
	#contents.prd section.pp ul.pp div.text{padding:1.6em}
	#contents.prd section.pp ul.pp h3{font-size:1.4em}
	#contents.prd section.pp ul.pp div.desc{margin:1em 0 0 0; font-size:1.1em}
}
@media screen and (min-width:1281px) and (max-width:1399px){

}
@media screen and (min-width:1400px) and (max-width:1599px){

}
@media screen and (min-width:1600px) and (max-width:1679px){

}
@media screen and (min-width:1680px) and (max-width:1919px){

}
@media screen and (min-width:1920px){

}


/* 접지 순서 */
section.fold{background-color:#F0F4FB}
#contents.prd section.fold p.h2Desc{width:100%; color:var(--color-button-background); font-weight:700}
#contents.prd section.fold h2.title{line-height:1.3em}
h3.fold-seq-title{font-weight:600}
ul.fold-seq{position:relative; display:flex; flex-wrap:wrap}
li.fold-seq-list{display:flex; flex-direction:column; box-sizing:border-box}
p.fold-seq-title-desc{font-weight:300}
div.fold-seq-list-img-wrap{border-radius:1.88em; background:#fff}
ul.fold-seq-list-img{display:flex; justify-content:space-between; align-items:stretch}
li.fold-seq-list-img{display:flex; flex-direction:column; align-items:center; width:calc(100% / 3); height:100%; text-align:center}
li.fold-seq-list-img:first-child{width:15%}
li.fold-seq-list-img img{display:block; width:100%; height:100%; object-fit:contain}
li.fold-seq-list-img span{display:block; border-radius:500px; background:#2150BD; color:#fff; white-space:nowrap}
@media screen and (max-width:1280px){
	#contents.prd section.fold p.h2Desc{text-align:center}
	div.fold-seq{padding:3.3rem 0 0 0}
	ul.fold-seq{left:-0.6rem; width:calc(100% + 1.2rem)}
	li.fold-seq-list{padding:0 0.6rem; margin-bottom:1.2rem}

	div.fold-seq-title{margin:0 0 0.8rem 0}
	h3.fold-seq-title{font-size:1.5rem; margin:0 0 0.4rem 0}
	p.fold-seq-title-desc{font-size:1em}

	div.fold-seq-list-img-wrap{padding:1rem}
	div.fold-seq-list-img{height:8rem}
	li.fold-seq-list-img span{padding:0.23rem 0.68rem; margin:0.8rem 0 0 0; font-size:1rem}
}
@media screen and (max-width:359px){
	li.fold-seq-list{width:100%}
	li.fold-seq-list:last-child{margin-bottom:0}
}
@media screen and (min-width:360px) and (max-width:428px){
	li.fold-seq-list{width:100%}
	li.fold-seq-list:last-child{margin-bottom:0}
}
@media screen and (min-width:429px) and (max-width:767px){
	li.fold-seq-list{width:100%}
	li.fold-seq-list:last-child{margin-bottom:0}
}
@media screen and (min-width:768px) and (max-width:1024px){
	li.fold-seq-list{width:50%}
	li.fold-seq-list:nth-child(2n+1):nth-last-child(-n+2), li.fold-seq-list:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin-bottom:0}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	li.fold-seq-list{width:calc(100% / 3)}
	li.fold-seq-list:nth-child(3n+1):nth-last-child(-n+3), li.fold-seq-list:nth-child(3n+1):nth-last-child(-n+3) ~ li{margin-bottom:0}
}
@media screen and (min-width:1281px){
	#contents.prd section.fold h2.title{white-space: pre-line; font-size: 3em}

	div.fold-seq{max-width:1600px; margin:6rem auto 0 auto}
	ul.fold-seq{left:-1rem; width:calc(100% + 2rem)}
	li.fold-seq-list{display:flex; flex-direction:column; width:calc(100% / 3); padding:0 1rem; margin-bottom:2rem}
	li.fold-seq-list:nth-child(3n+1):nth-last-child(-n+3), li.fold-seq-list:nth-child(3n+1):nth-last-child(-n+3) ~ li{margin-bottom:0}

	div.fold-seq-title{margin:0 0 1rem 0}
	h3.fold-seq-title{font-size:1.9rem}
	p.fold-seq-title-desc{margin:0.4rem 0 0 0; white-space:pre-line; font-size:1.3rem}
	div.fold-seq-list-img-wrap{padding:2.5em 3.75em}
	div.fold-seq-list-img{height:8rem}
	li.fold-seq-list-img span{padding:0.23rem 0.68rem; margin:0.8rem 0 0 0; font-size:1rem}
}
/* 접지 순서 */


/* 사이즈 */
#contents.prd section.size p.h2Desc{ color: var(--color-button-background); width: fit-content; width: 100%; font-weight: 700; border-radius: 500px}
#contents.prd section.size h2.title{line-height:130%}
#contents.prd section.size h2.title strong {font-weight: 500;}
#contents.prd section.size .size_tit p{line-height: 140%; word-break: break-all}
#contents.prd section.size .size_tit p span{font-weight:700;}

#contents.prd section.size .size_list ul{display: flex; flex-wrap: wrap}
#contents.prd section.size .size_list ul li{display:flex; flex-wrap:wrap}
#contents.prd section.size .size_list ul li{box-sizing:border-box; display: flex; flex: 1 1 auto}
#contents.prd section.size .size_list ul li .size_list_info{border-radius: 10px; width: 100%;}
#contents.prd section.size .size_list ul li .size_list_info p{font-weight: 400; color: var(--color-tertiary); line-height: 137%;}
#contents.prd section.size .cont1 > div .img {}
#contents.prd section.size .cont1 > div .img img{display: block; max-width: 100%; margin:0 auto}

@media screen and (max-width:1280px){
	#contents.prd section.size .size_tit{text-align: center}
	#contents.prd section.size p.h2Desc{margin: 0.63em 0 2em 0; font-size: 1em; font-weight: 400; margin: 0 auto; text-align:center}	
    #contents.prd section.size h2.title {margin: 1em 0 1.2em; font-size: 2em; white-space: pre-line; text-align:center}
	#contents.prd section.size .size_tit h3 {font-size: 1.8em; margin: 0 0 0.7em 0;}
	#contents.prd section.size .size_tit p{font-size:1.15em; margin: 0 0 3em 0;}

	#contents.prd section.size .size_list ul{margin: -0.63em}
	#contents.prd section.size .size_list ul li{width: calc(100% / 2 - 2.5em); text-align:center; padding: 0.63em; margin: 0.63em; border: 1px solid #e3e3e3; display: flex; flex-direction: column;}
	#contents.prd section.size .size_list ul li .size_list_info h4{margin: 0 0 0.5em 0; font-size: 1.3em;}
	#contents.prd section.size .size_list ul li .size_list_info p{font-size: 1em;}
}
@media screen and (min-width:1281px){
	#contents.prd section.size .cont1{display: flex; margin: 0 auto 5.63em; max-width: 1600px;}
	#contents.prd section.size .cont1 > div{width:calc(100%/2)}
	#contents.prd section.size p.h2Desc{font-size: 1.5em;}
	#contents.prd section.size h2.title{white-space: pre-line; font-size: 3em; margin: 0 0 0.83em 0;}
	#contents.prd section.size .size_tit {margin: 0 auto 5.63em; max-width: 1600px;}
	#contents.prd section.size .size_tit h3{margin: 0 0.44em 0.59em 0; font-size: 2.13em;}
	#contents.prd section.size .size_tit p{white-space: pre-line; margin: 0 0 3em 0;font-size: 1.3125em}
	
	#contents.prd section.size .size_list ul{margin: -0.63em}
	#contents.prd section.size .size_list ul li{width: calc(100% / 2); padding: 0.63em}
	#contents.prd section.size .size_list ul li .size_list_info{border: 1px solid #e3e3e3; padding: 1.88em}
	#contents.prd section.size .size_list ul li .size_list_info h4{margin: 0 0 0.5em 0; font-size: 1.625em;}
	#contents.prd section.size .size_list ul li .size_list_info p{font-size: 1.125em;}
}

ul.catalog-size{position:relative; display:flex; flex-wrap:wrap}
li.catalog-size-list{box-sizing:border-box}
h3.catalog-size-title{font-weight:600}
div.catalog-size-title-desc{font-weight:300}
img.catalog-size-img{display:block; width:100%; cursor:zoom-in}
@media screen and (max-width:1280px){
	div.catalog-size{padding:3.33rem 0 0}
	ul.catalog-size{left:-0.6rem; width:calc(100% + 1.2rem)}
	li.catalog-size-list{padding:0 0.6rem; margin-bottom:1.2rem}
	div.catalog-size-title{margin:0 0 0.8rem 0}
	h3.catalog-size-title{margin:0 0 0.4rem 0; font-size:1.3rem}
	div.catalog-size-title-desc{font-size:1rem}
}
@media screen and (max-width:359px){
	li.catalog-size-list{width:100%}
	li.catalog-size-list:last-child{margin-bottom:0}
}
@media screen and (min-width:360px) and (max-width:428px){
	li.catalog-size-list{width:100%}
	li.catalog-size-list:last-child{margin-bottom:0}
}
@media screen and (min-width:429px) and (max-width:767px){
	li.catalog-size-list{width:50%}
	li.catalog-size-list:nth-child(2n+1):nth-last-child(-n+2), li.catalog-size-list:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin-bottom:0}
}
@media screen and (min-width:768px) and (max-width:1024px){
	li.catalog-size-list{width:50%}
	li.catalog-size-list:nth-child(2n+1):nth-last-child(-n+2), li.catalog-size-list:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin-bottom:0}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	li.catalog-size-list{width:calc(100% / 3)}
	li.catalog-size-list:nth-child(3n+1):nth-last-child(-n+3), li.catalog-size-list:nth-child(3n+1):nth-last-child(-n+3) ~ li{margin-bottom:0}
}
@media screen and (min-width:1281px){
	div.catalog-size{max-width:1600px; padding:5.63em 0 0; margin:auto}
	ul.catalog-size{left:-1rem; width:calc(100% + 2rem)}
	li.catalog-size-list{width:calc(100% / 3); padding:0 1rem; margin-bottom:2rem}
	li.catalog-size-list:nth-child(3n+1):nth-last-child(-n+3), li.catalog-size-list:nth-child(3n+1):nth-last-child(-n+3) ~ li{margin-bottom:0}
	div.catalog-size-title{margin:0 0 1rem 0}
	h3.catalog-size-title{font-size:1.9rem}
	div.catalog-size-title-desc{margin:0.4rem 0 0 0; font-size:1.3rem}
}
/* 사이즈 */