@charset "utf-8";

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

/* 버튼 */
.link_btn_01{background:#fff;padding:10px 20px;display:inline-block;cursor:pointer;border:1px #dedede solid}
.link_btn_02{padding:10px 20px;display:inline-block;cursor:pointer;border:1px rgba(255,255,255,.5) solid;color:#fff}
.link_btn_03{padding:10px 20px;display:inline-block;cursor:pointer;border:1px #dedede solid; color:#fff;}
.link_btn_03:hover{ background:#fff; color:black; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }


/* 간격 */
.cont_gab_30{padding:15px}
.cont_gab_50{padding:40px}
.cont_gab_100{padding:50px}
.gab_b_100{border-bottom:1px #881118 solid;margin-bottom:100px}
.gab_50{border-bottom:1px #881118 solid;margin-bottom:50px;padding-top:50px}
.gab_60{border-bottom:1px #881118 solid; margin-bottom:50px;}


/* 줄 바꿈 */
.txt-brk {word-break: keep-all;}


/*익스하단스크롤방지*/
#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:#881118;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:#ccc;color:#fff;text-decoration:none;vertical-align:middle;padding:0 10px;border:1px #ccc solid}
.btn_admin:hover, a.btn_admin:hover {background:#881118;color:#fff}
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}


.wc_cont{padding-bottom:100px}
.wc_cont .top{padding-top:100px}
.wc_cont img{opacity:.5;padding-bottom:5px}
.wc_cont .icon_bg_01{background:rgba(0,0,0,.1);width:150px;height:150px;border-radius:50%;text-align:center;line-height:150px;margin:0 auto}
.wc_cont .icon_bg_02{background:rgba(255,255,255,.7);width:150px;height:150px;border-radius:50%;text-align:center;line-height:150px;margin:0 auto;margin-top:100px}
.wc_cont .tit{font-size:20px;padding:20px 0;font-weight:400;letter-spacing:0}
.wc_cont .tit_02{font-size:28px;padding-top:30px;font-weight:500;letter-spacing:0;color:#000}
.wc_cont .tit_03{font-size:28px;padding-top:30px;font-weight:500;letter-spacing:0;color:#fff}
.wc_cont .job{line-height:30px;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}


.wc_cont_100{width:100%;margin:0 auto}
.wc_cont_100 .pad_01{padding:50px 0 100px 0}
.wc_cont_100 .pad_02{padding:50px 0}
.wc_cont_100 .pad_03{padding:0 0 50px 0}
.wc_cont_100 .pad_04{padding:100px 0 50px 0}
.wc_cont_100 .big_txt{font-size:2.250em;line-height:54px;font-weight:100;color:#000}
.wc_cont_100 .small_txt{padding-top:30px}


.wc_cont_60{padding:0 0 100px 0;width:60%;margin:0 auto}
.wc_cont_60 .big_txt{font-size:2.75em;letter-spacing:.1em;font-weight:100;color:#000}
.wc_cont_60 .small_txt{padding-top:30px}

/* 폰트색상 */
.red_01{color:#c30d23}
.red_02{color:#881118}

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

/* 메인배너 */
.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:36vh;text-align:left}
#carousel11_indicator .carousel-caption .txt_64{font-size:4rem;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%}

/* 하는일 */
.wc_area{height:720px;position:relative}
.wc_area .left{background:linear-gradient(rgba(0, 0, 0,.0), rgba(0, 0, 0,.0)),url('/theme/cont_basic/contents/img/web_bg.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/web_bg.jpg') repeat top center}
.wc_area .center{background:linear-gradient(rgba(0, 0, 0,.2), rgba(0, 0, 0,.2)),url('/theme/cont_basic/contents/img/mark_bg.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/mark_bg.jpg') repeat top center}
.wc_area .right{background:linear-gradient(rgba(0, 0, 0,.2), rgba(0, 0, 0,.2)),url('/theme/cont_basic/contents/img/media_bg.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/media_bg.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;letter-spacing:.1em;font-weight:500;color:#fff}
.wc_area .big_txtup{font-size:2.75em;letter-spacing:.1em;font-weight:100;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:30px}

/* 타이틀 */
.wc_tit_wrap{padding:100px 0}
.wc_tit_wrap_02{padding:100px 0 50px 0}
.wc_big_txt{font-size:3.5em;letter-spacing:0;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}

/* 카운트 */
.width_70{width:70%;margin:0 auto;padding-bottom:100px}
.wc_count{font-size:7em;font-weight:700;color:#000}





/* 서비스 */
.free_wrap{}
.free_wrap img{opacity:.5;padding-bottom:5px}
.free_wrap .tit{font-size:20px;padding:10px 0;font-weight:400}
.free_wrap .col-sm-4{padding:40px}

/* 메회사소개 */
.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}




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

.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:180px;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:80vh;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}
.small_txt_01{font-size:22px;line-height:34px}


/* 테이블 */
.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:1440px) {
	#carousel11_indicator .carousel-inner img{width:150%}
	}


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

br{display:none !important}

/* 간격 */
.cont_gab_30{padding:10px}
.cont_gab_50{padding:9px}
.cont_gab_100{padding:8px}
.gab_b_100{border-bottom:1px #881118 solid;margin-bottom:35px}
.gab_50{border-bottom:1px #881118 solid;margin-bottom:35px;padding-top:35px}

/* 버튼 */
.link_btn_01{padding:5px 10px;font-size:14px}
.link_btn_02{padding:5px 10px;font-size:14px}



.wc_cont_100 .pad_01{padding:30px 0}
.wc_cont_100 .pad_02{padding:30px 0}
.wc_cont_100 .pad_03{padding:0 0 30px 0}
.wc_cont_100 .pad_03{padding:0 0 30px 0}
.wc_cont_100 .pad_04{padding:30px 0}
.wc_cont_100 .big_txt{font-size:1.5em;line-height:40px;text-align:justify;word-break:break-all}
.wc_cont_100 .small_txt{padding-top:15px;text-align:justify;word-break:break-all}


.wc_cont_60{padding:0 0 100px 0;width:60%;margin:0 auto}
.wc_cont_60 .big_txt{font-size:2.75em;letter-spacing:.1em;font-weight:100;color:#000}
.wc_cont_60 .small_txt{padding-top:30px}



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

/* 메인배너 */
#carousel11_indicator .carousel-inner img{width:300%;margin-left:-300px}
#carousel11_indicator .carousel-inner{height:70vh}
#carousel11_indicator .carousel-caption {top:22vh;right:5%;left:5%;text-align:center}
#carousel11_indicator .carousel-caption .txt_64{font-size:2rem;line-height:36px;padding-top:10px}
#carousel11_indicator .carousel-caption .txt_32{font-size:1rem;line-height:30px}
#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%}

/* 하는일 */
.wc_area {padding-top:20px}
.wc_area .pos{top:50%}
.wc_area .big_txt{font-size:1.75em;letter-spacing:.1em;font-weight:500;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:30px}
.wc_area .pos{top:30% !important;padding:0 13%}

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

/* 카운트 */
.width_70{width:100%;padding-bottom:15px}
.width_70 .col-sm-4{width:30%}
.width_70 .l_pad_5{font-size:9px}
.wc_count{font-size:2.5em;font-weight:700;color:#000}

/* 서비스 */
.free_wrap .tit{font-size:15px;padding-bottom:0;font-family:'Malgun Gothic' !important}
.free_wrap .col-sm-4{padding:15px;width:50%;border:1px #dedede solid;border-collapse:collapse;margin-top:-1px;margin-right:-1px}
.free_wrap .sul{display:none}
.free_wrap .gray{background:#f9f9f9}



.wc_cont{padding-bottom:100px;padding:15px}
.wc_cont .top{padding-top:30px}
.wc_cont .tit{font-size:15px;padding-bottom:0;font-family:'Malgun Gothic' !important}

.wc_cont .icon_bg_02{margin-top:30px}

.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:block}
.wc_cont .gray{background:#f9f9f9}
.wc_cont_txt{padding:0 0 30px 0;width:80%;margin:0 auto}
.wc_cont_txt .big_txt{font-size:2.75em;letter-spacing:.1em;font-weight:100;color:#000}
.wc_cont_txt .small_txt{padding-top:30px}




/* 회사소개 */
.wc_com{height:390px}
.wc_com .pos_tit{top:12%;padding:0 13%}
.wc_com .pos{top:60%}
.wc_com .big_txtup{font-size:1.525em;letter-spacing:0;font-weight:100;color:#fff;line-height:1.5em}
.wc_com .small_txtup{display:none}
.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:65vh;margin-bottom:100px;background-size:cover !important;animation:grow 0s linear infinite}
.main_gab_04{padding:15px}


.sub_tit_txt {position:absolute;top:80vh;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:26px;margin-top:28vh;line-height:36px;padding:30px}




/* 테이블 */
.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}


}


/* 설비현황 */