@charset "utf-8";

/* ----------------------------------------------------------
 * 공통
---------------------------------------------------------- */
body {margin:0;padding:0;font-size:0.875em; background:#fff}

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 {
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
box-shadow:none !important;
outline:none !important;
border:1px #dedede solid !important;
}





/* 폰트컬러 */
.orange_01{color:#ff4901}
.red_01{color:#bb0000}
.brown_01{color:#835d1b}
.brown_02{color:#ceb099}
.yellow_01{color:#ffff00}
.gray_00{color:#fff}
.gray_05{color:#777}
.gray_06{color:#ccc}
.gray_07{color:#000}





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

/* 메인배너 */
#carousel1_indicator {max-width:100%}
#carousel1_indicator .carousel-inner img{}
#carousel1_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)}
#carousel1_indicator .pattern-overlay_wrap{background:url('../../contents/img/dot_bg_02.png') repeat top left;height:100vh;width:100%;position:absolute;z-index:2}
#carousel1_indicator .pattern-overlay_wrap_gradi{background:url('../../contents/img/gradi.png') repeat top left;height:100vh;width:100%;position:absolute;z-index:2}
#carousel1_indicator .carousel-control-prev{left:0%}
#carousel1_indicator .carousel-control-next{right:0%}
#carousel1_indicator .carousel-indicators{bottom:5%}
#carousel1_indicator .carousel-caption {text-align:center;right:19.4%;left:19.4%;}




#carousel1_indicator .carousel-caption2 {top:40%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption2 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;

  color: $carousel-caption-color;
  text-align: center;
}




#carousel1_indicator .carousel-caption3 {top:15%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption3 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}

.t_pad30{padding-top:20vh;}




#carousel1_indicator .carousel-caption4 {top:18vh;text-align:center;right:19.4%;left:19.4%}

.carousel-caption4 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}


#carousel1_indicator .big_txt{font-size:28px;font-weight:400}
#carousel1_indicator .small_txt{font-size:20px;text-decoration:underline;line-height:36px;padding-top:20px}
#carousel1_indicator .h_banner{height:100vh}
#carousel1_indicator .ani {animation:heartBeat 100s 0s infinite linear alternate}



.bang_banner{background:url('../../contents/img/bang_banner.png') no-repeat center center;position:relative}
.bang_banner .bang_cont{height:520px;display:table-cell;vertical-align:middle}
.bang_banner .man{position:absolute;top:13%;right:6%}
.bang_banner .man img{max-width:90%}
.stedy{max-width:90%}

.eggsol{position:relative;padding-top:150px;padding-bottom:150px}
.eggsol .egg{position:absolute;bottom:10px;right:0}
.eggsol .eggsol_txt{font-size:18px}
.eggsol .eggsol_txt2{font-size:24px}


/* 하단 */
.egg_tail_wrap{background:#1a1a1a;padding-top:30px;padding-bottom:30px;margin-top:150px}
.egg_tail{color:#767676 !important;line-height:36px}
.egg_tail .gab{color:#525252 !important;padding:0 20px}




/* 게시판용 버튼 */
#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:bold;border:0;font-size:14px}
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:#000;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#000;}
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:#fec601;color:#fff;text-decoration:none;vertical-align:middle;padding:0 10px;border:1px #fec601 solid} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#14b9d6}
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:#fec601;color:#555;border:1px #fec601 solid}
.btn_submit:hover{background:#fff}



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


/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px)


{

br{display:none}
.txt_40{font-size:30px}

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

#carousel1_indicator .carousel-inner{height:100%;}
#carousel1_indicator .h_banner{}

#carousel1_indicator .big_txt{font-size:24px;font-weight:400}
#carousel1_indicator .small_txt{font-size:14px;text-decoration:underline;line-height:20px;padding-top:5px}
#carousel1_indicator .w_banner {width:100%;}
#carousel1_indicator .carousel-indicators{bottom:5%}

#carousel1_indicator .carousel-caption {top:20%; right:10%;left:10%}


#carousel1_indicator .carousel-caption2 {top:60%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption2 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}



#carousel1_indicator .carousel-caption3 {top:20%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption3 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}

.t_pad30{padding-top:20vh;}



#carousel1_indicator .carousel-caption4 {top:35%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption4 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}


.bang_banner .bang_cont{height:320px;display:table-cell;vertical-align:middle}
.stedy{max-width:40%}
.eggsol{position:relative;padding-top:30px;padding-bottom:30px}
.eggsol .eggsol_txt{font-size:16px}
.eggsol .eggsol_txt2{font-size:20px}




/*기업이념*/
.round_box{width:275px;height:275px;text-align:center;background:rgba(118,162,210,0.7);border-radius:50%;display:inline-block}
.round_box:nth-child(1){background:rgba(104,134,194,0.7);margin-right:0px;margin-bottom:-50px}
.round_box:nth-child(2){margin-bottom:-50px}
.round_box:nth-child(3){background:rgba(166,170,182,0.7);margin-left:0px}




/* 하단 */
.egg_tail_wrap{background:#1a1a1a;padding-top:15px;padding-bottom:15px;margin-top:15px}
.egg_tail{color:#767676 !important;line-height:24px}
.egg_tail .gab{color:#525252 !important;padding:0 20px}
.egg_tail .copyright{text-align:center}


}




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


br{display:none}
.txt_40{font-size:30px}


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

#carousel1_indicator .carousel-inner{height:55vh}
#carousel1_indicator .h_banner{}

#carousel1_indicator .big_txt{font-size:24px;font-weight:400}
#carousel1_indicator .small_txt{font-size:14px;text-decoration:underline;line-height:20px;padding-top:5px}
#carousel1_indicator .w_banner {width:100%;}
#carousel1_indicator .carousel-indicators{bottom:5%}

#carousel1_indicator .carousel-caption {top:20%; right:10%;left:10%}


#carousel1_indicator .carousel-caption2 {top:60%;text-align:center;right:19.4%;left:19.4%}


.carousel-caption2 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}



#carousel1_indicator .carousel-caption3 {top:20%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption3 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}

.t_pad30{padding-top:20vh;}



#carousel1_indicator .carousel-caption4 {top:35%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption4 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}


.bang_banner .bang_cont{height:320px;display:table-cell;vertical-align:middle}
.stedy{max-width:40%}
.eggsol{position:relative;padding-top:30px;padding-bottom:30px}
.eggsol .eggsol_txt{font-size:16px}
.eggsol .eggsol_txt2{font-size:20px}




/*기업이념*/
.round_box{width:275px;height:275px;text-align:center;background:rgba(118,162,210,0.7);border-radius:50%;display:inline-block}
.round_box:nth-child(1){background:rgba(104,134,194,0.7);margin-right:0px;margin-bottom:-50px}
.round_box:nth-child(2){margin-bottom:-50px}
.round_box:nth-child(3){background:rgba(166,170,182,0.7);margin-left:0px}




/* 하단 */
.egg_tail_wrap{background:#1a1a1a;padding-top:15px;padding-bottom:15px;margin-top:15px}
.egg_tail{color:#767676 !important;line-height:24px}
.egg_tail .gab{color:#525252 !important;padding:0 20px}
.egg_tail .copyright{text-align:center}



}


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



br{display:none}
.txt_40{font-size:30px}

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

#carousel1_indicator .carousel-inner{height:35vh}
#carousel1_indicator .h_banner{}

#carousel1_indicator .big_txt{font-size:24px;font-weight:400}
#carousel1_indicator .small_txt{font-size:14px;text-decoration:underline;line-height:20px;padding-top:5px}
#carousel1_indicator .w_banner {width:100%;}
#carousel1_indicator .carousel-indicators{bottom:5%}

#carousel1_indicator .carousel-caption {top:20%; right:10%;left:10%}


#carousel1_indicator .carousel-caption2 {top:60%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption2 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}



#carousel1_indicator .carousel-caption3 {top:30%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption3 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}

.t_pad30{padding-top:5vh;}



#carousel1_indicator .carousel-caption4 {top:35%;text-align:center;right:19.4%;left:19.4%}

.carousel-caption4 {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}


.bang_banner .bang_cont{height:320px;display:table-cell;vertical-align:middle}
.stedy{max-width:40%}
.eggsol{position:relative;padding-top:30px;padding-bottom:30px}
.eggsol .eggsol_txt{font-size:16px}
.eggsol .eggsol_txt2{font-size:20px}




/*기업이념*/
.round_box{width:275px;height:275px;text-align:center;background:rgba(118,162,210,0.7);border-radius:50%;display:inline-block}
.round_box:nth-child(1){background:rgba(104,134,194,0.7);margin-right:0px;margin-bottom:-50px}
.round_box:nth-child(2){margin-bottom:-50px}
.round_box:nth-child(3){background:rgba(166,170,182,0.7);margin-left:0px}




/* 하단 */
.egg_tail_wrap{background:#1a1a1a;padding-top:15px;padding-bottom:15px;margin-top:15px}
.egg_tail{color:#767676 !important;line-height:24px}
.egg_tail .gab{color:#525252 !important;padding:0 20px}
.egg_tail .copyright{text-align:center}


}