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

/* 영역 공통 */
#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; margin:0 auto; position:relative; padding:10px; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area h4 {position:relative; font-size:2.7rem; 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 { /*width:450px;*/ font-size:1.7rem; letter-spacing: -0.015em; margin:0 auto 25px; color: #939393; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area .line {width:1px; height:50px; background:#d0d0d0; margin:30px auto 0;}
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area { width: 100%; padding: 60px 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; }
}
@media all and (max-width: 540px)
{
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .title-area p { width:95%;}
}

/* Header 메뉴 클릭시 css */
#spobee_container .header-container .header .gnb ul.depth-01>li>h2 a.select {color:#2ea7e0;}

/* Header 배너영역 */
#spobee_container .header-banner-container { width:100%; height: 490px; position: relative; background:url("../../../../../img/sub/service/common/homepage_bg.jpg") no-repeat center;}
#spobee_container .header-banner-container .title {width:100%; height:330px; margin:0 auto; padding-top:167px; padding-bottom:167px; text-align: center;}
#spobee_container .header-banner-container .title .text-area {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:600px;}

/* Header 3depth */
#spobee_container .header-banner-container .sub-gnb {position:absolute; bottom:0; left:0; width:100%; height:80px; border-top:1px solid rgba(255,255,255,0.25);}
#spobee_container .header-banner-container .sub-gnb ul {width:900px; margin:0 auto;}
#spobee_container .header-banner-container .sub-gnb ul li { position:relative; float:left; width:20%; height: 100%; line-height: 80px; font-size:1.8rem; letter-spacing: -0.025em; text-align: center;}
#spobee_container .header-banner-container .sub-gnb ul li:after {display: block; content: ""; width:0; height:1px; background:#2ea7e0; position:absolute; top:-1px; left:50%; transition: left 0.25s ease, width 0.25s ease;}
#spobee_container .header-banner-container .sub-gnb ul li:hover:after { width: 100%; left: 0%; }
#spobee_container .header-banner-container .sub-gnb ul li a {color: #e6e6e6;display: block; width:100%; height:100%;}
#spobee_container .header-banner-container .sub-gnb ul li a:hover, #spobee_container .header-banner-container .sub-gnb ul li a.select {color: #2ea7e0;}
#spobee_container .header-banner-container .sub-gnb ul li.select_top_line:before {display: block; content: ""; width:100%; height:1px; background:#2ea7e0; position:absolute; top:-1px; left:0;}
@media all and (max-width: 1100px)
{
	#spobee_container .header-banner-container .sub-gnb ul {width:100%;}
}
@media all and (max-width: 640px)
{
	#spobee_container .header-banner-container .title {padding: 167px 20px 0;}
	#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 {padding: 160px 10px 0;}
	#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;}
}