@charset "utf-8";

/* ----------------------------------------------------------
 * 공통
---------------------------------------------------------- */
/*body {margin:0;padding:0;font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff;color:#555;line-height:27px}*/
body {margin:0;padding:0;font-size:1.25em;font-family:'Noto Sans KR',sans-serif;letter-spacing:-1px;font-weight:300;color:#555}
h1{font-size: 2em;}
h2, h3, h4, h5, h6 {font-size:1.25em;font-family:'Malgun Gothic', dotum, sans-serif}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
a {color:#555}
a:hover {color:#ce7784;text-decoration:none}

input[type=text],input[type=password], textarea {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
color:#555;
font-weight:100
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
}

input[type=checkbox],input[type=radio] {box-sizing: border-box;padding:0;width:20px;height:20px;border:1px #dedede solid !important;margin-top:5px}

#hd_pop{max-width:100% !important}/*익스하단스크롤방지*/




/* ----------------------------------------------------------
 * 게시판 공통
---------------------------------------------------------- */

/* 버튼 */
#bo_list i,#bo_v i,#bo_gall i{display:none}
a.btn,.btn{line-height:35px;height:35px;padding:0 15px !important;text-align:center;border-radius:3px;font-weight:normal;border:0;font-size:16px}
a.btn_b01,.btn_b01 {display:inline-block;background:#f4f4f4;color:#555;text-decoration:none;vertical-align:middle;border:1px #dedede solid}
.btn_b01:hover, .btn_b01:hover {background:#f4f4f4}
a.btn_b02,.btn_b02 {display:inline-block;background:#e60012;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#e60012}
a.btn_b02_big,.btn_b02_big {display:inline-block;padding:10px 30px;color:#fff;font-size:20px;margin:0;text-align:center;background:#ff4e00;border-radius:4px}
a.btn_b02_big:hover, .btn_b02_big:hover {background:}

a.btn_b03, .btn_b03 {display:inline-block;padding:0 10px !important;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_admin,.btn_admin {display:inline-block;background:rgba(0,0,0,.3);color:#fff;text-decoration:none;vertical-align:middle;padding:0 10px;border:1px rgba(79,54,96,.1) solid}
.btn_admin:hover, a.btn_admin:hover {background:#e60012}
a.btn_cancel {display:inline-block;border:1px solid #dedede;background:#f4f4f4;color:#555;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;border:1px solid #dedede;background:#f4f4f4;color:#555;vertical-align:top;text-decoration:none}
.btn_submit {background:#f4f4f4;color:#555;border:1px #dedede solid}
.btn_submit:hover{background:#fff}

/* 게시판 상단 */
/* 쇼핑몰 링크 */
.link a {position: relative;}
.link a::after {content: '';display: block;width: 98px;height: 98px;background: url(/theme/cont_basic/contents/img/link_bg3.png) no-repeat;position: absolute;top: 50%;left: 50%;margin-left: -50px;margin-top: -50px;border-radius: 50%;animation: circle 10s linear infinite;}

@keyframes circle {
    to {transform: rotate(360deg);}
}
.link.on a {color: #555;position: fixed;right: 50px;bottom: 50px;display: flex;flex-direction: column; align-items: center;text-align: center;}
.link.on a img{width: 30px;}
.link.on a:hover{- -ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg) }
/* .link.on a {padding: 20px 20px;background-color: #ea4e1b;color: #fff;text-decoration: none;border-radius: 50%;position: fixed;right: 50px;bottom: 50px;} */

.b_top_img img{max-width:100%}
.tbl_head01 thead th {padding:15px 0;border-top:1px solid #dedede;border-bottom:1px solid #d3d3d3;color:#000;font-size:1em;text-align:center;letter-spacing:-0.1em;font-weight:300}

#bo_sch {font-size:16px;font-family:'Malgun Gothic', dotum, sans-serif}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:normal;font-size:16px}
.bo_vc_w textarea{font-weight:normal;font-size:16px}

/* 상단공통 */
.sub_tit {text-align:center;height:500px;margin-bottom:100px;position:relative;background-size:cover}
.sub_tit_txt {position:absolute;top:550px;width:100%}
.sub_tit_line {border-bottom:2px #e60012 solid;padding:0 0 5px 0}
.sub_tit_chach {color:rgba(255,255,255,1);font-size:40px;padding-top:250px}
.sub_tit_chach_s {color:rgba(255,255,255,0.9);font-size:24px;padding-top:250px; margin-bottom: -2px;}

/* 전체타이틀 */
.big_txt_01_eng{font-size:40px;line-height:60px;}
.big_txt_01{font-size:40px;line-height:55px;letter-spacing:-2px}
.big_txt_02 {font-size: 35px;}
.big_txt_03{font-size:35px;letter-spacing:-1.5px}
.small_txt_01{font-size:24px;line-height:34px}
.small_txt_02{font-size:20px;line-height:30px;padding-bottom:15px}
.basic_txt{font-size: 18px;line-height: 32px;}
.b_mar_0{margin-bottom: 0px !important;}

/* 가상요소공통 */
.plus{font-size: 17px;letter-spacing: 0;}
.plus a{color:#838383}
.plus::after{content: "";width: 28px;height: 28px;display: inline-block;background: url("/theme/cont_basic/contents/img/moreview.png") no-repeat;margin-left: 10px;vertical-align: middle;}

/* 테이블 */
.table-bordered {border:0px solid #dee2e6}
.table-bordered th{background:#e6eff1}
.table-bordered th,.table-bordered td {border-left:1px solid #dee2e6;border-right:0px solid #dee2e6;vertical-align:middle}
.table-bordered th:first-child,.table-bordered td:first-child {border-left:0px solid #dee2e6; background: #ececec;text-align: center;}
.table-bordered th:first-child,.table-bordered td:nth-child(3) {border-left:0px solid #dee2e6; background: #ececec;text-align: center;}
.table-bordered .line_01{border-top:2px solid #00a0e9}
.table td, .table th {padding:.5rem .75rem}
.table-bordered li {background: url( "/theme/cont_basic/contents/img/dot_01.png") no-repeat 0px 12px;list-style-type: none;padding-left:10px;margin-bottom:5px}


/* 공통 폰트사이즈 */
.tit_01{font-size:24px;font-weight:400}
.tit_01_nw{font-size:25px;}
.tit_02{font-size:48px;padding:5px 0}
.tit_03{font-size:40px;padding:5px 0}
.tit_04{font-size:35px;}
.tit_05{font-size: 22px;font-weight: 600;}


.medi_tit{text-align:center;padding:100px 0 30px 0}
.medi_tit .b_tit_w{font-size:48px;color:#fff}
.medi_tit .s_tit_w{color:rgba(255,255,255,.7)}
.medi_tit .b_tit{font-size:48px;color:#000}
.medi_tit .s_tit{color:rgba(0,0,0,.7)}



/* 라인처리 */
.line_gab_100{border-top:1px #dedede solid;margin-top:100px;padding-bottom:100px}
.line_gab_50{border-top:1px #dedede solid;margin-top:50px;padding-bottom:50px}
.line_gab_30{border-top:1px #dedede solid;margin-top:30px;padding-bottom:30px}
.line_gab_15{border-top:1px #dedede solid;margin-top:15px;padding-bottom:15px}
.line_bnk_30{margin-top:20px;padding-bottom:20px}
.line_mbnk_20{margin-top:20px;padding-bottom:20px}

/* 버튼 */
.link_btn_01{padding:15px 30px;display:inline-block;color:#555;cursor:pointer;border: 1px solid #555;}
.link_btn_03{background:rgba(79,54,96,.5);padding:15px 30px;display:inline-block;color:#fff;cursor:pointer}
.link_btn_02{border:1px #fff solid;padding:10px 20px;display:inline-block;color:#fff;cursor:pointer}

/* 전체 컨테이너 */
.container{max-width:1400px !important}

/* 폰트색상 */
.c_red{color:#e60012;}

/* gif이미지 */
.ho_img {overflow:hidden;background:#000}
.ho_img img{transition-duration: 1s;}
.ho_img:hover img {transform: scale(1.5, 1.5);transition-duration: 0.5s;opacity:.5}


/* 비밀글 */
.mbskin {width:360px}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:normal;font-size:1em;background:rgba(230, 0, 18, 0.8);color:#fff}
.mbskin .btn_submit:hover{background:#e60012;color:#fff}
.mbskin h1 {margin:60px 0 30px;font-size:1.25em !important}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#e60012;font-size:1em !important;margin:0 0 5px}
#pw_confirm fieldset {padding:0px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}



/* ----------------------------------------------------------
 * PC
---------------------------------------------------------- */

/* 메인배너 */
#carousel11_indicator {max-width:100%}
#carousel11_indicator .carousel-inner img{width:100%}
#carousel11_indicator .carousel-inner{text-align:center;height:100vh;background:url('../../contents/img/movie_bg.jpg') repeat center center;background-color:rgba(255,255,255, 1.0)}
/*#carousel11_indicator .pattern-overlay_wrap{background:radial-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0)), url('../../contents/img/dot_bg_02.png') repeat top left;height:100vh;width:100%;position:absolute;z-index:2}*/
#carousel11_indicator .pattern-overlay_wrap{background:url('../../contents/img/dot_bg_02.png') repeat top left;height:100vh;width:100%;position:absolute;z-index:2}
#carousel11_indicator .carousel-control-prev{left:0%;z-index:3;font-size:72px;}
#carousel11_indicator .carousel-control-next{right:0%;z-index:3;font-size:72px}
#carousel11_indicator .carousel-indicators{bottom:3%}
#carousel11_indicator .carousel-caption {top:38vh;text-align:left;z-index:3}
#carousel11_indicator .carousel-caption .txt_70{font-size:4rem;line-height: 5rem; letter-spacing:0;/*text-shadow: 2px 2px 6px gray;*/}
#carousel11_indicator .carousel-caption .txt_32{font-size:1.5rem}
.video-section .pattern-overlay{background:url('../../contents/img/dot_bg_02.png_') repeat top left;height:300px}
.video-section .buttonBar{display:none}
#carousel11_indicator .ani {-webkit-animation:heartBeat 100s 0s infinite linear alternate;-o-animation:heartBeat 100s 0s infinite linear alternate;animation:heartBeat 100s 0s infinite linear alternate}
#carousel11_indicator .movie{width:100%}
.main_lineh{line-height: 1.2;}


/* 컴퍼니 */
.company_flex{display: flex;justify-content: space-between;align-items: end;}
.philo_area{background: url('/theme/cont_basic/contents/img/philo_bg.jpg')  no-repeat center center;background-size: cover; padding: 80px 0;}
.philo_txt01{font-size: 30px;letter-spacing: -1px; color: #fff;margin: 40px 0; word-break: keep-all;}
.philo_txt02{font-size: 20px;color: #d1d1d1;line-height: 32px;word-break: keep-all;}
.philo_area .col-lg-3{border-right: 1px solid #8b8e8d;padding: 15px 50px;}
.philo_area .col-lg-3:nth-child(1){padding: 15px 30px 15px 15px;}
.philo_area .col-lg-3:nth-child(3){border-right: none;}
.m_br{display: none;}


/* 비즈니스 */
.sec02_txtR{font-size: 40px; line-height: 50px;}
.sec02_logo img{max-width: 100%;margin: 40px 0;}
.sec02_hide{display: none;}
.left_flex{display: flex;align-items: center;}
.sec02_img img{position: relative; filter: brightness(80%); height: 500px;border-radius: 10px;}
.sec02_img p{text-align: left; font-size: 28px;line-height: 40px; font-weight: 500;letter-spacing: 0;margin-bottom: 0;}
.sec02_txt{line-height: 37PX;font-size: 24px;    margin-top: 10px; letter-spacing: -1px;}
.sec02 .carousel-wrap {margin: 0px 0 50px 0}
.sec02_img{ position: relative;margin: 0 auto;}
.bg_text {position: absolute;bottom: 0;color: #f1f1f1;width: 100%;height: 145px; padding: 30px; display: flex; align-items: center;}
.busi_txt{font-size: 20px;color: #555;line-height: 32px;letter-spacing: -1px; word-break: keep-all;}
 
/* 비즈니스 섹션2 캐러셀 */
.sec02 .carousel-wrap {margin: 100px auto;width: 100%;position: relative;}
.sec02 .owl-carousel{padding: 0 15px;}
.sec02 .owl-dots{display: none;}


/* 프로덕트 */
.sec03_bg{/*background: url('/theme/cont_basic/contents/img/sec03_bg.png') no-repeat center center;*/ padding:30px 0  40px 0; background-size: cover;}
.sec03_tit{font-size: 40px; font-weight: 600;}
.sec03_tit::after{content: "";display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #c22e2e;vertical-align:baseline;margin-left: 10px;}



/* 동영상 */
.testimonials{padding: 150px 0 50px 0; width: 100%; position: relative;}
.testimonials .row{margin: 0;}
.testimonials .row .col-sm-12{padding: 0;}
/* .testimonials .item video{border-radius: 10px;} */
.shadow-effect {background: #fff;padding: 20px;border-radius: 4px;text-align: center;border:1px solid #ECECEC;box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);}
#customers-testimonials .shadow-effect p {font-family: inherit; font-size: 17px;line-height: 1.5;margin: 0 0 17px 0;font-weight: 300;}
.testimonial-name {margin: -17px auto 0;display: table;width: auto;background: #e60012;padding: 9px 35px;border-radius: 12px;text-align: center;color: #fff;box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);}
#customers-testimonials .item {text-align: center;padding: 0px;opacity: .2;-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1)-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#customers-testimonials .owl-item.active.center .item {opacity: 1;-webkit-transform: scale3d(1.0, 1.0, 1);transform: scale3d(1.0, 1.0, 1);}
.testimonials .owl-carousel .owl-item img {transform-style: preserve-3d;max-width: 90px;margin: 0 auto 17px;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {background:lightgray;transform: translate3d(0px, -50%, 0px) scale(0.5);border-radius: 50%;}
#customers-testimonials.owl-carousel .owl-dots{display: inline-block;width: 100%;text-align: center;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{display: inline-block; margin-top: 20px;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {background: lightgray;display: inline-block;height: 20px;margin: 0 2px 5px;border-radius: 50%;transform: translate3d(0px, -50%, 0px) scale(0.3);transform-origin: 50% 50% 0;transition: all 250ms ease-out 0s;width: 20px;}


.testimonials .owl-nav .owl-next {position: absolute;top: 42.5%;right: 22%;}
.testimonials .owl-nav .owl-prev span{ position: absolute;top: 30%;left: 22%;font-size: 100px;color: lightgray;}
.testimonials .owl-nav .owl-next span{font-size: 100px;color: lightgray;}

.testimonials .owl-nav .owl-next:focus{outline: none;}
#customers-testimonials.owl-carousel .owl-dot:focus{outline: none;}

/* 파트너 */
.logo_flex{display: flex; justify-content: center; align-items: center;}
.sec04 img{vertical-align:top;}
.box-flow-wrap{position:relative;margin:20px;padding:20px 0;height:140px;box-sizing:border-box;overflow:hidden;}
.box-flow{position:absolute;background:#fff;}
.box-flow > li{float:left;margin-left:20px;width:200px;height:100px;}
.box-flow > li a{display:block;width:100%;height:100%;}


/* footer */
.footer_wrap{border-top: 1px solid #dedede;}
.ft_right{display: flex;align-items: center;}
.ul_flex{display: flex;}
.ul_icon li{margin-right: 15px;}
.ul_link li{margin-right: 15px;}
.ft_br_show{display: none;}
.copy{background: #666; color: #fff; padding: 15px; text-align: center;}
.copy p{margin-bottom: 0;}


/* ----------------------------------------------------------
 * 하단
---------------------------------------------------------- */

.copy_wrap{background:#383838;padding:20px 0 20px 0;color:rgba(255,255,255,.3)}
.copy_wrap span {line-height:30px}
.gab_5{opacity:.3}
.copy_menu_home{border-bottom:1px #4c4e61 solid;padding:20px 0;background:#383838;color:rgba(255,255,255,.3)}
.copy_menu_home a{color:rgba(255,255,255,.3);font-weight:bold}

.bottom_custo_wrap{background:#e7effb;padding:30px 0;margin-top:30px;border-top:2px #3964ac solid;clear:both}
.bottom_custo_wrap .sam_txt{padding:25px;background:#fff}
.bottom_custo_wrap .custo {position:relative;overflow:hidden}
.bottom_custo_wrap .lat_title {display:block;padding-bottom:15px;border-bottom:1px solid #e2e2e2}
.bottom_custo_wrap .t_btn_wrap span{font-size:24px;font-weight:500;margin-top:25px}
.t_btn_01 {display:inline-block;background:#e37e5d;color:#fff;vertical-align:middle;padding:5px 12px;border-radius:3px}
.t_btn_02 {display:inline-block;background:#6f8cbe;color:#fff;vertical-align:middle;padding:5px 12px;border-radius:3px}
.t_btn_03 {display:inline-block;background:#a1a1a1;color:#fff;vertical-align:middle;padding:5px 12px;border-radius:3px}

.bottom_copy_wrap{background:#202020;padding:25px 0 25px 0;font-size:16px;line-height:26px;margin-top:0px;color:#989898}
.copy_menu{background:#3e3e3e;padding:15px 0;font-size:16px}
.copy_menu a{color:rgba(255,255,255,.5);}

/* ----------------------------------------------------------
 * 서브
---------------------------------------------------------- */

/* 스토리텔링 */
.brand{}
.brand .flexbox{display:flex;flex-wrap:wrap;gap:0em}
.brand .item{flex-basis:300px;flex-grow:1;border:none}
.brand .item_02{display:flex;flex-basis:150px;flex-grow:1;border:none;align-items:center;justify-content:center}
.brand .box_01{border:1px #dedede solid;background:#f4f4f4;text-align:center;padding:30px;font-size:24px}
.brand .box_01:hover {background:#4f3660;color:#fff;border:1px #4f3660 solid;transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out}
.brand .box_02{border:1px #4f3660 solid;background:#4f3660;text-align:center;padding:30px;font-size:24px;color:#fff}
.brand .box_01 i,.brand .box_02 i{font-size:48px;padding-bottom:5px}
.brand .box_04{width:220px;height:220px;border-radius:50%;text-align:center;padding:75px 0;color:#fff;background:rgba(79,54,96,.8);margin-right:-30px}
.brand .box_05{width:220px;height:220px;border-radius:50%;text-align:center;padding:50px;color:#fff;background:rgba(79,54,96,.5)}
.brand .box_05 i{font-size:48px;padding:5px}
.brand .box_06{width:220px;height:220px;border-radius:50%;text-align:center;padding:75px 0;color:#fff;background:rgba(79,54,96,.8);margin-left:-30px}

/* 인사말 */
.company img{margin-bottom:16px}

/* ----------------------------------------------------------
 *	mobile
---------------------------------------------------------- */
@media (max-width:1530px) {
#carousel11_indicator .carousel-inner img { width: 150%; position: absolute;top: 0%;left: -20%;transform: translate(-10px, -10px);}
#carousel11_indicator .carousel-caption .txt_58{font-size:3rem;line-height:4rem;padding-top:10px}
#carousel11_indicator .carousel-caption .txt_74{font-size:3rem;line-height: 4rem;}
.sub_tit_chach {padding-top: 250px;font-size: 30px;}
.philo_area .col-lg-3 {padding: 15px 15px;}
}

@media only screen and (max-width:1200px) {
/* 컴퍼니 */
.big_txt_01 {font-size: 30px; line-height: 45px;}
.tit_s{font-size: 16px;}
.txt_s{font-size: 18px;}
.philo_txt01 {font-size: 25px;margin: 30px 0;}
.philo_txt02{font-size: 18px;line-height: 30px;}
.philo_area .col-sm-3 {padding: 15px 15px;}
.sec03_tit {font-size: 30px;}
}

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

/* 공통 */
body {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR',sans-serif;letter-spacing:-1px;font-weight:300;color:#555}

/* 버튼 */
.link_btn_01{padding:5px 20px;display:inline-block;color:#555;margin-top:15px;font-size: 14px;}
.link_btn_03{padding:5px 20px;display:inline-block;color:#fff;margin-top:15px}
.link_btn_02{padding:5px 20px}

/* 간격 */
.l_pad_50{padding-left:15px}
.r_pad_50{padding-right:15px}

/* 공통 폰트사이즈 */
.sub_tit_chach {color: rgba(255,255,255,1);font-size: 25px;padding-top: 260px;}
.big_txt_01{font-size: 25px; line-height: 45px;}
.big_txt_02{font-size: 32px;}
.big_txt_03{font-size:25px;letter-spacing:-1.5px}
.basic_txt{font-size: 16px;line-height: 28px;}

.tit_01{font-size:20px;font-weight:400}
.tit_01_nw{font-size:20px;}
.tit_02{font-size:26px;padding:0px 0;line-height:36px}
.tit_03{font-size:24px;padding:5px 0}
.tit_04{font-size: 24px;}
.tit_05{font-size: 18px;}

.medi_tit{text-align:center;padding:30px 15px}
.medi_tit .b_tit{font-size:30px;color:#000}
.medi_tit .s_tit{color:rgba(0,0,0,.7)}
.medi_tit .b_tit_w{font-size:30px;color:#fff}
.medi_tit .s_tit_w{color:rgba(255,255,255,.7)}

.medi_tit_02{text-align:center;padding:30px 15px}
.medi_tit_02 .b_tit{font-size:26px;color:#000}
.medi_tit_02 .s_tit{color:rgba(0,0,0,.4)}
.medi_tit_02 .img{display:none}


/* 라인처리 */
.line_gab_100{border-top:1px #dedede solid;margin-top:50px;padding-bottom:50px}
.line_gab_50{border-top:1px #dedede solid;margin-top:20px;padding-bottom:20px}
.line_gab_30{border-top:1px #dedede solid;margin-top:15px;padding-bottom:15px}
.line_gab_15{border-top:1px #dedede solid;margin-top:15px;padding-bottom:15px}
.line_mbnk_20{border-top:1px #dedede solid;margin-top:15px;padding-bottom:15px}
.line_bnk_30{margin-top:10px;padding-bottom:10px}

/* 메인배너 */
#carousel11_indicator .carousel-inner img{width:250%}
#carousel11_indicator .carousel-inner{height:65vh}
#carousel11_indicator .carousel-caption {top:25vh;right:7%;left:7%}
#carousel11_indicator .carousel-caption {top:25vh;right:7%;left:7%}
#carousel11_indicator .carousel-caption .txt_74{font-size:1.825rem;line-height:48px;}
#carousel11_indicator .carousel-caption .txt_58{font-size:1.825rem;line-height:48px;}
#carousel11_indicator .carousel-caption .txt_32{font-size:1.125rem}
#carousel11_indicator .carousel-caption br{display:block}
#carousel11_indicator .carousel-indicators{bottom:5%}
#carousel11_indicator .carousel-control-prev{display:none}
#carousel11_indicator .carousel-control-next{display:none}
#carousel11_indicator .caro_banner{background:linear-gradient(0deg, #2d9fd3 50%, transparent 50%);z-index:100;bottom:0;position:absolute;height:300px;width:100%}
#carousel11_indicator .caro_banner .banner{width:425px;height:115px;margin-top:170px;margin-right:15px}
#carousel11_indicator .ani{-webkit-animation:heartBeat 100s 0s infinite linear alternate;-o-animation:heartBeat 100s 0s infinite linear alternate;animation:heartBeat 100s 0s infinite linear alternate}
#carousel11_indicator .movie{width:250%}

/* 컴퍼니 */
.philo_area .col-lg-3 {padding: 15px 15px;}
.philo_area .col-sm-4{border-right: 1px solid #8b8e8d;padding: 15px 15px;}
.philo_area .col-sm-4:nth-child(1){padding: 15px 30px 15px 15px;}
.philo_area .col-sm-4:nth-child(3){border-right: none;}
.philo_txt01 {font-size: 20px;margin: 20px 0;}

/* 신상품 */
.goods{padding-top:20px}

/* 커뮤니티 */
.community{padding-top:15px;padding-bottom:15px;background:#fff;color:#fff}
.community .sul{background:rgba(0,0,0,.2);padding:15px}



/* ----------------------------------------------------------
 * 하단
---------------------------------------------------------- */
.copy_wrap{padding:15px 0 0 0}
.copy_wrap span {width:100%;display:block;line-height:26px}
.copy_wrap .gan{display:none}

.bottom_custo_wrap{padding:15px 0;margin-top:15px}
.bottom_copy_wrap{padding:15px 0 0 0}
.bottom_copy_wrap span{width:100%;display:block}
.bottom_copy_wrap .w_gab_5{display:none}
.bottom_copy_wrap .logo{position:absolute;top:50px;right:15px;width:40%}
.copy_menu{text-align:center}
.bottom_copy_wrap{padding:15px 0 15px 0;font-size:14px}

/* ----------------------------------------------------------
 * 서브
---------------------------------------------------------- */

/* 브랜드스토리 */
.brand .item{flex-basis:150px;flex-grow:1;border:none}
.brand .box_01{padding:15px;font-size:16px;height:120px}
.brand .box_02{padding:15px;font-size:16px;height:120px}
.brand .box_04{width:180px;height:180px;border-radius:50%;text-align:center;padding:70px 0;color:#fff;background:rgba(79,54,96,.8);margin-right:0px;margin-bottom:-25px}
.brand .box_05{width:180px;height:180px;border-radius:50%;text-align:center;padding:35px 0;color:#fff;background:rgba(79,54,96,.5)}
.brand .box_05 i{font-size:48px;padding:5px}
.brand .box_06{width:180px;height:180px;border-radius:50%;text-align:center;padding:70px 0;color:#fff;background:rgba(79,54,96,.8);margin-left:0px;margin-top:-25px}
.brand .box_01 i,.brand .box_02 i{font-size:36px;padding-bottom:5px}
.brand .box_03{padding-left:0}
}

@media only screen and (max-width:992px) {
.m_mt_15{margin-top: 15px;}
.sec02_logo img {width: 40%;}

/* 파트너 */
.sec04 .t_mar_100 {margin-top: 30px;}
.sec04 .b_mar_100 {margin-bottom: 20px;}
.sec04 .b_mar_80 {margin-bottom: 30px;}
}


@media only screen and (max-width:768px) {
.sub_tit_chach_s {padding-top: 230px; font-size: 20px;padding-top: 240px;}
.big_txt_01{font-size: 25px; line-height: 40px;}
.big_txt_02 {font-size: 35px;}
.big_txt_03{font-size:20px;letter-spacing:-1.5px}

/* 컴퍼니 */
.company .t_mar_100{margin-top: 50px;}
.plus{font-size: 16px;}
.plus_gab{margin-top: 20px;margin-bottom: 50px;}
.company_flex {flex-direction: column;display: flex;align-items: baseline;}
.company_txt_none{display: none;}
.philo_area {padding: 50px 0;}
.philo_txt_none{display: none;}
.philo_area .col-lg-3{border-right: 1px solid #8b8e8d;padding: 15px 50px;}
.philo_area .col-lg-3:nth-child(1){padding: 15px 30px 15px 15px;}
.philo_area .col-lg-3:nth-child(3){border-right: none;}

.philo_item{display: flex;align-items: center;flex-direction: column;}
.philo_item img{margin-right: 30px;}

/* 비즈니스 */
.busi_br_none{display: none;}
.busi_tit_gab{margin-top: 0px;}
.sec02_logo{display: none;}
.busi_txt_wrap .t_mar_50{margin-top: 15px;}
.busi_txt {font-size: 18px;color: #555;line-height: 30px;margin-top: 10px;}
.sec02 .carousel-wrap { margin: 15px auto; width: 100%; position: relative;}
.sec02 .owl-carousel .owl-item img {height: 300px;}
.bg_text {height: 130px;}
.sec02_img p {font-size: 25px;line-height: 35px;}


/* 프로덕트 */
.sec03_bg {padding: 10px 0 15px 0;}
.sec03_tit {font-size: 25px;}

/* 동영상 */
.testimonials{padding: 50px 0 0px 0; }++++







.testimonials .row .col-sm-12{padding:0 15px;}

/* 파트너 */
.sec04.t_mar_100{margin-top: 40px;}
.sec04 .t_mar_30{margin-top: 0;}
.box-flow-wrap {height: 90px;}

/* 푸터 */
.footer_wrap .t_mar_100 {margin-top: 30px;}

}

@media only screen and (max-width:575px) {
.link {display: none;}

.main_m_mt15{margin-top: 15px;}
    
.sub_tit_chach {font-size: 25px;letter-spacing: -3px; }
.sub_tit_chach_s {padding-top: 260px;letter-spacing: -2px;}
.big_txt_01 {font-size: 22px;line-height: 35px; }
.big_txt_02 {font-size: 25px;}
.big_txt_03{font-size:18px;letter-spacing:-1.5px}
.plus {font-size: 14px;}

/* 메인슬라이드 */
#carousel11_indicator .carousel-inner img {width: 300%;position: absolute;top: 0%;left: -162%;transform: translate(-10px, -10px);}

/* 컴퍼니 */
.company .t_mar_100 {margin-top: 30px;}
.company .t_mar_50{margin-top: 30px;}
.plus::after {background-size: 20px;}
.br_none{display: none;}
.philo_area {padding: 20px 0;}
.philo_item{display: flex;align-items: center;flex-direction: row;}
.philo_item img{width: 30px;}
.philo_txt01 {font-size: 18px;margin: 10px 0;font-weight: 100;color: #d1d1d1;}
.philo_area .col-sm-4{border-right: none;padding: 0px 15px;}
.philo_area .col-sm-4:nth-child(1){padding: 0px 15px 0px 15px;}
.philo_area .col-lg-3{border-right: none;}
.m_br{display: block;}

/* 비즈니스 */
.busi_tit_gab{margin-top: 15px;}

/* 동영상 */
/* .testimonials .item video{border-radius: 10px;} */

/* 파트너 */
.sec04.t_mar_100 {margin-top: 20px;}
.box-flow > li{float:left;margin-left:20px;width:150px;height:100px;}
.flow_img img{width: 80% !important;}
}

@media only screen and (max-width:415px) {
/* 공통 */
.line_gab_100 {margin-top: 30px;padding-bottom: 30px;}
.sub_tit_chach {padding-top: 180px;}

/* 폰트 */
.tit_01 {font-size: 16px;}
.txt_s {font-size: 16px;}
.big_txt_01 {font-size: 20px;line-height: 30px;}

/* 이미지슬라이드 */
#carousel11_indicator .carousel-inner img {width: 300%;position: absolute;top: 0%;left: -162%;transform: translate(-10px, -10px);}
#carousel11_indicator .carousel-caption {top: 22vh;}
#carousel11_indicator .carousel-caption .txt_58 {font-size: 1.7rem; line-height: 2.5rem;}
#carousel11_indicator .carousel-caption .txt_74 {font-size: 1.7rem; line-height: 2.5rem;}
#carousel11_indicator .carousel-caption .txt_32 {letter-spacing: -1px;}


/* 컴퍼니 */
.company .t_mar_100{margin-top: 40px;}
.plus_gab{margin-top: 20px;margin-bottom: 15px;}
.philo_item img{margin-right: 15px;}
.philo_txt01 {letter-spacing: -2px;}

/* 비즈니스 */
.busi_tit_gab {margin-top: 30px;}
.busi_txt{font-size: 18px;line-height: 25px;}
.sec02_img p {font-size: 22px;line-height: 30px;}

/* 신상품 */
.goods{padding-top:15px}

/* 푸터 */
.bottom_copy_wrap{line-height: 15px; text-align: center;}
.bottom_copy_wrap span{display: none;}
.bottom_copy_wrap p{letter-spacing: 0;}

.link_wrap{display: none;}
.ft_right{display: none;}
.ft_br_show{display: block;}
.copy .txt_16{font-size: 14px;}
.gab_none{display: none;}
.sec04 .b_mar_80 {margin-bottom: 15px;}


/* 서브네비 */
.sub_tit {height: 350px;margin-bottom: 30px;}
.sub_tit_chach_s {padding-top: 180px;font-size: 16px;padding-bottom: 10px;}
.sub_tit_chach {font-size: 20px; letter-spacing: -2px;}
.col-sm-12.max_img.t_pad_25{padding-top: 0;}

/* 동영상 */
.testimonials{padding: 30px 0px 0px 0px; }
}

