@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; height:100%;}
#navigation {display: none;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.web_img {display: block;}
.mobile_img {display: none;}

/* wrap */
#wrap {width:100%; max-width:2200px; overflow:hidden; margin:0 auto; padding-top:80px;}

#inner_wrap {max-width:1200px; margin:0 auto; padding-top: 20px; padding-bottom: 40px; position:relative;}
#inner_wrap:after {clear:both; content:""; display:block;}
.inner {max-width:1200px; min-height:200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}



/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; background:#fff; box-sizing: border-box; border-bottom: 1px solid #eaeaea; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; }

#header h1 {position: absolute; left:5px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s 0s ease-in-out;}
#header .top_btns {overflow: hidden; position: absolute; right:60px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#header .top_btns > li {display: inline-block; position: relative; vertical-align: top; padding-left:12px; margin-left: 12px;}
#header .top_btns > li:after {display: block; content: ""; width: 1px; height:14px; background: #7a7a7a; position: absolute; left: 0px; top: 50%; transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg);}
#header .top_btns > li:first-child {padding-left: 0px; margin-left: 0px;}
#header .top_btns > li:first-child:after {display: none;}
#header .top_btns > li > a {display: block; line-height: 22px; color: #7a7a7a; font-weight:500; font-size:14px; text-align: center;}
#header .top_btns > li.on > a {color: #000;}



.m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display:none; z-index: 99}
.in_header {max-width:1730px; width:100%; height: 80px; margin:0 auto; position:relative; z-index:9}



