@charset "utf-8";

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;/*  margin-right: -15px; margin-left: -15px; justify-content: center; */}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{width: 100%; padding-right: 15px; padding-left:15px;}
body {color:#484e66;}

@media (min-width: 768px){
	.col-md-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}
	.col-md-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
	.col-md-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
	.col-md-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.col-md-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.col-md-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
	.col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.col-md-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
	.col-md-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
	.col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
	.col-md-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
	.col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
	.col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

.container { max-width: 1270px; width: 100%; /* padding-right: 15px; padding-left: 15px; */ margin-right: auto; margin-left: auto;}
.clv_heading > .clv_underline {display: none; margin: 7px 0px;}
/* .clv_heading{text-align:left; margin-bottom: 30px;}
.clv_heading h3 { font-size: 32px; font-weight: 700; text-transform: capitalize;} */
.clv_section{padding: 20px 10px 0; /* font-size: 14px; */} /* 본문여백 */



.clv_about_wrapper .about_content .about_heading h2 {position: relative; font-size: 34px; font-weight: 700; text-transform: capitalize; /* margin-bottom: 5px; */}
.clv_about_wrapper h2 em { font-size: 24px; font-style: normal; }
.clv_about_wrapper h2 em::after {position: absolute; top: 0; left:0; content: ""; display: inline-block; width: 40px;	height: 5px; background: #484e66;}
/* .clv_about_wrapper .about_content .about_heading h2 > span{font-weight: 700;} */



/*추가*/
.container_bringup_intro { margin:0px auto 0px; text-align:left; }
.clv_about_wrapper .about_content h3 {position: relative; font-size:25px; font-weight:100; line-height: 50px;/* color:#fff; background:#484e66; border-radius:50px; padding:10px; margin-top: 20px; */ }
.clv_about_wrapper .about_content h3::after {
	content: "";
	box-sizing: border-box;
	display: inline-block;
	width: 20px;
	height: 2px;
	background: #484e66;
	position: absolute;
	top: 0;
	left: 0;
}
.clv_about_wrapper .about_content h3 b::after { content:""; margin-left:10px; display: inline-block;}
.clv_about_wrapper .about_content .middle_txt { margin:0px 0 0; font-size:18px; line-height: 25px; color: #54629d;}
.clv_about_wrapper .about_content .middle_txt2 { font-size:16px; color:#777; font-weight:300; margin-top:6px; }


/* .container_bringup_intro { margin-top:50px; text-align:left; }
.clv_about_wrapper .about_content h3 { color:#fff; background:#0095d8; border-radius:10px; font-size:18px; font-weight:100; padding:10px; margin-top: 20px; }
.clv_about_wrapper .about_content h3 b::after { content:""; border-right:1px solid rgba(255,255,255,0.5); margin:0 8px; font-size:16px; }
.clv_about_wrapper .about_content .middle_txt { margin:12px 0 0; font-size:16px; color:#0095d8; line-height: 22px; }
.clv_about_wrapper .about_content .middle_txt2 { font-size:16px; color:#777; font-weight:300; margin-top:6px; } */

.pc_text {  }
.mobile_text { display:none; }

.clv_about_wrapper .content_txt { font-size:15px; font-weight:300; }
.clv_about_wrapper ul { margin: 10px 0 40px 0; }
.clv_about_wrapper li { list-style: none; text-indent: -4px; margin-left: 9px; margin-bottom:4px; } /*list-style: circle; list-style-position: inside; text-indent: -20px; */
.clv_about_wrapper li::before { content:"·"; display:inline-block; color:#888; margin-right: 5px;}
.clv_about_wrapper p { margin:0;  } 
/* .clv_about_wrapper h2 em { font-size:24px; font-style:normal; } */
.clv_about_wrapper .pc_img {}
.clv_about_wrapper .mobile_img { display:block;}

/*브링업안내 이미지 슬라이더*/
.container_bringup_intro .about_img {width:100%; margin:0 auto;} /*전체를 감싸는 div*/
.container_bringup_intro .about_img_box {width:100%; position:relative;}
.container_bringup_intro .about_img_box img {width:100%; position:absolute; top:0; left:0; } /*이미지 사이즈 강제로 줄여줌, 이미지들을 겹쳐주기 위해서 absolute; top:0; left:0; 적용하고 위에 relative 잡아줌.*/
.container_bringup_intro .btn {display:none;}

.clv_about_wrapper .about_content .about_heading h6 {
	font-size: 18px;
	font-weight: 100;
	/* text-transform: capitalize; */
	margin-bottom: 20px;
}
.clv_about_wrapper .about_content .about_heading .clv_underline{display: none;	margin-top: 13px;}
.clv_about_wrapper .about_content .video_block{	display: flex;	align-items: center;	margin-top: 35px;}
.clv_about_wrapper .about_content .video_block > .video_btn {
	display: inline-block;
	border: solid 2px #484e66;
	border-radius: 50px;
	padding: 10px 50px;
	box-shadow: 0px 1px 3px 1px #ccc;
}
.clv_about_wrapper .about_content .video_block > .video_btn > .play_video{
	/* font-size: 20px;
	font-weight: 600;
	text-transform: lowercase;
	color: #222222;
	display: flex;
	margin-right: 30px;
	align-items: center; */
	position: relative;
	background: #ffffff;
	text-align: center;
	font-size: 21px;
	font-weight: 400;
	padding-right: 35px;
	/* line-height: 60px;
	letter-spacing: -1px;
	display: block; */
}

.clv_about_wrapper .about_content .video_block > .video_btn > .play_video::after {
	content: "";
	width: 25px;
	height: 9px;
	background-image: url(../images/ico_more_arrow.svg);
	background-size: 25px 9px;
	position: absolute;
	top: 45%;
	right: 0;
	transform: translateY(-50%);
}

@media only screen and (max-width: 767px){
	.clv_about_wrapper .mobile_img { margin: 0 auto; }
	.about_content {margin-top:145vw;clear:both;}
}

.clv_about_wrapper .about_content .head_info_txt { font-size: 17px;	font-weight: 300;	margin-bottom: 40px; /* text-align: justify; */}
.clv_about_wrapper .about_content .video_block > .video_btn > .play_video > span > i{display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 2px;}
.clv_about_wrapper .about_content .video_block > .video_btn > .play_video > span {display: none; width: 50px; height: 50px; margin-right: 13px; font-size: 16px; background-color: #4caf50; /* display: inline-block; */ border-radius: 100%; position: relative; color: #ffffff; box-shadow: 0 0 0 rgba(76,175,80,0.4); animation: pulse 2s infinite;}

#myModal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); align-items: center; justify-content: center;}
#myModal .modal-content { position: relative; max-width: 900px; max-height: 506px; background-color: #fff; text-align: center; /*overflow: auto;*/ width: 100%;  height: 100%; border: 2px solid #BCBCBC;}
#myModal .close { position: absolute; top: 10px; right: 10px; font-size: 24px; cursor: pointer;}
#myModal .video_btn { text-align: center; margin-top: 20px;}
#myModal .play_video { display: inline-block; padding: 10px 20px; background-color: #484e66; color: #fff; text-decoration: none; border-radius: 5px;}
#myModal #videoFrame{width:100%; height:calc(100% - 50px); height:100%;}
#myModal button.mfp-close{overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; top: -33px; height: 44px; line-height: 44px; position: absolute; opacity: 0.65; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;}

.clv_heading {text-align: left;}
.clv_heading h3 {position: relative; font-size: 32px;	font-weight: 600; padding: 0.35em 0;	margin-top: 2em;/*  text-transform: capitalize; */}
.clv_heading h3::after { position: absolute;	top: 0;	left: 0; content: "";	box-sizing: border-box;	display: inline-block;	width: 40px;	height: 5px; background: #484e66;}


/*오시는길*/
.white_bg_01 { background:#fff;  }
.googlemaps { width:100%; height:400px; /*background:red url(../images/location_google_map_ex.jpg)no-repeat center center;*/ } /*background-size:cover;*/
.location_info { background:#fefefe; margin-top:81px;  }
.location_info h4 { border-bottom:1px solid #eee; padding-bottom:10px; font-size: 27px;}
.location_info h5.relief, .location_info h5.develop { margin-top:25px; margin-left: 50px; }
.location_info .content_txt { font-weight:300; margin-left: 50px;  }

/*
.location_info .ico_first { position:relative; }
.location_info .ico_second { position:relative; }
.location_info .ico_third { position:relative; }
.location_info .ico_forth { position:relative; }
*/

.location_info h5 { position:relative; }
.location_info h5.relief {font-size: 20px;}
.location_info h5 i { display: inline-block; position:absolute; top:0px;  left: -50px; width:40px; height:40px;  } /*background:#ccc;*/
.location_info h5 i img { width:40px; height:40px; }
.location_info .sub_img_01 img { width:100%; }
/*.location_info .old_adress { background:red; width:40px; height:40px; position:absolute; top:72px;  left: 15px; }*/

@media (max-width: 1040px) {
	.clv_about_wrapper .about_content .about_heading h2 {font-size: 24px; padding: 0.35em 0;}
	.clv_heading h3::after,.clv_about_wrapper h2 em::after {width: 30px; height: 3px;}
	.clv_about_wrapper h2 em {font-size: 18px; font-weight: 400;}
	.clv_heading h3 {font-size: 23px;}
	.clv_about_wrapper .about_content h3 {font-size: 21px; line-height: 40px;}
	.location_info h4 {font-size: 20px; }
}

@media only screen and (max-width: 767px) {
	.location_info h5 i { width:30px; left: -35px; }
	.location_info h5 i img { width:unset; height:unset; }
	.location_info h5.relief, .location_info h5.develop { margin-left: 30px; }
	.location_info .content_txt { margin-left: 30px; }
	.location_info h4 { font-size: 20px; }
	.location_info h5.relief, .location_info h5.develop { font-size: 16px; }
	.location_info .content_txt { font-size: 14px; }
	.location_info .fadeInLeft{margin-top:15px;}

}

/********************************************************
7. service start - 브링업소개 페이지
*******************************************************/
.clv_service_wrapper{
	position: relative;
	/* background-color: #fdfaff;	
	padding-bottom: 70px; */
	padding-top: 0px;
	letter-spacing:-0.2px;
	word-break:keep-all;
}
.clv_service_wrapper .service_girl_img{
	position: absolute;
    bottom: -70px;
    right: -253px;
    /*display: inline-block;*/
	display:none;
}
.service_main_wrapper{
	margin-top: 25px;
}
.clv_service_wrapper .service_block{
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.05);
	text-align: left;
	padding: 40px 40px 20px;
	margin-bottom: 30px;
	position: relative;
	transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
	min-height: 680px; /*높이 맞추기*/
}
.clv_service_wrapper .service_block:before, .clv_service_wrapper .service_block:after, .clv_service_wrapper .service_block span:before, .clv_service_wrapper .service_block span:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid transparent;
	border-width: 2px 0px 0px 2px;
	border-radius: 10px 0px 0px 0px;
	transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
}
.clv_service_wrapper .service_block:after{	top: auto;	bottom: 0;	border-radius: 0px 0px 0px 10px;	border-width: 0px 0px 2px 2px;}
.clv_service_wrapper .service_block span:before{	left: auto;	right: 0;	border-radius: 0px 10px 0px 0px;	border-width: 2px 2px 0px 0px;}
.clv_service_wrapper .service_block span:after{	top: auto;	left: auto;	bottom: 0;	right: 0;	border-radius: 0px 0px 10px 0px;	border-width: 0px 2px 2px 0px;}
.clv_service_wrapper .service_block:hover:before{	width: 90px;	height: 60px;	border-color: #ccc;}
.clv_service_wrapper .service_block:hover:after{	width: 60px;	height: 90px;	border-color: #ccc;}
.clv_service_wrapper .service_block:hover span:before{	width: 60px;	height: 90px;	border-color: #ccc;}
.clv_service_wrapper .service_block:hover span:after{	width: 90px;	height: 60px;	border-color: #ccc;}
.clv_service_wrapper .service_block .service_icon{	margin-bottom: 14px;}
.clv_service_wrapper .service_block h4{	font-size: 26px;	font-weight: 600;	text-transform: capitalize;	color: #fff;	background:#007bff;	padding: 32px; border-radius: 6px;}
.clv_service_wrapper .service_block h4.firts { background:#f9bdaa url('http://www.bringupi.org/images/bringup_introduce_img01.jpg')no-repeat 100% 50%; background-size:contain;  }
.clv_service_wrapper .service_block h4.second { background:#74b9ef url('http://www.bringupi.org/images/bringup_introduce_img02.jpg')no-repeat 100% 50%; background-size:contain;  }
.clv_service_wrapper .service_block h4.third { background:#cda391 url('http://www.bringupi.org/images/bringup_introduce_img03.jpg')no-repeat 100% 50%; background-size:contain;  }
.clv_service_wrapper .service_block h4.fourth { background:#A63611 url('http://www.bringupi.org/images/bringup_introduce_img04.jpg')no-repeat 100% 50%; background-size:contain;  }
/*추가*/
.clv_service_wrapper .service_block h4 b { border-right:2px solid rgba(255,255,255,0.3); margin-right:5px; padding-right:10px; font-weight:600; }
.clv_service_wrapper .service_block h4 span { margin-left:5px; font-weight: 300; }
.clv_service_wrapper h5 { font-size:18px; margin-bottom:5px; }
.clv_service_wrapper h5.relief { /* color:#fcd1c3; */ }
.clv_service_wrapper h5.develop { /* color:#1128A6; */ }
.clv_service_wrapper h5.exchange { /* color:#DE7A37; */ }
.clv_service_wrapper .content_txt b { color:#444; font-weight:500; }


.clv_service_wrapper .middle_txt { font-size:20px; font-weight: 500; margin-top:24px; margin-bottom: 24px; color:#484e66; }
.clv_service_wrapper .content_txt { font-weight:400; font-size:15px; margin-bottom: 24px; }
.clv_service_wrapper .content_txt .mini_info_1 {  }

.clv_service_wrapper .content_txt .mini_info_1 li { margin-left: 11px; text-indent: -9px; margin-top: 5px; }
.clv_service_wrapper .content_txt .mini_info_1 li::before { content:'-'; margin-right:3px; color:#484e66; }

.martop10 { margin-top:10px; }

@media only screen and (max-width: 991px){
	.clv_service_wrapper .service_block { min-height:unset; }
	.clv_service_wrapper .service_block h4 { padding: 18px; font-size:22px; }
	.clv_service_wrapper .service_block h4.firts { background:#f9bdaa; }
	.clv_service_wrapper .service_block h4.second { background:#74b9ef; }
	.clv_service_wrapper .service_block h4.third { background:#cda391; }
	.clv_service_wrapper .service_block h4.fourth { background:#A63611; }


}

@media only screen and (max-width: 767px){
	.clv_service_wrapper .service_block { padding: 15px 15px; }
	.clv_service_wrapper .service_block h4 { padding:12px; font-size:20px; }
	.clv_about_wrapper .mobile_img { margin: 0 auto; }
	.about_content {margin-top:145vw;clear:both;}
}

@media only screen and (max-width: 550px){

}