@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css
 * Desc      : page layout
 * Created   : songsan
 * Updated   :2017-07-30
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; height:100%;}



.m_gnb .sub_menu {display:none !important;}

/* wrap */
#wrap {width:100%; max-width:1100px; overflow:hidden; margin:0 auto; padding-top:10px;}
#wrap.sub_wrap {padding-top:135px;}
#inner_wrap {max-width:1100px; margin:0 auto; position:relative;}
#inner_wrap:after {clear:both; content:""; display:block;}
.inner {max-width:1100px; min-height:150px; margin:0 auto;}


/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; background:#fff; padding-top:1px;}
/*#wrap #header.bg_on {background:url(../img/common/top_png.png) repeat left top; height:98px;}
#wrap #header.bg_on .top_menu { display:none;}
#wrap #header.bg_on h1 {left:0px; top:1px;}
#header.bg_on h1 .logo {margin-top:3px;}
*/
#header h1 {position:absolute; overflow:hidden; left:0px; top:0px;}
#header .w_gnb {padding:39px 85px 0px 210px;}

.m_gnb_on {position:absolute; left:1px; top:1px; display:none;}
.in_header {max-width:1100px; width:100%; margin:0 auto; position:relative; z-index:9}
.language {position:absolute; right:0px; top:55px;}
.language a { display:block; border:1px solid #dddddd; color:#999999; font-size:13px; padding:2px 8px;}




/* GNB */
.w_gnb .gnb {font-family:nGothic; padding-left:1px; background:#fff; position:relative;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; padding:1px 0px 0px 0px;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; width:20%; *display:inline; position:relative; background:url(/images/gnb_line.gif) no-repeat left center; text-align:left;}
.w_gnb .gnb > ul > li:first-child {background:none;}

.w_gnb .gnb > ul > li > a {display:block; text-indent:-99999px; font-size:1px; line-height:70px; height:70px; font-size:17px; font-family:nGothicB; color:#333333; border-bottom:3px solid #fff;}
.w_gnb .gnb > ul > li:hover > a {color:#333333; border-bottom:3px solid #f9041b;}

.w_gnb li:hover .sub_menu {background:#f0f6fc;}
.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; box-sizing:border-box; overflow:hidden; top:73px; line-height:10px; display:none; height:370px; padding:1px 0px;}
.w_gnb .sub_menu > li {padding:0px 0px 0px 3%; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:12px; text-align:left; color:#666666; padding:5px 0px; font-family:nGothicB; line-height:16.5px;}
.w_gnb .sub_menu > li > a:hover {color:#3e8ddc;}
.w_gnb .three_depth { display:none;}
.w_gnb .gnb > ul > li.gnb01 > a {background:url(/images/gnb03.png) no-repeat center center;}
.w_gnb .gnb > ul > li.gnb02 > a {background:url(/images/gnb01.png) no-repeat center center;}
.w_gnb .gnb > ul > li.gnb03 > a {background:url(/images/gnb07.png) no-repeat center center;}
.w_gnb .gnb > ul > li.gnb04 > a {background:url(/images/gnb06.png) no-repeat center center;}
.w_gnb .gnb > ul > li.gnb05 > a {background:url(/images/gnb08.png) no-repeat center center;}
/*.w_gnb .gnb > ul > li.gnb06 > a {background:url(/images/gnb06.png) no-repeat center center;}*/


#gnb_bar {position:absolute; display:none; left:0%; top:0px; width:100%; background:#fff; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
#gnb_bar .gnb_bar_in {max-width:1100px; height:370px; margin:0 auto; background:url(/images/gnb_img.gif) no-repeat left 30px;}
/*.bg_on #gnb_bar {top:78px;}
.bg_on .w_gnb .gnb > ul > li:hover > a {color:#47c2c2;}
.bg_on .w_gnb .gnb > ul > li.on > a {color:#47c2c2;}
.bg_on .w_gnb .sub_menu {display:none !important;}
.bg_on  #gnb_bar {display:none !important;}*/


/* visual */
.main_visual {position:relative; }
.main_visual .bxslider li { height:514px; background-size:cover !important;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:38px; height:3px; margin:0 3px; background:none; border:1px solid #fff; -moz-border-radius:0px;  -webkit-border-radius:0px; border-radius:0px;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:none;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff; border:1px solid #fff;}
.main_visual .bx-controls-direction {position:relative; height:0px;}
.main_visual .bx-wrapper .bx-controls-direction a {margin-top:0px; width:25px; height:25px; text-indent:-9999px;}
.main_visual .bx-wrapper .bx-prev {left:4px; top:0px; background:url(../img/common/controls2.png) no-repeat 0 0px;}
.main_visual .bx-wrapper .bx-next {right:auto; left:65px; top:0px; background: url(../img/common/controls2.png) no-repeat -40px -0px;}
.main_visual .bx-wrapper .bx-pager { position:relative; padding:0px; bottom:auto;}
.main_visual .bx-controls {width:50%; position:absolute; left:50%; top:70%; z-index:999; margin-left:160px;}
.main_visual .bx-wrapper .bx-controls .bx-controls-auto {right:auto; left:30px; bottom:auto;}
.main_visual .bx-wrapper .bx-controls-auto .bx-start {width:25px; height:25px; background:url(../img/common/controls2.png) right top no-repeat; margin:0;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop {width:25px; height:25px; background:url(../img/common/controls2.png) right bottom no-repeat; margin:0;}
.main_visual .bx-wrapper .bx-controls-auto .active { display:none;}


/* section */
.section_wrap {width:100%; overflow:hidden; clear:both;}
.section {padding:30px 0px 20px 0px;}
#section:after {clear:both; content:""; display:block;}
#section2 {background:url(../img/main/bg_technology.jpg) no-repeat center center;}
#section2 .m_tit {color:#fff;}
#section2 .m_tit_txt {color:#fff;}
#section2 .technology {font-size:0px; text-align:center; padding:35px 0px 50px 0px;}
#section2 .technology li {width:25%; box-sizing:border-box; padding:0px 10px; word-break: keep-all; display:inline-block; zoom:1; *display:inline; text-align:center; color:#fff; vertical-align:top; margin-top:-20px; opacity:0; filter:alpha(opacity=0);}
#section2 .technology li .ico {display:block; text-align:center; position:relative;}
#section2 .technology li .ico img {max-width:100%;}
#section2 .technology li .ico .gif {position:absolute; left:50%; top:50%; margin:-44px 0px 0px -44px;}
#section2 .technology li .ico .gif.on {display:none;}
#section2 .technology li:hover .ico .gif.on {display:block;}

#section2 .technology li strong { display:block; font-size:19px; padding:10px 0px 20px 0px; background:url(../img/main/bg_line.gif) no-repeat center bottom;}
#section2 .technology li em {display:block; font-size:14px; padding:15px 0px 0px 0px; color:#cdd0d6;}
#section3 .news_info {overflow:hidden; padding:35px 0px 50px 0px;}
#section3 .news {float:left; width:65%; box-sizing:border-box; border:1px solid #dddddd; padding:20px 20px 30px 20px; position:relative;}
#section3 .news h3 {font-size:31px; color:#222222; line-height:150%; padding-bottom:10px; font-family:nGothicB;}
#section3 .news ul li {position:relative; padding-left:97px; margin-top:30px;}
#section3 .news ul li:first-child {margin-top:0px;}
#section3 .news ul li .day { position:absolute; left:0px; top:0px; width:90px; padding-left:5px; color:#7e7e7e; font-family:nGothicB; font-size:12px;}
#section3 .news ul li .day strong {font-size:60px; color:#222222; display:block; line-height:100%; text-indent:-5px;}
#section3 .news ul li a {display:block; color:#999999; min-height:90px; padding-left:140px; position:relative;}
#section3 .news ul li a .photo {display:block; width:122px; height:87px; background:url(../img/common/no_img.gif) no-repeat center center #ededed; position:absolute; left:0px; top:0px; border:1px solid #e8e8e3}
#section3 .news ul li a .tit {padding:10px 0px 5px 0px; display:block; color:#222; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
#section3 .news ul li a .txt {height:40px; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

#section3 .banner {float:right; width:35%; box-sizing:border-box;}
#section3 .banner li {float:left; width:50%; box-sizing:border-box; padding-left:70px; text-align:center; opacity:0; filter:alpha(opacity=0);}
#section3 .banner li img {max-width:100%;}
#section3 .banner li span { display:block; padding:5px 0px 0px 0px}
#section3 .banner li.ico01, #section3 .banner li.ico02 {margin-bottom:20px;}

#section3 .banner li a .ico {position:relative; display:block; margin:0 auto; overflow:hidden;}
#section3 .banner li a .ico em {display:block; position:absolute; left:50%; top:50%; margin:-60px 0px 0px -60px; transition:top .4s ,opacity .1s; -webkit-transition:top .4s ,-webkit-opacity .1s}
#section3 .banner li a .ico em.on {top:200%;}
#section3 .banner li:hover a .ico {-webkit-transition:100ms; transition:background 100ms;}
#section3 .banner li:hover a .ico em {top:-150%; opacity:0;}
#section3 .banner li:hover a .ico em.on {top:50%; opacity:1;}


#section4 {background:#e5edf3; padding-bottom:80px;}
#section4 .project {padding:35px 0px 50px 0px; text-align:center; font-size:0px;}
#section4 .project li {width:25%; display:inline-block; zoom:1; *display:inline;}
#section4 .project li img {width:100%; text-align:center;}
#section4 .project li a {display:block; background-size:cover !important; position:relative;}
#section4 .project li .over {width:100%; height:0%; overflow:hidden; position:absolute; left:0px; bottom:0px; background:url(../img/main/project_over.png) repeat left top; color:#fff; font-size:18px; line-height:140%; box-sizing:border-box;}
#section4 .project li .over strong {position:absolute; left:0px; top:45%; display:block; width:100%; text-align:center;}

#section4 .btnNormal {padding-right:70px; background:url(../img/common/btn_arrow.png) no-repeat 90% center #000;}


.m_tit {padding:25px 0px 10px 0px; color:#222222; font-size:36px; text-align:center; text-transform:uppercase; font-family:nGothicB; line-height:150%; display:block;}
.m_tit_txt {padding:0px 0px 0px 0px; line-height:140%; font-size:18px; text-align:center; color:#222222;}
.more { position:absolute; right:20px; top:30px; z-index:99;}
.main_wrap #footerW {margin-top:0px;}
.main_wrap .m_tit { margin-top:30px; opacity:0; filter:alpha(opacity=0);}
.main_wrap .m_tit_txt { margin-top:30px; opacity:0; filter:alpha(opacity=0);}


/* 카피라이트 */
#footerW {clear:both; margin-top:40px; width:100%; background:#fff; border-top:2px solid #3e8ddc;}
#footerW .f_menuW {max-width:1200px; margin:0 auto; font-family:nGothicB; padding-bottom:20px;}
#footerW .gnb > ul {overflow:hidden;}
#footerW .gnb > ul > li { float:left; width:20%;}
#footerW .gnb > ul > li > a {display:block; line-height:20px; min-height:20px; padding:15px 0px 15px 20%; font-size:16px; color:#222222; font-family:nGothicB; background:url(../img/common/sitemap_bul.gif) no-repeat left center;}
#footerW .gnb > ul > li.gnb01 > a {background:none;}
#footerW .sub_menu {padding:20px 0px 10px 20%; border-top:1px solid #dedede; display:block !important;}
#footerW .sub_menu > li {padding:2px 0px;}
#footerW .three_depth {padding:0px 0px 5px 5px;}
#footerW .three_depth li {padding-left:10px; background:url(../img/common/bul03.gif) no-repeat left center;}
#footerW .three_depth li a { color:#999999; font-size:12px;}


#footer_add {max-width:950px; padding:40px 0px 40px 250px; background:url(../img/common/logo.png) no-repeat left 30px; margin:0 auto; position:relative; color:#666666; font-size:11px;}
#footer_add:after {clear:both; display:block; content:""}
#footer_add .top {position:absolute; right:0px; top:0px;}
#footer_add .tel_fax {float:left; padding-left:53px; margin-left:30px; min-height:38px;}
#footer_add ul.tel {background:url(../img/common/f_ico_tel.png) no-repeat left top;}
#footer_add ul.fax {background:url(../img/common/f_ico_fax.png) no-repeat left top;}


.copyright {background:#000003; text-align:center; color:#585859; padding:15px 0px;}

.web_info {float:left;}
.web_info span {display:inline-block; zoom:1; display:inline-block;}
.web_info span.tel {padding-right:14px;}
.web_info span.tel, .web_info span.fax {display:none;}
.web_info span a { color:#fff;}
.web_info span.bank { color:#c1c1c1;  padding-right:0px;}
.web_info:after { clear:both; content:""; display:block;}


.sub_wrap .quick_wrap {display:none;}


#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}

#container .location {line-height:13px; max-width:1200px; text-align:right; margin:0 auto; padding-bottom:30px;}
#container .location span {display:inline-block; zoom:1; *display:inline; padding-left:17px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#686868;}
#container .location span:first-child {padding-left:0px; margin-left:0px; background:none}
#container .location #location_2 {color:#293764; font-family:nGothicB;}
#container .location img {vertical-align:middle}


#sub_visual {height:299px; text-align:center; opacity:0; filter:alpha(opacity=0);}
.sub_wrap_1 #sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_2 #sub_visual  {background:url(../img/technology/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_3 #sub_visual  {background:url(../img/product/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_4 #sub_visual  {background:url(../img/maintenance/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_5 #sub_visual  {background:url(../img/information/sub_visual.jpg) no-repeat center bottom;}


#lnb_wrap {position:fixed; width:100%; left:0px; top:96px; background:#eeeeee; border-top:1px solid #ababab; border-bottom:1px solid #ababab; height:auto; z-index:51}
#lnb_wrap .lnb {max-width:1100px; margin:0 auto; position:relative; padding-left:12px;}
#lnb_wrap .lnb:after {clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs {float:left; width:200px; background:url(../img/common/lnb_line.gif) no-repeat left center; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:40px; width:100%; border-left:1px solid #ababab;  border-right:1px solid #ababab; display:none;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
#lnb_wrap .lnb .lnbs .three_depth {display:none;}


#lnb_wrap .ico_home { position:absolute; left:0px; top:0px;}
#lnb_wrap .ico_home a {display:block; width:52px; height:39px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center;}
.lnb ul li {color:#333333;}
.lnb ul li.on {display:none !important;}
.lnb ul li a {color:#333333; font-size:13px; display:block; line-height:20px; min-height:20px; padding:8px 10px 8px 20px; border-bottom:1px solid #ababab; background:#fff;}
.lnb ul li a:hover {color:#fff; background:#3e8ddc;}
.lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}
#lnb_tit,
#lnb_tit2,
#lnb_tit3 {font-size:13px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}

#title {font-size:45px; font-family:nGothicB; margin:60px 0px 15px 0px; display:inline-block; zoom:1; *display:inline; color:#ffffff; background:url(../img/common/tit_line.gif) no-repeat center bottom; padding-bottom:15px; line-height:150%; letter-spacing:-1px;}
#title .br {display:none;}

.sub_title {color:#fff; font-size:18px; line-height:140%;}
#lnb_tit2 .br {display:none;}
.sub_con {min-height:500px;}


.s_tit {font-size:1.3em; color:#000; line-height:110%; font-family:nGothicB; margin:45px 0px 20px 0px; background:url(../img/common/tit_bul.gif) no-repeat left top; padding-left:30px;}
.ss_tit {font-size:1.15em; color:#293764; padding:2px 0px 2px 16px; margin-top:30px; line-height:110%; background:url(../img/common/bul01.gif) no-repeat 0px 9px; min-height:20px; text-align:left; margin-bottom:8px;}
.imgW img {max-width:100%;}



.atab { margin-bottom:40px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:33.33%; box-sizing:border-box; position:relative;}
.atab li a {display:block; background:url(../img/common/tab_off.gif) no-repeat left bottom #f3f3f3; min-height:20px; line-height:20px; padding:15px 0px; text-align:center; color:#000; box-sizing:border-box; border:1px solid #dadada; border-left:none;}
.atab li:first-child a {border-left:1px solid #dadada;}
.atab li.on a {background:#fff; font-family:nGothicB;}
.atab li .arrow {display:none; position:absolute; left:50%; bottom:-10px; margin-left:-10px; background:url(../img/common/tab_on.gif) no-repeat left bottom; width:20px; height:11px;}
.atab li.on .arrow {display:block;}
.atab.two li {width:50%;}



.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}


/* 레이어팝 */
#black {background-color:#000; display:none; height:100%; left:0;  opacity:0.8; filter:alpha(opacity=80); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {display:none; width:96%; padding:0px 2%; position:fixed; top:50%; left:0%; z-index:99999;}
.layerPop_in {max-width:1200px; margin:0 auto; background:#FFF; max-height:800px; overflow-y:auto; overflow-x:hidden; position:relative;}
.layerPop .pop_title {font-size:1.4em; color:#fff; font-family:nGothicB; line-height:55px; height:55px; border-bottom:1px solid #ceced0; padding:0px 10px; background:#3478c1;}
.layerPop .pop_title2 {font-size:2.5em; color:#333; font-family:nGothicB; line-height:150%; margin-bottom:10px; padding:0px 10px; text-align:center;}


/*.layerPop a.close_bt {top:-60px; position:absolute; right:0px;}*/
.layerPop .img {width:100%; max-width:100%;}
.layerPop .close_bt {position:absolute; right:10px; top:6px;}
.panel-body {padding:0px 0px 15px 0px;}

.Pop_in {padding:20px;}
.Pop_in .btn {border:1px solid #333333; background-color:#333333; color:#fff; padding:12px; display:block; font-size:15px; text-align:center; font-family:nGothicB; width:100%; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box;}
.Pop_in .btn a {color:#fff;}
.Pop_in .btn.black {border:1px solid #666666; border-bottom:1px solid #575757; background-color:#666666;}
.Pop_in .btn button {color:#fff; background:none; font-family:nGothicB; font-size:15px;}




/* 팝업 */

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; text-indent:10px; line-height:150%; background:url(../img/common/pop_logo.png) no-repeat 95% center #435e9b; font-size:1.8em; color:#fff; font-family:nGothicB; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:nGothicB; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:nGothicB; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:nGothicB; color:#444444; font-size:22px; line-height:38px;}


.view_con .img_area .view_summary {position:fixed; left:-9999px; }


/*게시판페이지*/
.board_top {overflow:hidden; margin-bottom:30px; clear:both;}
.board_top .count {float:left; overflow:hidden; font-size:1.05em; line-height:22px; color:#333; font-family:nGothicB; padding-top:5px;}
.board_top .count .total {float:left;}
.board_top .count .total span {font-family:nGothicEB; color:#f53838;}
.board_top .count .page {float:left; margin-left:6px;}

/*탑검색*/
.btop_search {float:right;}

/*리스트버튼*/
.list_btnW { text-align:right; height:72px; margin-top:-66px;}


/* position */
.position {height:134px; background:#fff; width:1px; position:absolute; bottom:0px; left:0px;}



/* ------------------------------------------------------------
 * Name      : mobile_layout.css
 * Desc      : page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:80px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

/*포토갤러리*/
.pic_ul {overflow:hidden; margin-left:-6px;}
.pic_ul li {float:left; margin-bottom:15px; width:25%;}
.pic_ul li a {
	display:block;
	box-sizing:border-box;
	margin-left:6px; border:1px solid #dadada;
	/*box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); */
	position:relative;
}

.pic_ul li a .pic {
	display:block;
	box-sizing:border-box;
	width:100%;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;

}

.pic_ul li a .pic .png {width:100%; display:block;}
.pic_ul li a .txt_box {
	display:block;
	box-sizing:border-box;
	padding:20px 15px;
	text-align: center;
	background-color: #f4f4f4;

}
.pic_ul li a .tt {display:block; font-size:18px; line-height:24px; min-height:24px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pic_ul li a .txt {display:block; font-size:13px; line-height:21px; min-height:21px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}

.pic_ul li a:hover .pic {
	box-shadow: 0 0 0 3px #0772ba inset;
	transition: 0.3s;
}

/*
.pic_ul li a:hover .over {display:block;}
.pic_ul li a .over {display:none; box-sizing:border-box; padding:10px; background:url(../img/common/png_80.png) repeat left top; width:100%; height:100%; position:absolute; left:0; top:0;}
.pic_ul li a .over .box {display:block;box-sizing:border-box; border:1px solid #99cc33; position:relative; padding:30px 25px 0 25px; width:100%; height:100%;}
.pic_ul li a .over .d_tt {font-size:18px; line-height:24px; min-height:24px; display:block; color:#a4cb74; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pic_ul li a .over .d_ip {display:block; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;}
.pic_ul li a .over .d_ip img {max-width:100%;}
.pic_ul li a .over .d_txt {display:block; box-sizing:border-box; border-top:1px solid #99cc33; padding:15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:24px; min-height:24px; color:#a4cb74; position: absolute; left:8%; bottom:0; width:84%;}
*/

/*갤러리뷰*/
.result_W {overflow:hidden; margin-left:-30px; padding-top:20px;}
.r_info {float:left; width:50%;}
.r_info .box {margin-left:30px; box-sizing:border-box;}
.r_info .box .r_tit {font-size:24px; line-height:32px; font-family: nGothicB; color:#000; background:url(../img/result/bar.gif) no-repeat left bottom; padding-bottom:20px;}
.r_info .box .r_txt {font-size:16px; line-height:22px; margin-top:20px;}

.ri_ul {overflow:hidden; margin-left:-10px; padding-top:30px;}
.ri_ul li {float:left; width:50%; margin-bottom:20px;}
.ri_ul li.n1 {float:none; width:100%;}
.ri_ul li .box {margin-left:10px; position:relative; box-sizing:border-box; padding-left:110px;font-size:15px; line-height:21px; min-height:21px;}
.ri_ul li .box .tt {font-family: nGothicB; color:#1979bd; background:url(../img/result/bl_dot.gif) no-repeat left center; padding-left:10px; position:absolute; left:0; top:0; line-height:21px;}

.r_guide {clear:both; width:100%; box-sizing:border-box; padding-top:40px; background:url(../img/result/bl_bar.gif) no-repeat left top; margin-top:40px;}
.rg_box {clear:both; width:100%; margin-bottom:30px;}
.rg_tt {font-size:13px; line-height:21px; font-family: nGothicB; color:#000; min-height:21px;}
.rg_txt {font-size:13px; line-height:21px; color:#333;}
.r_guide img {
	max-width: 100%;
}

.r_roll {float:left; width:50%;}
.r_roll .box {margin-left:30px; box-sizing:border-box;}

.roll_r {clear:both; width:100%; box-sizing:border-box; position:relative;}
.roll_r .png {
	max-height: 350px;
}
.roll_r .bxslider .pic {box-sizing:border-box; border:1px solid #ccc;}
.roll_r .btn a {
    display: block;
    text-indent: -9999px;
    font-size: 1px;
    position: absolute;
    width: 56px;
    height:56px;
    top:290px;
    z-index:999;
}
.roll_r .btn a .bx-prev {top:0;}
.roll_r .btn a .bx-next {top:0;}
.roll_r .btn a#slider-next {right:64px;  background: url(../img/result/prev.gif) no-repeat left top;}
.roll_r .btn a#slider-prev {right: 5px;  background: url(../img/result/next.gif) no-repeat left top;}


.small_photo {clear:both; overflow:hidden; margin-left:-10px; padding-top:10px;}
.small_photo li {float:left; width:33.33%; margin-bottom:10px;}
.small_photo li a {display:block; box-sizing:border-box; margin-left:10px; border:1px solid #ccc; position:relative;}
.small_photo li a .ic {display:block;}
.small_photo li a .ic .png {max-width:100%; display:block;}
.small_photo a.active .over {display:block;}
.small_photo li a .over {display:none; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; border:5px solid #1d6fac;}


.go_back {clear:both; display:inline-block; box-sizing:border-box; text-align:center; background:#838c9b; padding:0 30px;}
.go_back span {display:inline-block; box-sizing:border-box; padding-left:40px; font-size:16px; line-height:45px; background:url(../img/result/bt_bg.png) no-repeat left center; color:#fff;}

/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {

	.main_banner01 .txt .br {display:none;}
	.boardW.rr {border-right:1px solid #e3e3e3;}
	.boardW {width:50%; padding:0px; box-sizing:border-box;}
	.boardW .photo { display:none;}
	.boardW .txt a .tt {margin-bottom:20px;}
	.noticeW {width:50%; box-sizing:border-box; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
	.scheduleW {width:50%; box-sizing:border-box; border:1px solid #e3e3e3; border-top:none;}
	.scheduleW .boardW {width:100%; padding-left:0px; height:279px;}
	.scheduleW .m_tit {left:21px;}
	.scheduleW .bx-wrapper .bx-pager {top:70px; left:20px; width:100%;}
	.noticeW ul li a {max-width:80%;}
	#container .location {padding-right:10px;}
	#inner_wrap {max-width:1180px; width:100%; box-sizing:border-box; padding:0px 10px;}

}
/* 980px 이하 */
@media screen and (max-width:979px) {
	#wrap {padding-top:101px;}
	#wrap.sub_wrap {padding-top:140px;}
	#header {height:84px;}
	#header h1 {left:50% !important; top:0px !important; margin-left:-60px !important;}
	.scroll_on .title_bar .lnbW {top:80px;}
	.all_menu { display:none;}
	.w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	.m_gnb_on {display:block}
	.language {right:10px; top:8px;}
	.language a {padding:15px 20px;}
	.inner {padding:0px 10px; word-break: keep-all;}
	.main_visual .bxslider li {height:410px;}
	.main_visual .bx-controls {margin-left:130px;}
	#section2 .technology li {width:25%; display: inline-block;}
	#section3 .news {float:none; width:100%; padding:20px 20px 30px 20px;}
	#section3 .banner {float:none; clear:both; padding-top:10px; width:100%;}
	#section3 .banner li {float:left; width:25%; padding:5px; text-align:center;}
	#footer_add {padding:75px 10px 10px 10px; background:none;}
	#footer_add .top {width:100%; text-align:center; left:0px; top:0px; background:#adadad}
	#footer_add .top a {display:block;}
	#lnb_wrap {top:101px;}

	/*갤러리뷰*/
	.r_info {clear:both; width:100%; float:none;}
	.ri_ul li {float:none; clear:both; width:100%;}
	.r_guide {padding-top:20px; margin-top:20px;}
	.r_roll {clear:both; width:100%; float:none;}
	.go_backW {text-align:center;}

	.roll_r .btn a {top:25%;}
	.roll_r .btn a#slider-next {right:auto; left:5px;}

}
/* 768 이하 */
@media screen and (max-width:767px) {
	.section {padding:20px 0px;}
	.m_tit {padding:0px 0px 10px 0px; font-size:28px; }
	.m_tit_txt {font-size:15px;}
	#section2 .technology {padding:25px 0px 0px 0px;}
	#section2 .technology li strong {font-size:15px; padding-bottom:10px;}
	#section2 .technology li em {font-size:12px; padding:5px 0px 0px 0px;}
	#section2 .technology li .ico .gif {width:68px; margin:-34px 0px 0px -34px;}
	#section3 .news_info {padding:25px 0px 0px 0px;}
	#section3 .bg_info_tit img {width:70px !important; vertical-align:middle;}
	#section3 .news ul li {padding-left:0px; margin-top:20px;}
	#section3 .news ul li .day { display:none;}
	#section4 {padding-bottom:30px;}
	#section4 .project {padding:25px 0px 20px 0px;}
	#section4 .project li .over {font-size:14px;}
	#footerW .f_menuW { display:none;}
	#footer_add .tel_fax {display:none;}
	#footer_add span.tel {display:inline-block;}
	#footer_add span.fax {display:inline-block;}
	#footer_add .web_info p {padding:3px 0px; line-height:140%;}

	 .sub_con {min-height:300px;}
	#sub_visual {height:150px; background-position:center center !important;}
	#title {font-size: 2.4em; padding-bottom:20px; margin-top:10px;}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	.business01 ul li {width:33.33%; min-height:150px;}
	.business01_2 > li > .in { background:none !important; padding-left:10px;}

	#lnb_wrap .lnb .lnbs {width:50%;}


	/*게시판페이지*/
	.board_top .count {display:none; }
	/*탑검색*/
	.btop_search {float:none; clear:both; width:100%;}

	/*atab*/
	.atab {padding-bottom:20px;}
	.atab li a {font-size:1.0em; min-height:40px; line-height:40px;}

	/*자주묻는질문*/
	.faq_ul li {min-height:50px; line-height:50px; background:url(../img/common/q.png) no-repeat 10px 5px;}
	.faq_ul li.on {background:url(../img/common/q_on.png) no-repeat 10px 5px;}
	.faq_ul li .txt { padding:10px 50px 10px 62px; background:url(../img/common/td_down.gif) no-repeat 98% 14px; min-height:50px;}
	.faq_ul li .txt .txt_s {display:table-cell; vertical-align:middle; font-size:1.10em; line-height:25px;}
	.faq_ul li.on .txt {background:url(../img/common/td_up.gif) no-repeat 98% 14px;}
	.faq_ul li .answer_box {padding:20px 50px 20px 62px; line-height:20px; font-size:1.0em;}
	.faq_ul li.on .answer_box {background:url(../img/common/a_on.png) no-repeat 10px 11px;}

	/*포토갤러리*/
	.pic_ul li {width:50%;}

	/*갤러리뷰*/
	.r_info .box .r_tit {font-size:1.5em; line-height:24px;}
	.r_info .box .r_txt {font-size:1.05em; line-height:21px;}

	.ri_ul li {margin-bottom:10px;}
	.ri_ul li .box {font-size:13px; line-height:21px; min-height:21px;}

}
/* 600 이하 */
@media screen and (max-width:599px) {
	.main_visual .bxslider li {height:210px;}
	.main_visual .bx-controls {margin-left:0px; width:100%; left:0%;}
	.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:center; width:100%;}
	.main_visual .bx-controls-direction { margin:0 auto; width:100px;}
	.main_visual .bx-wrapper .bx-controls .bx-controls-auto {right:auto; left:50%; margin-left:-21px;}

	#section4 .project li {width:50%;}
	#section2 .technology li {width:50%; padding-bottom:20px;}
	#section2 .technology li .ico .gif {width:88px; margin:-44px 0px 0px -44px;}
	#section3 .banner li {width:50%;}

	/*게시판페이지*/
	.board_top .count {display:none; }
	/*탑검색*/
	.btop_search {float:none; clear:both; width:100%;}

	/*bbs_search*/
	.board_top {margin-bottom:10px; background:#eaeaea; box-sizing:border-box; padding:10px; border:1px solid #ccc;}
	.bbs_search_in {padding:0px; width:100%; box-sizing:border-box;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
	.m_block {display:block; margin-bottom:3px; float:none;}
	.m_block span {display:block; padding:0px;}
	.pw_box_bg {padding:110px 0px 10px 0px; width:100%; background:url(../img/common/ico_pw.png) no-repeat center top;}
	.pw_input {width:100%;}
	.board-view td.view_td {padding:20px 10px;}

	.hidden-xs {
		display: none;
	}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	#wrap {padding-top:82px;}
	#wrap.sub_wrap {padding-top:121px;}
	#header {height:65px !important; background-position:center -17px;}
	#header .logo {width:100%;}
	#header h1 {width:90px; margin-left:-45px !important;}
	.m_gnb_on img {width:23px;}
	.m_gnb {top:62px;}
	.language {top:8px;}
	.language a {padding:5px 10px;}
	.main_banner01 .b_in {padding:0px 10px 15px 10px;}
	.business01_2 {margin-left:0px;}
	.business01_2 > li {width:100%; float:none; margin-bottom:10px; padding:0px;}
	.business01_2 > li > .in {min-height:10px;}
	#section3 .news ul li a {min-height:50px; padding-left:0px;}
	#section3 .news ul li a .photo { display:none;}

	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	/*.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}*/
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
	.m_block {display:block; margin-bottom:3px; float:none;}
	.m_block span {display:block; padding:0px;}
	.pw_box_bg {padding:110px 0px 10px 0px; width:100%; background:url(../img/common/ico_pw.png) no-repeat center top;}
	.pw_input {width:100%;}
	.board-view td.view_td {padding:20px 10px;}

	.input5 {width:100%; max-width:100%;}
	.layers_wrap .layers {padding:10px;}
	.layers_wrap .layers_tit { background-image:none; font-size:1.5em;}
	.inner {padding:10px;}
	.ch_imgs .img1, .ch_imgs .img2 {display:none !important;}
	.ch_imgs .img3 {display:block !important;}
	.scrollbox  {height:71px !important;}
	.s_tit {margin:35px 0px 10px 0px;}
	.ss_tit {margin-top:20px;}
	#inner_wrap {font-size:0.95em;}
	#title {font-size:2em; padding-bottom:20px;}
	#lnb_wrap .lnb {padding-left:0px;}
	#lnb_wrap .ico_home { display:none;}
	#lnb_wrap {top:82px;}

}
/* 390px 이하 */
@media screen and (max-width:389px) {
	#section2 .technology li .ico .gif {width:60px; margin:-30px 0px 0px -30px;}

}