/*============================================================*/
/*======================= Tablet 1024 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1024px){
.pc {display:none !important;}
.tablet {display:block !important;}
.mobile {display:none !important;}
.tabmo {display:block !important;}
img {max-width:100%;}
img.pc_img {display:none;}
img.tablet_img {display:block;}
img.tabmo_img {display:block;}

/* header */
#header {height:80px;}
.headerWrap h1 {width:200px; top:18px;}
.headerWrap .h_util {top:20px;}
#h_search .search_layer {top:59px;}

/* 메인비주얼 */
#mainVisual .mainvisual_txt strong {font-size:6.5vw;}
#mainVisual .mainvisual_txt p {font-size:1.8vw;}
#mainVisual .slide-controls {margin-top:22vw;}
#mainVisual .slide-controls.margin-top {margin-top: 180px;}
#mainVisual .slide-controls .slick-dots li {margin-left:5vw; font-size:1.8vw;}
#mainVisual .mainvisual_txt span .learn-more {width: 100%;}
#mainVisual .video_2 .mainvisual_txt span .learn-more {width:100%; margin-left: 0px; margin-top: 10px;}
#mainVisual .video_3 .mainvisual_txt span .learn-more {width:100%; margin-left: 0px; margin-top: 10px;}
/* #mainVisual .slide-controls .slick-dots li.slick-active a {padding-right:4.5vw;}
#mainVisual .slide-controls .slick-dots li.slick-active a:after {width:4vw;} */
#mainVisual .btn_scrollDown {font-size:1.6vw; margin-left:-5vw;}
#mainVisual .btn_scrollDown span {padding-bottom:4vw; background-size:5vw;}

/* #mainVisual .video_3 .mainvisual_txt {top: 55%;} */

/*main contents */
.mainConWrap .main_section {padding:10% 0;}
.mainConWrap .main_titleArea {margin-bottom:5vw;}
.mainConWrap .main_titleArea h3 {margin-bottom:2vw; font-size:5vw;}
.mainConWrap .main_titleArea p {font-size:2.2vw;}
.mainConWrap .main_section .Big_tt {font-size:13vw; line-height:9.2vw;}
.mainConWrap h4.Title {margin-bottom:6%; font-size:2.6vw;}

.mainConWrap #business h4.tt {left:3vw; font-size:2.5vw;}
.mainConWrap #business h4.tt span {padding-right:7vw;}
.mainConWrap #business h4.tt span:after {width:5vw;}
.mainConWrap #business .business_con.right h4.tt {left:3vw;}
.mainConWrap #business .business_con {padding-left:5vw;}
.mainConWrap #business .business_con.right {margin-top:-15vw;}
.mainConWrap #business .slide_con .TxtArea strong {font-size:2.6vw;}
.mainConWrap #business .slide_con .TxtArea p {padding-top:3%; font-size:1.8vw;}
.mainConWrap #business .slide_con .TxtArea .btn_more01 {margin-top:8%;}
.mainConWrap #business .slide-controls .slick-dots {margin-top:3%;}
.mainConWrap #business .slide-controls .slick-dots li {margin-top:2%;}
.mainConWrap #business .slide-controls .slick-dots li:nth-child(2n) {width:42%;}
.mainConWrap #business .slide-controls .slick-dots li:nth-child(2n-1) {width:58%;}
.mainConWrap #business .Big_tt {font-size:13vw; line-height:9.2vw;}

.mainConWrap #industry .industry_list li a {height:35vw; padding:0 2%; max-height:inherit;}
.mainConWrap #industry .industry_list li a .tbc {padding-top:17%; vertical-align:top;}
.mainConWrap #industry .industry_list li img {width:26%;}
.mainConWrap #industry .industry_list li strong {font-size:2vw;}
.mainConWrap #industry .industry_list li p {font-size:1.6vw; padding:0 4%; line-height:1.4;}

