@charset "utf-8";
/* CSS Document */



/* Header 메뉴 클릭시 css */
#spobee_container .header-container .header .gnb ul.depth-01>li>h2 a.select {color:#2ea7e0;}@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area { width: 100%; padding: 60px 20px; }
}

/* Header 배너영역 */
#spobee_container .header-banner-container { width:100%; height: 490px; position: relative; background:url("../../../img/sub/partner/partner_bg.png") no-repeat center; display:table; background-size: cover; }
#spobee_container .header-banner-container .title {width:1100px; height:330px;padding-top:80px; text-align: center; display: table-cell; vertical-align: middle;}
#spobee_container .header-banner-container .title .text-area {margin:0 auto; color: #fff;}
#spobee_container .header-banner-container .title .text-area p:nth-child(1) {font-size:1.4rem; letter-spacing: 0.86em; color: #b6b6b6; font-weight: lighter; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.43);padding-left:9px;}
#spobee_container .header-banner-container .title .text-area p:nth-child(2) {font-size:4rem; letter-spacing: -0.02em; color: #fff;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.43);padding-top:10px;}
#spobee_container .header-banner-container .title .text-area p:nth-child(3) { font-size: 2rem; letter-spacing: -0.025em; color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.43); padding-top: 10px;font-weight: lighter;line-height: 32px; margin: 10px auto; width: 700px;}
@media all and (max-width: 640px)
{
	#spobee_container .header-banner-container .title .text-area p:nth-child(3) {font-size:1.8rem; width:85%;}
}
@media all and (max-width: 540px)
{
	#spobee_container .header-banner-container .title .text-area p:nth-child(2) {font-size:3rem;}	
	#spobee_container .header-banner-container .title .text-area p:nth-child(3) {font-size:1.6rem;}
	#spobee_container .header-banner-container .sub-gnb ul li {font-size:1.5rem; letter-spacing: -0.05em;}
}


/* 영역 공통 */
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area { width: 1100px; margin: 0 auto; padding: 80px 0; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area { display: block; text-align: center; height: 90px; width: 550px; margin: 0 auto 40px; position: relative; padding: 10px; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area h4 {position:relative; font-size:2.2rem; letter-spacing: -0.015em;color:#222;padding:25px 0; margin:0;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area h4:after {display:block;content:""; position:absolute; top:0; left:50%; margin-left:-15px;width:30px; height:3px; background:#2ea7e0;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area  .title-area p {letter-spacing: -0.015em; font-size: 1.5rem; color: #939393; }
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area { width: 100%; padding: 80px 20px; }
}
@media all and (max-width: 640px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area { width: 100%; padding: 15px; height: auto; }
}



/* 제휴업체 */
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .company-box {padding:50px 0; border-bottom:1px solid #eee;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .company-box:nth-child(1) {border-top:1px solid #eee;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .company-box > div {float:left;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .logo-area {position:relative; overflow:hidden; margin-right:50px;width:275px;height:180px;border:1px solid #eee; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .logo-area img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);max-width: 90%; width:105px}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .logo-area .hover-box {position:absolute; bottom:-35px; left:0; width:100%; height:35px; line-height: 35px; text-align: center; background:rgba(0, 0, 0, 0.6); transition: bottom .3s;color:#fff;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .logo-area > a {display: block; width:100%; height:100%;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .logo-area:hover > a .hover-box {bottom:0;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .txt-area {width: calc(100% - 325px);}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .txt-area > h3 {font-size:2rem;margin-bottom:10px;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .txt-area .txt {position:relative; padding-left:15px; margin-bottom:10px;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .txt-area .txt:after {content:'';display:block; position:absolute; top:10px; left:0;width:5px; height:5px; background:#2ea7e0; border-radius: 50%;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .txt-area .txt h3 {font-size:1.7rem; margin-bottom:3px; color:#333;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .txt-area .txt p {font-size:1.5rem; color: #555;}
@media all and (max-width: 740px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .logo-area {margin-right:30px}
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .txt-area {width:calc(100% - 305px)}
}

@media all and (max-width: 540px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .company-box > div {float: none; width:100%; margin:0;}
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .company-area .company-box .txt-area {margin-top:30px}
}