@charset "utf-8";

/*  Mobile (Portrait & Landscape)
/* ------------------------------------ */
@media only screen and (max-width:1199px)  {
  img {max-width:100%; height:auto;}

h1 {left:0;}
#globalHeader {width:100%;}
.contents  {width:100%;}
#footerArea{width:100%;}
.mbhidden {display: none;}
#gnbArea .gnb li {float:left; height:50px; padding:0 15px;}
.subcntwrap {width:100%;}
.tabmn2 li a, .tabmn2 li a.on {background:url(none); font-size:15px;}
.tabmn2 li a.on {background-color:#60b6c6;}
}

@media only screen and (max-width:1600px)  {
	.visual_txt .txt1 {padding-bottom:20px;}
	.circle_link img {width:130px;}
}


@media only screen and (max-width:1420px)  {
	.vs_contents {top:30%;}
	.visual_txt .txt1 {padding-bottom:20px;}
}

@media only screen and (max-width:1130px)  {
	.vs_contents {top:10%;}
	.visual_txt .txt1 {padding-bottom:20px;}
	.circle_link img {width:130px;}
}

@media only screen and (max-width:900px)  {
	.vs_contents {top:10%;}
	.visual_txt .txt1 {padding-bottom:20px;}
	.circle_link img {width:100px;}	
	
}

/*  Mobile (Portrait & Landscape)
/* ------------------------------------ */
@media only screen and (max-width:800px)  {
/*  base : box-sizeing ie7 지원안함 
/* ------------------------------------ */
* { -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; *behavior: url(../js/boxsizing.htc);

 }
img {max-width:100%; height:auto;}
h1 {width:100%; text-align: center; top:27px;}
h1 img {width:180px;}
.subcntwrap {padding:20px 10px;}
#globalHeader { width:100%; position:absolute; z-index:100;  background-color:#fff; margin-left:0; left:0;}
#gnbArea .gnb {position:absolute; right:auto; top:0; width:100%; left:0; display:none;}
.contents {width:98%; padding:0 2%;}
#footerArea {width:100%; margin:0 auto; border:0px solid red; position:relative; text-align:center;}
#container {width:100%}
#gnbArea .gnb {z-index:21; top:86px; border-bottom:1px solid #eee;}
#gnbArea .gnb > li {width:100%; height:auto; background-color:#fff; border-top:1px solid #eee;}
#gnbArea .gnb > li > a {background:none; width:100% !important; padding-left:20px; height:40px; line-height:40px;}
#gnbArea .gnb > li.m1.ENGabout {margin-left:0;}
#gnbArea .gnb > li > a span {font-size:13px; width:100%; height:auto; line-height:auto; position:relative; left:0;}
.mbmenu {display:block; position:absolute; top:30px; left:10px; width:38px; height:39px;background-image:url(../images/mmenu.png);background-repeat: no-repeat;
    background-position: center;  }
.mbmenu a {display:block; width:28px; height:28px}
.mbmenu span {font-size:0; height:0; line-height:0; text-indent:-9999px;}
.mbcall {display: block; position: absolute; top:30px; right:10px;width:38px; height:39px; background-image:url(../images/mcall.png);background-repeat: no-repeat;}
#gnbArea .gnb li .depth2, #gnbArea .gnb li .depth2 li {display:none;}
#subNavi ul li.select span a {padding:5px 20px 5px 0;}
.Part2 h2 img {width:40%;}
.Part2 .toptxt {font-size:15px;}
.Part2 h2 {font-size:35px;padding:40px 0 25px 0;}
.Part2 .cntbox .img {width:100%;text-align: center; }
.Part2 .cntbox .img img{width:50%;}
.Part2 .cntbox .exp {width:100%; text-align: center; font-size: 15px;}
.Part2 .cntbox .exp span {text-align: center; margin-top:30px;}
.Part5 .maplst {margin-top:10px;}
.Part3 .algleft {float: none; width:100%;}
.Part3 .algright {float: none; width:100%;}
.Part3 {padding:40px 0 0 0;}
.Part3 h2 {font-size:35px; line-height: 35px; padding:0 0 20px 0px;}
.Part3 .algleft p {font-size: 15px;}
.Part3 .icodown {margin-bottom:20px;}
.Part3 .storeban li {margin-bottom:10px; text-align: center; width:100%}
#footerArea .txt1 {font-size: 13px;}
.vs_contents {top:10%;}
.circle_link {display: none;}
.vs_contents span {display: none;}
.vs_contents h2 {font-size:20px;}
.use_list li {width:100%; float: none; text-align: center; background: none;}
.use_list li.morspc {margin-left:0;}
.use_list li.morspc2 {margin-left:-10px;}
.blue_row {height:30px;}
.tabmn2 {margin-top:-50px;}
.tabmn2 li a {line-height: 30px; height: 30px;}
.recruit_flow li {float:left; width:50%; margin-bottom:20px;}
.fuccntrf .tit {font-size: 18px;line-height: 1.8}
.fuccnt .tit{font-size: 18px;line-height: 1.8}
.tabmn li:first-child {margin-right: 0;}
.cntlst li{font-size: 13px; padding:0 1px;}
.cardlst li {width:48%;}
.paging a {height:33px;}
.tabmn {width:100%;}
.tabmn li {width:48%; padding:0 1%; font-size:15px;}
.tabmn li a.on, .tabmn li a {font-size:14px; line-height: 30px;}
.cardlst figure img {max-height: 130px;}
.profilegrp p {width:100%; font-size:13px;}
.profilegrp p * {vertical-align: middle;}
.profilegrp p label {width:30%; font-size:13px; padding: 2px 0px 2px 10px}
.profilegrp2 p {width:100%; font-size:13px;}
.profilegrp2 p * {vertical-align: middle;}
.profilegrp2 p label { font-size:13px; padding: 2px 0px 2px 10px}
.inpt {height:30px; padding:0; font-size: 13px; }
.imgrf, .imglf {width:100%;}
.fuccnt .tit, .fuccntrf .tit {text-align: center; padding:20px 0;}
.fuccnt .tit img , .fuccntrf .tit img  {margin-top:20px;}
.fuccnt .tit span {padding: 20px 0 0 0;}
.fuccntrf {text-align: left;}
.btn_primary {padding:5px 30px; font-size: 15px;}
.subcntwrap h3 img {width:50%;}
.selc {height:25px; font-size: 13px;}
.cardlst li {height:355px;}
.cardlst .cnt .date {padding-top:7px;}

.use_list li.nospc {padding:0 0 0 0;}
.use_list li {padding:0 0 0 0;}
}