.mainConWrap #company .company_con.con01 {width:46%;}
.mainConWrap #company .company_con.con02 {width:46.5%; margin-top:-150px;}
.mainConWrap #company .company_con.con03 {width:47%;}
.mainConWrap #company .company_con .TxtArea {position:relative; width:100%; padding-top:8%; padding-right:0; margin-top:-16%;}
.mainConWrap #company .company_con .TxtArea strong {font-size:3vw;}
.mainConWrap #company .company_con .TxtArea p {padding-top:2%;}
.mainConWrap #company .company_con .TxtArea .btn_more02 {margin-top:6%;}
.mainConWrap #company .company_con.con03 .TxtArea {width:100%;}

.mainConWrap #notice .main_titleArea {width:32%; margin-top:2%;}
.mainConWrap #notice .notice_wrap {width:68%;}

.mainConWrap #information.main_section {padding:10% 0;}
.mainConWrap #information .cols.col1 {padding-right:3%;}
.mainConWrap #information .cols.col2 {padding-left:3%;}
.mainConWrap #information .cols.col2 .stock_info {padding-top:0.5%;}
.mainConWrap #information .cols.col2 .stock_info strong {padding-right:3.5vw; font-size:5vw;}
.mainConWrap #information .cols.col2 .stock_info strong.up,
.mainConWrap #information .cols.col2 .stock_info strong.down {background-size:2.5vw;}
.mainConWrap #information .cols.col2 .stock_info ul {margin-top:4%;}
.mainConWrap #information .cols.col2 .stock_info ul li {margin-left:1.5vw;}
.mainConWrap #information .cols.col2 .stock_info ul.up li .num.icon,
.mainConWrap #information .cols.col2 .stock_info ul.down li .num.icon {padding-right:2vw; background-size:1.4vw;}

/* 서브비주얼 */
#subVisual {height:25vw; margin-top:80px;}
#subVisual .subv-title span {font-size:5vw; line-height:25vw;}

/*sub navigation bar*/
#SNB {height:6.5vw;}
.SNBWrap {line-height:6.5vw;}
.SNBWrap .home {width:6.5vw; height:6.5vw;}
.SNBWrap .depth {width:30%;}
.SNBWrap .depth span {margin:0 8%; padding-right:8%; background-size:0.8vw;}
.SNBWrap .depth ul {top:6.5vw; padding:6% 0;}
.SNBWrap .depth ul li {margin-top:4%; line-height:1.5;}
.SNBWrap .depth ul li a {padding:0 8%;}

/*sub contents*/
.sub #contents {padding:12% 0;}
.sub #contents .titleArea {margin-bottom:10%;}
.sub #contents .titleArea h3 {font-size:4.8vw;}
.sub #contents .titleArea p {margin-top:4%; font-size:2.1vw;}
.sub #contents .titleArea img {margin-top:4%;}

.sub #contents .titleArea02 {margin-bottom:8%;}
.sub #contents .titleArea02 h3 {font-size:4.8vw;}
.sub #contents .titleArea02 p {margin-top:2%; font-size:2.5vw; line-height:1.5;}
.sub #contents .titleArea02 p.small_txt {padding-top:0; font-size:2.2vw;}
.sub #contents .titleArea02 p.small_txt02 {padding-top:0; font-size:2.4vw;}
.sub #contents .titleArea02 img {margin-top:4%;}
.sub #contents .titleArea02 .TabType01 {margin-top:4%;}
.sub #contents .titleArea03 {margin-bottom:7%;}
.sub #contents .titleArea03 h4 {font-size:3.5vw;}
.sub #contents .titleArea03 p {padding-top:1%; font-size:2.2vw;}

.contentsArea .section {padding:12% 0;}
.contentsArea .section .inner_section {margin-top:10%;}
.contentsArea .section .inner_section {margin-top:10%;}
.contentsArea .section02 {margin-top:10%;}
.contentsArea .red-txt {padding-top:2%; font-size:1.7vw;}

/* QnA_Style */
.qna_style {padding:0.8vw 1vw;}
.qna_style dt {background-size:1.2vw; background-position:98% 1.5vw;}
.qna_style dt span {padding:0.5vw 3vw 0.5vw 4vw; background-size:3vw; background-position:0 0.4vw;}
.qna_style dd {margin-top:2%; padding:0.5vw 2vw 0.5vw 4vw; margin-top:5px; background-size:3vw; background-position:0 0.4vw;}

