/*===============================================================*/
/*======================= Mobile 640 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:640px){
.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}

/*header*/
#header,
.headerWrap {height:60px;}
.headerWrap h1 {width: 140px; padding-top: 15px;}
.headerWrap .btn_menu {width: 60px; height: 60px; padding-top: 0; background: url('/images/common/btn/btn_menu_m.png') no-repeat center center; background-size: 24px;}
.headerWrap .btn_menu.open {background: url('/images/common/btn/btn_close_m.png') no-repeat center center; background-size: 20px;}
.headerWrap .btn_menu span {display: none;}

/* allmenu */
#allmenu {top: 60px; width: 320px; height: calc(100% - 60px);}
#allmenu .menu dl dt {width: 120px; font-size: 15px; line-height: 60px; text-indent: 15px;}
#allmenu .menu:before {left: 120px;}
#allmenu .menu dl dd {left: 120px; top: 21px; padding-right: 4%;}
#allmenu .menu dl dd ul {padding-left: 15px;}
#allmenu .menu dl dd ul li {margin-top: 20px; font-size: 14px; line-height: 20px;}
#allmenu .menu dl dd ul li:first-child {margin-top: 0;}
#allmenu .m_blind {top: 60px;}
#allmenu .lang {left: 15px; bottom: 20px;}

/*main contents */
.main_titleArea h2 {font-size: 22px;}


#mainVisual {margin-top: 60px;}
#mainVisual .list {height: 280px;}
#mainVisual .slide-controls {width: 120px;}
#mainVisual .slide-controls ul li {font-size: 12px; line-height: 30px;}
#mainVisual .slide-controls ul li.slick-active {font-size: 16px;}
#mainVisual .slide-controls ul li:before {left: -30px; width: 22px;}

.main_intro a {padding: 14% 0;}
.main_intro .tt {font-size: 22px; line-height: 1.2;}
.main_intro p {font-size: 15px; line-height: 1.4;}
.main_intro .more {padding-top: 35px; font-size: 14px;}

.main_about_company {padding-top: 15%;}
.main_about_company .TxtArea .txt_con {line-height: 1.4;}
.main_about_company .TxtArea .txt_con .btn_more01 {margin-top: 40px;}

.main_business {padding: 15% 0;}
.main_business .ImgArea .slick-dots {bottom: 10px;}
.main_business .ImgArea .slick-dots li {margin:0 4px;}
.main_business .ImgArea .slick-dots li button {width: 8px; height: 8px;}
.main_business .TxtArea {padding: 15% 4%;}
.main_business .TxtArea .search_area .cols .tt {margin-bottom: 10px; font-size: 16px;}
.main_business .TxtArea .search_area .cols select {height: 40px; border-width: 1px; background-size: 6px; font-size: 14px;}
.main_business .TxtArea .btn_more02 {margin-top: 15%;}

.main_recruit {padding: 14% 0; background-image: url('/images/main/recruit_bg_m.jpg');}
.main_recruit .main_titleArea h2 {font-size: 22px;}
.main_recruit .main_titleArea .more {height: 50px; line-height: 50px; padding: 0 30px; margin-top: 20px; font-size: 15px;}

.main_rnd {padding: 14% 0;}
.main_rnd .TxtArea strong {font-size: 19px;}

.main_contact a {padding: 14% 0;}
.main_contact .main_titleArea h2 {line-height: 50px;}
.main_contact .more {width: 50px; height: 50px; background-image: url('/images/main/btn_more01_m.png');}

/* 서브비주얼 */
#subVisual {height: 160px; padding: 0 4%; margin-top: 60px; background-image: url('/images/common/subvisual_01_m.jpg'); text-align: left;}
#subVisual.subVsal_02 {background-image: url('/images/common/subvisual_02_m.jpg');}
#subVisual.subVsal_03 {background-image: url('/images/common/subvisual_03_m.jpg');}
#subVisual.subVsal_04 {background-image: url('/images/common/subvisual_04_m.jpg');}
#subVisual .subv-title span {font-size: 14px;}
#subVisual .subv-title h2 {font-size: 24px;}

/* 서브메뉴 */
#SNB {height: 45px;}
#SNB .SubmenuWrap {line-height: 45px;}
.SNBWrap .home {width: 50px; height: 45px;}
.SNBWrap .home a {background-size: 18px;}
.SNBWrap .depth {width: 130px;}
.SNBWrap .depth02 {width: calc(100% - 180px); border-right: none;} 
.SNBWrap .depth span {background-size: 10px; font-size: 13px;}
.SNBWrap .depth ul {top: 45px;}
.SNBWrap .depth ul li a {font-size: 14px; line-height: 20px;}

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

.contentsArea h4, 
#Business h3 {margin-bottom: 6%; font-size: 22px;}





/* 회사소개 */
#Introduction h3 {margin-bottom: 30px; font-size: 50px;}
#Introduction .ImgArea img {max-width: 100%;}
#Introduction .TxtArea {padding-top: 8%;}
#Introduction .TxtArea .tt {padding-bottom: 8%; font-size: 20px;}
#Introduction .TxtArea b {font-size: 15px;}

.TitleArea01 {padding: 14% 0; background-size: cover;}
.TitleArea01 h3 {margin-bottom: 15px; font-size: 22px;}
.TitleArea01 p {padding-left: 35px; font-size: 14px;}
.TitleArea01.right p {padding-right: 35px;}
.TitleArea01 p:before,
.TitleArea01.right p:after {width: 25px;}

