/*============================================================*/
/*======================= 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,
.headerWrap {height:80px;}
.headerWrap h1 {width: 200px; padding-top: 20px;}
.headerWrap .top_util_wrap {display: none;}
.headerWrap .btn_menu {width: 80px; height: 80px; padding-top: 22px;}
.headerWrap .btn_menu span {background-size: 26px; padding-top: 28px; font-size: 12px;}

/* allmenu */
#allmenu {top: 80px; width: 550px; height: calc(100% - 80px);}
#allmenu .menu:before {left: 240px;}
#allmenu .menu dl dt {width: 240px; font-size: 19px; text-indent: 30px;}
#allmenu .menu dl dd {left: 240px; top: 25px;}
#allmenu .lang {display: block; position: absolute; left: 30px; bottom: 30px;}
#allmenu .m_blind {top: 80px;}
#header .lang .tt {font-weight: 400;}

/*main contents */
#wrap.main {background: none;}

.main_titleArea {margin-bottom: 30px;}
.main_titleArea h2 {font-size: 30px;}

#mainVisual {margin-top: 80px;}
#mainVisual .list {height: 500px; background-size: cover;}
#mainVisual .list.MV01 {background-image: url('/images/main/mainvisual_01_m.jpg');}
#mainVisual .list.MV02 {background-image: url('/images/main/mainvisual_02_m.jpg');}
#mainVisual .list.MV03 {background-image: url('/images/main/mainvisual_03_m.jpg');}
#mainVisual .list.MV04 {background-image: url('/images/main/mainvisual_04_m.jpg');}

.main_intro .tt {font-size: 35px;}
.main_intro p {font-size: 18px;}

.main_about_company .inner {display: block; flex-wrap:inherit; padding: 0 4%; min-width: 100%;}
.main_about_company .ImgArea {width: 100%;}
.main_about_company .TxtArea {width: 100%; margin-top: 30px; padding-right: 0;}
.main_about_company .TxtArea .txt_con {position: static; left: 0; margin-left: 0;transform:translateY(0); box-sizing: border-box;}
.main_about_company .TxtArea .txt_con .btn_more01 {float: none; margin-top: 60px;}

.main_business {padding: 80px 0;}
.main_business .ImgArea {float: none; width: 100%;}
.main_business .ImgArea .list {height: auto; background: none;}
.main_business .ImgArea .list img {display: block;}
.main_business .ImgArea .slick-dots {bottom: 25px;}
.main_business .ImgArea .slick-dots li {margin: 0 6px;}
.main_business .ImgArea .slick-dots li button {width: 12px; height: 12px;}
.main_business .TxtArea {float: none; width: 100%; height: auto; padding: 60px 4%;}
.main_business .TxtArea .main_titleArea {margin-bottom: 30px;}
.main_business .TxtArea .search_area .cols .tt {margin-bottom: 20px; font-size: 20px;}
.main_business .TxtArea .search_area .cols select {background-position:right center; font-size: 16px;}

.main_recruit {padding: 80px 0;}
.main_recruit .main_titleArea h2 {font-size: 30px;}
.main_recruit .main_titleArea .more {height: 55px; line-height: 55px; font-size: 17px;}

.main_rnd {padding: 80px 0;}
.main_rnd .TxtArea {line-height: 1.5;}
.main_rnd .TxtArea strong {font-size: 20px;}

.main_contact {background-image: url('/images/main/contact_bg_m.jpg');}
.main_contact .main_titleArea h2 {line-height: 88px;}
.main_contact .more {width: 88px; height: 88px; background-size: 100%;}

/* 서브비주얼 */
#subVisual {height: 200px; margin-top: 80px;}
#subVisual .subv-title span {padding-bottom: 10px; font-size: 18px;}
#subVisual .subv-title h2 {font-size: 35px;}

