@charset "utf-8";

/************************************************************************
 * 파일명      : sub_responsive.css
 * 설명        : 기본 css정의
 * 작성일      : 2014.11.04
************************************************************************/

/* 태블릿 및 노트북 */
@media (max-width: 1062px) {
  #contents {
    padding-right:10px;
	padding-left:10px;
  }
  .middle-menu ul.mid-menu li a {
    font-size:11px;
  }
  .real-content-section {
    padding:0 10px;
  }
  .sub-small-content {
    padding:0 17px;
  }
  .sub-guide1 .sub-guide1-left {
    float:none;
	width:100%;
  }
  .sub-guide1 .sub-guide1-right {
    float:none;
	text-align:center;
	margin-top:20px;
  }
  .guide-jedo .guide-jedo-left {
    float:none;
	width:100%;
	margin-bottom:20px;
  }
  .guide-jedo .guide-jedo-right {
    float:none;
	width:100%;
  }
  .guide-method .guide-method-left {
    float:none;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
  }
  .guide-method .guide-method-right {
    float:none;
	width:100%;
	text-align:center;
  }
  .fiximg img {
    width:100%;
  }
  .real-content-section .board-list td, .board-list th {
    font-size:11px;
  }
  .injung .injung-item {
    margin-bottom:70px;
	text-align:center;
	float:none;
	margin-right:0;
  }
  .injung .injung-item-last {
    margin-bottom:10px;
	text-align:center;
	float:none;
	margin-right:0;
  }
  .injung .injung-item span {
    background: url("/skin/img/page_img/injung_arrow_down.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 202px;
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    width: 20px;
	margin-left:-10px;
  }
  .sub-small-content .download-list{
    padding-left:6px;
  }
  .sub-small-content .download-list .documents_left1{
    padding-right:0;
  }
  .sub-small-content .download-list .documents_left2{
    padding-right:0;
  }
  .message-img{
    margin-bottom:69px;
  }
  .map_box{
    padding-left:0;
  }
  .map_last{
    padding-left:0;
  }
  .mtext_top{
    padding-top:25px;
  }
  .lp-img div {
    float:none;
	margin-right:0;
	margin-bottom:30px;
  }
  .lp-img div.lp-img4 {
    margin-bottom:0;
  }
  .lp-img div span {
    background: url("/skin/img/sub/login_pro_arrow_down.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -29px;
    display: block;
    height: 22px;
    left: 48%;
	right:inherit;
	top:inherit;
    position: absolute;
    width: 19px;
  }
  .login-link {
    padding:10px;
  }
  .login-link .login-menu {
    padding:10px;
  }
  .login-menu1 .login-menu1-li {
    float:none;
  }
  .guide-regy div {
    float:none;
	margin-right:0 !important;
	margin-bottom:52px;
  }
  .guide-regy div span {
    background: url("/skin/img/page_img/regy_down.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -43px;
    display: block;
    height: 35px;
    left: 50%;
	right:inherit;
	top:inherit;
    position: absolute;
    width: 8px;
  }
  .gap{
  padding-bottom:15px;
  }
  .purpose-tab li {
  float:left;width:48%;padding-left:4px;
  }
  .purpose-tab li a {
  height:38px;
  line-height:38px;
  display:block;
  border:1px solid #D7D7D7;
  text-align:center;
  font-weight:bold;
  font-size:15px;
  color:#505050;
  text-decoration:none;
  }
  .purpose-tab li.selected a {
  height:40px;
  line-height:38px;
  background:#006F54;
  color:#fff;border:0;
  }
  .sub_banner_box {
    padding-right:0;
  }
  .sub_banner{
    padding:15px 15px 15px 15px;
  }
  .sub_banner_copy{
    font-weight:bold;
	font-size:13px;
	color:#616261;
	line-height:18px;
  }
  .sub_banner_txt{
    padding-top:15px;
	font-size:12px;
	line-height:15px;
  }
  .sub_banner_img{
    display: none;
  }
  .gap2{
  padding-bottom:0;
  }
  .sub_banner_box1{
   padding-right:0;
  }
  .sub_banner_one{
  padding:29px 15px 29px 15px;
  }
  .history_box{
  margin-top:30px;
  padding-bottom:30px;
  position:relative;
  background:url('/file/img_page/purpose_bg.gif') no-repeat 0 bottom;
  }
  .line_last{
  margin-top:30px;
  padding-bottom:30px;
  position:relative;
  background:url('/file/img_page/purpose_bg.gif') no-repeat 0 bottom;
  }
  .history_year{
  position:absolute;
  top:0;
  left:0;
  }
  .year_txt{
  font-size:40px;
  position:absolute;
  top:0;
  left:10px;
  }
  .history_month{
  position:absolute;
  top:50px;
  left:10px;
  }
  .history_month li{
  float:none;
  width:270px;
  }
  .sub_img{
  display: none;
  }
  .organization_box1{
  padding:15px 0 20px 0;
  }
  .recognition-graph .recognition-graph-left{
  float:none;
  margin-bottom:10px;
  width:100%;
  }
  .recognition-graph .recognition-graph-right{
  float:none;
  width:100%;
  }

  .gap4{
  padding-top:50px;
  }
  .organization_table .board-list td{
  padding-left:12px;
  }
  .organization_box2 .organization_table{
  width:100%;
  }
  .adress_box{
  width:auto;
  }
  .adress_box li{
  float:inherit;
  padding-left:10px;
  }
  .adress_box ul{
  overflow:hidden;
  padding:0 15px;
  }
  .adress_box .name_txt1 {
    margin-top:20px;
  }
  .subway_box li {
  float:inherit;
  }
  .introduce_map{
  width:100%;
  }
 .subway_box{
  width:100%;
  height:auto;
  }
  .subway_box .name_txt2{
  width:50%;
  height:40px;
  text-align:left;
  }
  .subway_box .subwaylist {
  margin-left:42px;
  }
  .subway_box ul{
  overflow:hidden;
  padding:0 15px;
  }
  .subway_box li{
  height:auto;
  line-height:5px;
  }
  .gap6{
  margin-top:20px ; 
  }
  .btn-small {
    padding-left:4px;
    padding-right:4px;
  }
  .board-list td.tdleft.tdmobile {
  padding-left:10px;
  }
  .board-list td.tdleft.tdmobile .board_input,
  .board-list td.tdleft.tdmobile .board_input_mobile{
  width:180px !important;
  }
  .board-list td.tdleft.tdmobile .board_tel_mobile{
  width:40px !important;
  }
  .board-list td.tdleft.tdmobile .board_file_mobile{
  width:130px !important;
  }
  .business-joinguide .business-joinguide-left {
  float:none;
  padding:10px;
  width:auto;
  margin-right:0;
  margin-bottom:10px;
  background:none;
  }
  .business-joinguide .business-joinguide-right {
  float:none;
  padding:10px;
  width:auto;
  background:none;
  }
  .sub-small-content .cont.widthfix {
  width:auto;
  margin-bottom:20px;
  }
  .sub-small-content .bold.widthfix {
  width:auto;
  margin-bottom:10px;
  }
  .sub-small-content .bold2.widthfix {
  width:auto;
  margin-bottom:5px;
  }
  .biz-guide-left {
  float:inherit;
  width:auto;
  }
  .biz-guide-right {
  float:inherit;
  width:auto;
  }
  .joinguide_check {
  float:inherit;
  margin-bottom:10px;
  margin-right:0;
  }
  .joinguide_check.nomargin-bottom {
  margin-bottom:10px;
  }
  .biz-bank {
  padding:13px;
  }
  .biz-bank .text .bb-text {
  float:inherit;
  margin-right:0;
  margin-bottom:10px;
  }
  .education-outline{
  background: none;
  }
  .education-outline .list {
  width:100%;
  }
  .introduce_box {
    float:inherit;
	width:100%;
	margin-bottom:20px;
  }
  .introduce_box1 {
    float:inherit;
	width:100%;
	margin-bottom:20px;
  }
  .adress_box .name_txt1 {
    width:inherit;
  }
  .login-link .login-link-title1 {
    margin-top:20px;
  }
  .outline-regy .arrow {
    margin-left: -112.5px;
	width: 226px;
  }
  #footer {
    padding-top:17px !important;
	padding-left:20px;
	padding-right:20px;
  }
}

@media (max-width: 767px) {
  .outline-regy {
    height:200px;
  }
  .outline-regy .outline-regy-i1 {
    left:50%;
	margin-left:-112.5px;
  }
  .outline-regy .outline-regy-i2 {
    top:inherit;
	right:inherit;
	left:50%;
	bottom:0;
	margin-left:-112.5px;
  }
  .outline-regy .arrow {
    margin-left: -112.5px;
	width: 226px;
  }
  .outline-regy .arrow_text{
    margin-left: -74px;
    top: 89px;
  }
  .login-new-wrap {
    padding:10px;
  }
  .login-fieldset{
    width:220px;
  }
  .login-fieldset .login-fieldset-left {
    float:none;
	margin-right:0;
	width:100%;
  }
  .login-fieldset .login-field span {
    float:none;
	width:100%;
  }
  .login-new-wrap .login_input {
    width:208px;
  }
  .login-fieldset .login-fieldset-right {
    float:none;
	width:100%;
	text-align:right;
  }
  .btn-big-login {
    width:100%;
    height:auto;
    display:block;
  }
  #footer {
    padding-top:17px !important;
	padding-left:20px;
	padding-right:20px;
  }
  #footer .bottom div.logo {
    float:none;
	margin-right:0;
	margin:0 auto 20px auto;
  }
  #footer .bottom div.copyright {
    float:none;
	text-align:center;
  }
  #footer .bottom div.copyright .addr p {
    float:inherit;
  }
  .family-wrap {
    float:none;
	margin:20px auto;
  }
}

@media (max-width: 450px) {
  .btn_state {
    width:50%;
  }
  
}