@charset "utf-8";





/*메인비주얼*/
.main_visual {position:fixed; left:0px;top:0px; width:100%; height:100%; min-width:1100px; overflow:hidden;  z-index:0;}
.main_visual ul{width:100%; height:100%; position:relative; z-index:0; }
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:100%; }
.main_visual .bg {background:rgba(0,0,0,0.6);  position:fixed; left:0px;top:0px; width:100%; height:100%; min-width:1100px;  z-index:2;}



/*메인컨텐츠*/
.main_conten_wrap_lay {overflow:hidden; }


.main_conten_wrap_lay .main_pager {position:absolute; left:0px;   top:420px; text-align:center;   z-index:99999999 !important;}
.main_conten_wrap_lay .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; border:2px #fff solid;; }
.main_conten_wrap_lay .main_pager .cycle-pager-active{background:#fff;}

.main_conten_wrap_lay .main_text {position:absolute; left:0px; top:150px; color:#fff; }
.main_conten_wrap_lay .main_text .title1{font-size:45px; line-height:50px;}
.main_conten_wrap_lay .main_text .title2{font-size:45px; line-height:50px; margin-top:10px; }
.main_conten_wrap_lay .main_text .title2 span {display:inline-block; background:#f7a247; color:#fff; padding:0 10px;}
.main_conten_wrap_lay .main_text .title3{font-size:25px; font-weight:bold; margin-top:40px; line-height:25px;}
.main_conten_wrap_lay .main_text .title4{font-size:18px; margin-top:10px; line-height:24px;}


.main_conten_wrap_lay {overflow:hidden; }
.main_conten_wrap {float:right; width:650px; margin-top:80px;}
.main_conten_wrap .lay_left {float:left; width:390px;  }
.main_conten_wrap .lay_left .col{float:left;width:190px; height:190px; background:#fff; margin-bottom:10px; position:relative; text-align:center; }
.main_conten_wrap .lay_left .col a{display:block;}
.main_conten_wrap .lay_left .col .icon {height:110px; line-height:130px; }
.main_conten_wrap .lay_left .col .lord-icon {width:80px; height:80px; margin-top:20px;} 
.main_conten_wrap .lay_left .col .icon img {vertical-align:middle; transition:transform 500ms; }
.main_conten_wrap .lay_left .col:hover .icon img {transform:rotateY(180deg); transition:transform 500ms;}
.main_conten_wrap .lay_left .col .common_text {font-size:20px; font-weight:bold;  position:absolute; left:0px; width:100%; bottom:25px;}
.main_conten_wrap .lay_left .col .common_text span {display:block; font-size:14px; line-height:18px;}
.main_conten_wrap .lay_left .col_last{float:right;}
.main_conten_wrap .lay_left .col_max {float:left; width:390px; height:160px; background:#fff;}

.main_conten_wrap .lay_left .m1{background:#fff;}
.main_conten_wrap .lay_left .m1 .common_text {color:#1e3a70;}
.main_conten_wrap .lay_left .m2{background:#5377bf}
.main_conten_wrap .lay_left .m2 .common_text {color:#fff;}

.main_conten_wrap .lay_left .m3{background:#e4e4e4;}


.main_conten_wrap .lay_left .m3 .box {padding:20px 0px;}
.main_conten_wrap .lay_left .m3 .box h3 {font-size:20px; margin-top:5px; font-weight:bold; color:#222;}
.main_conten_wrap .lay_left .m3 .box h3 span {display:block; font-size:14px; line-height:18px;}
.main_conten_wrap .lay_left .m3 .call_num {color:#303030; font-size:23px; padding:6px 0px; font-weight:bold; margin-top:10px; }
.main_conten_wrap .lay_left .m3 .email {color:#555; font-size:12px;line-height:16px; padding:0 10px}
.main_conten_wrap .lay_left .m3 .add { font-size:13px; line-height:16px; margin-top:5px; color:#000;}


.main_conten_wrap .lay_left .m4{background:#fdb813; }
.main_conten_wrap .lay_left .m4 img {width:70px;}

.main_conten_wrap .lay_left .m4 .common_text {color:#fff;}



/*회사소개 바로가기*/

.main_notice .box {padding:20px;}
.main_notice .box h3 {font-size:17px; margin-top:5px; font-weight:bold; color:#1e3a70; border-bottom:1px #ddd solid; line-height:18px; padding-bottom:10px;}
.main_notice .box h3 a{float:right; }
.main_notice .box h3 a img {vertical-align:middle;}

.main_notice .box ul {margin-top:15px;}
.main_notice .box ul li{overflow:hidden; font-size:14px; color:#333; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat;padding-left:10px;}
.main_notice .box ul li:hover  {text-decoration:underline;}
.main_notice .box ul li .date{float:right; font-size:12px; color:#999; }


.main_conten_wrap .lay_right {float:right; width:250px; }

.main_conten_wrap .lay_right .col{float:left;width:100%; height:190px; background:#fff url(../images/main/main_icon05.png) center top no-repeat;; margin-bottom:10px; position:relative;}
.main_conten_wrap .lay_right .col .box { position:relative;z-index:1; padding:25px 0px 25px 25px; }
.main_conten_wrap .lay_right .col .box .more{display:inline-block; font-size:11px; border:1px rgba(255,255,255,0.8) solid;; margin-top:20px; color:#fff; padding:0 15px;  transition:all 1s;}
.main_conten_wrap .lay_right .col .box .more:hover{background:#1e3a70; transition:all 1.5s;}
.main_conten_wrap .lay_right .col .info {color:rgba(255,255,255,1); margin-top:20px; line-height:18px; font-size:11px; }
.main_conten_wrap .lay_right .col .etc {margin-top:25px;}
.main_conten_wrap .lay_right .col .etc span {display:inline-block; border:1px #fff solid; margin-right:2px; padding:0 10px; margin-bottom:5px; color:#fff;}
.main_conten_wrap .lay_right .col .etc span.cc {background:#000; border:0px; }
.main_conten_wrap .lay_right .col h3{color:#fff; font-size:20px; line-height:20px; font-size:18px;}
.main_conten_wrap .lay_right .col h3 span{display:block; font-weight:normal; font-size:12px; color:rgba(255,255,255,0.8); letter-spacing:-1px; margin-top:5px;}
.main_conten_wrap .lay_right .col .bg {position: absolute;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.5);    z-index: 0;}


.main_conten_wrap .lay_right .col_max {float:left; width:250px; height:360px; background:#fff; position:relative;}


.main_conten_wrap .lay_right .col_max .main_media{padding:20px; position:relative;  overflow:hidden; }
.main_conten_wrap .lay_right .col_max .main_media h3.title {font-size:17px; line-height:20px; margin-bottom:10px; margin-top:15px; color:#222;}
.main_conten_wrap .lay_right .col_max .main_media h3.title a{float:right; }

.main_conten_wrap .lay_right .col_max .main_media ul{width:100%; margin-top:20px; }
.main_conten_wrap .lay_right .col_max .main_media ul li {  margin-bottom:20px; position:relative; }

.main_conten_wrap .lay_right .col_max .main_media ul li .t1 { text-align:left; line-height:20px; color:#000; font-size:14px;   margin-top:10px; text-align:left;     overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_conten_wrap .lay_right .col_max .main_media ul li .t2 {font-size:13px; color:#888; line-height:18px; position:absolute; right:0px; top:0px;}
.main_conten_wrap .lay_right .col_max .main_media ul li:hover .t1 {color:#ffa523}

.main_conten_wrap .lay_right .col_max .main_media .btns {position:absolute; right:20px; top:33px; height:22px; font-size:0px; background:#fff;}
.main_conten_wrap .lay_right .col_max .main_media .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_conten_wrap .lay_right .col_max .main_media .btns a span{display:inline-block; width:9px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_conten_wrap .lay_right .col_max .main_media .btns a#bun_btn_prev {border-left:0px;}
.main_conten_wrap .lay_right .col_max .main_media .btns a#bun_btn_next span{background-position:right 50%; }
.main_conten_wrap .lay_right .col_max .more {position:Absolute; left:0px; bottom:0px; width:100%; color:#fff; background:#d44302; text-align:center; line-height:50px; }