/* 서브메뉴 */
#SNB {width:100%; height:55px; background: #003a8b;}
#SNB .SubmenuWrap {padding: 0; margin:0 auto; line-height:55px;}
#SNB .SNBWrap:after {content:''; clear:both; display:block; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
.SNBWrap div {border-right:1px solid #7590b6; box-sizing:border-box;}
.SNBWrap .home {float:left; display: block; width:65px; height:55px; box-sizing: border-box;}
.SNBWrap .home a {display:block; width:100%; height:100%; background:url('/images/common/icon/icon_home.png') no-repeat center center; background-size:22px; font-size:0; line-height:0; text-indent:-9999px;}
.SNBWrap .depth {position:relative; float:left; width:200px; z-index:100;}
.SNBWrap .depth01 {display: block;}
.SNBWrap .depth02 {width: 275px;}
.SNBWrap .depth span {display:block; padding-right:20px; margin:0 16px; background:url('/images/common/icon/snb_arrow.png') no-repeat right center; background-size: 16px; font-size: 17px; font-weight:300; color:#fff; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.SNBWrap .depth span.depthNone {background:none; cursor:default;}
.SNBWrap .depth ul {display:none; position:absolute; top:55px; left:-1px; padding:15px 0; width:100%; border:1px solid #dfdfdf; background:#fff;}
.SNBWrap .depth ul li {float: none; width: 100%; margin-top:10px; text-align: left;}
.SNBWrap .depth ul li:first-child {margin-top:0;}
.SNBWrap .depth ul li a {display:block; padding:0 16px; font-size: 16px; font-weight:300; color:#000; line-height:26px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.SNBWrap .depth02 ul li.on a {font-weight: 300; color: #000;}
.SNBWrap .depth ul li a:hover {color:#003a8b ;}

/*sub contents*/
.contentsArea .section {padding: 80px 0;}
.contentsArea .Inner_section02 {padding-top: 80px;}

.contentsArea h4, 
#Business h3 {margin-bottom: 35px; font-size: 30px;}

/* 회사소개 */
#Introduction .intro_con {padding-bottom: 0;}
#Introduction h3 {position: static; margin-bottom: 40px; font-size: 90px;}
#Introduction .ImgArea {float: none; position: static; max-width: 100%; margin-top: 0;}
#Introduction .ImgArea img {max-width: 600px;}
#Introduction .TxtArea {float: none; width: 100%; padding-top: 45px;}
#Introduction .TxtArea .tt {padding-bottom: 40px; font-size: 32px; line-height: 1.4;}
#Introduction .TxtArea b {padding-bottom: 15px; font-size: 18px; line-height: 1.4;}
#Introduction .TxtArea p {line-height: 1.4;}

.TitleArea01 {height: auto; padding: 80px 0;}
.TitleArea01 h3 {margin-bottom: 20px; padding-top: 0; font-size: 40px;}
.TitleArea01 p {padding-left: 55px; font-size: 18px;}
.TitleArea01.right p {padding-right: 55px;}
.TitleArea01 p:before,
.TitleArea01.right p:after {width: 40px;}

.TitleArea02 {margin-bottom: 40px;}
.TitleArea02 h3 {font-size: 30px;}

#History .history_list .list {margin-top: 60px;}
#History .history_list .list .year {margin-bottom: 15px; font-size: 35px;}
#History .history_list .list .history_con {margin-right: 0;}
#History .history_list .list .history_con:before {width: 120px;}
#History .history_list .list .history_con:after {left: 120px; width: calc(100% - 120px);}
#History .history_list .list dl {padding-top: 25px;}
#History .history_list .list dl:first-child {padding-top: 20px;}
#History .history_list .list dl dt {width: 120px; font-size: 25px;}
#History .history_list .list dl dd {width: calc(100% - 120px);}
#History .history_list .list dl dd li .month {width: 60px; font-size: 18px;}
#History .history_list .list dl dd li p {width: calc(100% - 60px);}
#History .history_list .ImgArea {position: static; width: 100%; margin-top: 35px;}

#Video .videoArea {height: 0; padding-bottom: 56.25%;}

#Location .Inner_section {padding-top: 60px;}
#Location .location_info {padding: 30px 20px;}
#Location .location_info dl {line-height: 35px;}
#Location .location_info dl dt {width: 70px; padding-left: 10px; background-size: 15px;}
#Location .location_info dl dt:after {height: 14px;}
#Location .location_info dl dd {width: calc(100% - 70px); padding-left: 20px;}

/* 사업분야 */
#Business .PrdList li {width: 48%; margin-left: 4%; font-size: 15px;}
#Business .PrdList li:nth-child(3n-2) {margin-left: 4%;}
#Business .PrdList li:nth-child(2n-1) {margin-left: 0;}
#Business .PrdList li .InfoArea {padding: 30px 0;}
#Business .PrdList li .InfoArea .tt {font-size: 20px;}
#Business .PrdList li .InfoArea .more {right: 0; font-size: 25px;}

#Business.view .PrdBox {display: block; flex-wrap:inherit;}
#Business.view .PrdBox .ThumbArea {width: 100%;}
#Business.view .PrdBox .ThumbArea .slick-arrow {width: 50px; height: 50px;}
#Business.view .PrdBox .ThumbArea .slick-dots {bottom: 20px;}
#Business.view .PrdBox .ThumbArea .slick-dots li {margin: 0 6px;}
#Business.view .PrdBox .ThumbArea .slick-dots li button {width: 12px; height: 12px;}
#Business.view .PrdBox .TxtArea {width: 100%; padding: 8% 4%; line-height: 1.6;}
#Business.view .PrdBox .TxtArea ul li {margin-top: 5px;}
#Business.view .PrdBox .TxtArea ul li:first-child {margin-top: 0;}

#Business.view .DetailArea {margin-top: 60px; padding-bottom: 60px;}
#Business.view .DetailArea .ttArea {line-height: 60px;}
#Business.view .DetailArea .ttArea .tt {font-size: 20px;}
#Business.view .DetailArea .InfoArea {line-height: 1.4;}
#Business.view .DetailArea .InfoArea dl dt {padding-bottom: 20px; font-size: 18px;}
#Business.view .prdListWrap {margin-top: 80px;}

/* Tab Style */
.TabType01 {margin-bottom: 75px;}
.TabType01 ul li {font-size: 16px;}

/* R&D Center */
.RndCenter {padding: 80px 0;}
.RndCenter .TxtArea {margin-top: 30px;}
.RndCenter .TxtArea .tt {font-size: 20px;}
.RndCenter .TxtArea p {line-height: 1.4;}
.RndCenter .organization {margin-top: 30px;}

/* 인재채용 */
.Recruit .section_01 ul li {float: none; width: 100%; margin-left: 0; margin-top: 60px;}
.Recruit .section_01 ul li:first-child {margin-top: 0;}
.Recruit .section_01 ul li img {width: 120px; vertical-align: middle;}
.Recruit .section_01 ul li .txt {width: calc(100% - 120px); padding-left: 4%; font-size: 15px; vertical-align: middle; line-height: 1.4;}
.Recruit .section_01 ul li .txt strong {padding-bottom: 15px; font-size: 20px;}

.Recruit .section_02 {background-image: url('/images/recruit/recruit_bg_m.jpg');}
.Recruit .section_02 .TitleArea02 h3 {font-size: 30px;}
.Recruit .section_02 ul {display: block; flex-wrap:inherit;}
.Recruit .section_02 ul li {width: 100%; margin-top: 6%; padding: 6%; margin-left: 0; line-height: 1.4;}
.Recruit .section_02 ul li:first-child {margin-top: 0;}
.Recruit .section_02 ul li strong {font-size: 20px;}

.Recruit .welfare_tb th {width: 230px; padding-left: 15px; font-size: 16px;}
.Recruit .welfare_tb th img {margin-right: 20px;}
.Recruit .welfare_tb td {padding-right: 10px; line-height: 1.4;}

/* 개인정보처리방침 */
.rule-txt-area textarea {height: 450px; padding: 15px;}

/* footer */
.footWrap {font-size: 14px; line-height: 24px;}
.footWrap address span {padding-right: 10px;}
.footWrap .footCnt {float: none;}
.footWrap .f_util {float: none; margin-top: 20px;}
.footWrap .f_util a {display: inline-block; padding-right: 10px; color: #666;}

/* 관리자 로그인 */
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;}

}