/* ListStyle */
.ListType01 li {margin-top:2%;}
.ListType01 li a {padding-left:8px;}
.ListType01 li a:before {width:3px; height:3px;}

.ListType03 li {padding-left:14px; font-size:2.1vw;}
.ListType03 li:before {width:4px; height:4px; top:1.4vw;}

/* TableStyle */
.TableWrap .tbl_info {margin-top:-2%; padding-bottom:1%; font-size:1.7vw;}

.TableType01 {width:auto;}
.TableType01 thead th {font-weight:500;}
.TableType01 thead th,
.TableType01 tbody th,
.TableType01 tbody td {padding:2vw 1vw; font-size:1.7vw;}

.TableType02 thead th,
.TableType02 tbody th {font-weight:500;}
.TableType02 thead th,
.TableType02 tbody th,
.TableType02 tbody td {padding:2vw 1vw; font-size:1.7vw;}
.TableType02 tbody td.left {padding-left:2vw;}
.TableType02 tbody.last-left td:last-child {padding-left:2vw;}

/* TabStyle */
.TabType01 {margin-bottom:10%;}
.TabType01 ul li {height:7vw; font-size:2.1vw; line-height:7vw;}

/* 사업분야 */
.sub #business .list {padding-top:8%;}
.sub #business .list .anchor_section {top:-8vw;}
.sub #business .list .ImgArea img {height:25.1vw;}
.sub #business .list .TxtArea {padding-left:4%;}
.sub #business .list .TxtArea .tt {font-size:3.4vw;}
.sub #business .list .TxtArea .qna_style {margin-top:6%;}
.sub #business .list .TxtArea .ListType01 {margin-top:6%;}

.sub #business .list2 {width:31.3333333333333%; margin-left:3%; margin-top:10%;}
.sub #business .list2:nth-child(4n-3) {margin-left:3%;}
.sub #business .list2:nth-child(3n-2) {margin-left:0;}
.sub #business .list2:nth-child(4) {margin-top:10%;}
.sub #business .list2 .ImgArea img {height:20.5vw;}
.sub #business .list2 strong {font-size:2.2vw;}
.sub #business .list2 p {min-height:8vw; font-size:1.8vw; line-height:1.6;}

/* OVERVIEW */
.overview .section_01 .intro_txt p {width:48%; margin-left:4%;}

.overview .section_02 ul li .tt .num {font-size:14vw; font-weight:600;}
.overview .section_02 ul li .tt span {font-size:2.5vw;}
.overview .section_02 ul li strong {padding-top:4%; font-size:2.2vw;}
.overview .section_02 ul li p {padding-top:4%;}

.overview .section_03 .value_con {margin-top:10%;}
.overview .section_03 .value_con .ImgArea {width:60%;}
.overview .section_03 .value_con .TxtArea {width:60%; height:auto; margin-top:15%;}
.overview .section_03 .value_con .TxtArea b {font-size:2vw;}
.overview .section_03 .value_con .TxtArea strong {font-size:3vw;}

.overview .section_04 {padding:4% 0;}
.overview .section_04 .ceo_info {height:62vw; padding-top:8%; padding-left:8%; background-image:url('/images/company/ceo_tablet.jpg'); background-size:100%;}
.overview .section_04 .ceo_info .name {margin-bottom:2%; font-size:3vw;}
.overview .section_04 .ceo_info .name strong {font-size:4.4vw;}

/* 연혁 */
.history .history_con {margin-top:10%; padding-bottom:8%;}
.history .history_list {padding-left:0; margin-top:14%;}
.history .history_con:before {left:1%;}
.history .history_list:before {left:0; width:2vw; height:2vw; transform:translateX(0);}
.history .history_list .year {position:relative; top:-1.4vw; right:inherit; margin-right:0; margin-left:5%; font-size:4vw; font-weight:600;}
.history .history_list .detail {margin-top:2%; padding-left:5%;}
.history .history_list .detail img {position:static; max-width:50%; margin-right:0; margin-top:4%;}
.history .history_list .detail img.s_img {max-width:30%;}

