/*공통*/
.mtit01 {font-size: 45px; font-weight: 600; color: #333; letter-spacing: -1px; line-height: 1.2;}
.mtxt01 {font-size: 17px; font-weight: 400; color: #999;}
.mtxt02 {font-size: 21px; font-weight: 600; color: #333;}


/*=============================================================
						공통사용
=============================================================*/
#epic_wrap {width: 100%; min-width: 1300px;}
*:focus {outline: none !important;}
h2 {font-size:45px;}
h3 {font-size:37px;}
h4 {font-size:33px;}
h5 {font-size:27px;}
h6 {font-size:23px;}


@media all and (max-width:1200px){
    .mtit01 {font-size: 37px}
    .mtxt02 {text-align: center;}
}

@media all and (max-width:980px){
    .mtit01 {font-size: 32px}
    .mtxt02 {font-size: 15px;}
    
    h2 {font-size:37px;}
}

@media all and (max-width:740px){
    .mtit01 {font-size: 25px}
    h2 {font-size:33px;}
    h5 {font-size:21px;}
    h6 {font-size:19px;}
    
}

/*main_section*/
.contents {width:1200px; margin:0 auto; padding:40px 0 70px 0;}

/* Business Area Icons */
.business_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.business_content {
    flex: 1;
}

.business_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media all and (max-width:1200px){
    .contents {width: 100%; box-sizing: border-box; padding: 40px 20px 70px 20px;}    
}

@media all and (max-width:768px){
    .contents {padding: 20 15px;}    
}

/*== 싱글 체크박스 ==*/
.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label {position:relative; display:inline-block; cursor:pointer; padding-left:30px; font-size:16px; line-height: 20px; color: #303030;}
.single input[type=checkbox] + label:before {position:absolute; left:0; top:0; display:inline-block; width:20px; height:20px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/_img/common/check.png"); background-color: #fff; border: 1px solid #e8e8e8;}
.single input[type=checkbox]:checked + label:before {background-color:#303030; border-color: #303030}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}


/*== 싱글 라디오버튼 ==*/
.single input[type=radio] {display:none;}
.single input[type=radio] + label {position:relative; display:inline-block; cursor:pointer; padding-left:30px; font-size:16px; line-height: 20px; color: #303030;}
.single input[type=radio] + label:before {position:absolute; left:0; top:0; display:inline-block; width:20px; height:20px; border-radius: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/_img/common/check.png"); background-color: #fff; border: 1px solid #e8e8e8;}
.single input[type=radio]:checked + label:before {background-color:#303030; border-color: #303030}


/*== 리스트형 라디오&체크박스 ==*/
ul.multi_line {box-sizing:border-box; display: flex; flex-wrap: wrap; justify-content: flex-start;}
ul.multi_line li {position:relative; float:left; cursor: pointer; margin-right: 1%;margin-bottom: 1%;}

/*체크박스*/
ul.multi_line input[type="checkbox"] {display:none;}
ul.multi_line input[type="checkbox"] + label {color:#9a9a9a; font-size:15px; width: 100%;}
ul.multi_line input[type="checkbox"] + label span {display:inline-block; width:100%; height:50px; cursor:pointer; background:#eee; text-align:center; line-height:48px; color:#9a9a9a; box-sizing:border-box; border-radius: 5px;}
ul.multi_line input[type="checkbox"]:checked + label {color:#fff;}
ul.multi_line input[type="checkbox"]:checked + label span {border:2px solid #1d7dee; background:#fff; color:#1d7dee; font-weight: 500;}


ul.multi_line input[type="radio"] {display:none;}
ul.multi_line input[type="radio"] + label {color:#9a9a9a; font-size:15px; width: 100%;}
ul.multi_line input[type="radio"] + label span {display:inline-block; width:100%; height:50px; cursor:pointer; background:#eee; text-align:center; line-height:48px; color:#9a9a9a; box-sizing:border-box; border-radius: 5px;}
ul.multi_line input[type="radio"]:checked + label {color:#fff;}
ul.multi_line input[type="radio"]:checked + label span {border:2px solid #1d7dee; background:#fff; color:#1d7dee; font-weight: 500;}

@media screen and (max-width:768px) {
    ul.multi_line input[type="radio"] + label {font-size:13px;}
    ul.multi_line input[type="radio"] + label span {height:40px; line-height:40px;}
    ul.multi_line input[type="checkbox"] + label {font-size:13px;}
    ul.multi_line input[type="checkbox"] + label span {height:40px; line-height:40px;}
}

ul.multi_line.leng2 li{width: 49%}
ul.multi_line.leng2 li:nth-of-type(2n) {margin-right: 0;}

ul.multi_line.leng3 li{width: 32%}
ul.multi_line.leng3 li:nth-of-type(3n) {margin-right: 0;}

ul.multi_line.leng4 li{width: 24%}
ul.multi_line.leng4 li:nth-of-type(4n) {margin-right: 0;}

ul.multi_line.leng5 li{width: 19%}



ul.colorType_list {}
ul.colorType_list li {}
ul.colorType_list li #color_type1 {background: #000}

ul.colorType_list li.colorType2 input[type="radio"]:checked + label span {background: #000; color: #fff; border-color: #000;}
ul.colorType_list li.colorType3 input[type="radio"]:checked + label span {background: #fff; color: #222; border-color: #eee;}
ul.colorType_list li.colorType4 input[type="radio"]:checked + label span {background: #999; color: #fff; border-color: #999;}
ul.colorType_list li.colorType5 input[type="radio"]:checked + label span {background: #E83538; color: #fff; border-color: #E83538;}
ul.colorType_list li.colorType6 input[type="radio"]:checked + label span {background: #2e73f2; color: #fff;}
ul.colorType_list li.colorType7 input[type="radio"]:checked + label span {background: #10cb9d; color: #fff; border-color: #10cb9d;}
ul.colorType_list li.colorType8 input[type="radio"]:checked + label span {background: #ffe243; color: #222; border-color: #ffe243;}


/*== 셀렉트박스 ==*/
select {height:45px; border: 1px solid #ddd; font-size: 14px; padding: 0 10px; background:url("/_img/common/btn_unfold.png") no-repeat right 10px top 21px, #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background-size: 12px;}
select::-ms-expand { display:none; }

@media screen and (min-width:990px) {
    ul.multi_line.leng5 li:nth-of-type(5n) {margin-right: 0;} 
}

@media screen and (max-width:990px) {
	#top_btn {right:10px; width: 35px; height:35px;}
	#top_btn.on { bottom: 12px;}
	
	.fixed-cs_btn#kakao {background-size: 17px;}
	
	.fixed-cs_btn {right: 10px; width: 35px; height: 35px;}	
	.fixed-cs_btn.on#kakao {bottom: 60px;}
	.fixed-cs_btn.on#call {bottom: 110px;}
	.fixed-cs_btn#call i {font-size: 17px; line-height: 35px;}

	.single input[type=checkbox] + label {font-size: 14px; padding-left: 24px;}
	.single input[type=checkbox] + label:before {width: 17px; height: 17px;}
	
	.single input[type=radio] + label {font-size: 14px; padding-left: 22px; line-height: 17px;}
	.single input[type=radio] + label:before {width: 15px; height: 15px;}
    
    ul.multi_line.leng5 li{width: 32%;}
    
    a.more_btns {font-size: 14px; padding: 14px 40px;}
}


a.more_btns {display: inline-block; margin: 0 auto; color: #fff; background: #2e73f2; border-radius: 50px; padding: 17px 50px; font-size: 18px; margin-top: 20px;}

@media screen and (max-width:480px) {
    ul.multi_line.leng5 li{width: 49%;}
    
}


/*============================ sec01 =============================*/
.main_bannerBox{ width:100%; display: flex; justify-content: space-around;}
.main_bannerBox .banner {width: 50%;}
.banner .banner_txt {position: relative; box-sizing: border-box; padding-left: 110px;  margin: 0 auto;}
.banner .banner_txt::before {position: absolute; top:50%; transform: translate(0,-50%); left: 0; width: 85px; height: 85px; background-position: center; background-size: 100%; background-repeat: no-repeat; content: '';}
.banner .banner_txt h4 {margin-bottom: 20px; }
.banner .banner_txt a {background-color:#333; padding: 10px 20px; border-radius: 50px; transition: .3s;}
.banner .banner_txt a:hover {background: #2e73f2;}
.banner .banner_txt a span {background:url(/_img/common/nomal-arrow2-next-w.png) no-repeat center right; background-size: 16px; padding-right: 25px; color: #fff; font-size: 16px;  font-weight: 500;}

.banner#banner1 {border-right: 3px dashed #aaa;}
.banner#banner1 .banner_txt::before {background-image:url('/_img/main/main_icon01.png');}
.banner#banner2 .banner_txt::before {background-image:url('/_img/main/main_icon02.png');}
.banner#banner3 .banner_txt {padding-left: 180px; margin: 0;}
.banner#banner3 .banner_txt h4 {margin: 10px 0}
.banner#banner3 .banner_txt::before { background-image:url('/_img/main/main_icon03.png'); background-size: 104px; width:150px; height: 150px; background-color: #e9e9e9; border-radius: 100%;}

@media all and (min-width:1200px){
    .banner .banner_txt {max-width: 400px;}
}

@media all and (max-width:1200px){
    .main_bannerBox .banner {padding: 0 30px; box-sizing: border-box;}
    .banner .banner_txt {padding-left: 0}
    .banner .banner_txt::before {position: relative; top: auto; left: auto; transform: none; display: block; margin: 0 auto; margin-bottom: 15px;}
    .banner .banner_txt h4 {text-align: center;}
    .banner .banner_txt a {display: block; text-align: center; padding-top: 13px; padding-bottom: 13px;}
    
    .banner#banner3 .banner_txt {padding-left: 0}
    .banner#banner3 .banner_txt h4 br {display: none;}
}


@media all and (max-width:980px){
    .banner#banner3 .banner_txt::before {width: 120px; height: 120px; background-size: 65%;}
}

@media all and (max-width:768px){
    .m_sec01 .contents {padding: 0;}
    .main_bannerBox .banner {padding: 0 20px;}
    .banner .banner_txt::before {width: 70px; height: 70px; }
    .banner .banner_txt a { padding-top: 10px; padding-bottom: 10px;}
    .banner .banner_txt a span {font-size: 14px;}
    
    
}

@media all and (max-width:360px){
    .banner .banner_txt h4 {font-size: 22px;}
}

.m_sec02 {position: relative; padding:80px 0;}
.m_sec02 .contents {display: flex; flex-wrap: wrap; justify-content: space-between;}
.m_sec02 .sec02_cont01 {width: 40%;}
.m_sec02 .sec02_cont01 .bar {width:100%; border-radius: 50px; background-color: #c3c3c3; margin:30px 0 15px 0; overflow: hidden;}
.m_sec02 .sec02_cont01 .bar .fill {display: block; width:60%; height: 10px; border-radius: 50px; background-color: #fd774f;}
.m_sec02 .sec02_cont01 .counting_car {margin-bottom: 20px;}
.m_sec02 .sec02_cont01 .counting_car p {margin-bottom: 7px;}
.m_sec02 .sec02_cont01 .counting_car h5 {font-size: 45px; color: #333; font-weight: 800; letter-spacing: -1px; text-align: right;}
.m_sec02 .sec02_cont01 .more_car_btn {width:100%; text-align: right; }
.m_sec02 .sec02_cont01 .more_car_btn a {font-size: 16px; font-weight: 500; padding-right: 30px; background-image: url(/_img/common/nomal-arrow2-next-b.png); background-repeat: no-repeat; background-size: 16px; background-position: center right 5px;}

.m_sec02 .sec02_cont02 h5 {margin-bottom: 30px; color: #212121; text-align: center;}
.m_sec02 .sec02_cont02 h5 img {width: 126px; vertical-align: bottom;}
.m_sec02 .sec02_cont02 {width: 100%; box-sizing: border-box; }
.m_sec02 .sec02_cont02 ul.car_list_wrap {width:100%; display: flex; flex-wrap:wrap; justify-content: flex-start; margin-bottom: 30px;}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list {position: relative; width:23.5%; margin-right: 2%; border-radius: 20px; overflow: hidden; border: 1px solid #dedede; transition: 0.3s;}

.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox {position: relative; box-sizing: border-box; width: 100%;}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox .car_img {width: 100%; overflow: hidden;padding-bottom: 55%;  transition: 0.3s; position: relative;}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox .car_img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox .car_info {width: 100%; padding: 20px 15px; box-sizing: border-box;}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox .car_info h6 {font-size: 19px; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox .car_info p {font-size: 15px; color: #5a5a5a; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; height: 4.35em;}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list:hover {box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list:hover .car_infoBox .car_info h6 {color: #2e73f2}
.m_sec02  a.more_btns {background: #333;}


@media all and (max-width:1200px){
    .m_sec02 .sec02_cont01 {width: 36%;}
    .m_sec02 .sec02_cont01 .bar {margin-top: 20px; margin-bottom: 20px;}
    .m_sec02 .sec02_cont01 .counting_car p {text-align: center;}
    .m_sec02 .sec02_cont01 .counting_car h5 {text-align: center; font-size: 40px;}
    .m_sec02 .sec02_cont01 .more_car_btn {text-align: center;}
}

@media all and (min-width:980px){
    .m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list:last-of-type {margin-right: 0}
}

@media all and (max-width:980px){
    .m_sec02  {padding: 50px 0;}
    .m_sec02 .sec02_cont01 {width: 90%; margin:0 auto 40px auto;}
    .m_sec02 .sec02_cont01 .counting_car {display: flex; justify-content: space-between;}
    .m_sec02 .sec02_cont01 .counting_car p {vertical-align: middle;line-height: 40px;}
    .m_sec02 .sec02_cont01 .counting_car h5 {font-size: 34px;}    
    
    .m_sec02 .sec02_cont02 ul.car_list_wrap {margin-bottom: 0}
    .m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list {width: 49%; margin-bottom: 2%; border-radius: 10px;}
    .m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list:nth-of-type(2n) {margin-right: 0}
    .m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox .car_info h6 {font-size: 16px; line-height: 1; margin-bottom: 6px;}
    .m_sec02 .sec02_cont02 ul.car_list_wrap li.car_list .car_infoBox .car_info p {font-size: 14px;}
     
}

@media all and (max-width:768px){
    .m_sec02 .sec02_cont02 h5 img {width: 100px}
}

@media all and (max-width:640px){
    .m_sec02 .sec02_cont01 {width: 100%; position: relative;}
    .m_sec02 .sec02_cont01 .bar {margin: 15px 0;}
    .m_sec02 .sec02_cont01 .bar .fill {height: 7px;}
    .m_sec02 .sec02_cont01 .counting_car {display: block;}
    .m_sec02 .sec02_cont01 .counting_car p {font-size: 15px; line-height: 1; text-align: left;}
    .m_sec02 .sec02_cont01 .counting_car h5 {font-size: 27px; text-align: left;}  
    .m_sec02 .sec02_cont01 .more_car_btn a {font-size: 15px; position: absolute; bottom: 17px; right: 0; width: auto;}
}


/*수출카 소개 && 수출카 APP*/
.m_sec03 {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0;}
.pic_banner {background-position: center; background-repeat: no-repeat; background-size: cover; width: 50%; height: 350px; position:relative; display: table;}
.pic_banner#bn1 {background-image: url(../_img/main/sec3_banner-bg1.jpg); }
.pic_banner#bn2 {background-image: url(../_img/main/sec3_banner-bg2.jpg); }
.pic_banner .text_wrap {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.pic_banner .text_wrap h2 {color: #fff; text-align:center; font-weight: 600;}
.pic_banner .text_wrap p {text-align: center; font-size: 17px; line-height: 1.3; color: #fff; margin-top: 15px;}
.pic_banner .text_wrap p a {margin: 0 5px ; }
.pic_banner .text_wrap p a img {width: 40px;}
.pic_banner .text_wrap p a span {color: #fff; background: url(/_img/common/nomal-arrow2-next-w.png) no-repeat center right; background-size: 17px; padding-right: 25px;}
.pic_banner#bn1 .text_wrap p a {background-color: #2e73f2; padding: 7px 23px; border-radius: 50px; display: inline-block; margin-top: 7px;}


@media all and (max-width:980px){
    .pic_banner {height: auto; padding: 50px 20px}
    
}

@media all and (max-width:768px){
    .pic_banner {width: 100%;}
    .pic_banner .text_wrap p  {font-size: 15px;}
    .pic_banner#bn1 .text_wrap p a {font-size: 14px;}
}


/*진단평가사 바로판매신청*/
.m_sec04 {background: url(/_img/main/sec4-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; text-align: center; padding: 130px 0;}
.m_sec04 h2 {text-align: center; color: #fff;}
.m_sec04 p {font-size: 18px; color: #fff; text-align: center; margin: 20px 0; opacity: 0.8}

@media all and (max-width:980px){
    .m_sec00 { padding: 0 }
    html .m_sec00 .contents { padding: 70px 0 0 }
    .m_sec04 {padding: 100px 0}
}

@media all and (max-width:768px){
    .m_sec04 {padding: 70px 0}
}

@media all and (max-width:360px){
    .m_sec04 h2 {font-size: 31px;}
}


#kakao_link {position: fixed; bottom: 50px; right: 50px; width: 70px; height: 70px; border-radius: 100%; background: #fae100; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#kakao_link a {display: block; width: 100%; height: 100%;}
#kakao_link img {width: 35px; margin: 16px auto; display: block;}

@media all and (max-width:980px){
    #kakao_link {width: 50px; height: 50px; bottom: 15px; right: 15px;}
    #kakao_link img {width: 50%; margin-top: 14px;}
}


#message {position: fixed; bottom: 140px; right: 50px; width: 70px; height: 70px; border-radius: 100%; background: #2e73f2; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#message a {display: block; width: 100%; height: 100%;}
#message svg {width: 35px; margin: 16px auto; display: block; fill:#fff;}

@media all and (max-width:980px){
    #message {width: 50px; height: 50px; bottom: 75px; right: 15px;}
    #message svg {width: 50%; margin-top: 14px;}
}





/*============================ 내차팔기 =============================*/

#sub_container {width: 100%;  background: #f8f8f8; padding-top: 100px; box-sizing: border-box; overflow: hidden;}
#sub_container .verticalAlign-wrap {display: table; width: 100%; height:  calc(100vh - 200px)}
#sub_container .verticalAlign-inner {display: table-cell; vertical-align: middle; width: 100%;}

.contents-inner {background: #fff; box-sizing: border-box; padding: 70px 50px; border-radius: 20px;}
.page_title {text-align: center; font-size: 45px; font-weight: 700; color: #212121; margin-bottom: 70px; line-height: 1;}
.page_title span {color: #fff; font-size:25px; padding: 10px 20px; display: inline-block; margin-left: 10px; vertical-align: middle; border-radius: 50px; margin-top: -5px;}
.page_title span.type1 {background: #2e73f2;}
.page_title span.type2 {background: #fd774f;}

@media screen and (max-width:990px){
    #sub_container {padding-top: 70px;}
    .page_title {font-size: 38px; margin-bottom: 50px; line-height: 1;}
    .page_title span {font-size: 21px;}
}

@media screen and (max-width:768px){    
    .contents-inner {padding: 30px 20px; border-radius: 20px;}
    
    .page_title {font-size: 29px; line-height: 1.4; margin-bottom: 30px;}
    .page_title span {font-size: 16px; font-weight: 500; padding: 6px 12px; margin-left: 6px;}
    
}

@media screen and (max-width:280px){   
    .page_title span {margin-left: 0; margin-top: 4px;}
}

#select_carType {width: 100%; justify-content: center; flex-wrap: wrap; display: flex; margin-bottom: 100px;}
#select_carType .carType {width: 35%;background: #fff; box-sizing: border-box; border-radius: 20px; padding: 30px; margin: 0 30px; transition: 0.3s; cursor: pointer;}
#select_carType .carType p {text-align: center; font-size: 17px; margin: 30px 0; line-height: 1;}
#select_carType .carType p.name {font-size: 27px; font-weight: 600; color: #333;}
#select_carType .carType p.name::before {display: block; width: 180px; height: 180px; background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; margin: 0 auto 20px auto;}
#select_carType .carType p span {text-align: center; color: #2e73f2; font-weight: 500; background-image: url(/_img/common/nomal-arrow2-next-bl.png); background-repeat:  no-repeat; background-position:  center right; background-size: 20px; padding-right: 30px;}
#select_carType .carType#type1 p.name::before {background-image: url(/_img/sub/car-type1.png);}
#select_carType .carType#type2 p.name::before {background-image: url(/_img/sub/car-type2.png);}

#select_carType .carType:hover {box-shadow: 0 0 15px rgba(0,0,0,0.1);}
#select_carType .carType:hover p.name {color: #fff;}
#select_carType .carType:hover p span {color: #fff; background-image: url(/_img/common/nomal-arrow2-next-w.png);}

#select_carType .carType#type1:hover {background-color: #2e73f2}
#select_carType .carType#type2:hover {background-color: #fd774f}

@media screen and (max-width:768px){
    #select_carType {margin-bottom: 40px;}
    #select_carType .carType {position: relative; width: 100%; padding: 50px; margin:0 0 20px 0;}
    #select_carType .carType p {text-align: left; margin: 20px 0 40px 0; padding-left: 55%;}
    #select_carType .carType p.name {font-size: 23px;}
    #select_carType .carType p.name::before {position: absolute; top:50%; left:30px; transform: translateY(-50%);}
    
    #select_carType .carType#type2{margin-bottom: 0;}
}
@media screen and (max-width:480px){
    #select_carType .carType {padding: 30px;}
    #select_carType .carType p {margin: 20px 0; padding-left: 48%;}
    #select_carType .carType p.name {font-size: 21px;}
    #select_carType .carType p.name::before { left: 20px; width:100px; height: 100px;}
    #select_carType .carType p span {text-align: center; color: #2e73f2; font-weight: 500; background-image: url(/_img/common/nomal-arrow2-next-bl.png); background-repeat: no-repeat;
        background-position: center right; background-size: 20px; padding-right: 30px;}
}





.inner_section {margin-bottom: 50px;}
.inner_section-title {font-size: 24px; color: #333; margin-bottom: 20px;}


.terms_bx {width: 100%; height: 200px; border: 1px solid #e0e0e0; box-sizing: border-box; overflow-y: scroll; padding: 15px; font-size: 14px; color: #606060; line-height: 1.7;}
.input_chk {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.input_chk p {color: #606060; font-size: 16px; }
.input_chk ul li {float: left; margin-left: 15px;}

.inputTable {border-top: 2px solid #333}
.inputTable .col {width: 100%; border-bottom: 1px solid #e0e0e0; display: table;}
.inputTable .col .title, .inputTable .col .select {display: table-cell; vertical-align: middle; padding: 20px;}
.inputTable .col .title {font-size: 16px; color: #252525; text-align: center; width: 20%; font-weight: 500; background: #fafafa;}
.inputTable .col .title span.primary {font-size: 12px; color: #E5282B; padding-left: 3px;}
.inputTable .col .select {width: 80%; font-size: 16px;}
.inputTable .col .select.filename {color: #157cb6}
.inputTable .col .select ul {}
.inputTable .col .select ul li {float: left; font-size: 16px;}
.inputTable .col .select ul.type_select li {margin-right: 10px;}
.inputTable .col .select .float_wrap {display: flex; flex-wrap: wrap; }

/*.inputTable .col .select ul.multi_line li {width: 35%}*/

.inputTable .col .select ul.contest_info_list {}
.inputTable .col .select ul.contest_info_list li {width: 100%;}
.inputTable .col .select ul.contest_info_list li .single {float: left; margin-right: 15px; min-width: 60px;}
.inputTable .col .select ul.contest_info_list li span {font-size: 16px; padding-left: 0; top: 3px;}
.inputTable .col .select .etc_input-wrap {width: 100%; margin-top: 10px;}
.inputTable .col .select .etc_input-wrap input[type='text'] {width: 100%; margin: 0}
.inputTable .col .select .etc_input-wrap input[type='text']::placeholder {color: #9a9a9a}


.inputTable .col input[type="text"], .inputTable .col input[type="password"], .inputTable .col select {box-sizing: border-box; border: 1px solid #e0e0e0; width: 180px; height: 50px; 
    padding: 10px; font-size: 15px; color: #606060; margin-right: 5px; border-radius: 5px;}
.inputTable .col input[type="text"]::placeholder {color: #aaa;}
.inputTable .col em {padding: 0 7px; line-height: 40px; font-size: 14px;}
.inputTable .col .num {width: 95px !important;}
.inputTable .col .addr {width: 49% !important}
.inputTable .col .full {width: 100% !important}
.inputTable .col button {width: 85px; height: 40px; background: #157cb6; color: #fff; border: 0; margin-left: 5px}
.inputTable .col textarea { width: 100%; height: 200px; border: 1px solid #e0e0e0; box-sizing: border-box; padding: 10px; font-size: 14px;}
.inputTable .col>span {font-size: 12px; vertical-align:-webkit-baseline-middle; padding-left: 10px;}
.inputTable .col>span.red {color: #ff4100;}
.inputTable .col .line {width:100%;}
.inputTable .col .line.top-m {margin-top: 5px;}
.inputTable .col .line.bottom-m {margin-bottom: 5px;}
.inputTable .col .mail_wrap {float: left;}

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {display: inline-block; cursor: pointer; vertical-align: top; width: 80px; height: 40px; background: #157cb6; color: #fff; text-align: center; line-height: 40px; margin-top: -1px;}
.filebox .upload-name {display: inline-block; padding:10px;  font-size: 14px; vertical-align: middle; background-color: #fff; border: 1px solid #e0e0e0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 280px; box-sizing: border-box; color: #606060}

#final_text {width: 100%; padding: 120px 0; border: 5px solid #f3f3f3 ; box-sizing: border-box; text-align: center; font-size: 16px; color: #606060; line-height: 1.7; margin-bottom: 30px;} 
#final_text strong {color:#252525; font-weight: 500; font-size: 21px;}

/*방문평가판매 차랑번호*/
.unknown-car_num .single {line-height: 45px; margin-left: 10px;}


@media screen and (max-width:990px){
	.inputTable .col input[type="text"], .inputTable .col select {margin-left: 0; width: 100%; height: 45px; font-size: 14px;}
	
	.inputTable .col ul.birth {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.inputTable .col ul.birth li {width: 32%; margin: 0;}
	.inputTable .col ul.birth li em {display: none;}
	
	.inputTable .col ul.call {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.inputTable .col ul.call li {position: relative; width: 31%; margin: 0;}
	.inputTable .col ul.call li::after {position: absolute; top: 10px; right: -10px; content: '-'; font-size: 13px;}
	.inputTable .col ul.call li:last-of-type::after {display: none;}
	.inputTable .col ul.call li .num {width: 100% !important}
	.inputTable .col ul.call li em {display: none;}
	
	.inputTable .col .mail_wrap {width: 100%; float: none;}
	.inputTable .col .mail_wrap {width: 100%; float: none;}
	.inputTable .col .mail_wrap:first-of-type {display: flex; justify-content: space-around; margin-bottom: 5px;}
	.inputTable .col .mail_wrap:first-of-type em {font-size: 13px; padding: 0 10px;}
	.inputTable .col .mail_wrap:first-of-type input[type='text'] {width:48%;}
	
	.inputTable .col .select .scholl_info {width: 100%; justify-content: space-between; display: flex;}
	.inputTable .col .select .scholl_info select {width: 49%;}
	
}

@media screen and (max-width:768px){
    .inner_section-title {margin-bottom: 13px;}
    
	.input_chk {margin-top: 10px;}
	.input_chk p {font-size: 13px;}
	
	.inputTable .col {display: block; overflow: hidden; padding: 18px 0}
    .inputTable .col input[type="text"], .inputTable .col select  {height: 40px;}
	.inputTable .col .title, .inputTable .col .select {display: block; width: 100%; box-sizing: border-box;  padding: 0;  text-align: left;}
	.inputTable .col .title {font-size: 15px; background:none; margin-bottom: 10px;}
	.inputTable .col .select {font-size: 14px;}
	
	.inputTable .col .select ul.contest_info_list li span {font-size: 14px; top: 4px;}
	
	.filebox label {font-size: 14px;}
	
	.inputTable .col .addr {width: 100% !important; margin-bottom: 5px;}
	
	.inputTable .col .select ul.type_select li {margin-top: 7px;}
	
	
}

.btns_wrap {width: 100%; justify-content: center; display: flex;}
.btns_wrap a {display: block; width: 200px; height: 50px; border-radius: 5px; text-align: center; line-height: 50px; font-size: 16px; margin: 0 5px;}
.btns_wrap a.prev {color: #fff; background: #aaa;}
.btns_wrap a.regist {color: #fff; background: #2e73f2;}

@media screen and (max-width:768px){
    .btns_wrap a {width: 180px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 5px;}
}



#final_page {background: #fff; border-radius: 20px; padding: 70px 30px; margin: 70px 0;}
#final_page .page_title {position: relative; font-size: 35px; margin-bottom: 20px; padding-bottom: 30px;}
#final_page .page_title::after {position: absolute; bottom: 0; left: 50%; margin-left: -25px; height: 3px; width: 50px; background: #ddd; content: '';}
#final_page .page_title::before {display: block; margin: 0 auto 30px auto; width: 215px; height: 215px; background:url(/_img/common/laptop.png) no-repeat center; background-size: 100%; content: '';}
#final_page ul#info_check {display:flex; width: 100%; flex-wrap: wrap; justify-content: center; margin-bottom: 60px;}
#final_page ul#info_check li {padding: 0 13px; position: relative; font-size: 19px; color: #8a8a8a;}
#final_page ul#info_check li::after {position: absolute; top: 2px; left: 0; width: 1px; height: 15px; background: #ccc; content: '';}
#final_page ul#info_check li:first-of-type::after {display: none;}


@media screen and (max-width:990px){
    #final_page .page_title{font-size: 32px; padding-bottom: 20px;}
}
@media screen and (max-width:768px){
    #final_page {padding: 40px 20px; margin: 40px 0;}
    #final_page .page_title{font-size: 28px; padding-bottom: 15px; margin-bottom: 10px;}
    #final_page .page_title::before {width: 180px; height: 180px;}
    #final_page ul#info_check{margin-bottom: 20px;}
    #final_page ul#info_check li{padding: 10px 0; font-size: 17px; width:100%; text-align: center;}
    #final_page ul#info_check li:after{top: -2px; left:50%; transform:translateX(-50%); width:4px; height: 4px; border-radius: 50%; background-color: #ddd;}
    
}




/*매매가이드*/
.hifu_step_wrap {}
.hifu_step_wrap .stepBox {position: relative; width: 100%; box-sizing: border-box; border: 7px solid #dedede; padding: 40px 0; background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: 50px; border-radius: 10px;}
.hifu_step_wrap .stepBox::after {position: absolute; bottom: -52px;; left: 50%; margin-left: -12px; width: 0; height: 0; border:25px solid transparent; border-top-color: #dedede; content: '';}
.hifu_step_wrap .stepBox:last-of-type::after {display: none;}
.hifu_step_wrap .stepBox .icon {width: 17%; text-align: center; display: table;}
.hifu_step_wrap .stepBox .icon p {width: 100%; height: 100%; display: table-cell; vertical-align:middle; text-align: center;}
.hifu_step_wrap .stepBox .icon p img {width: 60%;}
.hifu_step_wrap .stepBox .text {position: relative; width: 83%; border-left: 1px solid #dedede; padding-left: 50px; box-sizing: border-box;}
.hifu_step_wrap .stepBox .text p {font-size: 19px;}
.hifu_step_wrap .stepBox .text p.stepName {font-size: 21px; font-weight: 600; color: #111; margin-bottom: 20px;}
.hifu_step_wrap .stepBox .text p.stepName span {color:#2e73f2; vertical-align: baseline; padding-right: 10px;}
.hifu_step_wrap .stepBox .text p.stepName span em {color:#2e73f2; padding-left: 5px;}
.hifu_step_wrap .stepBox .text a {display: block;width: 170px; height: 40px; box-sizing: border-box; border: 1px solid #ddd; text-align: center; line-height: 40px; background: #ecf1f7; transition: 0.3s; color: #333; font-weight: 500;}
.hifu_step_wrap .stepBox .text a span {font-size: 15px; background-image: url(/_img/utility/icon-down-b.png); background-repeat: no-repeat; background-position:  center right; padding-right: 30px; background-size: 25px;}
.hifu_step_wrap .stepBox .text a:hover {background: #309782; border-color: #309782; color: #fff;}
.hifu_step_wrap .stepBox .text a:hover span {background-image: url(/_img/utility/icon-down-w.png)}

.hifu_step_wrap .stepBox .text ul {}
.hifu_step_wrap .stepBox .text>ul>li {font-size: 18px; margin: 7px 0; position: relative; padding-left: 15px; color: #212121; line-height: 1.5;}
.hifu_step_wrap .stepBox .text>ul>li::before {position: absolute; top: 14px; left: 0; width: 7px; height: 1px; background: #aaa; content: '';}
.hifu_step_wrap .stepBox .text>ul>li ul {margin-top: 5px;}
.hifu_step_wrap .stepBox .text>ul>li ul li {position:relative; font-size: 16px; box-sizing: border-box; padding-left: 50px;}
.hifu_step_wrap .stepBox .text>ul>li ul li span {font-weight: 500; position: absolute; top: 0; left: 10px;}
.hifu_step_wrap .stepBox .text>ul>li ul li::before {position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #aaa; content: '';}


@media all and (max-width:1400px){
    .sub02_01 .contents {padding-left: 0 !important; padding-right: 0 !important}
}

@media screen and (max-width:1200px) {
    
    .hifu_step_wrap .stepBox .icon p img {width: 60%}
    .hifu_step_wrap .stepBox .text ul li {margin: 7px 0}
}

@media screen and (max-width:980px) {
    .hifu_step_wrap .stepBox {margin-bottom: 30px; border-width: 5px;}
    .hifu_step_wrap .stepBox::after {border-width: 18px; bottom: -37px;}
    .hifu_step_wrap .stepBox .text {padding-left: 40px; padding-right: 40px;}
    .hifu_step_wrap .stepBox .text p.stepName {font-size: 18px; margin-bottom: 15px;}
    .hifu_step_wrap .stepBox .text ul li {font-size: 16px;}
    
}

@media screen and (max-width:768px) { 
    .hifu_step_wrap .stepBox .text a {width: 100%; height: 45px; line-height: 45px;}
    .hifu_step_wrap .stepBox .icon p img {width: 70%}
    .hifu_step_wrap .stepBox .text {padding-left: 30px; padding-right: 20px;}
    .hifu_step_wrap .stepBox .text p.stepName {font-size: 16px; margin-bottom: 15px;}
    .hifu_step_wrap .stepBox .text ul li {font-size: 14px;}
    .hifu_step_wrap .stepBox .text ul li::before {top: 10px; }
}

@media screen and (max-width:640px) {   
    .hifu_step_wrap .stepBox {display: block; padding: 25px 0}
    .hifu_step_wrap .stepBox .icon {width: 100%; margin-bottom: 10px;}
    .hifu_step_wrap .stepBox .icon p img {width: 100px;}
    
    
    .hifu_step_wrap .stepBox .text {padding-left: 20px; width: 100%; border-left: 0;}
    .hifu_step_wrap .stepBox .text p.stepName {font-size: 16px; margin-bottom: 25px; text-align: center;}
    .hifu_step_wrap .stepBox .text p.stepName span {display: block; margin-bottom: 8px; padding-right: 0}
    .hifu_step_wrap .stepBox .text ul li {font-size: 14px;}
    .hifu_step_wrap .stepBox .text ul li::before {top: 10px; }
    .hifu_step_wrap .stepBox .text>ul>li ul li {font-size: 13px; padding-left: 45px;}
    .hifu_step_wrap .stepBox .text>ul>li ul li::before {top: 8px;}
    
}




/*======================= 브랜드소개 =======================*/
#sub_container.sub0101,
#sub_container.sub0102,
#sub_container.sub0103{background-color: #fff; border-bottom: 1px solid #eee;}

.brand_intro-text {}
.brand_intro-text h5 {text-align: center; color: #2e73f2; line-height: 1.4;}
.brand_intro-text p {font-size: 18px; text-align: center; line-height: 1.5; color: #5a5a5a; margin: 15px 0}

/* 주요 사업영역 스타일 */
.business_info {background: #f8f9fa; padding: 40px 30px; margin-bottom: 50px; border-radius: 10px; border: 1px solid #e9ecef;}
.business_info h3 {font-size: 32px; color: #2e73f2; margin-bottom: 30px; font-weight: 600; border-left: 4px solid #2e73f2; padding-left: 15px;}
.business_info h3 svg {margin-right: 10px; vertical-align: middle;}

.business_area {margin-bottom: 20px;}
.business_item {margin: 25px 0; padding: 20px; background: #fff; border-radius: 8px; border: 1px solid #e9ecef;}
.business_item h4 {font-size: 20px; color: #333; margin-bottom: 15px; font-weight: 600;}
.business_item h4 svg {margin-right: 8px; vertical-align: middle;}
.business_item p {font-size: 16px; color: #666; line-height: 1.6; margin-bottom: 0; padding-left: 28px;}
.business_item p.region_text {font-size: 14px; color: #777; line-height: 1.8; letter-spacing: 0.5px;}

/* 회사 소개 스타일 */
.company_intro {margin: 40px 0; padding: 30px; background: #fff; border-radius: 8px; border: 1px solid #e9ecef; text-align: center;}
.company_intro h4 {font-size: 24px; color: #2e73f2; margin-bottom: 20px; font-weight: 600; line-height: 1.4;}
.company_intro p {font-size: 16px; color: #666; line-height: 1.7; margin: 0;}

/* 서비스 정보 스타일 */
.service_info {background: #f8f9fa; padding: 40px 30px; margin-top: 50px; border-radius: 10px; border: 1px solid #e9ecef;}
.service_info h3 {font-size: 24px; color: #2e73f2; margin-bottom: 15px; font-weight: 600; border-left: 4px solid #2e73f2; padding-left: 15px;}
.service_info h4 {font-size: 20px; color: #333; margin: 30px 0 15px 0; font-weight: 600;}
.service_info p {font-size: 16px; color: #666; line-height: 1.6; margin-bottom: 15px;}
.service_info .promise_text {font-size: 18px; color: #2e73f2; font-weight: 500; text-align: center; margin: 30px 0; padding: 20px; background: #fff; border-radius: 8px; border: 1px solid #e3f2fd;}
.service_info .closing_text {font-size: 17px; color: #333; font-weight: 500; text-align: center; margin: 30px 0; padding: 20px; background: #fff; border-radius: 8px;}

/* 서비스 세부 정보 */
.export_intro, .service_details, .why_choose {margin: 25px 0; padding: 20px; background: #fff; border-radius: 8px; border: 1px solid #e9ecef;}
.service_details ul {margin: 15px 0; padding-left: 20px;}
.service_details li {margin-bottom: 12px; line-height: 1.6;}
.service_details strong, .why_choose strong {color: #2e73f2; font-weight: 600;}

/* 해시태그 스타일 */
.hashtags {margin: 20px 0; text-align: center;}
.hashtags span {display: inline-block; background: transparent; /*background: #2e73f2; *//*color: #fff;*/ color: #333 padding: 8px 15px; margin: 5px; border-radius: 20px; font-size: 14px; font-weight: 500;}

/* 연락처 정보 */
.contact_info {background: #333; color: #fff; padding: 25px; border-radius: 8px; text-align: center; margin-top: 30px;}
.contact_info p {font-size: 18px; font-weight: 500; margin: 10px 0; color: #fff;}
.contact_info p svg {margin-right: 8px; vertical-align: middle;}
.contact_info a {color: #ffd700; font-weight: 600; text-decoration: none;}
.contact_info a:hover {text-decoration: underline; color: #fff;}

/* 서비스 정보 제목에 SVG 아이콘 스타일 */
.service_info h4 svg {margin-right: 10px; vertical-align: middle;}
.export_intro h4 svg, .service_details h4 svg, .why_choose h4 svg {margin-right: 10px; vertical-align: middle;}
.brand_intro-text p span {font-size: 14px; letter-spacing: 10px; color: #2e73f2; opacity: 0.5; font-weight: 600;}
.brans_intro-banner {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 80px 0}
.brans_intro-banner:nth-of-type(even) {flex-direction: row-reverse;}
.brans_intro-banner .pics {width: 50%;overflow: hidden; border-radius: 10px; position: relative;}
.brans_intro-banner .pics img {width:100%; }
.brans_intro-banner .brand_intro-text {width: 50%; box-sizing: border-box;  display: table;}
.brans_intro-banner .brand_intro-text .text_wrap {width:100%; display: table-cell; vertical-align:middle; padding: 0 50px; box-sizing: border-box;}
.brans_intro-banner .brand_intro-text p, .brans_intro-banner .brand_intro-text h5 {text-align: left;}
.brans_intro-banner .brand_intro-text h5 {color: #212121}

.brans_intro-banner.greeting {display: block; margin: 0;}
.brans_intro-banner.greeting  .pics_wrap {display: flex; flex-wrap: wrap; justify-content:center;}
.brans_intro-banner.greeting .pics {width:20%; margin: 0 20px; box-sizing: border-box; border: 1px solid #efefef;}
.brans_intro-banner.greeting .pics img {border-radius: 10px;}
.brand_intro-text.new {width:100%; background: #fafafa; padding: 300px 0 120px 0; margin-top: -250px;}
.brand_intro-text.new h5 {color: #2e73f2; text-align: center;}
.brand_intro-text.new p {text-align: center;}
.brand_intro-text.new p strong {font-weight: 700; letter-spacing: 5px; padding-left: 10px;}
.brand_intro-text.new p:last-of-type {margin-top: 30px;}
.hide-768 {display: block;}
.show-768 {display: none;}

@media screen and (max-width:980px) {
    .brand_intro-text p {font-size: 16px; margin: 5px 0}
    .brand_intro-text p span  {font-size: 12px; letter-spacing: 5px;}
    .brans_intro-banner {margin: 40px 0}
    .brans_intro-banner .pics {width: 100%;}
    .brans_intro-banner .brand_intro-text {width: 100%; padding-top: 10px;}  
    .brans_intro-banner .brand_intro-text .text_wrap {/*padding-left: 0;*/ padding-left: 40px; padding-right: 0}  
    
    /* 주요 사업영역 모바일 반응형 */
    .business_info {padding: 30px 20px;}
    .business_info h3 {font-size: 28px;}
    .business_item {margin: 20px 0; padding: 15px;}
    .business_item h4 {font-size: 18px;}
    .business_item p {font-size: 14px; padding-left: 26px;}
    .business_item p.region_text {font-size: 13px;}
    
    .company_intro {margin: 30px 0; padding: 20px;}
    .company_intro h4 {font-size: 20px;}
    .company_intro p {font-size: 14px;}
    
    /* 서비스 정보 모바일 반응형 */
    .service_info {padding: 30px 20px; margin-top: 40px;}
    .service_info h3 {font-size: 20px;}
    .service_info h4 {font-size: 18px;}
    .service_info p {font-size: 14px;}
    .service_info .promise_text {font-size: 16px; padding: 15px;}
    .service_info .closing_text {font-size: 15px; padding: 15px;}
    .hashtags span {font-size: 12px; padding: 6px 12px;}
    .contact_info {padding: 20px;}
    .contact_info p {font-size: 16px;}
    .contact_info p svg {width: 18px; height: 18px;}
}

@media screen and (max-width:768px) {
    .hide-768 {display: none;}
    .show-768 {display: block;}
    
    
    .brans_intro-banner.greeting {margin-bottom: 0;}
    .brans_intro-banner.greeting  .pics_wrap {justify-content: space-between;}
    .brans_intro-banner.greeting .pics {width:48%; text-align: center; margin-bottom: 20px; margin-left: 0; margin-right: 0}
    .brans_intro-banner.greeting .brand_intro-text {width:100%}
    .brans_intro-banner .brand_intro-text .text_wrap {padding-left: 0;}  
    
    .brand_intro-text.new {padding: 150px 0 80px 0; margin-top: -150px;}
    
    .sub0101 h5,
    .sub0102 h5,
    .sub0103 h5{font-size: 19px; letter-spacing: -0.5px;}
    
    
    .sub0102 .brans_intro-banner:last-child {margin-bottom: 0;}
    /*.sub0101 .contents-inner,
    .sub0102 .contents-inner,
    .sub0103 .contents-inner{padding:30px 10px;}*/
    
    .sub0103 .one_pics img{max-width: 100%;}
    
    /* 주요 사업영역 모바일 스타일 */
    .business_info {padding: 20px 15px;}
    .business_info h3 {font-size: 24px; padding-left: 12px; border-left-width: 3px;}
    .business_item {margin: 15px 0; padding: 12px;}
    .business_item h4 {font-size: 16px; margin-bottom: 10px;}
    .business_item p {font-size: 13px; padding-left: 24px;}
    .business_item p.region_text {font-size: 12px; line-height: 1.6;}
    
    .company_intro {margin: 20px 0; padding: 15px;}
    .company_intro h4 {font-size: 18px;}
    .company_intro p {font-size: 13px;}
    
    /* 서비스 정보 768px 모바일 스타일 */
    .service_info {padding: 20px 15px; margin-top: 30px;}
    .service_info h3 {font-size: 18px; padding-left: 12px; border-left-width: 3px;}
    .service_info h4 {font-size: 16px; margin: 20px 0 10px 0;}
    .service_info p {font-size: 13px;}
    .service_info .promise_text {font-size: 15px; padding: 12px;}
    .service_info .closing_text {font-size: 14px; padding: 12px;}
    .export_intro, .service_details, .why_choose {margin: 15px 0; padding: 15px;}
    .hashtags span {font-size: 11px; padding: 5px 10px; margin: 3px;}
    .contact_info {padding: 15px;}
    .contact_info p {font-size: 15px; margin: 8px 0;}
    .contact_info p svg {width: 16px; height: 16px;}
}





.m_sec05 {width:100%; position:relative; background:#f0f4f8}
.m_sec05 {position: relative; padding:80px 0;}
.m_sec05 .contents {display: flex; flex-wrap: wrap; justify-content: space-between;}

.m_sec05 .contents .layoutBox {width: 100%; flex-shrink: 1; position: relative;}
.m_sec05 .contents .layoutBox p {text-align: center;
    font-size: 17px;
    line-height: 1.3;
    
    margin-top: 15px;
}

.video_area {
  position: relative;
  width: 568px;
  height: 320px;
  max-width: 100%;
}

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

.m_sec05 .contents .layoutBox  {width:100%; margin-bottom:10px}
.video_area {width:100%}
}

.video_section_title_wrap {
  width: 100%;
  text-align: center;
  margin-bottom: 30px; /* 영상과 제목 간의 간격 */
}

.video_section_title {
  text-align: center;        /* 제목을 중간으로 배치 */
  font-size: 27px;           /* h5 글자 크기 */
  font-weight: 600;          /* h5 글자 굵기 */
}

.m_sec02 .sec02_cont02 h5 {
  margin-bottom: 30px;
  color: #212121;
  text-align: center;
}

h5 {
  font-size: 27px;
}

.logo_image {
  height: 35px;             /* h5 글자 크기와 동일하게 설정 */
  vertical-align: middle;   /* 텍스트와 이미지가 중간에 정렬되도록 설정 */
  margin-right: 0px;       /* 이미지와 텍스트 사이에 약간의 간격 추가 */
  vertical-align: bottom
}