@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 공통(default) */
div.wrapper{font-family:'Noto Sans KR'}
input[type=text]{border-radius: 0 !important; background-color: var(--color-background-tertiary); border: 1px solid var(--color-border)}
input[type=email]{border-radius: 0 !important; background-color: var(--color-background-tertiary); border: 1px solid var(--color-border)}
input[type=number]{border-radius: 0 !important; background-color: var(--color-background-tertiary); border: 1px solid var(--color-border)}
textarea._textarea{border-radius: 0 !important; background-color: var(--color-background-tertiary); border: 1px solid var(--color-border)}
div.subTitle h2.subTitle{font-weight:500}

/* 라이트바 */
#rightBar.rightBarStyle2 {background-color: transparent !important;}
#rightBar.rightBarStyle2 ul.rightBarLink > li {padding-bottom: 0 !important;}
#rightBar.rightBarStyle2 ul.rightBarLink > li a {background-color: rgb(0 46 255 / 60%) !important}
#rightBar.rightBarStyle2 ul.rightBarLink > li:after {display: none !important;}
#rightBar.rightBarStyle2 ul.rightBarLink > li div.icon {width: 20px !important; height: 20px !important; padding: 18px !important;}
@media screen and (max-width:1280px){
	#gnb{background-image:linear-gradient(45deg,#006cff,#ff1a00)}
	#contents div.subTitle{margin:0 0 1em 0}
	div.subTitle h2.subTitle{font-size:1.8em}
	p.sub-title-desc{margin:1em 0 0 0; font-size:1em; line-height:130%}
}
@media screen and (max-width:320px){
	html, body{font-size:11px}
}
@media screen and (min-width:321px) and (max-width:360px){
	html, body{font-size:12px}
}
@media screen and (min-width:361px) and (max-width:383px){
	html, body{font-size:12px}
}
@media screen and (min-width:384px) and (max-width:428px){
	html, body{font-size:13px}
}
@media screen and (min-width:429px) and (max-width:767px){
	html, body{font-size:13px}
}
@media screen and (min-width:768px) and (max-width:1024px){
	html, body{font-size:14px}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	html, body{font-size:15px}
}
@media screen and (min-width:1281px){
	input[type=text]{height: 2.875em; padding: 0 1em}
	input[type=email]{height: 2.875em; padding: 0 1em}
	input[type=number]{height: 2.875em; padding: 0 1em}

	.top-login-link{color:#74f5ff !important}
	.navBar:hover .top-login-link{color:#000 !important}
	.navBar.scrolled .top-login-link{color:#000 !important}
	.navBar:hover .top-reg-link{background-color:var(--color-button-background) !important; border: 1px solid var(--color-button-background) !important;}
	.navBar:hover .top-reg-link:hover{background-color:var(--color-button-background) !important; border: 1px solid var(--color-button-background) !important;}
	.navBar.scrolled .top-reg-link{background-color:var(--color-button-background) !important; border: 1px solid var(--color-button-background) !important;}
	.top-lang-txt{color:#74f5ff !important}
	.navBar:hover .top-lang-txt{color:#000 !important}
	.navBar.scrolled .top-lang-txt{color:#000 !important}
	
	.header-logo{width:130px}
	.header-logo-link{width:130px; height:63px; background-image:url('https://www.picosoft.kr/image/logo_w.png?v=240130')}
	body.branch2 .header-logo-link{background-image:url('https://www.picosoft.kr/image/logo.png?v=240130')}
	.navBar:hover .header-logo-link{background-image:url('https://www.picosoft.kr/image/logo.png?v=240130')}
	.navBar.scrolled .header-logo-link{background-image:url('https://www.picosoft.kr/image/logo.png?v=240130')}
	#header.focus .header-logo-link{background-image:url('https://www.picosoft.kr/image/logo.png?v=240130')}
	#header:hover .subBg{border-bottom-color:var(--color-button-background) !important}

	.gnb-nav-item:after{background-image:linear-gradient(45deg,#00d9ff,#ff0052)}
	.gnb-nav-item:hover > a{color:var(--color-primary) !important}
	.gnb-sub-item:hover a{color:var(--color-primary) !important}
	#lnb{display:none}
	#contents div.subTitle{margin:0 0 2em 0}
	div.subTitle h2.subTitle{font-size:2.4em}
	p.sub-title-desc{margin:1em 0 0 0; font-size:1.25em; line-height:148%}
	
	div.inner{width:100rem}
}
@media screen and (min-width:1281px) and (max-width:1399px){
	html, body{font-size:12px}
}
@media screen and (min-width:1400px) and (max-width:1599px){
	html, body{font-size:13px}
}
@media screen and (min-width:1600px) and (max-width:1679px){
	html, body{font-size:14px}
}
@media screen and (min-width:1680px) and (max-width:1919px){
	html, body{font-size:15px}
}
@media screen and (min-width:1920px){
	html, body{font-size:16px}
	.gnb-nav-item > a{padding:20px 30px !important}
}
/* 공통(default) */

/* 지점정보(branch) */
#brchHeader{background-image:linear-gradient(45deg,#00d9ff,#ff0052)}
@media screen and (max-width:1280px){
	#contents.branch{padding:40px 0}
}
@media screen and (min-width:1281px){
	#contents.branch{padding:80px 0}
}
/* 지점정보(branch) */


/* 오시는길 */
#contents p.subTitle{ color: var(--color-primary) !important; font-weight: 500 !important}
#contents h1.title {font-weight: 500 !important}
#contents address.lnoAdr {color: var(--color-tertiary); margin-top: 0.31em; font-weight: 400 !important;}
#contents ul.infoList > li div.ico:after {background-color: var(--color-primary) !important}
#contents ul.infoList > li a.lnk {font-weight: 700 !important; color: var(--color-primary) !important;}
#contents ul.infoList > li{border-color: #e3e3e3 !important}
@media screen and (max-width:1280px){
	#contents h1.title { margin: 0.46em 0 0 0 !important; font-size: 32px !important; }
	#contents address.rdnmAdr {margin: 1em 0 0 0 !important; font-size: 1em !important}
	#contents address.lnoAdr {font-size: 1em !important;}
}
@media screen and (max-width:428px){
	#contents h1.title { font-size: 24px !important; }
}
@media screen and (min-width: 1025px) and (max-width: 1280px){
}
@media screen and (min-width:1281px){
	#contents p.subTitle {font-size: 1.25em !important}
	#contents h1.title {margin: 1.29em 0 0 0 !important; font-size: 3em !important}
	#contents address.rdnmAdr {margin: 1em 0 0 0 !important; font-size: 1.25em !important}
	#contents address.lnoAdr {font-size: 1em !important;}
	#contents ul.infoList > li a.lnk {font-size: 1.1em}
}
/* 오시는길 */

/* 포트폴리오(project) */


@media screen and (max-width:1280px){
}
@media screen and (min-width: 429px) and (max-width: 1024px){
}
@media screen and (min-width:1281px){
}
/* 포트폴리오(project) */

/* 게시판(community) */
#contents.communityList{background-color:#fff}
#contents.communityView{background-color:#fff}
@media screen and (max-width:1280px){
	#contents.communityList{padding:40px 10px}
	#contents.communityView{padding:40px 10px}
}
@media screen and (min-width:1281px){
	#contents.communityList{padding:80px 0}
	#contents.communityView{padding:80px 0}
}
/* 게시판(community) */

/* 고객문의(request) */
#contents.request{background-color:#fff}
@media screen and (max-width:1280px){
	#contents.request{padding:40px 10px}
}
@media screen and (min-width:1281px){
	#contents.request{padding:80px 0}
}
/* 고객문의(request) */

/* 서비스정보(product) */
@media screen and (max-width:1280px){
	#contents.productList{padding:40px 10px}
}
@media screen and (min-width:1281px){
	#contents.productList{padding:80px 0}
}
/* 서비스정보(product) */

/* 정품등록(product.regist) */
@media screen and (max-width:1280px){
	#contents.prdReg{}
}
@media screen and (max-width:320px){
	#contents.prdReg{font-size:11px}
}
@media screen and (min-width:321px) and (max-width:360px){
	#contents.prdReg{font-size:12px}
}
@media screen and (min-width:361px) and (max-width:383px){
	#contents.prdReg{font-size:12px}
}
@media screen and (min-width:384px) and (max-width:428px){
	#contents.prdReg{font-size:13px}
}
@media screen and (min-width:429px) and (max-width:767px){
	#contents.prdReg{font-size:13px}
}
@media screen and (min-width:768px) and (max-width:1024px){
	#contents.prdReg{font-size:14px}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	#contents.prdReg{font-size:15px}
}
@media screen and (min-width:1281px){
	#contents.prdReg{}
}
@media screen and (min-width:1281px) and (max-width:1399px){
	#contents.prdReg{font-size:12px}
}
@media screen and (min-width:1400px) and (max-width:1599px){
	#contents.prdReg{font-size:13px}
}
@media screen and (min-width:1600px) and (max-width:1679px){
	#contents.prdReg{font-size:14px}
}
@media screen and (min-width:1680px) and (max-width:1919px){
	#contents.prdReg{font-size:15px}
}
@media screen and (min-width:1920px){
	#contents.prdReg{font-size:16px}
}
/* 정품등록(product.regist) */

/* 회원가입 */
@media screen and (max-width:1280px){
	
}
@media screen and (min-width:1281px){
	#register .header img{width:400px}
}
/* 회원가입 */

/* 자주하는 질문(FAQ) */
#contents.faq{background:var(--color-background-primary)}
@media screen and (max-width:1280px){
	#contents.faq{padding:40px 10px}
}
@media screen and (min-width:1281px){
	#contents.faq{padding:80px 0}
}
/* 자주하는 질문(FAQ) */

/* 마이페이지(mypage) */
#contents.mypage{background:#f5f5f5}
@media screen and (max-width:1280px){
}
@media screen and (min-width:1281px){
}
/* 마이페이지(mypage) */

/* 구글광고(google-ads) */
.google-ads{display:block; text-align:center}
@media screen and (max-width:1280px){
	.google-ads-horizontal{margin:0 0 3rem 0}
	.communityView .google-ads-horizontal{padding-top:2rem}
}
@media screen and (min-width:1281px){
	.google-ads-horizontal{margin:0 0 3rem 0}
	.communityView .google-ads-horizontal{padding-top:2rem}
}
/* 구글광고(google-ads) */