/* 파트너/고객사 */
.sub #contents .partner .titleArea03 {margin-bottom:4%;}
.partner ul li {width:23.875%;}
.partner ul li:nth-child(5n-4) {margin-left:1.5%;}
.partner ul li:nth-child(4n-3) {margin-left:0;}
.partner ul li img {height:6.55vw;}

/* 위치 및 연락처 */
.location .map_conWrap {padding-top:6%;}
.location .map_conWrap .tb {display:block;}
.location .map_con {display:block; width:100% !important; padding:4% 0; border-top:1px solid #dfdfdf; border-left:none;}
.location .map_con.con01 {border-top:none; padding-top:0;}
.location .map_con.con03 {padding-bottom:0;}
.location .map_con .map_box {padding-left:11%;}
.location .map_con.con01 .map_box,
.location .map_con.con02 .map_box,
.location .map_con.con03 .map_box {background-size:9%;}
.location .map_con strong {margin-bottom:2%; font-size:2.5vw;}
.location .map_con dl {margin-top:1%;}
.location .map_con dl dt {width:5.5%;}
.location .map_con dl dd {width:94.5%;}
.location .map_con dl.address dt {width:10%;}
.location .map_con dl.address dd {width:90%;}
.location .map_con ul {margin-top:1%;}
.location .map_con ul li {line-height:2.5vw;}
.location .map_con .line_bus {width:4.5vw; height:2.5vw; font-size:1.4vw; font-weight:400; line-height:2.5vw;}

/* 채용절차 */
.recruit_process .BtnArea {margin-top:12%;}

/* 인재상 */
.talent ul li img {max-width:80%;}
.talent ul li .TxtArea {width:85%; margin-top:8%;}
.talent ul li .TxtArea strong {padding-bottom:4%; font-size:2.1vw;}

/* 복지제도 */
.welfare > ul > li {width:31.3333333333%;}
.welfare > ul > li:nth-child(4n-3) {margin-left:3%;}
.welfare > ul > li:nth-child(3n-2) {margin-left:0;}
.welfare > ul > li img {width:30%;}
.welfare > ul > li strong {font-size:2.1vw;}

/* 주가정보 */
.prices-container .front-price-area {width:200px;}
.toppad {height:5vw;}

/* 검색결과 */
.total-num {margin-bottom:2%;}
.total-num .total {font-size:2.8vw;}
.total-num a {margin-top:1%;}

/* 로그인 */
#MemBody .login_con {width:50%;}
#MemBody .login_con table td {padding-top:2%;}
#MemBody .login_con table input.text {height:7vw; padding:0 4%;}
#MemBody .login_con table .btn_login {height:7.5vw; font-size:2.5vw; line-height:7.5vw;}
#MemBody .login_con .login_util {margin-top:4%;}
#MemBody .login_con .login_util ul {margin-top:4%;}
#MemBody .login_con .login_util ul li {padding-left:1.5vw; margin-left:1.5vw;}
#MemBody .login_con .login_util ul li:before {height:1.8vw;}

/* 아이디/비밀번호 찾기 */
#findIdpw.find_idpw .find_box {display:block; width:100%; max-width:100%; height:auto; padding:6%; margin-left:0; margin-top:10%;}
#findIdpw.find_idpw .find_box:first-child {margin-top:0;}
#findIdpw.find_idpw .find_box h4 {margin-bottom:2%; font-size:2.6vw;}
#findIdpw.find_idpw .find_box p {font-size:2vw; line-height:1.5;}
#findIdpw.find_idpw .find_box .writeBtnArea {margin-top:4%;}
#findIdpw.find_idpw .find_box .login_con table input.text {padding:0 3%;}

#findIdpw.idpw_result .find {padding:8% 3%;}
#findIdpw.idpw_result .find p {font-size:2.1vw;}
#findIdpw .btnArea {margin-top:4%;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:4%;}
#MemBody.join_agree .join_agree_box {margin-top:6%;}
#MemBody.join_agree .info_check_box input.mem_name {width:15%;}
#MemBody.join_agree .info_check_box input.mem_email {width:40%;}
#MemBody.join_agree .join_agree_box .title {margin-bottom:2%; font-size:2.5vw;}
#MemBody.join_agree .join_agree_box textarea {padding:2%;}
#MemBody.join_agree .join_agree_box .agree_check {padding:2%;}

/* 회원가입 */
#MemBody .btn_red.btn_mem_break {padding:0 2vw;}

.join_complete .complete_box {width:80%; padding:6% 0;}
.join_complete .complete_box img {width:10%;}
.join_complete .complete_box strong {margin-top:3%; font-size:2.6vw;}
.join_complete .complete_box p {margin-top:2%; line-height:1.4;}
.join_complete .complete_box .BtnArea {margin-top:4%;}
.join_complete .complete_box .BtnArea a {width:26%;}

/* 사이트맵 */
.sitemap .sitemap_section .sitemap_con {margin-top:-40px;}
.sitemap .sitemap_section h4 {padding-bottom:3%; margin-bottom:3%; font-size:3.5vw;}
.sitemap .sitemap_section dl {width:50%; margin-top:40px;}
.sitemap .sitemap_section dl dt a {font-size:2.3vw;}
.sitemap .sitemap_section dl dd .depth2 > li {margin-top:4%; font-size:2vw;}
.sitemap .sitemap_section dl dd .depth3 li {margin-top:1%;}
.sitemap .sitemap_section dl dd .depth3 li a {font-size:1.8vw;}
.sitemap .sitemap_section ul.depth1 {margin-top:-2%;}
.sitemap .sitemap_section ul.depth1 li {width:50%; margin-top:2%; font-size:2vw;}

/* footer */
#foot {padding:4% 0;}
.footWrap address {font-size:1.7vw;}
.footWrap address span {padding-right:1.5%; margin-right:1%;}
.footWrap .copy {padding-top:2%; font-size:1.6vw;}
.footWrap .icons-area {top:0;}
.footWrap .icons-area a {width:4.5vw; margin-left:1vw;}
.footWrap .icons-area a:first-of-type {margin-left:2vw;}
.footWrap .icons-area span {width:12vw;}

/* 관리자 로그인 */
div#box {width:350px; bottom:50%; padding:30px 25px 20px 30px; margin-left:-207.5px; margin-bottom:-127.5px;}
div#box .login_center {padding:25px 0;}

}



