@charset "utf-8";

/* 
 * content CSS Document
 *
 */



/* sub visual */
.area-subVisual{position:relative; display: flex; justify-content: center; align-items: center; height:400rem; margin:0 40rem; box-sizing:border-box; border-radius:20rem; overflow:hidden;}
.area-subVisual .scroll_ani{display:none;}
.sub-visual__text{text-align:center;}
/*.sub-visual__text{position:relative; top:57%; width:auto; margin:0 auto; transform: translateY(-50%); text-align:center;}*/
.sub-visual__text > *{color:#fff;}
.area-subVisual h2{margin-top:20rem; font-weight:700; font-size:58rem; text-transform:capitalize; line-height:1em; word-break:keep-all;}

.area-subVisual .sub-visual__bg{position:absolute; top:0;left:0;z-index:-1;width:100%;height:100%; overflow:hidden;}
.area-subVisual .sub-visual__bg i{position:absolute;opacity:1 !important;top:0;left:0;z-index:-1;width:100%;height:100%;box-sizing:border-box;background-size: cover;background-position: 50% 50%;}
.area-subVisual[data-sublayout="company"] .sub-visual__bg i{background-image:url(../img/content/img_company_bg.jpg); background-position: 50% 100%;}
.area-subVisual[data-sublayout="service"] .sub-visual__bg i{background-image:url(../img/content/img_service_bg.jpg);}
.area-subVisual[data-sublayout="qna"] .sub-visual__bg i{background-image:url(../img/content/img_qna_bg.jpg);}
.area-subVisual[data-sublayout="customer"] .sub-visual__bg i{background-image:url(../img/content/img_customer_bg.jpg);}
.area-subVisual[data-sublayout="review"] .sub-visual__bg i{background-image:url(../img/content/img_review_bg.jpg);}


/* page navigation */
.area_navigation{margin:25rem 0 0; }
.area_navigation ul{display:flex; justify-content: center; align-items: center; gap:40rem;}
.area_navigation ul li{position:relative; line-height:1; font-size:18rem; color:#fff; opacity:0.8; font-family:var(--font-kr);}
.area_navigation ul li br{display:none;}
.area_navigation ul li:first-child{padding-left:0;}
.area_navigation ul li img{display:inline-block; position:relative; top:4rem; width:20rem; height:15rem; vertical-align:top; opacity:0.8;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:after{content:""; position:absolute; top:5.5rem; right:-23rem; width:6rem; height:12rem; background:url(../img/content/ic-navi-arr.svg)no-repeat center; background-size:contain; opacity:0.6;}
.area_navigation ul li:last-child:after{display:none;}
.area_subVisual.nobbs-tab .area_navigation{bottom:50rem;}
.area-subVisual.on{padding:90rem 0 0;}
.area-subVisual.on .area_navigation{position:absolute; opacity:0; z-index:-1;}


/* lnb */
.area_lnb{width:100%; height:80rem; border-bottom:1px solid #eee; box-sizing:border-box; }
.area_lnb nav{width:100%; height:100%;}
.area_lnb nav .wrap{width:100%; height:100%;}
.area_lnb nav ul{display:flex; justify-content: center; align-items: center; gap:60rem; width:100%; height:100%;}
.area_lnb nav ul > li{}
.area_lnb nav ul > li:last-child{margin: 0;}
.area_lnb nav ul > li > a{position:relative; display:block; line-height:1.4em; word-break:keep-all; font-family:var(--font-kr); }
.area_lnb nav ul > li > a > span{font-size:18rem; font-weight:500; color:#bab9b9; /*transition:all 0.3s ease;*/}
.area_lnb nav ul > li > a > span i{display:none;}
.area_lnb nav ul > li > a > span br{display:none;}
.area_lnb nav ul > li.active > a > span{color:var(--color-point); font-weight:700;}


.btn_m_lnb{display:none; position:relative; padding:15rem 35rem 15rem 15rem; border-bottom:1px solid #eee; border-left:none; border-right:none; box-sizing:border-box; font-size:17rem; font-weight:600; color:#333; transition:all 0.3s ease 0s;}
.btn_m_lnb:after{content:''; display:block; position:absolute; right:20rem; top:50%; width:12rem; height:8rem; margin-top:-4rem; background:url(../img/content/ic-arr-bk.svg) no-repeat 0 0; background-size:100%; transition:all 0.3s ease 0s;}
.btn_m_lnb.active{background:var(--color-point); border-color:var(--color-point); color:#fff;}
.btn_m_lnb.active:after{background-image:url(../img/content/ic-arr-wt.svg); transform:rotate(180deg);}

/* 테이블 */
#content .mob_info{display:none;}
#content table.table{border-top:2px solid #222; width:100%;}
#content table.table thead th{background:#f9f9f9; border-right:1rem solid #eee; font-size:16rem; font-weight:bold; color:#222; word-break:keep-all;}
#content table.table thead tr:last-child th{border-bottom:1rem solid #eee;}
#content table.table thead tr th:last-child{border-right:0;}
#content table.table tbody td{border:1px solid #eee; font-size:16rem; color:#555; font-weight:400; text-align:center; word-break:break-word; line-height:1.5em;}
#content table.table tbody td.left{text-align:left;}
#content table.table tbody td strong{font-weight:500;}
#content table.table tbody td p{font-size:15rem; color:#555; font-weight:500;}
#content table.table tbody td span{display:block; color:var(--color-point); font-weight:600; line-height:1.5em;}
/*#content table.table tbody td span:nth-of-type(1){padding:5rem 0 0; }*/
#content table.table th{padding:15rem; border-bottom:1px solid #eee; color:#222; word-break:break-word;}
#content table.table td{padding:15rem 10rem;}
#content table.table tbody tr td:first-child, 
#content table.table tbody tr th:first-child{border-left-width: 0px;}
#content table.table tbody tr td:last-child{border-right-width:0px;}
/*table.table tr:hover td, table.table tr:focus td{ background-color:#f7faff; }*/
   

#content{position:relative; min-height:500rem; padding:100rem 0; box-sizing:border-box; }
#content.area_service{padding:75rem 0 0rem;}
.sub_title{text-align:center; margin-bottom:55rem;}
.sub_title > h2{font-size:50rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all; font-family:var(--font-kr);}
.sub_title > h2 br{display:none;}

/* 메인 탭과 서브 탭 내비게이션 바 */
.tab_nav{ display: flex; align-items: center; position: relative; margin-bottom:30rem;  border-bottom: 2px solid #B4B4B4; box-sizing: border-box;} 
.tab_nav > li{position:relative; width:calc(100% / 2); width:-webkit-calc(100% / 2); text-align:center; cursor:pointer; }
.tab_nav > li a{display:block; padding:12rem; box-sizing:border-box;}
.tab_nav > li:before{content:''; position:absolute; left:0; bottom:-2px; width:100%; height:0; background:#aaa;}
.tab_nav > li span{font-size:16px; font-weight:600; color:#c9c9cb;}
.tab_nav > li.active span{color:var(--color-point);}
.tab_nav > li.active:before{height:2px; background:var(--color-point);}
.tab_nav > li:last-child:after{display:none;}
.sub_tab_nav{display:grid; grid-template-columns: repeat(3, 1fr); gap:10rem;} 
.sub_tab_nav > li{display:block;}
.sub_tab_nav > li > a{display:block; padding:5rem; font-weight:bold; color:#979797; background:#fff; border:1px solid #979797; box-sizing:border-box; border-radius:6rem; text-align:center; font-size:12rem;}
.sub_tab_nav > li.active a{border-color:var(--color-point); color:var(--color-point);}
.tab_nav li.active a,
.sub_tab_nav li.active a {   z-index: 2; } 
.tab, .sub_tab { display: none;  } 
.tab.active, .sub_tab.active { display: block; } 


@media (max-width:1200px){
	.area_lnb nav ul{gap:30rem;}
	.area_lnb nav ul > li > a > span{text-align:center;}
}
@media (max-width:1024px){
	.area-subVisual{height:300rem; margin:0 14rem; border-radius:10rem;}
	.area-subVisual h2,
	.area-subVisual h3{font-size:55rem;}
	.sub_title{margin-bottom:60rem;}
	.sub_title > h2{font-size:50rem;}
	.area_lnb{height:70rem;}
	.area_lnb nav ul > li > a > span{font-size:17rem; line-height:1em;}
	#content{padding:50rem 0;}
}
@media (max-width:860px){
	.sub_title > h2{font-size:45rem;}
}
@media (max-width:768px){
	.area-subVisual{height:230rem;}
	.area-subVisual h2,
	.area-subVisual h3{font-size:38rem;}
	.sub_title > h2{font-size:40rem;}
	.area_navigation ul{gap:30rem;}
	.area_navigation ul li{font-size:17rem;}
	.area_navigation ul li:after{top:3rem; right:-19rem;}
	.area_navigation ul li img{top:1px; }
	
	.btn_m_lnb{display:none;}
	.area_lnb{height:60rem;}
	.area_lnb nav ul{gap:20rem;}
	.area_lnb nav ul > li > a > span{font-size:16rem;}

	/*
	.area_lnb{background:#fff; height:auto; border-bottom:none; margin-bottom:60rem; z-index:50;}
	.area_lnb .lnb{box-sizing:border-box;}
	.area_lnb .lnb ul{display:none; position:absolute; height:auto;padding:0; text-align:left; border-bottom:1px solid #eee; background:#fff; z-index:100; box-shadow:none; box-sizing:border-box;}
	.area_lnb .lnb ul li{float:none; width:100%;}
	.area_lnb .lnb ul li a{padding:12rem 15rem; color:#222; border-top:1px solid #eee; transition:all 0.1s ease 0s; text-align:left;}
	.area_lnb nav ul > li > a > span{font-size:16rem; }
	.area_lnb li > a.active, .area_lnb li > a:hover{transform:none;}
	.area_lnb li > a.active:after, .area_lnb li > a:hover:after{display:none;}
	.area_lnb li > a.active:before{width:0;}
	.area_lnb li > a.active:hover:before{width:100%;}
	*/

	#content{padding:30rem 0; min-height:300rem;}
	.sub_title{margin-bottom:40rem;}
}
@media (max-width:620px){
	.area-subVisual h2, .area-subVisual h3{font-size:30rem;}
/*
	#content .scrollTable{overflow:auto;}
	#content .scrollTable .table{width:650px;}
	#content .mob_info{display:block; margin:10px 0 0; font-size:13rem;}
	#content .mob_info span.en{display:none;}
*/

	.area_lnb{height:50rem;}
	.area_lnb nav ul{gap:12rem;}
	.area_lnb nav ul > li > a > span{font-size:15rem;}
}
@media (max-width:480px){
	
	.area-subVisual{height:130rem; /*margin:0 8rem;*/ border-radius:7rem;}
	.area-subVisual h2,
	.area-subVisual h3{margin:0; font-size:19rem;}
	.sub_title > h2{font-size:17rem;}
	.area_navigation{margin:15rem 0 0;}
	.area_navigation ul{gap:20rem;}
	.area_navigation ul li{font-size:12rem;}
	.area_navigation ul li:after{top:1rem; right:-14rem; width:5rem; height:11rem;}
	.area_navigation ul li img{top:0; width:15rem; height:11rem;}
	.btn_m_lnb{font-size:13rem; padding:12rem 30rem 12rem 12rem;}

	.lnb-wrap{margin:0 14rem;}
	.area_lnb{height:40rem;}
	.lnb .wrap{height:auto; }
	.area_lnb nav ul{display:flex; justify-content: flex-start; width:100%; text-align:center; gap:0rem;}
	.area_lnb nav ul > li{display:table-cell; white-space:nowrap; max-width:initial;}
	.area_lnb nav ul > li:nth-child(1){margin-left:5rem;}
	.lnb > div{width:100%; height:100%; overflow-x:scroll; overflow-y:hidden;}
	.lnb .wrap::-webkit-scrollbar{width:3rem; height:5rem;}
	.area_lnb .lnb ul li a{line-height:1em; padding:0 5rem;}
	.area_lnb nav ul > li > a > span{font-size:11rem; letter-spacing:-0.6px;}
	.btn_m_lnb:after{width:10rem; height:6rem; right:10rem; margin-top:-3rem;}
	#content{padding:10rem 0 20rem;}
	.sub_title{margin-bottom:20rem;}
	.scroll_ani span{font-size:11rem; padding-bottom:45rem;}
	.scroll_ani i{height:40rem;}

	#content table.table thead th{font-size:12rem; padding:10rem 6rem;}
	#content table.table th{font-size:12rem; padding:10rem 6rem;}
	#content table.table tbody td{font-size:12rem; padding:10rem 6rem;}
}

.sub-tit{display:block; text-align:center; margin-bottom:40rem;}
.sub-tit > em{display:inline-block; margin-bottom:20rem; font-size:19rem; font-weight:600; color:var(--color-point); line-height:1em; word-break:keep-all;}
.sub-tit > h3{display:block; font-size:45rem; font-weight:800; line-height:1.3em; word-break:keep-all; color:#222;}
.sub-tit > h3 > i{color:var(--color-point);}

/* 회사소개 */
#content.company-page{padding-top:120rem;}
.box-company{position:relative; display:flex;  align-items: center; gap:70rem;}
.box-company:before{content:''; position:absolute; top:-70rem; right:-130rem; width:230rem;  height:230rem; background:url(../img/content/symbol.svg)no-repeat center; background-size:contain;}
.box-company .img{display:flex; align-items: center; width:550rem; height:600rem; border-radius:20rem; overflow:hidden;}
.box-company .img img{width:auto; height:100%;}
.box-company .txt{width:calc(100% - 620rem); width:-webkit-calc(100% - 620rem);}
.box-company .txt em{display:inline-block; margin-bottom:20rem; font-size:19rem; font-weight:600; color:var(--color-point); line-height:1em; word-break:keep-all;}
.box-company .txt h3{display:block; font-size:43rem; font-weight:800; line-height:1.3em; word-break:keep-all; color:#222;}
.box-company .txt h3 > i{color:var(--color-point); }
.box-company .txt p{display:block; margin-top:18rem; font-size:17rem; font-weight:400; line-height:1.7em; word-break:keep-all; color:#555; text-align: justify;}
.box-promise{display:block; margin:80rem 0;}
.promise-list{display:grid; gap:35rem; grid-template-columns: repeat(3, 1fr); }
.promise-list > li{display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:415rem; border-radius:20rem; padding:20rem; box-sizing:border-box; background:#eee; text-align:center;}
.promise-list > li.v1{background: linear-gradient(134deg, #F3AD1C 3.32%, #FF9D15 94.35%);}
.promise-list > li.v2{background: linear-gradient(134deg, #0C65CD 3.32%, #004DA6 94.35%);}
.promise-list > li.v3{background: linear-gradient(134deg, #16BA76 3.32%, #006D2A 94.35%);}
.promise-list > li .icon{display:flex; justify-content: center; align-items: center; width:90rem; height:90rem;}
.promise-list > li .icon img{width:auto; max-width:100%;}
.promise-list > li .txt{display:block; margin-top:40rem; text-align:center;}
.promise-list > li .txt > em{display:flex; justify-content: center; align-items: center; margin:0 auto 15rem; width:120rem; height:27rem; font-size:15rem; font-weight:600; color:#F3AD1C; line-height:1em; word-break:keep-all; background:#fff; border-radius:50rem;}
.promise-list > li.v2 .txt > em{color:#004DA5;}
.promise-list > li.v3 .txt > em{color:#169F66;}
.promise-list > li .txt > h3{display:block; font-size:26rem; font-weight:600; color:#fff; line-height:1.4em; word-break:keep-all;}
.box-inquiry{display:flex; justify-content: space-between; gap:60rem; padding:80rem 90rem; background:url(../img/content/bg-inquiry.jpg)no-repeat center; background-size:cover; border-radius:20rem; box-sizing:border-box; overflow:hidden;}
.box-inquiry .inr{display:flex;}
.box-inquiry .inquiry-tit{display: flex; flex-direction: column; justify-content: space-between; padding:60rem 0; width:calc(100% - 643rem); }
.box-inquiry .inquiry-tit .tit-wrap em{display:inline-block; margin-bottom:20rem; font-size:18rem; font-weight:600; color:#fff; line-height:1em; word-break:keep-all;}
.box-inquiry .inquiry-tit h3{display:block; font-size:45rem; font-weight:700; color:#fff; line-height:1em; word-break:keep-all;}
.box-inquiry .inquiry-tit p{display:block; margin-top:20rem; font-size:17rem; font-weight:300; color:#fff; line-height:1.3em; word-break:keep-all;}
.inquiry-info{}
.inquiry-info > li{margin-top:20rem;}
.inquiry-info > li em{position:relative; display:inline-block; margin-bottom:15rem; font-size:16rem; font-weight:600; color:#fff; line-height:1em; word-break:keep-all;}
.inquiry-info > li.tel em:before{content:''; position:relative; top:1px; display:inline-block; width:14rem; height:14rem; margin-right:7rem;  background:url(../img/content/ic-tell.svg)no-repeat center; background-size:contain;}
.inquiry-info > li.time em:before{content:''; position:relative; top:1px; display:inline-block; width:14rem; height:14rem; margin-right:7rem;  background:url(../img/content/ic-time.svg)no-repeat center; background-size:contain;}
.inquiry-info > li.location em:before{content:''; position:relative; top:1px; display:inline-block; width:14rem; height:14rem; margin-right:7rem;  background:url(../img/content/ic-map.svg)no-repeat center; background-size:contain;}
.inquiry-info > li span{display:block; font-size:18rem; font-weight:300; color:#fff; opacity:0.8; line-height:1em; word-break:keep-all;}
.box-inquiry .box-inquriy__form{width:583rem;}


@media (max-width:1300px){
	#content.company-page{padding-top:100rem;}
	.box-company{gap:60rem;}
	.box-company .img{width:500rem;}
	.box-company .txt{width: calc(100% - 560rem); width:-webkit-calc(100% - 560rem);}
	.box-company .txt em{margin-bottom:15rem;}
	.box-company .txt h3{font-size:35rem;}
	.box-company .txt p{font-size:16rem; margin-top:13rem; text-align:left;}

	.promise-list > li{height:340rem;}
	.promise-list > li .txt{margin-top:23rem;}

	.box-company:before{width:200rem; height:200rem; top:-50rem; right:-30rem;}
}
@media (max-width:1024px){
	#content.company-page{padding-top:50rem;}
	.box-company{display:block;}
	.box-company:before{display:none;}
	.box-company .img{position:relative; display:block; width:100%; height:290rem; border-radius:10rem;}
	.box-company .img img{position:absolute; top:-63%; width:100%; height:auto;}
	.box-company .txt{width:100%; margin-top:40rem;}

	.box-promise{margin:60rem 0;}
	.sub-tit{margin-bottom:30rem;}
	.sub-tit > em{margin-bottom:15rem;}
	.sub-tit > h3{font-size:38rem;}

	.promise-list{gap:20rem;}
	.promise-list > li{height:280rem; border-radius:15rem;}
	.promise-list > li .txt{margin-top:23rem;}
	.promise-list > li .icon{width:80rem; height:80rem;}
	.promise-list > li .txt > em{font-size:14rem; width:110rem; height:24rem;}
	.promise-list > li .txt > h3{font-size:24rem; line-height:1.3em;}

	.box-inquiry{display:block; padding:60rem 50rem 50rem; border-radius:15rem;}
	.box-inquiry .inquiry-tit{width:100%; text-align:center; padding:0; margin-bottom:40rem;}
	.inquiry-info{display:none;}
	.box-inquiry .box-inquriy__form{width:100%;}
}
@media (max-width:768px){
	#content.company-page{padding-top:30rem;}
	.box-company .img{height:200rem;}
	.box-company .txt{margin-top:25rem;}
	.box-company .txt em{font-size:17rem; margin-bottom:10rem;}
	.box-company .txt h3{font-size:27rem;}
	.box-company .txt p{font-size:15rem; line-height:1.6em;}

	.box-promise{margin:30rem 0;}
	.sub-tit{margin-bottom:25rem;}
	.sub-tit > em{font-size:17rem; margin-bottom:10rem;}
	.sub-tit > h3{font-size:27rem;}

	.promise-list{gap:14rem;}
	.promise-list > li{height:240rem; border-radius:10rem; padding:10rem;}
	.promise-list > li .txt{margin-top:15rem;}
	.promise-list > li .icon{width:70rem; height:70rem;}
	.promise-list > li .txt > em{margin:0 auto 13rem; padding: 5rem 5rem 3rem; font-size:13rem; height:auto;}
	.promise-list > li .txt > h3{font-size:20rem; line-height:1.3em;}

	.box-inquiry .inquiry-tit .tit-wrap em{font-size:17rem; margin-bottom:15rem;}
	.box-inquiry .inquiry-tit h3{font-size:30rem;}
	.box-inquiry .inquiry-tit p{font-size:16rem; margin-top:15rem;}
	.box-inquiry{display:block; padding:50rem 30rem 30rem; border-radius:10rem;}
	.box-inquiry .inquiry-tit{width:100%; text-align:center; padding:0; margin-bottom:20rem;}
	.inquiry-info{display:none;}
	.box-inquiry .box-inquriy__form{width:100%;}
}
@media (max-width:620px){
	.promise-list{gap:10rem; grid-template-columns: repeat(1, 1fr);}
}
@media (max-width:480px){
	#content.company-page{padding-top:10rem;}
	.box-company .img{height:100rem; border-radius:5rem;}
	.box-company .txt{margin-top:5rem;}
	.box-company .txt em{font-size:12rem; margin-bottom:6rem;}
	.box-company .txt h3{font-size:18rem;}
	.box-company .txt p{font-size:12rem; line-height:1.5em; margin-top:6rem;text-align: justify;letter-spacing: -1px;}

	.box-promise{margin:12rem 0;}
	.sub-tit{margin-bottom:10rem;}
	.sub-tit > em{font-size:12rem; margin-bottom:6rem;}
	.sub-tit > h3{font-size:18rem;}
	.sub-tit > span{font-size:11rem;}

	.promise-list{gap:6rem;}
	.promise-list > li{height:auto;; border-radius:10rem; padding:20rem 10rem; border-radius:5rem;}
	.promise-list > li .txt{margin-top:10rem;}
	.promise-list > li .icon{width:50rem; height:50rem;}
	.promise-list > li .txt > em{margin:0 auto 8rem; padding: 5rem 5rem 3rem; width:80rem; font-size:10rem;}
	.promise-list > li .txt > h3{font-size:16rem; line-height:1.3em;}

	.box-inquiry .inquiry-tit{margin-bottom:15rem;}
	.box-inquiry .inquiry-tit .tit-wrap em{font-size:11rem; margin-bottom:6rem;}
	.box-inquiry .inquiry-tit h3{font-size:18rem;}
	.box-inquiry .inquiry-tit p{font-size:12rem; margin-top:7rem;}
	.box-inquiry{display:block; padding:12rem; border-radius:7rem;}
	.inquiry-info{display:none;}
	.box-inquiry .box-inquriy__form{width:100%;}
}

/* 서비스 */
.area-box{padding:100rem 0;}
.box-service .inr{display:flex; align-items: center; gap:60rem; width:1200rem;}
.box-service .img{display:flex; justify-content: center;  align-items: center; width:500rem;  height:300rem; background:#eee; border-radius:10rem; box-sizing:border-box; overflow:hidden;}
.box-service .img img{width:auto; height:100%;}
.box-service .txt{width:calc(100% - 660rem); width:-webkit-calc(100% - 660rem);}
.box-service .txt h3{display:block; font-size:38rem; font-weight:700; line-height:1.3em; word-break:keep-all; color:#222;}
.box-service .txt h3 > i{color:var(--color-point); }
.box-service .txt p{display:block; margin-top:10rem; font-size:17rem; font-weight:400; line-height:1.7em; word-break:keep-all; color:#555; text-align: justify;}
.box-case{margin:100rem 40rem; background:url(../img/content/bg-inquiry.jpg)no-repeat center; background-size:cover; border-radius:20rem;}
.box-case .sub-tit > h3{color:#fff;}
.box-case .sub-tit > h3 > i{color:#fff;}
.area_service .list-case{width:100%;}
.area_service .list-case > li{background:#fff;}
.box-type{}
.list-type{display:grid; gap:0rem; grid-template-columns: repeat(4, 1fr); border-radius:20rem; overflow:hidden;}
.list-type > li{position:relative; height:400rem;}
.list-type > li:nth-child(1){background:url(../img/content/service01-type01.jpg)no-repeat center; background-size:cover;}
.list-type > li:nth-child(2){background:url(../img/content/service01-type02.jpg)no-repeat center; background-size:cover;}
.list-type > li:nth-child(3){background:url(../img/content/service01-type03.jpg)no-repeat center; background-size:cover;}
.list-type > li:nth-child(4){background:url(../img/content/service01-type04.jpg)no-repeat center; background-size:cover;}
.list-type > li .img{width:100%; height:300rem; border-radius:10rem; box-sizing:border-box; background:#eee;}
.list-type > li .txt{position:absolute; left:25rem; bottom:25rem; display:block; margin-top:20rem; text-align:center; font-size:24rem; font-weight:600; color:#fff; line-height:1em; word-break:keep-all;}
.box-process{position:relative; padding:100rem 0; box-sizing:border-box; background:#F5F7FD; border-radius:20rem; margin:100rem 40rem;}
.box-process .processSwiper{overflow:hidden;}

.service_sub02 .box-service .img img{position:relative; right:-100rem;}
.service_sub03 .box-service .img img{position:relative; right:-58rem;}
.tax-list{display:grid; gap:40rem; grid-template-columns: repeat(3, 1fr);}
.tax-list > div{display:block; padding:25rem; border:1px solid #eee; box-sizing:border-box; border-radius:15rem;}
.tax-list .img{width:100%; height:250rem; background:#e9e9e9; border-radius:8rem; overflow:hidden;}
.tax-list .img img{width:100%; height:100%;}
.tax-list .txt{margin-top:22rem;}
.tax-list .txt h3{display:block; font-size:27rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all;}
.tax-list .txt > ul{margin-top:13rem;}
.tax-list .txt > ul > li{position:relative; margin-bottom:8rem; padding-left:10rem;}
.tax-list .txt > ul > li:before{content:''; position:absolute; top:8rem; left:0; width:2px; height:2px; background:#888; border-radius:50rem;}
.tax-list .txt > ul > li:last-child{margin-bottom:0;}
.tax-list .txt > ul > li > span{display:inline-block; font-size:16rem; font-weight:400; color:#666; line-height:1.2em; word-break:keep-all;}
.tax-list .txt p{display:block; margin:10rem auto 0; width:85%; font-size:16rem; font-weight:400; color:#666; line-height:1.5em; word-break:keep-all;}

.service_sub03 .tax-list .txt{text-align:center;}

.tax-list.corp{grid-template-columns: repeat(2, 1fr); gap:30rem;}
.tax-list.corp > div{display:flex; align-items: center; gap:5%; background:#fff; border-radius:10rem;}
.tax-list.corp .img{width:45%; height:215rem;}
.tax-list.corp .txt{width:50%; margin:0;}
.tax-list.corp .txt > h3{font-size:25rem;}

.box-gray{margin:100rem 0; padding:100rem 0; background:#f9f9f9;}


@media (max-width:1300px){
	.tax-list{gap:30rem; }
	.tax-list > div{padding:20rem;}
	.tax-list .img{height:0; padding-bottom:64%;}
	.tax-list .img img{height:auto;}
	.tax-list .txt h3{font-size:25rem;}

	.tax-list.corp > div{gap:4%;}
	.tax-list.corp .img{padding:0; height:220rem;}
	.tax-list.corp .img img{height:100%;}
	.tax-list.corp .txt{width:51%;}
}
@media (max-width:1024px){
	.box-service .inr{gap:40rem;}
	.box-service .img{width:400rem;}
	.box-service .txt{width:calc(100% - 440rem); width: -webkit-calc(100% - 440rem);}
	.box-service .txt h3{font-size:34rem;}

	.box-case{margin:70rem 40rem;}
	.area-box{padding:70rem 0;}
	.list-case{flex-wrap: wrap; justify-content: center;}
	.list-case > li{width: calc((100% / 3) - 14rem);}
	.list-case.col02 > li{width: calc((100% / 2) - 10rem);}
	.list-type > li{height:270rem;}
	.list-type > li .txt{left:20rem; bottom:20rem; font-size:22rem;}

	.tax-list{gap:20rem; }
	.tax-list > div{padding:16rem; border-radius:10rem;}
	.tax-list .img{border-radius:5rem;}
	.tax-list .txt{margin-top:15rem;}
	.tax-list .txt h3{font-size:22rem;}
	.tax-list .txt > ul{margin-top:10rem;}
	.tax-list .txt > ul > li{margin-bottom:6rem; padding-left:8rem;}
	.tax-list .txt > ul > li > span{font-size:15rem;}

	.tax-list.corp{grid-template-columns: repeat(1, 1fr); gap:15rem;}
	.tax-list.corp > div{padding:20rem;}
	.tax-list.corp .img{height:250rem;}

	.box-gray{margin:70rem 0; padding:70rem 0;}
	.box-process{margin:70rem 40rem;}
}

@media (max-width:768px){

	.service_sub02 .box-service .img img,
	.service_sub03 .box-service .img img{right:0;}


	.box-service .inr{flex-direction: column; gap:20rem;}
	.box-service .img{width:100%; height:300rem;}
	.box-service .txt{width:100%;}
	.box-service .txt h3{font-size:30rem;}
	.box-service .txt p{margin-top:5rem; text-align:left;}

	.box-case{margin:50rem 30rem;}
	.area-box{padding:50rem 0;}
	.list-case > li{width: calc((100% / 3) - 9rem);}

	.list-type{border-radius:10rem;}
	.list-type > li{height:200rem;}
	.list-type > li .txt{left:15rem; bottom:15rem; font-size:20rem;}

	.box-process{margin:50rem 30rem; border-radius:15rem;}

	.service_sub02 .box-service .img img{right:0;}
	.tax-list{grid-template-columns: repeat(1, 1fr); gap:10rem;}
	.tax-list > div{display:flex; gap:3%;}
	.tax-list .img{width:45%; padding-bottom:29%;}
	.tax-list .txt{width:52%;}

	.service_sub03 .tax-list > div{align-items: center;}
	.service_sub03 .tax-list .txt{text-align:left; margin:0;}
	.tax-list .txt p{width:auto;}

	.tax-list.corp{grid-template-columns: repeat(1, 1fr); gap:15rem;}
	.tax-list.corp > div{padding:15rem;}
	.tax-list.corp .img{height:200rem;}
}

@media (max-width:620px){
	.box-case{margin:40rem 20rem; border-radius:10rem;}
	.area-box{padding:40rem 0rem;}
	.list-case > li,
	.list-case.col02 > li,
	.list-case.col03 > li{width:100%;}

	.list-type > li{height:160rem;}
	.list-type > li .txt{left:12rem; bottom:12rem; font-size:17rem;}

	.tax-list > div{padding:12rem;}
	.tax-list.corp{gap:10rem;}
	.tax-list.corp > div{padding:12rem;}
	.tax-list.corp .img{height:180rem;}
	.tax-list.corp .txt > h3{font-size:22rem;}

	.box-gray{margin:40rem 0; padding:40rem 0;}
	.box-process{margin:40rem 20rem;}
}

@media (max-width:480px){
	#content.area_service{padding:20rem 0 0;}
	.box-service .inr{gap:10rem;}
	.box-service .img{width:100%; height:150rem;}
	.box-service .txt h3{font-size:17rem; margin-bottom:3rem;}
	.box-service .txt p{margin:0; font-size:12rem; line-height:1.5em;text-align: justify;letter-spacing: -1px;}

	.box-case{margin:14rem 14rem 20rem;}
	.area-box{padding:30rem 0; border-radius:7rem;}

	.list-type{border-radius:7rem; grid-template-columns: repeat(2, 1fr); gap:0rem;}
	.list-type > li{height:170rem; border-radius:0rem; }
	.list-type > li .txt{left:10rem; bottom:10rem; font-size:15rem;}

	.box-process{margin:30rem 14rem;}

	.tax-list > div,
	.tax-list.corp > div{display:block; border-radius:5rem;}
	.tax-list .img,
	.tax-list.corp .img{width:100%; height:auto; padding-bottom:0;}
	.tax-list .txt,
	.tax-list.corp .txt{width:100%; margin-top:15rem;}
	.tax-list .txt h3,
	.tax-list.corp .txt h3{font-size:16rem;}
	.tax-list .txt > ul{margin-top:5rem;}
	.tax-list .txt > ul > li{line-height:1em; margin-bottom:1rem;}
	.tax-list .txt > ul > li > span{font-size:11rem;}


	.service_sub03 .tax-list .txt{text-align:center; margin:15rem 0 0;}
	.tax-list .txt p{margin:6rem auto 0; width:85%; font-size:12rem;}
}




/* 고객센터 */
.box-pirvacy{display:block; padding:50rem; box-sizing:border-box; border-radius:10rem; background:#f9f9f9;}
.box-pirvacy > h3{display:block; font-size:24rem; font-weight:700; color:#333;}
.chk_box_wrap{display:block; margin:15rem 0 0;}
.box-cs .top{display:block; text-align:right; margin-bottom:50rem; font-size:16rem; font-weight:600; color:#222; border-bottom: 2px solid #222; padding-bottom: 10rem; box-sizing:border-box;}
.box-cs .top .ess{position:relative; top:2rem; margin-right:5rem; display:inline-block; color:#ff4002; }
.text-box{position:relative; margin:20rem 0 0; }
.text-box .text{background:#fff; padding:20rem; box-sizing:border-box; border:1px solid #eee; box-sizing:border-box; border-radius:5rem;}
.text-box .text p{display:block; margin-bottom:3rem; font-size:16rem; font-weight:400; color:#666; line-height:1.4em; word-break:keep-all;}
.box-cs{margin-top:40rem;}
.box-cs input{display:block; padding:15rem; width:100%; height:60rem; border:1px solid #ddd; box-sizing:border-box; border-radius:5rem; font-size:16rem; color:#333; outline:none;}
.box-cs textarea{display:block; padding:15rem; width:100%; height:200rem; border:1px solid #ddd; box-sizing:border-box; border-radius:5rem; font-size:16rem; color:#333;  outline:none;}
.input-list{display:grid; gap:20rem; grid-template-columns: repeat(3, 1fr); margin-bottom:30rem;}
.box-cs label{position:relative; display:inline-block; margin-bottom:10rem; font-size:17rem; font-weight:600; color:#333; line-height:1em; word-break:keep-all;}
.box-cs label .ess{position:absolute; top:-4rem; right:-10rem; color:#ff4002; }
.input-content{display:block; margin:30rem 0 0;}
.area-btn{margin:40rem auto 0; text-align:center;}
.input-submit,
.area-btn a{display: flex; align-items: center; justify-content: center; margin:0 auto; width:170rem; height:60rem; background:var(--color-point); font-size:16rem; color:#fff; font-weight:600; border-radius:5rem; box-sizing:border-box; border:None;}

/*checkbox_custom*/
.ckbox input[type="checkbox"]{display:none; width:20rem; height:15rem;}
.ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5rem; width:26rem; height:26rem; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;}
.ckbox label{display:flex;position:relative; padding-left:28rem; color:rgba(0,0,0,0.4);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.ckbox label input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;width:20rem;height:20rem;border:1rem solid #ddd; background:#fff; border-radius:3rem; box-sizing:border-box;}
.ckbox label:hover input ~ .checkmark{}
.ckbox label input:checked ~ .checkmark{border:1rem solid var(--color-point); background-color:var(--color-point);}
.checkmark:after{display:none;position:absolute;content:"";}
.ckbox label input:checked ~ .checkmark:after{display:block;}
.ckbox label .checkmark:after{top:2.5rem;left:7rem;width:5rem;height:9rem;border:1px solid #fff; border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.ckbox em{position:relative; top:1.5rem; font-size:16rem; font-weight:500; color:#333; line-height:1em; word-break:keep-all;}

@media (max-width:1024px){
	.box-pirvacy{padding:40rem;}
	.input-list{gap:15rem;}
}
@media (max-width:768px){
	.box-pirvacy{padding:30rem;}
	.box-pirvacy > h3{font-size:22rem;}
	.text-box{margin:15rem 0 0;}
	.text-box .text{padding:15rem;}
	.box-cs input{padding:12rem; height:55rem;}
}
@media (max-width:620px){
	.box-pirvacy{padding:20rem;}
	.box-pirvacy > h3{font-size:20rem;}
	.text-box{margin:10rem 0 0;}
	.text-box .text p{font-size:15rem;}
	.box-cs{margin-top:30rem;}
	.box-cs .top{margin-bottom:30rem; font-size:15rem;}
	.box-cs label{font-size:16rem;}
	.input-list{gap:15rem; grid-template-columns: repeat(1, 1fr); margin-bottom:15rem;}
	.input-content{margin:15rem 0 0;}
}
@media (max-width:480px){
	.box-pirvacy{padding:15rem 12rem 18rem; border-radius:5rem;}
	.box-pirvacy > h3{font-size:14rem;}
	.text-box{margin:7rem 0 0;}
	.text-box .text{padding:12rem; height:100rem; overflow-y:scroll;}
	.text-box .text::-webkit-scrollbar{width:4rem;}
	.text-box .text p{font-size:11rem; margin-bottom:1rem;}
	.chk_box_wrap{margin:10rem 0 0;}
	.ckbox label{padding-left:20rem;}
	.ckbox label .checkmark:after{top:1rem; left:5rem; width:4rem; height:8rem;}
	.checkmark{width:15rem; height:15rem;}
	.ckbox em{font-size:11rem;}
	.box-cs{margin-top:20rem;}
	.box-cs .top{margin-bottom:15rem; font-size:12rem;}
	.box-cs label{font-size:12rem; margin-bottom:5rem;}
	.box-cs label .ess{top:-3rem; right:-8rem;}
	.box-cs input{height:40rem; padding:10rem; font-size:12rem;}
	.input-list{gap:10rem;margin-bottom:10rem;}
	.input-content{margin:10rem 0 0;}
	.box-cs textarea{height:120rem; padding:10rem; font-size:12rem;}
	.area-btn{margin:20rem auto 0;}
	.input-submit,
	.area-btn a{width:90rem; height:38rem; font-size:12rem;}
}

/* login */
.area-member{margin-top:100rem;}
#login-box{position:relative; width:500rem; margin:0 auto;}
#login-box #login_area{background-color:#fff;}
#login-box #login_area h2.member {font-size:30rem;font-family:Gotham, notokr;}
#login-box #login_area h2{line-height:50rem;text-align:center;font-size:48rem;}
#login-box #login_area h3{text-align:center;color:#666}
#login-box #login_area h3 p {font-size:15rem;font-weight:normal;}
#login-box #login_area #login_fs{margin-top:0rem; padding:0;}
#login-box #login_area #login_fs .login_input{width:100%;height:55rem;line-height:55rem;padding:0 25rem;margin-bottom:10rem;border:none;background-color:#f9f9f9; border:1rem solid #e4e4e4; box-sizing:border-box; font-weight:bold;font-size:16rem; color:#111;}
#login-box #login_area #login_fs .login_input:focus{border: 1rem solid #1974d9 !important;  box-shadow: none;}
#login-box #login_area #login_fs .login_input::placeholder {color:#666;}
#login_fs label{position:relative; top:-2rem; font-size:14rem; font-weight:500; color:#555;}
#login-box #login_area #login_fs .btn_submit{display:block;width:100%;height:63rem;margin-top:20rem;background:var(--color-point);text-align:center;color:#fff; font-size:18rem; font-weight:500; border-radius:0; transition:all 0.3s ease;}
#login-box #login_area #login_fs .btn_submit:hover{background:#042d66;}
#login-box #login_info{position:relative;padding:0rem 0;margin-top:-1rem;border:0rem solid #dfdce1;background-color:#fff;text-align:center;}
#login-box #login_info p{font-size:13rem;}
#login-box #login_info div{margin-top:0rem;}
#login-box #login_info div a{display:inline-block;width:155rem;height:34rem;line-height:34rem;border:1rem solid #d5d5d5;color:#333;font-size:13rem;font-weight:bold}
#login-box #login_info div a:last-child{margin-left:-1rem}
#login-box .button_etc {position:relative;width:100%;text-align:center;}
#login-box .button_etc a {display:inline-block;margin:25rem 10rem 0rem; font-size:14rem; font-weight:600; color:#555; border:none;}
#login-box .button_etc a:hover{color:var(--color-point);}

@media (max-width:768px){
	.area-member{margin-top:80rem;}
}
@media (max-width:620px){
	#login-box{width:100%;}
}
@media (max-width:480px){
	.area-member{margin-top:50rem;}
	#login-box #login_area #login_fs .login_input{height:45rem; line-height:45rem; padding:10rem; font-size:12rem; margin-bottom:7rem;}
	#login_fs label{font-size:12rem; top:0;}
	#login-box #login_area #login_fs .btn_submit{margin-top:10rem; height:45rem; font-size:15rem;}
	#login-box .button_etc a{margin:15rem 0; font-size:12rem;}
}

.area_policy{padding-top:0;}
.area_policy h2{padding:30rem 0;font-size:40rem;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20rem;font-weight: 700;font-size:22rem;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:400; font-size:15rem; color:#666;  text-align:justify;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1rem solid #ddd;}
.area_policy .inr_policy.first{padding-top:0;}
.area_policy .inr_policy:last-child{border:none;}

@media (max-width:480px){
	.area_policy h3{font-size:15rem; margin-bottom:7rem;}
	.area_policy .inr_policy{padding:20rem 0;}
	.area_policy ul li, .area_policy p{font-size:12rem; line-height:1.4em; margin-bottom:4rem; text-align:left;}
	.area_policy ul li ul{margin-top:2rem; margin-bottom:7rem;}
	.area_policy ul li ul li{font-size:12rem; margin-bottom:4rem;}
	
}