@charset "utf-8";

.wrap_contents {letter-spacing:-0.075em; font-size:24px; word-break:keep-all;}

#header {padding:100px 0;}
#header .htit {padding-bottom:85px; font-size:70px; color:#111;  letter-spacing:-0.075em; line-height:1.3;}
#header .htit .htit_en{display:block; padding-bottom:30px; font-family:'Calibre', sans-serif; font-size:30px; color:#111; font-weight:400; letter-spacing:0;}
#header .hdesc {line-height:1.6;}

.mtit {font-size:48px; color:#111; font-weight:500; line-height:1.4; padding-bottom:45px; letter-spacing:-0.025em;}
.mtit > span {display:block; padding-bottom:10px; font-family:'Calibre', sans-serif; font-size:24px; font-weight:400; text-transform:uppercase; letter-spacing:0;}
.mtit > em {font-weight:600; letter-spacing:-0.025em;}
.mtit_white {font-size:48px; color:#fff; font-weight:400; line-height:1.4; padding-bottom:45px;letter-spacing:-0.075em;}
.mtit_white > span {display:block; padding-bottom:20px; font-family:'Calibre', sans-serif; font-size:24px; text-transform:uppercase; letter-spacing:0; font-weight:400;}
.mtit_white > em {font-weight:600;}
.mtit_st {padding-bottom:45px; font-size:48px; color:#111; font-weight:600;letter-spacing:-0.075em; line-height:1.3;}
.mtit_st > span {display:block; padding-bottom:20px; font-family:'Calibre', sans-serif; font-size:24px; text-transform:uppercase; letter-spacing:0; font-weight:400;}
.mtit_st02 {font-weight:500; color:#111;}
.mtit_st02 > em {display:block; padding-bottom:10px; font-family:'Calibre', sans-serif; font-size:50px; font-weight:500;}
.mtit_st03 {padding-bottom:30px; font-family:'Calibre', sans-serif; font-size:55px; color:#111; font-weight:700;letter-spacing:0;}
.mtit_st04 {padding-top:45px; font-family:'Calibre', 'Noto Sans KR', sans-serif; font-size:30px; color:#111; font-weight:700;letter-spacing:-0.025em;}
.mtit_st05 {padding-top:40px; font-size:28px; color:#111; font-weight:600;letter-spacing:-0.050em;}
.mtit_st05 > span {display:block; padding-bottom:15px; font-family:'Calibre', sans-serif; font-size:20px; font-weight:400; letter-spacing:-0.025em;}
.mtit_st_white {padding-bottom:85px; font-size:45px; color:#fff;letter-spacing:-0.075em; font-weight: 500; line-height:1.3;}
.mtit_st_white02 {padding-bottom:30px; font-family:'Calibre', sans-serif; font-size:55px; color:#fff;letter-spacing:0;}
.mdesc {line-height:1.7; color:#111; letter-spacing:-0.075em;}
.mdesc02 {padding-top:50px; font-size:23px; color:#58595b; line-height:1.7;}
.mdesc03 {padding-top:15px; font-size:22px; color:#58595b; line-height:1.7;}
.mdesc04 {padding-top:35px; font-size:20px; color:#58595b; line-height:1.6;}
.mdesc_white {padding-bottom:45px; line-height:1.6; color:#fff; font-weight:300;letter-spacing:-0.075em;}

.lab01 {width:100%; background:url('/common/lab/images/lab01_bg.jpg') no-repeat center center; background-size:cover;}
.lab01 .lab01_list li {width:31.5%; margin:0 0.5%; display:inline-block; color:#fff; vertical-align:top;}
.lab01 .lab01_list li > h4 {padding:60px 0 30px; font-size:32px; font-weight:500;}
.lab01 .lab01_list li > p {line-height:1.6; color:rgba(255,255,255,.9)}

.lab02 {position:relative;}
.lab02 .box > p {line-height:1.6; color:#111;}
.lab02 .left {width:57.5%;}
.lab02 .left .txt01 {padding-bottom:50px;}
.lab02 .right {position:absolute; right:0; top:220px;}

.lab03 {background-color:#f6f6f6; padding-bottom:50px;}

.lab04 {width:100%; background:url('/common/lab/images/lab04_bg.jpg') no-repeat center center; background-size:cover; color:#fff;}
.lab04 > div {position:relative;}
.lab04 .mtit_white > span  {padding-bottom:10px;}
.lab04 .txt_check li {position:relative; padding:10px 0 10px 40px;}
.lab04 .txt_check li:before {position:absolute; left: 0; top: 12px; content: ''; display: inline-block; width: 28px; height: 25px; margin-right: 10px; background: url('/common/lab/images/common/icon_check.png') no-repeat 0 0; background-size: contain;}
.lab04 .lab04_img {position:absolute; right:-260px; top:150px;}


.lab06 .lab06_cont01 {position:relative; padding:60px 0 400px; background-color:#f6f6f6}
.lab06 .lab06_cont01 > div {position:relative;}
.lab06 .lab06_cont01 > div:after {position:absolute; right:67px; top:-67px; width:117px; height:94px; background:url('/common/lab/images/lab06_img02_best.png') no-repeat 0 0; background-size:100%; content:'';}
.lab06 .lab06_img {position:absolute; left:50%; top:250px; transform:translateX(-50%); width:100%; text-align:center;}
.lab06 .lab06_cont02 {border-bottom:1px solid #dadada;}
.lab06 .mtit_st02 {position:relative;}
.lab06 .mtit_st02:after {position:absolute; right:0; top:0; width:208px; height:60px; background:url('/common/lab/images/lab06_img03_logo.png') no-repeat 0 0; background-size:100%; content:'';}
.lab06 .mtit_st03 {font-size:35px;}

.lab07 {padding:170px 0 230px;}
.lab07 .mdesc {padding-bottom:85px;}
.lab07 .mtit_st02 > em {padding-bottom:0;}
.lab07 .mtit_st03 {font-size:35px;}
.lab07_swiper .swiper-slide {display:flex; align-items:center; height:auto; padding:50px 0; background-color:#f5f5f5; transition: 500ms;}
.lab07_swiper .swiper-slide .cont_left {width:50%; padding-left:50px;}
.lab07_swiper .swiper-slide .cont_right {width:50%;}
.lab07_swiper .swiper-slide:nth-child(2) .cont_left,
.lab07_swiper .swiper-slide:nth-child(3) .cont_left {width:40%;}
.lab07_swiper .swiper-slide-prev,
.lab07_swiper .swiper-slide-next {position:relative; transform: scale(.85, .85); transition: 500ms;}
.lab07_swiper .swiper-slide-prev:after,
.lab07_swiper .swiper-slide-next:after {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.18; content:'';  transition: 600ms;}
.lab07_swiper .swiper-pagination {position:relative; top:35px;}
.lab07_swiper .swiper-pagination-bullet {width:14px; height:14px; margin:0 7px; background-color:#d8d8d8; opacity:1;}
.lab07_swiper .swiper-pagination-bullet-active {background-color:#231e7c;}

.lab08 {width:100%; background:url('/common/lab/images/lab08_bg.jpg') no-repeat center center; background-size:cover;}
.lab08 .csize01 {position:relative;}
.lab08 .csize01 > div {width:50%;}
.lab08 .left {position:absolute; left:0; top:50%; transform:translateY(-50%);}

.ma_list {margin-top:35px;}
.ma_list li {float:left; width:32.5%; margin:0 0.4%;}

.lab09 {padding:270px 0 90px; border-bottom:1px solid #dadada;}
.lab09 .ma_list_01 li:nth-child(1) .mdesc03 {width:95%;}
.lab09 .ma_list_01 li:nth-child(2) .mdesc03 {width:95%;}
.lab09 .mtit_st04 .ko {font-size:24px;}

.lab10 {border-bottom:1px solid #dadada;}
.lab10 .ma_list_02 li .mdesc03 {width:95%;}
.lab11 .ma_list_03 li .mdesc03 {width:95%;}
.lab11 .ma_list_03 li:nth-child(2) .mdesc03 {width:83%;}
.lab11 .ma_list_03 li:nth-child(3) .mdesc03 {width:95%;}

.lab12 {width:100%;  background:url('/common/lab/images/lab12_bg.jpg') no-repeat center center; background-size:cover;}
.lab12 .left_cont {margin-top:20px; background-color:#fff;display:flex; align-items:center;}
.lab12 .left_cont .lab12_txt {padding-left:60px;}

.lab13 > div {padding-top:230px; display:flex; align-items:center;}
.lab13 .lab13_img {width:45%;}
.lab13 .lab13_txt {width:55%; padding-left:65px;}

.lab14 > div {padding:230px 0 200px; display:flex; align-items:center;}
.lab14 .lab14_img {width:45%;}
.lab14 .lab14_txt {width:55%; padding-left:480px;}

.lab15 {padding:90px 0 0px; background-color:#f8f8f8;}
.lab15:after {display:block; position:relative; top:0; width:100%; height:242px; background:url('/common/lab/images/lab15_bg.jpg') no-repeat center center; background-size:cover; content:'';}
.lab15 .mtit_st {padding-bottom:60px;}
.lab15 .mdesc {padding-bottom:100px;}

.lab16 .lab16_list li {display:inline-block; width:48%; margin:0 0.8%; vertical-align:top;}
.lab16 .lab16_list li .mdesc03 {width:97%; height:230px;}

.lab17 {background-color:#fff4f4}
.lab17 .mtit_st,
.lab17 .mtit_st > span {letter-spacing:-0.025em;}

.lab18 {width:100%; padding:230px 0 200px; background:url('/common/lab/images/lab18_bg.jpg') no-repeat top center; background-size:auto;}
.lab18 .mtit_st_white {padding-bottom:45px;}
.lab18 .lab18_list {padding-top:25px;}
.lab18 .lab18_list li {display:inline-block; width:24%; margin:0 0.3%; vertical-align:top;}
.lab18 .lab18_list .lab18_img img {border-radius:100%; box-shadow: 0px 0px 20px 8px rgba(35,33,118,.12);}

.lab19 {width:100%; background:url('/common/lab/images/lab19_bg.jpg') no-repeat center center; background-size:cover;}
.lab19 .left {width:55%;}
.lab19 .right {width:40%;}

.qconsult {font-weight:}
.qconsult input.txt {width:100%; height:62px; margin-bottom:15px; padding:0 20px; border:2px solid #e0e0e0; border-radius:10px; font-size:18px; color:#111; background:#fff; box-sizing:border-box;}
.qconsult textarea {width:100%; height:142px; padding:20px; border:2px solid #e0e0e0; border-radius:10px; font-size:18px; color:#111; background:#fff;}
.qconsult .phone_num input {width:32%; vertical-align:top;}
.qconsult .phone_num input:nth-child(2) {margin:0 2%;}
.qconsult .agree_cont {margin:15px 0 20px;}
.qconsult .agree_cont input.btn_check + label {display:inline-block; padding-left:30px; position:relative; font-size:18px; color:#222176; letter-spacing:-0.025em; cursor:pointer; margin:0 auto;}
.qconsult .agree_cont input.btn_check + label:before {content:""; display:block; width:21px; height:21px; border-radius:100%; background:#b8b8b8 url('/common/lab/images/common/icon_input_check.png') center no-repeat; position:absolute; left:0; top:0;}
.qconsult .agree_cont input.btn_check:checked + label:before {background:#232176 url('/common/lab/images/common/icon_input_check.png') center no-repeat;}
.qconsult .agree_cont .agree_txt {display:block; font-size:18px; padding-top:10px; color:#111; line-height:1.4;}
/* .qconsult .agree_cont .btn_modal {display:inline-block; margin-left:10px; font-size:18px; color:#222176; letter-spacing:-0.025em; cursor:pointer}
 */.qconsult .btn_apply {width:100%; height:60px; line-height:60px; font-family:'Noto Sans KR', sans-serif; font-size:23px; color:#fff; background-color:#232176; border-radius:50px;}

.lab20 .note > p {float:left; color:#58595b;}
.lab20 .txt01 {margin-right:35px;}
.lab20 .txt01:before {display:inline-block; width:23px; height:29px; margin-right:20px; background:url('/common/lab/images/common/icon_mapindi.png') 0 0 no-repeat; background-size:contain; content:''; vertical-align:middle;}
.lab20 .txt02 > span {padding:0px 8px 0 6px; font-size:22px; line-height:1; margin-right:15px; border:1px solid #342e2d; border-radius:5px; color:#111;}
.lab20 .map {padding:30px 0;}
.lab20 .map .root_daum_roughmap .wrap_controllers {display:none;}

.lab21 {width:100%; background:url('/common/lab/images/lab21_bg.jpg') no-repeat center center; background-size:cover;}
.lab21 > div {position:relative; }
.lab21 .lab21_img {position:absolute; right:0; top:-85px;}
.lab21 .mdesc_white {padding-bottom:0;}
.lab21 .mtit_st_white {padding-bottom:50px;}

#footer {padding:50px 0; font-size:14px; color:#818181; background:#f2f2f2; letter-spacing:0;}
#footer > div {position:relative; display:flex; align-items:center; justify-content:center;}
#footer h3 {font-weight:400; padding-bottom:20px;}
#footer .logo {margin-right:50px;}
#footer .addr address span:after {display:inline-block; width:1px; height:15px; margin:0 10px; background-color:#818181; content:''; vertical-align:middle;}
#footer .addr address span:last-child:after {display:none;}
#footer .addr .footermenu {position:absolute; right:0; bottom:21px;}
#footer .addr .footermenu li {float:left;}
#footer .addr .footermenu li:after {display:inline-block; width:1px; height:15px; margin:0 10px; background-color:#818181; content:''; vertical-align:middle;}
#footer .addr .footermenu li:last-child:after {display:none;}
#footer .addr .copyright {padding:3px 0;}

.landing23_wrap #footer{text-align: left;}
.landing23_wrap #footer address{max-width:none; margin:0;}
.landing23_wrap #footer span{padding:0;}

@media all and (max-width: 1440px){
	.lab04 .lab04_img {position:relative; left:0; top:0; padding-bottom:50px;}

	.lab07_swiper .swiper-slide {display:block; padding:15px; text-align:center; box-sizing:border-box;}
	.lab07_swiper .swiper-slide .mtit_st02 {padding-top:30px;}
	.lab07_swiper .swiper-slide .cont_left {width:120%; padding-left:0; margin:0 auto;}
	.lab07_swiper .swiper-slide .cont_right {width:100%;}
	.lab07_swiper .swiper-slide:nth-child(2) .cont_left {width:80%;}
	.lab07_swiper .swiper-slide:nth-child(3) .cont_left {width:75%;}
	.lab07_swiper .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px;}

	.lab14 .lab14_txt {padding-left:50px;}

	.lab20 .note > p {float:none; text-align:left; line-height:1.3; padding-bottom:10px; letter-spacing:-0.05em;}

	#footer .addr .footermenu {position:relative; bottom:0;}
}

@media all and (max-width: 768px){
	.wrap_contents {font-size:16px;}
	
	.mtit {font-size:35px; padding-bottom:30px;}
	.mtit > em {font-size:35px;}
	.mtit > span {font-size:20px;}
	.mtit_st {font-size:35px; padding-bottom:30px;}
	.mtit_st > span {font-size:20px; padding-bottom:10px;}
	.mtit_st02 > em {font-size:30px; font-weight:600;}
	.mtit_st03 {font-size:28px; padding-bottom:20px;}
	.mtit_st04 {font-size:20px; padding-top:20px;}
	.mtit_st05 {font-size:22px; padding-top:20px;}
	.mtit_st05 > span {font-size:16px; padding-bottom:10px;}
	.mtit_st_white {font-size:35px; padding-bottom:30px;}
	.mtit_st_white02 {font-size:35px; padding-bottom:30px;}
	.mtit_white {font-size:35px; padding-bottom:30px;}
	.mtit_white > span {font-size:20px;}
	.mdesc02 {font-size:16px; padding-top:20px;}
	.mdesc03 {font-size:16px;}
	.mdesc04 {font-size:15px; padding-top:20px;}

	#header {padding:80px 0 90px;}
	#header .htit {padding-bottom:40px; font-size:45px;}
	#header .htit .htit_en {padding-bottom:15px; font-size:22px;}

	.lab01 > div {padding:50px 0 70px;}
	.lab01 .lab01_list li {position:relative; width:25%; margin:0;}
	.lab01 .lab01_list li:nth-child(2) {margin:0 10%;}
	.lab01 .lab01_list li > h4 {padding:15px 0; font-size:20px;} 
	.lab01 .lab01_list li > p {font-size:15px;}
/* 	.lab01 .lab01_list li > p {position: absolute; left: 50%; bottom: -50px; width: 170%; font-size: 15px; transform: translateX(-50%);} */

	.lab02 .box {float:none;}
	.lab02 .right {position:relative; left:50%; top:0; transform:translateX(-50%); width:60%; text-align:center;}
	.lab02 .left {width:100%;}
	.lab02 .left .txt01 {padding:50px 0 30px;}

	.lab03 {padding-bottom:0;}
	.lab03 > .csize01 {padding:60px 0 50px;}

	.lab04 {background:none;}
	.lab04 .pad_150 {padding:80px 0 100px;}
	.lab04 .lab04_bg {width:100%; background:url('/common/lab/images/lab04_bg_mo.jpg') no-repeat center center; background-size:cover;}
	.lab04 .lab04_img {top:-110px; padding-bottom:0px;}
	.lab04 .txt_check {position:relative; top:-70px;}
	.lab04 .txt_check li {float:left; width:50%; padding:0 0 30px 0; color:#232176; text-align:center; font-weight:500; line-height:1.4;}
	.lab04 .txt_check li:before {position:relative;top:0; display:block; width:20px; margin:0 auto; background-image:url('/common/lab/images/common/icon_check_blue.png');}

	.lab05.pad_150 {padding:0 0 80px;}

	.lab06 .lab06_img {top:150px; width:350px;}
	.lab06 .lab06_cont01 {padding:60px 0 150px;}
	.lab06 .lab06_cont01 > div:after {width:80px; right:0;}
	.lab06 .mtit_st02:after {width:100px;}
	.lab06_cont02.pad_170 {padding:150px 0 80px;}

	.lab07 {padding:80px 0 150px;}
	.lab07 .mtit_st02 > em {font-size:28px;}

	.lab08.pad_170 {padding:60px 0;}
	.lab08 .csize01 > div {width:45%;}
	.lab08 .mtit_st02 > em {font-size:28px;}

	.lab09 {padding:100px 0 80px;}
	.lab09 .mtit_st04 .ko {font-size:16px;}

	.lab10 .ma_list_02 li .mdesc03,
	.lab11 .ma_list_03 li .mdesc03,
	.lab11 .ma_list_03 li:nth-child(2) .mdesc03,
	.lab11 .ma_list_03 li:nth-child(3) .mdesc03 {width:100%;}

	.ma_list li {width:47.5%; margin:0 1%; padding-bottom:80px;}
	.ma_list li p br {display:none;}
	.ma_list li .mdesc03 br {display:none;}
	.ma_list li:last-child {padding-bottom:0;}
	.ma_list .mtit_st04 {height:2.5em;}

	.lab11 .mdesc br,
	.lab12 .mdesc br {display:none;}
	
	.lab12.pad_110 {background:none; padding:0;}
	.lab12 .mo_show > .lab12_bg{width:100%; background:url('/common/lab/images/lab12_bg.jpg') no-repeat center center; background-size:cover; text-align:left;}
	.lab12 .left_cont {display:block;}
	.lab12 .left_cont .lab12_img {position:relative; left:50%; top:-110px; transform:translateX(-50%); width:80%; text-align:center;}
	.lab12 .left_cont .lab12_txt {position:relative; top:-70px; padding-left:0;}
	.lab12 .mdesc02 br {display:none;}

	.lab13 {padding:60px 0 80px; background-color:#fff4f4;}
	.lab13 > div {display:block; padding-top:0; width:88.5%; max-width:980px; margin:0 auto;}
	.lab13 .mtit {font-weight:600;}
	.lab13 .mtit br {display:none;}
	.lab13 .lab13_img,
	.lab13 .lab13_txt {width:100%;}
	.lab13 .lab13_txt {padding-left:0;}
	.lab13 .lab13_txt .mdesc {padding-top:30px;}

	.lab14 {padding:60px 0 100px;}
	.lab14 > div {padding:0; display:block; width:88.5%; max-width:980px; margin:0 auto;}
	.lab14 .lab14_txt {width:100%; padding-left:0;}
	.lab14 .mtit {font-weight:600;}
	.lab14 .mtit br {display:none;}
	.lab14 .lab14_img,
	.lab14 .lab14_txt {width:100%;}
	.lab14 .lab14_txt .mdesc {padding-top:30px;}

	.lab15:after {display:none;}
	.lab15 .mtit_st {padding-bottom:30px;}

	.lab16.pad_170 {padding:0; background-color:#f8f8f8;}
	.lab16 .lab16_list li {width:47%; margin: 0 1.2%;}
	.lab16 .lab16_list li .mdesc03 {height:200px;}
	.lab16 .lab16_list li .mdesc03 br {display:none;}

	.lab17 {background-color:#fff;}

	.lab18 {padding:230px 0 40px;}
	.lab18 .lab18_list {padding-top:30px}
	.lab18 .lab18_list li {width:38%; margin:0 5%; padding-bottom:80px;}
	.lab18 .lab18_list .lab18_img img {box-shadow: 0px 0px 10px 0px rgba(35,33,118,.12);}
	.lab18 .mdesc_white {line-height:1.8}
	.lab18 .mdesc_white br {display:none;}

	.lab19.pad_150 {padding:80px 0; background-image:url('/common/lab/images/lab19_bg_mo.jpg');}
	.lab19 .left, 
	.lab19 .right {float:none; width:100%}
	.lab19 .mtit {font-weight:600;}
	.lab19 .left {text-align:center;}
	.lab19 .mdesc {padding-bottom:50px;}

	.qconsult input.txt {height:52px; padding:0 10px; border-radius:8px; font-size:16px;}
	.qconsult textarea {padding:10px; font-size:16px;}
	.qconsult .agree_cont input.btn_check + label,
	.qconsult .agree_cont .btn_modal {font-size:16px;}
	.qconsult .btn_apply {height:51px; line-height:51px; font-size:18px}
	.qconsult .agree_cont .agree_txt {font-size:16px;}

	.lab20 #daumRoughmapContainer1601228650046 {height:400px;}
	.lab20 .note > .mo_show {position:relative;  padding-left:20px; text-align:left;}
	.lab20 .note > .mo_show:before {position:absolute; left:0; top:2px; width: 15px; height: 20px; background: url('/common/lab/images/common/icon_mapindi.png') 0 0 no-repeat; background-size: contain; content: '';}

	.lab21.pad_110 {padding:50px 0; background-image:url('/common/lab/images/lab21_bg_mo.jpg');}
	.lab21 .lab21_img {width:30%; position:relative; left:50%; top:0; transform:translateX(-50%);}
	.lab21 .mtit_st_white {padding:30px 0;}

	#footer > div {display:block;}
	#footer .logo {padding-bottom:50px; text-align:center; margin-right:0;}
	#footer .addr address .mo_show{display:inline-block;}
	#footer .addr address .bar_none:after {display:none !important;}
	#footer .addr address span{padding-bottom:10px;}
	#footer .addr address span:after {height:12px;}
	#footer .addr .copyright {padding: 20px 0 10px; line-height:1.3;}
	#footer .addr .footermenu li:after {height:12px;}

}

@media all and (max-width: 500px){
	.mdesc03 {font-size:15px;}

	.lab06 .lab06_img {top:187px; width:265px;}

	.lab07_swiper .swiper-slide .mdesc02 {font-size:14px;}

	.lab08 .mdesc02 {font-size:14px;}

	.lab16 .lab16_list li .mdesc03 {font-size:14px;}

}

@media all and (max-width: 420px){
	#header br.pc_hidden {display:none;}
}

@media all and (max-width: 375px){
/* 	.lab01 .lab01_list li > p {font-size:15px; bottom:-45px;} */

	.lab04 .mdesc_white br {display:none;}


}

@media all and (max-width: 360px){
/* 	.lab01 .lab01_list li > p {font-size:12px;} */
	
}