/* 전체메뉴 */
.slide_menu_wrap {width:85%; max-width:480px; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; display:none; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_top {height: 88px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #4a76b4}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; }
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; background: #f2f2f2; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat 100% center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat 100% center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }

.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 25px; font-size:15px; color: #d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6; } 

.slide_menu_wrap .gnb .my_edu {position: relative; width:100%; height:auto; right:auto; top: auto;}
.slide_menu_wrap .gnb .my_edu > a {font-size: 14px; display: block; color: #fff; height: 100%; box-sizing: border-box; padding: 10px 0px; text-align: center;}
.slide_menu_wrap .gnb .my_edu > a > span {display:inline-block; line-height: 35px; padding: 0px 0px 0px 50px; background-position: left center !important}
.slide_menu_wrap .top_btns {overflow: hidden;}
.slide_menu_wrap .top_btns > li {float: left; width: 50%; box-sizing: border-box;}
.slide_menu_wrap .top_btns > li {border-left:1px solid #484848; }
.slide_menu_wrap .top_btns > li:first-child {border-left:none;}
.slide_menu_wrap .top_btns > li > a {display: block; padding:10px 0px; background: #000; color: #fff; text-align: center;}

.slide_menu_wrap .gnb .sub_menu .three_depth {display: none !important;}



/* GNB */
.w_gnb {padding:0px 0px 0px 260px; }
.w_gnb .gnb:after {content:""; display:block; clear:both;}

.w_gnb .gnb > ul {font-size:0px; display: table; width: 100%; text-align:right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; position:relative; padding:0px 2%; box-sizing: border-box;}
.w_gnb .gnb > ul > li > a {display:block; color:#000; text-align: left;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:18px; line-height:79px; height:80px; color:#000000; transition: all 0.2s 0s ease-in-out; font-weight:400; box-sizing: border-box;}
.w_gnb .gnb > ul > li:hover > a > span {color:#cc0011; border-bottom:4px solid #cc0011; font-weight:500;}
.w_gnb .gnb > ul > li.on > a > span {color:#cc0011; border-bottom:4px solid #cc0011; font-weight:500;}

.w_gnb .sub_menu  {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:120%; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:8px 5px; background:url(../img/common/png_70.png) repeat left top; }
.w_gnb .sub_menu > li {padding:7px 5px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li:first-child {border-top:none;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; color:#fff; padding:2px 0px; line-height:16px; font-weight:100; letter-spacing: -1px; text-align: center;}
.w_gnb .sub_menu > li > a:hover {color:#fff;}

.w_gnb .three_depth { display:none;}


.gnb08 {display: none !important;}
.gnb09 {display: none !important;}



#gnb_bar {position:absolute; display:none; left:0%; top:80px; border-top:1px solid #000;  width:100%; height:235px; background:#fff;}

/*.bg_on #gnb_bar {top:98px;}
.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 {width: 100%; overflow: hidden; position: relative;}
.main_visual .videoDiv {position: absolute; top: 0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:1920px; height: 1000px;}
.main_visual .bxslider > li {background-size:cover !important;}
.main_visual .v_frame {max-width: 1200px; height: 780px; margin: 0 auto;}
.main_visual .v_frame img {width: 100%;}
.main_visual .v_txt {color: #000; width: 100%; max-width:1200px; position: absolute; left:50%; top:60%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity:1; transition: all 0.3s 0s ease-in-out; }
.main_visual .v_txt .v_txt_w {display: inline-block; text-align: left}
.main_visual .v_txt .v_txt_w strong {font-weight: 600;}
.main_visual .v_txt .txt_t {font-size:52px; font-weight: 100; line-height:120%;}
.main_visual .v_txt .txt_s {font-size:26px; line-height: 140%; padding-top:20px; font-weight:600;}

.main_visual .visual00 .v_txt {text-align: left;}
.main_visual .visual01 .v_txt {text-align: right;}


.main_visual .bx-controls {text-align: center; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom:185px; max-width: 1200px; box-sizing: border-box; z-index: 99;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 3px; background:none; border:none; -moz-border-radius:100%;  -webkit-border-radius:100%; border-radius:100%; background: #000000; opacity:0.3;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #000000;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000000; opacity: 1;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}



.main_boardW {position: absolute; left: 0px; bottom:10px; z-index:99; width: 100%;}
.main_board {max-width: 1200px;background: url(../img/main/notice_bg2.png) repeat left top; height:100px; width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; padding-left:215px;}
.main_board > h3 {position: absolute; left: 0px; top: 0px; height: 100%; width:180px; background: url(../img/main/notice_bg.jpg) repeat left top; color: #fff; text-align: center; box-sizing: border-box; padding-top:40px; font-size: 18px;}
.main_board > h3:after {display: block; content: ""; width: 10px; height:24px; position: absolute; left: 100%; top: 50%; margin-top:-10px; background: url(../img/main/notice_arrow.png) no-repeat left top;}
.main_board .box { color: #fff; padding-top:38px;}
.main_board .box > ul {overflow: hidden;}
.main_board .box .notice_roll > li > a {display:block; position: relative; line-height:24px; font-size: 17px; padding-right: 120px;}
.main_board .box .notice_roll > li > a > .txt {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; max-width:calc(100% - 30px); max-width:-webkit-calc(100% - 30px); vertical-align: top; color: #fff; font-weight: 100;}
.main_board .box .notice_roll > li > a > img {display: inline-block; vertical-align: top; margin-top: 5px;}
.main_board .box .notice_roll > li > a > .date {position: absolute; right: 0px;  top: 50%; margin-top: -8px; line-height: 16px; color: #999999}
.main_boardW .bx-viewport {box-sizing: border-box; padding-right:135px; }
.main_boardW .bx-wrapper .bx-controls-direction a {top:0%; margin-top:0px; width:20px; height:20px;}
.main_boardW .bx-wrapper .bx-prev {left: 0px; background: url(../img/common/controls2.png) no-repeat -6px -4px;}
.main_boardW .bx-wrapper .bx-next {right: 0px; background: url(../img/common/controls2.png) no-repeat -49px -6px}
.main_boardW .bx-controls {text-align: center; position: absolute; left: auto; transform: none; right:30px; top:50%; width:60px; margin-top: -10px; box-sizing: border-box; z-index: 99; border-left:1px solid #717171 }
.main_boardW .bx-controls:before {display: block; content: ""; width: 1px; height:24px; position: absolute; left:-21px; top:-1px; background: #717171;}


#section1 {background: #eef2f5}

.main_banner {overflow: hidden; word-break: keep-all}
.main_banner > li {position: relative; margin-bottom:70px; min-height:350px; }
.main_banner > li:after {display: block; content: ""; clear: both;}
.main_banner > li .pic {float: left; width: 50%; box-sizing: border-box; position: relative;}
.main_banner > li > dl { width: 50%; box-sizing: border-box; position: absolute; min-height: 100%; padding-right: 69px;}
.main_banner > li:nth-child(odd) .pic {float: right;}
.main_banner > li:nth-child(even) > dl {padding-left:69px; padding-right: 0px; right: 0px; top: 0px;}

.main_banner > li .pic .ico {position: absolute; right:50px; bottom: -50px;}

.main_banner > li > dl dt {position: relative; font-size:46px; color: #24262a; font-weight:600; line-height: 130%;}
.main_banner > li > dl .num {display: block; color: #fff; font-size:92px; font-weight: 600; line-height:120%; margin-top: -15px;}
.main_banner > li > dl .balloon {display: block; color: #fff; font-size:16px; position: absolute; left:135px; top:70px; background:#d10010; padding:7px 20px 8px 20px; border-radius:3px 3px 3px 0px;  font-weight:400; line-height: 130%;}
.main_banner > li > dl .balloon:after {display: block; content: ""; width: 11px; height: 10px; background:url(../img/main/balloon.png) no-repeat left bottom; position: absolute; left: 0px; bottom:-9px;}
.main_banner > li > dl .txt {font-size: 22px; line-height: 130%; padding: 20px 0px 40px 0px;}
.main_banner > li > dl .bt {position: absolute; left: 0px; bottom: 0px;}
.main_banner > li > dl .bt a {display: inline-block; padding-right:60px; color: #000; background: url(../img/main/more.png) no-repeat right center; height: 32px; line-height: 32px;}
.main_banner > li:nth-child(even) > dl .bt {left: 69px;}

.main_banner > li:nth-child(5) > dl .balloon {border-radius:3px 3px 3px 3px; left: 122px; top: 120px;}
.main_banner > li:nth-child(5) > dl .balloon:after {display: block; content: ""; width: 11px; height: 10px; background:url(../img/main/balloon2.png) no-repeat left bottom; position: absolute; left:-9px; bottom:13px;}


/* section */
.section_wrap {width:100%; overflow:hidden; clear:both;}
.section {padding:60px 0px 50px 0px;}
.section .more {position: absolute; right:10px; top:0px;}
.section .more a {display: block; font-size:16px; font-weight: 300; color: #000000}
.section .more a > span {display: inline-block; vertical-align: middle; margin-left:10px; width:14px; height: 14px; padding:5px; border: 1px solid #c5c5c5}
.section .m_tit {text-align:center; line-height:150%; margin-bottom:45px; color:#000;  position:relative;  font-size:2.8em; font-weight:600;}
.section .m_tit_s {display:block; color:#000000; font-size:1.8em; line-height:150%; font-weight:600; padding:0px 0px 20px 0px;  }

#section:after {clear:both; content:""; display:block;}


.quick_faq {position: fixed; left:36px; bottom:8%; z-index: 99}

.quick {z-index: 999; position: fixed; right:36px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: 50px; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.quick > ul > li {padding: 5px 2px;}
.quick > ul > li:first-child {border-left:none}
.quick > ul > li > a {display: block; }








/* 카피라이트 */
#footerW {clear:both; position: relative; width:100%; background:#252b2b; }

#footer_add .top {position:absolute; right:0px; top:0px;}
#footer_add a {color:#adadad}
#footer {position: relative;}
#footer .footer_logo {position:absolute; right:10px; bottom:43px;}
#footer .addressW {max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding:30px 0px 35px 315px; position: relative; font-size:1em; color:#cecece; line-height:21px; font-weight:100; background: url(../img/common/f_logo.gif) no-repeat left 30px;}

#footer .addressW a {color: #d2d3d5}
#footer .addressW address {margin-left: -10px; font-weight: 100; line-height: 150%;}
#footer .addressW address span {display: inline-block; padding:2px 10px;}
#footer .addressW .copy {font-weight: 100; padding-top:15px; color: #656969;}

#footerW .go_top {position: absolute; right:10px; top:30px;}
#footerW .go_top a {display: block; color: #000; font-weight: 100;}
#footerW .go_top a > span {display: block; text-align: center; padding-top: 10px; line-height: 140%;}
.sub_wrap #footerW {margin-top: 40px;}



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


.sub_visual {height:220px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt .cell {display: table-cell; padding-bottom: 20px; vertical-align: middle; height: 100%; box-sizing: border-box; text-align: center;}
.sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/business/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/factory/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/management/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/recruit/sub_visual.jpg) no-repeat center top;}
.sub_wrap_6 .sub_visual {background: url(../img/customer/sub_visual.jpg) no-repeat center top;}






#sub_tit {font-size:42px; color: #fff; font-weight:700; line-height:140%; padding-bottom:20px; position: relative; padding-top:70px; }
#sub_tit:after {display: block; content: ""; width: 1px; height:48px; position: absolute; left: 50%; top: 0px; background: #fff;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}
.sub_tit_s {text-align: center; font-size:18px; line-height: 140%; color: #fff;  font-weight: 100; }
.sub_tit2 {display: block; color: #fff; font-size:25px; line-height: 150%; padding-top:55px; font-weight: 300;}
.sub_tit_s {display: block; color: #fff; font-size:18px; line-height: 150%; font-weight:100;}
#m_lnb {display:none;}




/*lnb_wrap*/
#lnb_wrap {position:relative; padding: 30px 0px; margin: 0 auto; z-index:9; background:#eef2f5; box-sizing:border-box;}
#lnb_wrap .lnb {max-width: 1200px; margin: 0 auto;}
#lnb_wrap .lnbs1 {display: none;}
#lnb_wrap .ico_home {display: none;}
#lnb_wrap .ico_home a {display:block; width:69px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center;}
.lnbs2 ul:after {clear: both; content: ""; display: block;}
.lnbs2 ul li {color:#333; display:table; float: left; width: 50%; box-sizing: border-box;}

.lnbs2 ul li a {color:#000; font-size:18px; display: table-cell; width: 100%; height:55px; line-height: 20px; vertical-align: middle;  padding: 0px 2px; text-align: center; border: 1px solid #cccccc; background: #fff; border-left:none; }
.lnbs2 ul li:first-child a {border-left: 1px solid #cccccc;}

.lnbs2 ul li.on a {color:#fff; font-weight: 500; background: #333333; border: 1px solid #333333;}
#lnb_tit2 {display: none}

.sub_wrap_1 .lnbs2, .sub_wrap_4 .lnbs2 {max-width:600px; margin: 0 auto; }
.sub_wrap_1 .lnbs2 ul li {width:33.33%;}
.sub_wrap_4 .lnbs2 ul li {width:33.33%;}
.sub_wrap_2 .lnbs2 ul li {width:16.66666666666667%;}


#lnb_tit {font-size:15px; 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;}
#lnb_tit2 {font-size:15px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}

#lnb_title {text-align: center; width: 100%; height:140px; box-sizing: border-box; background: #134375; color: #fff; font-size: 32px; line-height: 140%; font-weight: 700; display:table; position: relative; margin-bottom:10px;}
#lnb_title:before {display: block; content: ""; width:38px; height: 1px; background: #fff; position: absolute; left:-3px; top:13px; transform: rotate(40deg);}

#lnb_title > span {display: table-cell; vertical-align: middle;}

.lnb .three_depth {background: #f8f8f8; padding: 10px 10px 10px 20px; display: none;}
.lnb .three_depth > li {border: none;}
.lnb .three_depth > li > a {background: none; position: relative; font-size: 15px; padding: 5px 0px 5px 25px;}
.lnb .three_depth > li > a:before {display: block; content: ""; width:15px; height: 1px; position: absolute; left: 0px; top: 50%; background:#999}
.lnb .three_depth > li.on > a {color:#134375; font-weight: 600;}
.lnb .three_depth > li.on > a:before {background:#134375}
.lnb .on .three_depth {display: block;}


.lnb_banner {background:#0070b4; position: relative; margin-top:30px; padding:20px 0px;}
.lnb_banner:after {display: block; content: ""; width:22px; height: 1px; background: #fff; position: absolute; right: -3px; bottom: 7px; transform: rotate(40deg);}
.lnb_banner > dl {color: #fff; text-align: center}
.lnb_banner > dl > dt {font-size: 20px; line-height: 140%; font-weight: 100;}
.lnb_banner > dl > dt > span {display: inline-block; padding-left: 35px; background: url(../img/common/ico_tel2.png) no-repeat left center;}
.lnb_banner > dl > dd {font-size:1.8em; font-weight:500; line-height: 150%; padding-top:10px;}
.lnb_banner > dl > dd a {color: #fff;}


.rightW {float: right; width: 100%; max-width:906px; box-sizing: border-box; position: relative;}
.bt_view {position: absolute; right: 0px; top:70px;}

.title_bar {position: relative; padding:40px 0px 25px 0px; margin-bottom:50px; text-align: center; }
.title_bar h2 {display: inline-block; vertical-align:top; font-size:46px; margin-top:10px; padding:0px 0px 20px 0px; color:#333333; font-weight:700; line-height:100%;}
.title_bar .s_txt {font-size:1.4em; color:#333; line-height: 130%;}
.title_bar .title_s {font-size:1.4rem; color:#333; font-weight: 300; padding-top:20px; word-break:keep-all; line-height:150%;}

.location {line-height:20px; text-align:right; }
.location span {display:inline-block; zoom:1; *display:inline; line-height:20px; padding-left:17px; margin-left:13px; background:url(../img/common/location.gif) no-repeat left center; color:#333333; font-size: 14px; font-weight: 300;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {color:#333333; font-weight:500;}
.location #location_3 {color:#333333; font-weight:500;}
.location img {vertical-align:middle; margin-top: -4px;}

.sub_con {min-height: 100px; margin: 0 auto; font-size:16px; line-height: 160%; word-break: keep-all; color: #333}
.parking { text-align:center; font-size:32px; padding:70px 0px 360px 20px; }
.b_txt {font-size: 1.5em; line-height: 150%; padding-bottom: 20px; color: #134375;}
.b_txt > strong {font-weight:600;}
.s_tit {font-size:1.7em; color:#333333; line-height:100%; min-height: 26px; margin:55px 0px 25px 0px; padding-left:20px; font-weight: 500; position: relative;}

.s_tit:after {display: block; content: ""; width:7px; height:100%; position: absolute; left: 0px; top:2px; background: #333333}
.s_tit:before {display: block; content: ""; width:7px; height:50%; position: absolute; left: 0px; bottom:-2px; background: #d10010; z-index:8}
.ss_tit {font-size:20px; font-weight: 500; color:#333333; padding:2px 0px 2px 15px; margin-top:30px; line-height:140%; min-height:20px; text-align:left; margin-bottom:8px; position: relative;}
.ss_tit:after {display: block; content: ""; width:4px; height: 4px; position: absolute; left: 0px; top:50%; margin-top:-2px; background: #3676a9}
.sss_tit {font-size:18px; color:#000; padding:40px 0px 15px 0px; font-weight:100; line-height:140%;}
img {max-width:100%;}

.text_in {padding-left:20px}


.greeting {font-size: 1.23em; line-height: 160%; word-break: keep-all}

.history_block:after {display: block; content: ""; clear: both;}
.history_block {margin: 1px -4px 90px 1px;}
.history_block > li {float: left; width: 25%; box-sizing: border-box; padding: 30px; border: 1px solid #ccc; margin: -1px 0px 0px -1px;}
.history_block > li > dl {min-height:250px;}
.history_block > li > dl dt {color: #24262a; font-size: 26px; line-height: 130%;}
.history_block > li > dl dt:after {display: block; content: ""; width: 23px; height: 1px; background: #d10010; margin: 15px 0px;}
.history_block > li > dl dt .ico {display: block; padding-bottom: 10px;}
.history_block > li > dl dd {font-weight: 100; color: #333333;}


.history_box > h3 {position: absolute; left: 0px; top:-10px; font-size: 26px; line-height: 140%; font-weight: 600;}



.history_box:after {display: block; content: ""; clear: both;}
.history_box {position: relative; padding:0px 0px 40px 0px; margin: 0 auto;}
.history_box .line {width:1px; height:calc(100% - 8px); height:-webkit-calc(100% - 8px); position: absolute; left: 50%; margin-left: -1px; top:8px; background: #dddddd}
.history_box .line2 {width:80px; height:14px; position: absolute; left: 50%; margin-left: -40px; bottom: 0px; background: #cccccc; border-radius:30px }
.history_box .year {padding-left:50%; font-size:33px; margin-left: 40px; line-height: 140%; font-weight: 300; padding-bottom:20px;}


.history_box > ul > li {padding-left: 50%;box-sizing: border-box; position: relative; padding-bottom:30px;}
.history_box > ul > li .img {position: absolute; left: 0px; top: 0px; width:47%;}
.history_box > ul > li .img img {max-width:100%;}
.history_box > ul > li > .history_txt {padding-left:60px;}

.history_box > ul > li.bg_img {min-height:215px; }
.history_box > ul > li:after {display: block; content: ""; width:7px; height: 7px; border-radius:100%; background: #fff; border:7px solid #d10010; position: absolute; left:50%; top:7px; margin:0px 0px 0px -11px}
.history_box > ul > li:before {display: block; content: ""; width:46px; height:1px; border-radius:100%; background: #dddddd; position: absolute; left:50%; top:16px; margin:0px 0px 0px 0px}
.history_box > ul > li > dl:first-child {border-top:1px solid #dddddd; }


.history_box .history_txt .year_s {font-size:30px; color: #000000; display: block; font-weight: 700; line-height: 100%;}
.history_box .history_txt ul {padding:15px 0px 5px 0px; color: #333333; line-height: 140%;}
.history_box .history_txt ul > li {line-height: 150%;  padding: 3px 0px; font-weight: 300; position: relative; }

.history_box > ul > li.left {padding-left:0%; padding-right: 50%; text-align: right;}
.history_box > ul > li.left .history_txt {padding-left:0px; padding-right:60px;}
.history_box > ul > li.left .history_txt ul > li {padding-left:0px;}
.history_box > ul > li.left .history_txt ul > li .year_s {left: auto; top: 0px; right: 0px;}
.history_box > ul > li.left .img {position: absolute; left:auto; right: 0px;}
.history_box > ul > li.left.bg_img > .history_txt {background: url(../img/company/hp04.gif) no-repeat right 0px;}
.history_box > ul > li.left:before {display: block; content: ""; left:50%; top:16px; margin:0px 0px 0px -47px}

.map_wrap {height: 500px; overflow: hidden;}
.map_wrap > iframe {width: 100% !important; height: 100% !important;}
.map_address {position: relative; padding:8px 0px 10px 53px; font-size: 1.1em; line-height: 140%; color: #000; margin-bottom: 20px;}
.map_address > strong { padding-right:10px;}
.map_address:before {display: block; content:url(../img/introduce/map.gif); width:20px; height: 20px;  border: 1px solid #ccc; padding:10px; border-radius:100%; border: 1px solid #ccc; position: absolute; left: 0px; top: 0px;}

.business_wrap {overflow: hidden; margin: -15px -10px;}
.business_wrap > li {float: left; width: 50%; box-sizing: border-box; padding:15px 10px;}
.business_wrap > li > dl > dt {font-size:26px; font-weight: 600; line-height: 130%; padding-bottom: 10px; color: #000000;}
.business_wrap > li > dl > dd {display:table; width: 100%; border-radius:  10px; background: #ff9900}
.business_wrap > li > dl > dd .cell {display: table-cell; vertical-align: middle;color: #fff; font-size:1.4em; line-height: 130%;  height:160px; box-sizing: border-box; padding: 10px 10px 10px 165px; position: relative;}
.business_wrap > li:nth-child(2) > dl > dd {background: #ff6a38}
.business_wrap > li:nth-child(3) > dl > dd {background: #ff6a38}
.business_wrap > li > dl > dd .cell .ico {position: absolute; left:35px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.program_first {font-size:1.5em; line-height: 140%; color: #333333; padding-bottom:40px;}
.program_first > dt {font-size: 1.3em; padding-bottom:10px; font-weight:600; line-height: 140%;}
.program_first > dd {font-size:100; line-height: 140%;}
.program_first > dd > strong {color: #fea700;}
.program_first .bb_txt {font-size: 1.3em; padding-bottom:10px; font-weight:600; line-height: 140%;}


.pic_ico_wrap {overflow:hidden;}
.pic_ico_wrap .pic {float: left; width:69%; box-sizing: border-box; padding-right: 40px;}
.pic_ico_wrap .ico_listW {float: left; width:31%; box-sizing: border-box; }
.pic_ico_wrap .ico_listW > h4 {font-size:2em; color: #333; line-height: 140%; font-weight: 600;}
.pic_ico_wrap .ico_listW > h4:after {display: block; content: ""; width:100%; height: 1px; margin: 30px 0px 30px 0px; margin-left: -60%; background: #d10010}
.pic_ico_wrap .ico_list {overflow:hidden; margin: 0px -5px;}
.pic_ico_wrap .ico_list > li {float: left; width: 25%; box-sizing: border-box; padding: 10px 5px; text-align: center;}
.pic_ico_wrap .ico_list > li .ico {display: block; }
.pic_ico_wrap .ico_list > li .txt {color: #666666; line-height: 130%; display: block; padding-top: 10px;}


.program_list {overflow: hidden; padding-top: 40px; margin: 0px -20px;}
.program_list > .bul01 {float: left; width: 50%; box-sizing: border-box; padding: 0px 20px; font-size: 1.15em;}
.program_list > .bul01 > li {margin-top: 13px; color: #000;}
.program_list > .bul01 > li .small {font-size: 0.9em; color: #666;}
.program_list > .bul01 > li .txt_t {display: block; color: #000;}

.yak_check > li {border: 1px solid #ccc; padding: 20px; border-top:none; overflow: hidden;}
.yak_check > li > a {display:inline-block; min-width:76px; float: right; height: 26px; line-height: 26px; background: #ff4a2b; color: #fff; font-weight: 100; font-size: 13px; text-align: center; border-radius:60px; }
.yak_check > li:first-child {border-top:1px solid #ccc;}








.faq_list {border-top: 1px solid #e2e2e2; margin-top: -1px;}
.faq_list > li {border-bottom: 1px solid #e2e2e2}
.faq_list > li .title {padding:26px 45px 27px 75px; background: url(../img/common/arrow.gif) no-repeat right center;line-height:140%; color: #323232; position: relative; font-weight:400; color: #666666; cursor: pointer;}
.faq_list > li .title.on {background: url(../img/common/arrow2.gif) no-repeat right center; color: #000000;}
.faq_list > li .title .q {position: absolute; width:36px; height: 36px; line-height:33px; border-radius:100%; border: 1px solid #ccc; left:20px; top:50%; margin-top: -18px; color: #666666; text-align: center; font-weight:700; font-size: 24px;}
.faq_list > li .title.on .q {color: #ed2129; border-color:#ed2129; }
.faq_list > li .answer_wrap {padding:19px 19px 19px 19px; display:none; background: #f2f2f2; border:1px solid #cccccc; margin-bottom: -1px; }
.faq_list > li .answer {min-height: 22px; padding:8px 0px 8px 55px; line-height:140%; color: #333333; word-break:keep-all; word-wrap:break-word; position: relative; font-weight:400;}
.faq_list > li .answer .a {position: absolute; width:36px; height: 36px; line-height:33px; border-radius:100%; border: 1px solid #ed2129; left:0px; top:0px; color: #ed2129; text-align: center; font-weight:700; font-size: 24px;}

.tc_ico {overflow: hidden; padding-top: 30px; max-width: 700px; margin: 0 auto;}
.tc_ico > li {float: left; width: 33.3333%; padding: 0px 10px; box-sizing: border-box; text-align: center;}


.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}



.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}


.radio_group {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; font-size:15px; padding: 5px 0px 0px 15px;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 20px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}


/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:48px; vertical-align: middle; background:#fff; line-height:16px; padding:0px 0px; text-align:center; color:#000000; box-sizing:border-box; border:1px solid #cccccc; font-size: 15px; border-left: none; word-break: break-all}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {font-weight: 500; border: 1px solid #ed2129 !important; background: #ed2129; color: #fff;}
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}


.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}




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


/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #ff9900; position: relative;}
.pop_wrap .pop_head .title {font-size:36px; line-height:150%;  color: #fff; padding:15px 45px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:45px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}




/* 팝업 */

.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:#20252b; font-size:1.8em; color:#fff;  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;  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;  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;  color:#444444; font-size:22px; line-height:38px;}


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


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

 @keyframes mv1 {
     0%{opacity: 0; bottom:10px;} 
    40%{opacity: 1; bottom:0px;} 
     100%{opacity: 1; bottom:0px;} 
} 
 @keyframes mv2 {
     0%{opacity:1; bottom:0px;} 
     40%{opacity:0; bottom:-10px;} 
     100%{opacity:0; bottom:-10px;} 
} 


/* ------------------------------------------------------------
 * 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:122px; 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;}

.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; color: #000; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.view_tit {padding:25px 10px 25px 10px; background: #f1f2f7; text-align: center; font-size: 1.5em;}
.view_tit .v_tit {font-size: 1.5em; font-weight:300; word-break: break-all;}
.view_tit .v_tit .ico {display: inline-block; border: 1px solid #0c91dd; background: #fff; color: #0c91dd; font-size:1rem; padding: 0px 5px; min-width: 46px; vertical-align: top; margin-right: 4px; text-align: center; height: 24px; line-height: 22px;}
.view_tit .v_list {font-size: 0px; padding-top: 10px;}
.view_tit .v_list > li {display: inline-block; vertical-align: top; font-size:1.05rem; padding:5px 10px; position: relative;}
.view_tit .v_list > li:before {display: block; content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}
.click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666}
.view_photo {padding: 20px 0px 0px 0px; text-align: center;}


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

/* 1220px 이하 */
@media screen and (max-width:1219px) {
    
   
	#inner_wrap {max-width:1180px; width:100%; box-sizing:border-box; padding:0px 10px;}
      
  
    
 

}


/* 980px 이하 */
@media screen and (max-width:979px) {
    .w_gnb {display: none;}
   
    .m_gnb_on {display: block;}
    .section {padding:40px 0px 30px 0px;}
	.inner {padding:0px 10px; word-break: keep-all;}
    .main_visual .v_frame {height:620px;}
    .main_visual .v_txt {top: 50%; padding: 0px 10px; box-sizing: border-box;}
    
    .main_visual .v_txt .txt_t {font-size: 40px;}
    .main_visual .v_txt .txt_s {font-size: 22px;}
    
    
    .quick {transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; right: -100px;}
    
    .main_banner {max-width: 600px; margin: 0 auto;}
    .main_banner > li {padding:40px 0px; border-top:1px solid #ccc; min-height: auto; margin-bottom: 0px;}
    .main_banner > li:first-child {padding-top:0px; border: none;}
    .main_banner > li .pic {float: none !important; width: 100%; text-align: center}
    .main_banner > li > dl {width: 100%; position: relative; left: auto; top: auto; right: auto; padding: 10px 0px 0px 0px !important;}
    .main_banner > li > dl .bt {position: relative; left: auto !important; bottom: auto;}
    
	#footer .addressW {padding:10px; background:none; text-align: center}
    #footerW .go_top {display: none;}


    #lnb_title {display: none;}
    .lnb_banner  {display: none;}
     #lnb_wrap {position:relative; padding: 20px 0px; min-height: 10px; border-bottom:1px solid #e2e2e2;  box-shadow: none;}
    #lnb_wrap .lnb {background: #fff;}
    #lnb_wrap .lnbs1 {display: block;}

    #lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:52px; width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
    #lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

    #lnb_wrap .ico_home {float:left; display: block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
    #lnb_wrap .ico_home a {display:block; width:60px; height:51px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #fff ;}
    .lnb ul li {color:#666666; display: block; float: none !important; width: 100% !important; padding: 0px; margin-top: 0px;}

    .lnb ul li a {color:#333; font-size:13px; display:block; line-height:20px; min-height:20px; height: auto !important; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none }
    .lnb .three_depth {background: #e5e5e5;}
    .lnb .three_depth > li > a:before {width:10px;}
    .lnb ul li .three_depth a {background:#e5e5e5; border-top:none; color:#666666; padding:5px 5px 5px 20px; font-size: 13px;}
    .lnbs2 > ul > li > a {border: none; border-bottom: 1px solid #e2e2e2;}
    .lnbs2 > ul > li.drop > a {background: none !important;}

    #lnb_tit {font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:51px; height:51px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;}
    #lnb_tit2 {display: block; font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:51px; height:51px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 500;}
    #lnb_tit.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}
    
    .title_bar h2 {font-size: 40px;}
    .title_bar .s_txt {font-size:19px;}
    
    .history_block > li {float: none; width: 100%;}
    .history_block > li > dl {min-height: auto;}
    .history_block > li > dl dt .ico {display: inline-block; vertical-align: middle;}
    .history_block > li > dl dd br {display: none;}
    
    .business_wrap > li {float: none; width: 100%;}
    
    .pic_ico_wrap .pic {float: none; padding: 0px; width:100%; text-align: center;}
    .pic_ico_wrap .ico_listW {max-width: 785px; margin: 0 auto; float: none; padding:20px 0px 0px 0px; width:100%;}
    .pic_ico_wrap .ico_listW > h4 br {display: none;}
    .pic_ico_wrap .ico_listW > h4:after {margin:20px 0px;}
    
}
/* 768 이하 */
@media screen and (max-width:767px) {
    .web_dis {display:none;}
	.mb_dis {display:block;}
    .main_visual .videoDiv {height:520px;}
    .main_visual .v_frame {height:520px;}
    .main_visual .v_txt {padding: 10px;}
    .main_visual .bx-controls {bottom:75px;}
    .main_visual .v_txt .v_txt_w {display: block; text-align: center !important; position: relative;}

    .main_visual .v_txt:before {display: block; content: ""; width: 100%; height: 100%; background: #fff; opacity: 0.5; position: absolute; left: 0px; top: 0px;}
    
    .main_board > h3 {width: 120px; padding-top:20px; font-size:17px;}
    .main_board > h3:after {margin-top: -6px;}
    .main_board {height: 60px; width: 100%; padding-left: 145px;}
    .main_board .box {padding-top: 18px;}
    .main_board .box .notice_roll > li > a {padding-right: 93px;}
    .main_board .box .notice_roll > li > a > .txt {font-size: 15px;}
    .main_board .box .notice_roll > li > a > .date {font-size: 15px;}
    .main_boardW .bx-controls {right: 17px; width: 45px;}
    .main_boardW .bx-viewport {padding-right: 100px;}
    
    
    .main_boardW {position: relative; left: auto; top: auto;}
	.section {padding:30px 0px;}
	
    .section .m_tit {font-size:2.5em;}
    .section .m_tit_s {font-size:1.6em; padding: 0px 0px 15px 0px;}
    .section .more a {font-size:14px;}
    
  
    .main_banner > li > dl .txt {font-size: 19px;}
    .main_banner > li > dl dt {font-size: 40px;}
    .main_banner > li > dl .num {font-size: 82px;}
    .main_banner > li > dl .balloon {font-size:15px; left: 118px; top: 55px;}
    .main_banner > li {min-height: 320px;}

    
    #footerW {text-align: center;}

    
    #footerW .go_top {display: none;}
    .sub_con {font-size:0.95em;}

    .title_bar {margin-bottom:30px;}
	.title_bar h2 {font-size:30px; padding:0% 0px 3% 0px;}
	.title_bar .title_s {font-size: 1.15em;}
    .title_bar .s_txt {font-size:1em;}
	
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    .btn-tc > a {margin: 0px;}
    
    #lnb_wrap .lnb {padding-left: 62px; position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}

    
    #slide_banner > li > div {padding: 20px 20px 60px 20px;}
    #slide_banner > li > div > h3 {position: relative; left:auto; top:auto; transform:none; width:auto; text-align:left;}
    #slide_banner > li > div > h3:after {display: none}
    .slide_bannerW .bx-wrapper .bx-pager {bottom:15px;}
    
   
    .history_box {margin-top: 200px;}
    .history_box > h3 {top:-150px;}
    .history_box .line {left:10px; margin-left:0px;}
    .history_box .line {left:10px; margin-left:0px;}
    .history_txt_t {padding:20px 0px 30px 0px;}
    .history_txt_t br {display: none;}
	.history_box > ul > li {padding-left:30px !important; padding-bottom:20px;}
    .history_box > ul > li:after {left: 10px !important;}
	.history_box > ul > li:before {display: none !important;}
    .history_box > ul > li.long {min-height:10px;}
    .history_box .line2 {display: none;}

	.history_box > ul > li > .history_txt {padding-left:0px;}
	.history_box .history_txt .year_s {display:block; background:#fff; padding-left:10px; font-size: 32px; margin-left:-10px;}
	.history_box .history_txt ul > li {font-size:15px;}

    .history_box > ul > li.left {padding-right:0%; text-align: left;}
    .history_box > ul > li .img {display: none;}
    
    .map_wrap {height:400px; overflow: hidden;}
    
    
    .faq_list > li .title {padding:20px 40px 21px 64px;}
    .faq_list > li .title .q {position: absolute; width:32px; height: 32px; line-height:29px; left:15px; margin-top: -16px; font-size: 20px;}
    .faq_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .faq_list > li .answer {min-height: 22px; padding:6px 0px 6px 50px;}
    .faq_list > li .answer .a {position: absolute; width:32px; height: 32px; line-height:29px;}
    
    .greeting {font-size: 1.15em;}
    
    .business_wrap > li > dl > dt {font-size: 23px;}
    .program_first {padding-bottom: 40px;}
    .program_list > .bul01 {width:100%; float: none;}

}
/* 600 이하 */
@media screen and (max-width:599px) {
  

    
    .m_gnb_on {display: block;}

    #header .in_header .top_btns {display: none;}

    #section1 {min-height:10px; padding-bottom: 0px;}
    

    
    
	#section2 .block {float:none; width:100%; }
	#section2 .block2 {margin-top:30px;}
	#section2 .gallery {margin-left:0px; }
	#section2 .movie {margin-right: 0px;}
    
    .board_wrap {padding:30px 25px 40px 25px;}

    
	
	#sub_visual {background-size:cover !important;}

    
    .m_th {width:90px !important;}
    .m_th_s {width:80px !important;}
    .w_date {width:100px;}
    .w_name {width:65px;}
    
    .main_color {margin:-5px 0px;}
    .main_color > li {float: none; width: 100%; padding: 5px 0px;}
    .working_p > li {float: none; width: 100%;}
    
    .purpose > ul > li {width:33.333%;}
    
    .product_list li {width:50%;}
    
    .certificate_view {padding: 15px 0px;}
    .certificate_view .certificate {margin-right:20px; max-width:150px;}
    .core_value {max-width: 400px; margin: 0 auto;}
    .core_value > li {width:100%; float: none;}

    .quick_faq {left: auto; right: 10px; bottom: 10px;width:50px;}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding-top: 60px;}
   .in_header {height: 60px;}
    #header h1 img {height: 50px;}
	
    .slide_menu_top {height:70px; background-size:auto 34px;}
    
    .section .m_tit {font-size: 2.2em; margin-bottom:20px;}
    .section .m_tit_s {padding: 0px 0px 15px 0px; font-size: 1.3em;}

    .main_visual .v_frame {height:500px;}
    .main_visual .v_txt {top: 60%}
    .main_visual .v_txt .txt_t {font-size: 28px;}
    .main_visual .v_txt .txt_s {font-size: 17px;}
    
    .main_board {width: 100%; padding:0px; height: auto;}
    .main_board > h3 {position: relative; left: auto; top: auto; height:50px; width:100%; background: url(../img/main/notice_bg.jpg) no-repeat center top; background-size:cover; padding: 0px; font-size: 16px; padding-top:13px;}
    .main_board .box .notice_roll > li > a > .date {font-size: 13px;}
    .main_board .box .notice_roll > li > a > .txt {font-size: 13px;}
    .main_board .box .notice_roll > li > a {padding-right: 74px;}
    .main_board .box {padding: 15px 0px 15px 15px;}
    
    
    .main_banner > li .pic .ico { right:20px;  bottom: -20px; width:46px}
    .main_banner > li > dl .num {font-size: 65px;}
    .main_banner > li > dl dt {font-size: 28px;}
    .main_banner > li > dl .balloon {font-size:14px; left: 90px; top: 33px;}
    .main_banner > li > dl .txt {font-size: 17px;}
    .main_banner > li:nth-child(5) > dl .balloon {left: 82px; top: 80px;}
    
    .all_close {top: 20px;}
    .all_close img {width:24px; }
    
   
    .pop_wrap .pop_head .title {font-size: 26px; padding:12px 45px 13px 25px;}
    .pop_wrap .pop_body {padding: 10px;}
	
    #footer_add {padding-top: 20px;}
	#footer_add .top { display: none;}

    
    #footer .addressW {font-size: 12px; }
    #footer .addressW .copy {font-size:12px; padding-top:10px;}
    
    .web_img {display:none;}
    .mobile_img {display:block;}
    .sub_con {font-size:0.85rem;}


    
    
    
	.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 !important; margin-bottom: 3px !important; float: none !important;}
	.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 15px 0px; padding-left:18px; line-height: 110%;}

	.ss_tit {margin-top:20px;}
  
    .sub_visual {height:190px;}
    .sub_visual .sub_txt .cell {padding-bottom:7%; padding-top: 0px;}
    #sub_tit {font-size:30px; padding:0px 0px 5px 0px;}
    #sub_tit:after {display: none;}
    .sub_tit_s {font-size:16px;}
    .title_bar {margin-bottom:10px; padding-top: 30px; padding-bottom:10px;}
    .title_bar h2 {font-size:26px;}
    .view_tit {padding:15px 10px 15px 10px;}
    .view_tit .v_tit .ico {line-height:18px; font-size: 0.85rem; height:19px; min-width:32px;}
    .location {display: none;}
    .bt_view {top:5px;}


    .radio_group > li {font-size:13px;}
    
    
    #lnb_wrap {background: url(../img/common/png60.png) repeat left top; padding: 0px; border-top:1px solid #9b9a98}
    #lnb_wrap .lnb {padding-left:0px; background: none; position: relative;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
    
    .bul01 > li:after {top:6px; width: 4px; height: 4px;}

    
    .slide_bannerW .bx-wrapper .bx-pager {bottom:14px;}
    
    .history_block > li {padding:15px;}
    .history_block > li > dl dt {font-size: 22px;}
    .history_block > li > dl dt .ico {width:40px; padding-bottom: 0px;}
    .history_box .history_txt .year_s {font-size: 26px;}
    .history_box > ul > li:after {border: 5px solid #d10010; top: 6px; margin: 0px 0px 0px -8px;}
    .history_box .history_txt ul > li {font-size: 13px;}
  
    .map_wrap {height:280px;}
    
    .business_wrap > li > dl > dt {font-size:18px;}
    .business_wrap > li > dl > dd .cell {padding-left: 80px; font-size: 1.25em; height:105px;}
    .business_wrap > li > dl > dd .cell .ico {width: 50px; left:15px;}

    
    .program_first {padding-bottom:30px;}
    .pic_ico_wrap .ico_listW > h4 {font-size:1.7em;}
    .program_list {padding-top:20px;}
 
    
    .faq_list > li .title {padding:15px 45px 16px 60px; font-size: 13px; background-position:right center !important; background-size:  20px auto !important;}
    .faq_list > li .title .q {width:30px; height: 30px; line-height:27px; left:10px; margin-top: -15px; font-size:18px;}
    .faq_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    .faq_list > li .answer {min-height: 22px; padding:4px 0px 4px 48px; font-size: 13px; }
    .faq_list > li .answer .a {width:30px; height: 30px; line-height:27px; font-size:18px;}
    
    .welfare_ico > li {width:33.33333%; min-height: 152px; font-size:1.05em; padding: 10px 5px;}

	
    
    .join_step > ol > li .num {font-size: 13px;}
    .join_step > ol > li .txt {font-size:14px;}
    .enter_step > li {padding-left: 90px;}
    .enter_step > li .ico {width:60px; left: 20px; }
    .join_type > dl {width:100%; float: none; text-align: center; padding:100px 10px 10px 10px; background-size:80px auto !important; background-position: center 10px !important;}
    
    .find_cell .bt {overflow: hidden;}
    .find_cell .bt > a {width: 50%; float: left;}
    .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; }  

    
    .sign_box .sign input {max-width:120px; }
    .check_boxW {padding: 10px;}
    
    .m_skip {display: none;}
   
    
    

    .atab li a {height:50px; font-size: 14px;}
    
    
}
/* 390px 이하 */
@media screen and (max-width:320px) {
	#section2 .technology li .ico .gif {width:60px; margin:-30px 0px 0px -30px;}

    
}