/*===============================================================*/
/*======================= Tablet 850 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:850px){




}

/*===============================================================*/
/*======================= Tablet 768 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:768px){

/* allmenu */
.allmenu_wrap {width:100%;}
#allmenu .allmenu_top {padding:3% 2%;}
#allmenu .allmenu_top .login_util li {width:12%; height:4.5vw; margin-left:1%; font-size:1.7vw; line-height:4.4vw;}
#allmenu .am_tab li {padding:4% 0; font-size:2.2vw;}
#allmenu .am_tab li span {padding-top:22%; line-height:1.5;}
#allmenu .am_tab li.m1 span,
#allmenu .am_tab li.m2 span,
#allmenu .am_tab li.m3 span,
#allmenu .am_tab li.m4 span,
#allmenu .am_tab li.m5 span {background-size:15%;}
#allmenu .am_box dl dt {padding:0 2%; font-size:2.2vw; line-height:4;}
#allmenu .am_box dl dt i {right:2%;}
#allmenu .am_box dl dd {padding:0 4%;}
#allmenu .am_box dl dd .tt {font-size:2.2vw; line-height:4;}
#allmenu .am_box dl dd ul {padding:2% 0;}
#allmenu .am_box dl dd ul li {font-size:1.8vw; line-height:2.5;}

/* 메인비주얼 */
#mainVisual .mainvisual_txt {left: 60%;}
#mainVisual .mainvisual_txt h1 {font-size:7.5vw;}
#mainVisual .mainvisual_txt p {font-size:2.5vw;}
#mainVisual .mainvisual_txt span {font-size: 20px;}
/* #mainVisual .mainvisual_txt h1 {font-size:6.5vw;}
#mainVisual .mainvisual_txt p {font-size:1.8vw;}
#mainVisual .slide-controls {margin-top:18vw;} */
#mainVisual .VideoArea video {left: 70%;}


}