@charset "utf-8";
@import url("./width1024_default.css");



body,html, #wrap  {height:100%;}
#container {position:relative; z-index:0; font-family: 'Nanum Square'; height:100%;}



/*메인비주얼*/
.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:380px; 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:220px; color:#fff; }
.main_conten_wrap_lay .main_text .title1{font-size:45px;}
.main_conten_wrap_lay .main_text .title2{font-size:20px; margin-top:40px; line-height:24px;}


.main_conten_wrap_lay {overflow:hidden; }
.main_conten_wrap {float:right; width:590px; margin-top:120px;}
.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 .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:190px; 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:11px;line-height:16px; padding:0 10px}
.main_conten_wrap .lay_left .m3 .add {color:#888; font-size:11px; line-height:16px; padding:0 10px}


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



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

.main_notice .box {padding:20px;}
.main_notice .box h3 {font-size:20px; 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:190px; }

.main_conten_wrap .lay_right .col{float:left;width:190px; 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; }
.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 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:14px; color:rgba(255,255,255,0.8);}
.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:190px; height:390px; 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:18px; line-height:20px; margin-bottom:10px; margin-top:15px; color:#222;}
.main_conten_wrap .lay_right .col_max .main_media h3.title a{ color:#222;}

.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 {overflow:hidden;  }
.main_conten_wrap .lay_right .col_max .main_media ul li img{vertical-align:top; }
.main_conten_wrap .lay_right .col_max .main_media ul li .t1 { text-align:left; line-height:33px; color:#333; font-size:14px; font-weight:bold; margin-top:10px;}
.main_conten_wrap .lay_right .col_max .main_media ul li .t2 {font-size:13px; color:#888; line-height:18px;}
.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:30px; 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;}