#History .TitleArea01 {background-image: url('/images/main/history_bg_m.jpg');}
#History .history_list .list {margin-top: 50px;}
#History .history_list .list .history_con:before {width: 65px;}
#History .history_list .list .history_con:after {left: 65px; width: calc(100% - 65px);}
#History .history_list .list .year {margin-bottom: 10px; font-size: 20px;}
#History .history_list .list dl {padding-top: 20px;}
#History .history_list .list dl:first-child {padding-top: 15px;}
#History .history_list .list dl dt {width: 65px; font-size: 18px;}
#History .history_list .list dl dd {width: calc(100% - 65px);}
#History .history_list .list dl dd li {margin-top: 10px; line-height: 20px;}
#History .history_list .list dl dd li .month {width: 45px; font-size: 15px;}
#History .history_list .list dl dd li p {width: calc(100% - 45px);}
#History .history_list .ImgArea {margin-top: 30px;}

#Location .Inner_section {padding-top: 12%;}
#Location iframe {height: 50vw !important;}
#Location .location_info {padding: 8% 4%;}
#Location .location_info dl dt {padding-left: 8px; background-size: 12px;}

/* 사업분야 */
#Business .PrdList li {font-size: 14px;}
#Business .PrdList li .InfoArea {padding: 12% 0;}
#Business .PrdList li .InfoArea .tt {font-size: 18px;}
#Business .PrdList li .InfoArea .more {top: 15%; font-size: 20px;}

#Business.view .PrdBox .ThumbArea .slick-arrow {width: 30px; height: 30px;}
#Business.view .PrdBox .ThumbArea .slick-dots {bottom: 10px;}
#Business.view .PrdBox .ThumbArea .slick-dots li {margin: 0 4px;}
#Business.view .PrdBox .ThumbArea .slick-dots li button {width: 8px; height: 8px;}
#Business.view .PrdBox .TxtArea {padding: 10% 4%;}

#Business.view .DetailArea {margin-top: 15%; padding-bottom: 10%;}
#Business.view .DetailArea .ttArea {line-height: 50px;}
#Business.view .DetailArea .ttArea .tt {font-size: 19px;}
#Business.view .DetailArea .ttArea .tt:before {height: 2px;}
#Business.view .DetailArea .InfoArea .ImgBox img {float: none; width: 100%; margin-left: 0; margin-top: 4%;}
#Business.view .DetailArea .InfoArea .ImgBox img:first-child {margin-top: 0;}
#Business.view .prdListWrap {margin-top: 15%;}

#Business.view .ImgBox img {float: none; width: 100%; margin-left: 0; margin-top: 4%;}
#Business.view .ImgBox img:first-child {margin-top: 0;}

/* Tab Style */
.TabType01 {margin-bottom: 15%;}
.TabType01 ul li {height: 45px; font-size: 12px;}
.TabType01 ul li:before {height: 14px;}

/* R&D Center */
.RndCenter {padding: 15% 0;}
.RndCenter .ImgArea img {max-width: 50%; margin-left: 0;}

/* 인재채용 */
.TitleArea02 {margin-bottom: 8%;}
.TitleArea02 h3 {font-size: 24px;}

.Recruit .section_01 .ImgArea {padding-top: 2%; margin-bottom: 15%;}
.Recruit .section_01 ul li {margin-top: 15%;}
.Recruit .section_01 ul li img {width: 85px;}
.Recruit .section_01 ul li .txt {width: calc(100% - 85px); font-size: 14px;}
.Recruit .section_01 ul li .txt strong {padding-bottom: 10px; font-size: 18px;}

.Recruit .section_02 .TitleArea02 {margin-bottom: 15%;}
.Recruit .section_02 .TitleArea02 h3 {font-size: 24px;}
.Recruit .section_02 ul li {padding: 8%;}
.Recruit .section_02 ul li strong {margin-bottom: 15px; padding-bottom: 15px; font-size: 18px;}

.Recruit .welfare_tb th {display: block; width: 100%; padding: 10% 4% 0; border-bottom: none !important; font-size: 17px; box-sizing: border-box;}
.Recruit .welfare_tb th img {width: 35px; margin-right: 10px; vertical-align: bottom;}
.Recruit .welfare_tb th strong {display: inline-block; vertical-align: bottom;}
.Recruit .welfare_tb td {display: block; width: 100%; padding: 2% 4% 10%; box-sizing: border-box;}

/* 개인정보처리방침 */
.rule-txt-area textarea {padding: 3%;}

/* footer */
.footWrap {padding: 14% 0; font-size: 12px; line-height: 20px;}
.footWrap address span {padding-right: 5px;}
.footWrap .f_util {margin-top: 6%;}

/* 관리자 로그인 */
div#box {width:90%; left:5%; padding:6% 5%; margin-bottom:-50%; border-width:3px; margin-left:0; box-sizing:border-box;}
div#p_input span.label {width:24%;}
div#box .login_center {padding:6% 0;}
div.login_foot {margin-top:6%;}
.divbox .text {width:50%;}

}

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

/* allmenu */
#allmenu {width: 100%;}

/* 서브메뉴 */
.SNBWrap .depth {width: 110px;}
.SNBWrap .depth02 {width: calc(100% - 160px);} 



/* 회사소개 */
#Introduction h3 {font-size: 42px;}

}