@charset "utf-8";

/* ----------------------------------------------------------
 * 공통
---------------------------------------------------------- */
body {margin:0;padding:0;font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff;color:#555;line-height:1.875em}
h1, h2, h3, h4, h5, h6 {font-size:1em;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;
}
 
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;
}

/* 게시판첨부파일 */
#bo_w .bo_w_flie .lb_icon {height:43px;line-height:43px}
#bo_w .bo_w_flie .file_wr {height:45px}

/* 게시판글쓰기 폼 */
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #dedede;background:#fff;color:#555;vertical-align:middle;border-radius:3px;padding:5px;box-shadow:none}

/*익스하단스크롤방지*/
#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:13px}
a.btn_b01,.btn_b01 {display:inline-block;background:#f9f9f9;color:#555;text-decoration:none;vertical-align:middle;border:1px #dedede solid}
.btn_b01:hover, .btn_b01:hover {background:#dedede}

a.btn_b02,.btn_b02 {display:inline-block;background:#3777a8;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#6890d4}
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 #dedede;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:#91d2da;color:#fff;text-decoration:none;vertical-align:middle;padding:0 10px;border:1px #91d2da solid}
.btn_admin:hover, a.btn_admin:hover {background:#3777a8}
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}

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

/* 공통 폰트사이즈 */
.tit_01{font-size:24px;font-weight:400}
.tit_02{font-size:48px;padding:5px 0}
.tit_03{font-size:38px;padding:5px 0}

/* 버튼 */
.link_btn_01{background:#00b2eb;padding:10px 20px;display:inline-block;color:#fff;cursor:pointer}
.link_btn_02{border:1px #fff solid;padding:10px 20px;display:inline-block;color:#fff;cursor:pointer}

/* 간격 */
.line_gab_15{margin:15px 0 30px;border-top:2px #dedede solid}
.line_gab_30{margin:30px 0;border-top:1px #dedede solid}
.line_gab_40{margin:50px 0;border-top:1px #dedede solid}
.line_gab_50{margin:60px 0;border-top:1px #dedede solid}
.line_bnk_15{padding:15px}
.line_bnk_30{padding:30px}
.line_bnk_50{padding:50px}

/* 폰트색상 */
.red_01{color:#c30d23}
.blue_01{color:#00b2eb}

/* ----------------------------------------------------------
 * 메인
---------------------------------------------------------- */

/* 메인배너 */
.carousel-control-next, .carousel-control-prev {opacity:.1}
#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: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:34vh;text-align:left}
#carousel11_indicator .carousel-caption .txt_64{font-size:3.5rem;padding:30px 0 35px 0}
#carousel11_indicator .carousel-caption .txt_32{font-size:1.5rem;line-height:36px;letter-spacing:0}
.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 .caro_banner{background:linear-gradient(-9deg, #2d9fd3 50%, transparent 50%);z-index:100;bottom:0;position:absolute;height:300px;width:100%}
#carousel11_indicator .caro_banner .banner{width:425px;height:115px;float:right;margin-right:120px;margin-top:120px}
#carousel11_indicator .movie{width:100%}

/* 제품슬라이드 */
#carousel3_indicator {max-width:100%}
#carousel3_indicator .carousel-inner .bg_01{background: url('/theme/cont_basic/contents/img/goods_01.jpg') no-repeat center center;height:600px}
#carousel3_indicator i{color:#fff;font-size:30px;font-weight:100px}
#carousel3_indicator .carousel-indicators{bottom:0%;z-index:0}
#carousel3_indicator .la-angle-left{background:#00b2eb;padding:15px;margin-right:1px;}
#carousel3_indicator .la-angle-right{background:#333;padding:15px;}
#carousel3_indicator .flexbox{display:flex;flex-wrap:wrap;gap:0em;height:100%}
#carousel3_indicator .flexbox .overlay{background:rgba(0,0,0,.2);height:100%;width:100%}
#carousel3_indicator .item{display:flex;flex-basis:150px;flex-grow:1;border:none;align-items:center;justify-content:center}
#carousel3_indicator .box_01{padding-right:100px;text-align:right}
#carousel3_indicator .tit_02{background: url('/theme/cont_basic/contents/img/dot_02.png') repeat-x center center;padding:30px 0}
#carousel3_indicator .tit_02 span{background:#fff;}
#carousel3_indicator .sul{padding:15px 0 30px 100px}

/* 하는일 */
.wc_area{height:720px;position:relative}
.wc_area .left{background:linear-gradient(rgba(0, 0, 0,.5), rgba(0, 0, 0,.5)),url('/theme/cont_basic/contents/img/job_bg_01.jpg') repeat top center}
.wc_area .left:hover{background:linear-gradient(rgba(0, 0, 0,.2), rgba(0, 0, 0,.2)),url('/theme/cont_basic/contents/img/job_bg_01.jpg') repeat top center}
.wc_area .center{background:linear-gradient(rgba(0, 0, 0,.5), rgba(0, 0, 0,.5)),url('/theme/cont_basic/contents/img/job_bg_02.jpg') repeat top center}
.wc_area .center:hover{background:linear-gradient(rgba(0, 0, 0,.4), rgba(0, 0, 0,.4)),url('/theme/cont_basic/contents/img/job_bg_02.jpg') repeat top center}
.wc_area .right{background:linear-gradient(rgba(0, 0, 0,.5), rgba(0, 0, 0,.5)),url('/theme/cont_basic/contents/img/job_bg_03.jpg') repeat top center}
.wc_area .right:hover{background:linear-gradient(rgba(0, 0, 0,.4), rgba(0, 0, 0,.4)),url('/theme/cont_basic/contents/img/job_bg_03.jpg') repeat top center}
.wc_area .pos_tit{text-align:center;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:18%;z-index:1}
.wc_area .pos{text-align:center;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:73%}
.wc_area .big_txt{font-size:2.25em;color:#fff}
.wc_area .big_txtup{font-size:2.75em;color:#fff}
.wc_area .small_txtup{letter-spacing:0;color:rgba(255,255,255,.7);padding-top:30px}
.wc_area .big_line{padding:20px 0;height:3px;border-bottom:3px #fff solid;width:10%;margin:0 auto}
.wc_area .small_txt{letter-spacing:0;color:rgba(255,255,255,.7);padding-top:10px;font-size:18px;letter-spacing:0}

/* 타이틀 */
.wc_tit_wrap{padding:100px 0}
.wc_big_txt{font-size:2.75em;font-weight:100;color:#000}
.wc_small_txt{padding-top:30px}
.wc_big_line{padding:20px 0;height:3px;border-bottom:3px #000 solid;width:50px;margin:0 auto}

.wc_cont_txt{padding:0 0 50px 0;width:90%;margin:0 auto;text-align:center}
.wc_cont_txt .big_txt{font-size:2.75em;font-weight:100;color:#000}
.wc_cont_txt .small_txt{padding-top:30px}

/* 메회사소개 */
.wc_com{height:560px;position:relative}
.wc_com .center{background:linear-gradient(rgba(0, 0, 0,.2), rgba(0, 0, 0,.2)),url('/theme/cont_basic/contents/img/com_bg.jpg') repeat top center}
.wc_com .center:hover{background:linear-gradient(rgba(0, 0, 0,.4), rgba(0, 0, 0,.4)),url('/theme/cont_basic/contents/img/com_bg.jpg') repeat top center}
.wc_com .pos_tit{text-align:center;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:25%;z-index:1}
.wc_com .pos{text-align:center;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:60%}
.wc_com .btn_01 {border:2px #fff solid;color:#fff;height:50px;line-height:50px;text-align:center;font-size:16px;transition:0.3s;padding:0 30px !important;border-radius:0;margin:3px}
.wc_com .btn_01:hover {background-color:#fff;color:#000}
.wc_com .big_txtup{font-size:2.75em;letter-spacing:0;font-weight:100;color:#fff}
.wc_com .small_txtup{letter-spacing:0;color:rgba(255,255,255,.7);padding-top:30px}
.wc_com .big_line{padding:20px 0;height:3px;border-bottom:3px #fff solid;width:50px;margin:0 auto}

#loader {width:792px;margin:0 auto}
#loader span{display:inline-block;width:30px;height:30px;border-radius:100%;background-color:tomato;opacity:0;color:#000}
.modal .subject_01{font-size:24px}
#loader .span_01{animation:opacitychange 1s ease-in-out infinite;top:150px;left:200px}
#loader .span_02{animation:opacitychange 1s ease-in-out 0.30s infinite;top:350px;left:150px}
#loader .span_03{animation:opacitychange 1s ease-in-out 0.60s infinite;top:320px;left:450px}
#loader .span_04{animation:opacitychange 1s ease-in-out 0.90s infinite;top:220px;left:550px}
#loader .span_05{animation:opacitychange 1s ease-in-out 0.70s infinite;top:220px;left:650px}
#loader .span_06{animation:opacitychange 1s ease-in-out 0.100s infinite;top:70px;left:700px}

@keyframes opacitychange{
  0%, 100%{opacity:0}
  60%{opacity:1}
}


#loader-1 {width:792px;margin:0 auto}
#loader-1 span{display:inline-block;width:30px;height:30px;border-radius:100%;background-color:tomato;opacity:0;color:#000}
.modal .subject_01{font-size:24px}
#loader-1 .span_01{ animation:opacitychange 1s ease-in-out 0.30s infinite; top:400px; left:200px; -webkit-animation:opacitychange 1s ease-in-out 0.30s infinite; }
#loader-1 .span_02{ animation:opacitychange 1s ease-in-out 0.60s infinite; top:320px; left:480px; -webkit-animation:opacitychange 1s ease-in-out 0.60s infinite; }
#loader-1 .span_03{ animation:opacitychange 1s ease-in-out 0.90s infinite; top:220px; left:490px; -webkit-animation:opacitychange 1s ease-in-out 0.90s infinite; }


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

.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}


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

/* 상단공통 */
.sub_tit {text-align:center;height:70vh;margin-bottom:180px;position:relative}
.sub_tit_ani{text-align:center;height:70vh;margin-bottom:250px;position:relative;background-size:cover;background-position-y:0;animation:grow 50s linear infinite}
.main_gab_04{padding:30px}

.sub_tit_txt {position:absolute;top:78vh;width:100%}
.sub_tit_line {border-bottom:2px #243558 solid;padding:0 0 5px 0}
.sub_tit_chach {color:rgba(255,255,255,1);font-size:34px;margin-top:35vh;letter-spacing:0}

/* 전체타이틀 */
.big_txt_01{font-size:38px;line-height:56px;letter-spacing:-1.5px;margin-top:-15px}
.big_txt_02{font-size:26px;line-height:44px}
.small_txt_01{font-size:22px;line-height:34px}

/* 서브_01 */
.sub_01{}
.sub_01 img{padding-bottom:50px}
.sub_01 .box_01{background:radial-gradient(rgba(0, 0, 0,.6), rgba(0, 0, 0,.8));padding:70px}
.sub_01 .box_02{background:#00b4ed;padding:70px}
.sub_01 .col-sm-8{padding:0 9px 0 0;margin-left:-2px}

.wc_cont img{opacity:.5;padding-bottom:5px}
.wc_cont .tit{font-size:20px;padding:10px 0;font-weight:400;letter-spacing:0}
.wc_cont .col-sm-3{padding:0 40px;border-left:1px #dedede solid}
.wc_cont .col-sm-3:first-child{border-left:none}

.big_logo{border:1px #dedede solid;background:#dedede;padding:100px;text-align:center;margin:50px 0 0}
.cross_col{background:#00b4ed;padding:15px 20px;color:#fff;margin-top:10px}
.cross_grid {background-size:10px, 30px, 10px 10px, 30px 30px;background-image:linear-gradient(90deg, #00000009 1px, transparent 1px), linear-gradient(90deg, #00000009 1px, transparent 1px), linear-gradient(#00000009 1px, transparent 1px), linear-gradient(#00000009 1px, transparent 1px);border:1px #dedede solid; padding:30px;margin-top:10px}

/* 테이블 */
.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:1px solid #dee2e6}
.table-bordered thead th,.table-bordered thead td {border-bottom-width:0px}
.table-bordered .tit_01{background:#f1f6f7;width:12%;text-align:center}
.table-bordered .tit_02{font-weight:bold;background:#f7f7f7}
.table-bordered .tit_03{background:#b4c7e7;text-align:center;width:10%}
.table-bordered .tit_04{background:#154366;padding:15px;width:40%}
.table-bordered .tit_05{background:#f7f3e3;text-align:center;width:10%}
.table td, .table th {padding:.5rem .75rem}



/* ----------------------------------------------------------
 * 반응형처리
---------------------------------------------------------- */

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

br{display:none !important}

/* 버튼 */
.link_btn_01{padding:3px 10px;margin-top:15px;border-radius:3px;font-size:14px}
.link_btn_02{padding:5px 20px}

/* 공통 폰트사이즈 */
.tit_01{font-size:20px;font-weight:400}
.tit_02{font-size:28px;padding:0px 0;line-height:36px}
.tit_03{font-size:24px;padding:5px 0}

/* 간격 */
.line_gab_15{margin:5px 0 15px}
.line_gab_30,.line_gab_40{margin:15px 0}
.line_bnk_15{padding:7px}
.line_bnk_30,.line_bnk_50{padding:15px 0 0 0}

/* ----------------------------------------------------------
 * 상단
---------------------------------------------------------- */

/* 메인배너 */
#carousel11_indicator .carousel-inner img{width:250%}
#carousel11_indicator .carousel-inner{height:70vh}
#carousel11_indicator .carousel-caption {top:20vh;right:3%;left:3%;text-align:center}
#carousel11_indicator .carousel-caption .txt_64{font-size:1.5rem;line-height:36px;padding-top:10px;padding:0}
#carousel11_indicator .carousel-caption .txt_32{font-size:1rem;line-height:30px;padding:20px 15px}
#carousel11_indicator .carousel-caption br{display:block}
#carousel11_indicator .carousel-indicators{bottom:3%}
#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:350%}

/* 제품슬라이드 */
#carousel3_indicator .carousel-inner .bg_01{background-size:contain;height:300px}
#carousel3_indicator .carousel-indicators{bottom:-1px}
#carousel3_indicator .la-angle-left{padding:5px}
#carousel3_indicator .la-angle-right{background:#333;padding:5px}
#carousel3_indicator .flexbox .overlay{display:none}
#carousel3_indicator .tit_02{padding:10px 0}
#carousel3_indicator .item{flex-basis:350px}
#carousel3_indicator .box_01{padding:30px 0}
#carousel3_indicator .sul{display:none}

/* 하는일 */
.wc_area {padding-top:0px}
.wc_area .pos{top:50%}
.wc_area .big_txt{font-size:1.75em;font-weight:400;color:#fff}
.wc_area .big_line{padding:20px 0;height:3px;border-bottom:3px #fff solid;width:10%;margin:0 auto}
.wc_area .small_txt{letter-spacing:0;color:rgba(255,255,255,.7);padding-top:15px}
.wc_area .pos{top:30% !important;padding:0 13%}

/* 타이틀 */
.wc_tit_wrap{padding:40px 8%}
.wc_big_txt{font-size:2em;font-weight:100;color:#000}
.wc_big_line{padding:10px 0}
.wc_small_txt{padding-top:30px}

/* 회사소개 */
.wc_com{height:280px}
.wc_com .pos_tit{top:12%;padding:0 13%}
.wc_com .pos{top:50%}
.wc_com .big_txtup{font-size:1.5em;letter-spacing:0;font-weight:100;color:#fff;line-height:1.75em}
.wc_com .btn_01 {border:1px rgba(255,255,255,.4) solid;height:45px;line-height:45px;font-size:14px}
.wc_com .big_line{padding:10px 0}
.wc_com .btn_01{width:70%}

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

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

/* 상단공통 */
.sub_tit_ani{height:50vh;margin-bottom:130px;background-size:cover !important;animation:grow 0s linear infinite}
.main_gab_04{padding:15px}

.sub_tit_txt {position:absolute;top:55vh;width:100%}
.sub_tit_line {border-bottom:2px #243558 solid;padding:0 0 5px 0}
.sub_tit_chach {color:rgba(255,255,255,1);font-size:24px;margin-top:20vh;line-height:36px;padding:30px}

/* 전체타이틀 */
.big_txt_01{font-size:24px;line-height:36px;letter-spacing:-1.5px;margin-top:0px}
.big_txt_02{font-size:22px;line-height:36px}
.small_txt_01{font-size:18px;line-height:30px}

.wc_cont_txt{padding:15px 0 30px 0;width:90%;margin:0 auto;text-align:center}
.wc_cont_txt .big_txt{font-size:2em;font-weight:100;color:#000}
.wc_cont_txt .small_txt{display:none}

/* 서브_01 */
.sub_01 img{padding-bottom:25px;width:50%}
.sub_01 .box_01{padding:30px}
.sub_01 .box_02{padding:20px}
.sub_01 .col-sm-8{padding:0;margin:0}
.sub_01 .l_mar_40{margin:0}

.wc_cont{padding:15px 15px 0}
.wc_cont .tit{font-size:15px;padding-bottom:0;font-family:'Malgun Gothic' !important}
.wc_cont .col-sm-3{padding:15px;width:50%;border:1px #dedede solid;border-collapse:collapse;margin-top:-1px;margin-right:-1px}
.wc_cont .col-sm-3:first-child{border-left:1px #dedede solid}
.wc_cont .gray{background:#f9f9f9}

.big_logo{padding:50px;margin:30px 0 0}
.big_logo img{width:50%}
.cross_grid {margin-bottom:20px}
.cross_col{margin:20px 0}


/* 테이블 */
.table-bordered {border:1px solid #dee2e6;width:100%}
.table-bordered th{background:#e6eff1}
.table-bordered th,.table-bordered td {padding:.5rem .75rem}
.table_sub_01{border-radius:0px;min-height:30px;margin-bottom:5px}
.table_sub_02{padding:15px;margin-bottom:5px}


}

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

/* 제품슬라이드 */
#carousel3_indicator .carousel-inner .bg_01{height:217px}

}

/* 플렉스박스 */
.flexbox{display:flex;flex-wrap:wrap;align-items:center;gap:1em}
/* .mdt .item_02{flex-basis:670px;flex-grow:1;border:none;padding:25px,;} */
.box_01{background:#fbfbfb;border:1px #dedede solid}
.item_04.box_05 {display: flex; flex-grow: 1; width:30%; min-height: 205px;}
.mdt .cont_04 {word-break: keep-all; min-height:180px, width:100%;}
.cont_04 .tit{font-size:22px;color:#000;}


.txt-brk {word-break:keep-all;}
.txt-word {word-break: break-all;}
.border_img {border:1px #dedede solid}

/* 원 숫자 */
.num {
  float: left;
  font-size: 16px;
  color: #fff;
  background: #035b99;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-family: 'Noto Sans KR',sans-serif;
  font-weight: 400;
  text-align: center;
}

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

  /* 제품슬라이드 */
  #carousel3_indicator .carousel-inner .bg_01{height:217px}
  
  }
  @media only screen and (max-width: 1400px) {
    #carousel11_indicator .carousel-inner img {width: 400%;}
    }
    
    @media (max-width: 1024px) and (min-width: 1800px) {
    #carousel11_indicator .carousel-caption .txt_64 {font-size: 2.5rem;}
    }