/* 상단 레이아웃 */
#hd {z-index:100;position:relative; width:1160px; height:auto; margin: 0 auto;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative; margin:0 auto; width:100%; height:auto;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo { text-align:center; padding:61px 0 34px 0;}
#logo .mlogo { display:none;}

/* 상단 회원가입 등 링크 */
#tnb {margin:0;padding:0;list-style:none;zoom:1; position:absolute; top:0px; right:0px;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 0; color:#6f6f6f; line-height:41px;}
#tnb a {display:inline-block;padding:0 8px; color:#6f6f6f; font-size:0.95em;line-height:41px;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

strong.Fmenu{ font-weight:bold; color:#fff; background:#4c92c5; padding:4px 11px;border-radius: 8px; text-align:center}
/* 메인메뉴 */
#gnb {margin: 0 auto; width:100%;}
#gnb ul{position:relative; left:-50%; float:right}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:21px 0 0 0px !important;padding:0;  height:auto; zoom:1; z-index:5; height:52px;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {z-index:10;position:relative; left:50%; float:left}
#gnb .gnb_1da {display:inline-block; margin:0 40px;  font-size:17px; font-weight:900; line-height:50px; text-decoration:none; color:#1f1f1f; position:relative; z-index:5; letter-spacing:-1px;}
#gnb .gnb_1da.hov {text-decoration:none; color:#32a9e3!important; font-weight:600; border-bottom:2px solid #6fcaff;}
/* 2차메뉴*/
#gnb .gnb_2dul {display:none;position:absolute;top:50px; left:0px;width:155px; background:#33aae5;    z-index: 99999999;}
#gnb .gnb_2da { display: block; padding:7px 15px;text-align:left; text-decoration:none; font-size:12px; line-height:37px;color:#fff !important; border-bottom:1px solid #fff;}
#gnb .gnb_2da:hover { color:#fff !important;font-weight:bold; text-decoration:none; background:#57b4ea;}

#mHome{ display:none}
#navtoggle{ display:none;}


/* 하단 레이아웃 */
#ft { width:100%; min-width:1000px; height:auto; background:#d6d6d6;}
#ft_ft{ width:100%; border-top:1px solid #e5e9eb; background:#fff;}
#ft_wrapper{ width:1000px; margin:0 auto;}
#ft_menu{ color:#5b5b5b;  width:1000px; margin:0 auto; background: #fff;}
#ft_menu a{ display:inline-block; padding:10px; font-size:1.1em; color:#5b5b5b;}
#ft_copy { position:relative; padding:30px 0 50px 10px;}
#ft_copy .flogo{ float:right; padding:20px 0px 0 0; }
#ft_copy p{ font-size:1.04em; color:#484848; line-height:1.6em; letter-spacing:0; overflow:hidden; margin:0;}
#ft_copy .name{ font-size:1.08em; color:#484848; font-weight:bold;}
#ft_copy span{ display:inline-block; float:left; margin-right:10px;}
#ft_copy .copyright{font-size:0.88em; font-weight:bold;}
#ft_copy .manage{ display:none; position:absolute; top:40px; right:0;}
#ft_copy .manage a{ display:inline-block; font-size:1em; letter-spacing:0; color:#687b7f; line-height:30px; font-weight:bold; padding:0 10px; border:1px solid #687b7f; border-radius:3px;}
#mLogin{ display:none;}



/*브라우저 상하단이동버튼*/
#gobtn{position:fixed; display:block; right:10px; bottom:20px; display:none; z-index:9999;}
.goHd, .goFt{width:30px; height:30px; background:#F7F7F7; z-index:9999; text-indent:-9999px; border:1px solid #CCC; position:relative;
	  transition:all 0.5s; box-shadow:0px 0px 3px RGBA(0, 0, 0, 0.3); border-radius:4px; display:block; margin-bottom:3px;}
.goHd span{position:absolute; top:60%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(45deg);}
.goFt span{position:absolute; top:40%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(-135deg);}
.goHd:hover, .goFt:hover{background:#333; border:1px solid #333}
.goHd:hover span, .goFt:hover span{border-left:2px solid #FFF; border-top:2px solid #FFF;}


/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:1160px; height:auto; zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/*#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}*/

#container_index { position:relative; width:100%; height:auto; margin:0 auto;}
#container_index dl{ margin:0;}
#container_index dd{ margin-left:0;}

/*메인비쥬얼*/
#mvisual{ position:relative; width:100%; height:655px; }
#m_slogan2{ position:absolute; top:50px; left:50%; opacity:0; z-index: 57; margin-left: -375px;}
#m_slogan2 img{height:auto;}
#slider{ width:100%; height:655px; margin:0 auto;}
#slider .s1{background:url(../img/main/mvisual01.jpg) no-repeat center top;}
#slider .s2{background:url(../img/main/mvisual03.jpg) no-repeat center top;}
#slider .s3{background:url(../img/main/mvisual04.jpg) no-repeat center top;}
#slider .s4{background:url(../img/main/mvisual05.jpg) no-repeat center top;}
#slider .s1, #slider .s2, #slider .s3, #slider .s4{ width:100%; height:655px;}
/* 슬라이더이미지를 담는 틀 */
#slider .slidesjs-container, #slider .slidesjs-control{ width:100%; height:655px !important;}
/* 플레이,스탑,이전,다음버튼에 공통으로 작성된 클래스이름 */
a.slidesjs-navigation{ display:block;width:18px;height:35px;text-indent:-9999px;position:absolute; bottom:15px; right:15px; z-index:999;}
a.slidesjs-play{background:url(../images/pager_play.gif) no-repeat;margin-left:-566px;}
a.slidesjs-stop{background:url(../images/pager_stop.gif) no-repeat;margin-left:-566px;}
a.slidesjs-previous{background:url(../images_new/pager_left.png) no-repeat;margin-left:-80px;}
a.slidesjs-next{background:url(../images_new/pager_right.png) no-repeat;margin-left:55px;}
/*페이저버튼 ul태그*/
.slidesjs-pagination{ position:absolute; bottom:12px; right:50%; z-index:9999; margin-right:-15px; }
.slidesjs-pagination:after{display:block; content:""; clear:both;}
.slidesjs-pagination li{float:left; margin:0 2px;}
.slidesjs-pagination li a{display:block; width:10px; height:10px; border-radius:15px; background:#fff; text-indent:-9999px;}
.slidesjs-pagination li a.active{display:block; width:25px; height:10px; border-radius:15px; background:#46bdfa; text-indent:-9999px;}

#m_slogan_m{ display:none;}
#m_building{ display:none;}
#dong_m{ display:none;}
#slider_m{ display:none;}
#slider_m a.slidesjs-navigation{ display:none !important;}
#slider_m .slidesjs-pagination{ display:none !important;}


/*contents*/
#mpro{ width:1000px; margin:15px auto; height:auto; overflow:hidden;padding: 9px 0;}
#mpro dl{ margin-right:22px; margin-bottom:11px;}
#mpro dl:nth-child(5) , #mpro dl:nth-child(4){margin-bottom:0px;}
#mpro .bbs{ box-sizing:border-box; letter-spacing:-0.05em;}
#mpro h1{ font-size:23px !important; font-weight:bold; color:#444 !important; padding:3px 0 15px; font-size:1em; color:#6d6d6d; margin-top:0;}
#mpro h3{ background:url(../img/main/call.png) no-repeat left center; padding-left:72px;font-weight:bold; color:#2c2c2c; font-size:2.5em; line-height:2.2em; margin:0;}
#mpro span{color:#2e8dcd;}
#mpro strong{padding:4px;border-radius: 5px; margin-right: 5px; float:left; margin-bottom:43px;}
#mpro strong.blue{background:#359ce3; color:#fff;}
#mpro strong.green{background:#8fbe36; padding: 4px 26px; color:#fff;}
#mpro span.textright{ float:right;color:#333; margin-right: 29px;}
#mpro .cscenter{ font-size:1.17em;letter-spacing: -0.08em;}

/*메인-포트폴리오*/
#main_bbs{margin:0px auto;}
#main_bbs:after{display:block;clear:both;content:""}
#main_bbs div h2{background:url(../img/main/bar_b.gif) no-repeat left bottom; line-height:1.8em; font-size:30px; padding-top:5px; color:#032f3e; font-weight:normal; margin-bottom:40px;}
#main_bbs .gal{float:left; width:106%; position:relative;}
#main_bbs .gal .more{position:absolute; top:25px; right:0; display:none;}

@media screen and (max-width:768px){
#hd { width:100%; min-width:100%; }

.location_box{width:100%; margin:0px auto; }

#mpro .col-sm-8{ display:none;}
#mpro h1{ text-align:center;}
#mpro strong.blue{background:#359ce3; color:#fff; width:100%; text-align:center;}
#mpro strong.green{background:#8fbe36; padding: 4px 26px; color:#fff; width:100%; text-align:center; margin-top:20px;}
#mpro h3{padding-left:72px;font-size:2.6em;}
}