@charset "UTF-8";

@media screen and (max-width: 1400px) {
    .sub_menu.split5 li { width: 18.7%;}
    .sub_menu.split6 li { width: 15.6%;}
    .sub_menu.split7 li { width: 13.4%;}
	#content {
		min-width: 100%;
	}
	.business .item_slider .full_section_inner .left {
		width: 50%;
	}
	.business .item_slider .full_section_inner .left h3:after {
		background: url(../img/business/h3_line2.png) no-repeat;
	}
}


@media screen and (max-width: 1024px) {
	.hgroup {
		width: 86%;
		padding: 0 0 7%;
		margin: 0 7% 0;
	}
	#container {
		margin: 0;
	}
	.hgroup h3.page_title img {
		height: auto;
		width: 100%;
		max-width: 525px;
	}
	h4.section_title.underline:after {
		width: 17px;
		margin-left: -10px;
	}
	h5.sub_title {
		font-size: 15px;
	}
	.page_spot {
		min-width: 100%;
		height: auto;
		padding-top: 40%;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.sub_menu {
		/*display: none;*/
	}
	.tabContent {
		margin-top: 7%;
	}
	.tabList ul li, .menu ul li  {
		line-height: 37px;
	}
	.tabList ul li a, . ul li a {
		height: auto;
	}
	.tabList.tab4 ul li, .menu.tab4 ul li  {
		width: 50%;
	}
	
	.tabList.tab4 ul li:nth-child(3), .menu.tab4 ul li:nth-child(3) {
	    border-top: 0;
		border-left: 1px solid #d2d2d2;
	}

	.tabList.tab4 ul li:nth-child(4), .menu.tab4 ul li:nth-child(4) {
	    border-top: 0;
	}

	.tabList.tab5 ul li {
		width: 33.3%;
	}

    .tabList.tab5 ul {
		border-top: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
	}
	.tabList.tab5 ul li {
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		border-left: none;
		border-top: none;
		font-size: 14px;
	}
    .tabList.tab6 ul li {
		width: 33.3%;
	}

    .tabList.tab6 ul {
		border-top: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
	}
	.tabList.tab6 ul li {
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		border-left: none;
		border-top: none;
		font-size: 14px;
	}
	.tabList.tab7 ul li {
		width: 33.3%;
	}
    .tabList.tab7 ul {
		border-top: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
	}
	.tabList.tab7 ul li {
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		border-left: none;
		border-top: none;
		font-size: 14px;
	}
	.page_location {
		display: none;
	}
	#content {
		min-width: 100%;
		padding: 7% 0 24%;
		min-height: auto;
	}
	.section, .report .depth2 {
		width: 100%;
		padding: 0 7%;
        margin-top: -5%;
	}
	.full_section {
		min-width: 100%;
	}
	.sub_pagination {
		display: block;
	}
	.table_decs {
		font-size: 13px;
	}
	.table_decs .right {
		font-size: 13px;
	}
	table.normal_table th, table.normal_table td {
		height: auto;
		padding: 14px 2%;
	}
	table.left_table th, table.left_table td {
		padding-left: 2%;
	}
	.view_detail, .recruit_detail {
		color: #818181;
	}
	.view_detail img, .recruit_detail img {
		max-width: 100%;
	}
    .view_detail img{
        height: auto !important;
    }
	.view_detail {
		padding: 0 0 15% 0;
	}
	#footer {
		min-width: 100%;
	}
	.footer_inner {
		width: 100%;
	}
	.vision .section h4 {
		margin-bottom: 14px;
		font-weight: 500;
		color: #101010;
		line-height: 1.2em;
		padding: 0;
		text-align: left;
	}
	.vision .mission {
		margin-bottom: 3%;
	}
	.vision ul.vision_list li.item {
		padding: 8% 6%;
		width: 100%;
		box-sizing: border-box;
	}
	.vision ul.vision_list li.item:after {
		top: 40px;
		right: 40px;
	}
	.vision ul.vision_list li.item span.num {
		margin-bottom: 0;
		font-weight: 400;
		color: #b2b2b2;
	}
	.vision ul.vision_list li.item p {
		padding: 15px 0;
	}
	.vision ul.vision_list li.item01 {
		height: auto;
		border-right: none;
	}
	.vision ul.vision_list li.item02 {
		height: auto;
		border-right: none;
	}
	.vision ul.vision_list li.item03 {
		height: auto;
		border-right: none;
	}
	.vision ul.vision_list li.item04 {
		height: auto;
		border-right: none;
	}
	.vision ul.vision_list li.item05 {
		height: auto;
		border-right: none;
	}
	.vision ul.vision_list li.item06 {
		height: auto;
		border-right: none;
	}
	.vision ul.vision_list li.item07 {
		height: auto;
		border-right: none;
	}
	.vision .sec04 {
		background-image: none;
		padding: 7% 0 14%;
	}
	.vision .book_wrap {
		width: 100%;
		padding: 7%;
		background-color: #f2f2f2;
	}
	.vision .book_wrap img.book_img {
		width: 40%;
	}
	.vision .book_wrap .book_con {
		float: right;
		width: 55%;
		padding: 0;
	}
	.vision .book_wrap .subtitle {
		display: none;
	}
	.vision .book_wrap p {
		margin-bottom: 20px;
		line-height: 1.5em;
		font-weight: 400;
		word-break: normal;
	}
	.vision .book_wrap p br {
		display: none;
	}
	.vision .book_wrap .btns {
		margin: 0;
	}
	.vision .book_wrap a.no_icon {
		width: 100%;
		margin: 0;
	}
	.vision .book_wrap a.m_hidden {
		display: none;
	}
  .vision .sec03{
    padding-top: 7%;
  }
  .vision .section{
    padding-bottom: 7%;
  }
	.vision .sec03 dl.hdc_slogan {
		padding: 8%;
		border-top: 2px solid black;
		border-bottom: 2px solid #d2d2d2;
		border-left: none;
		border-right: none;
	}
	.vision .sec03 dl.hdc_slogan dt {
		padding: 0 1% 6%;
		margin-bottom: 6%;
	}
	.vision .sec03 dl.hdc_slogan dt img {
		width: 100%;
		max-width: 467px;
	}
	.vision .sec03 dl.hdc_slogan dd {
		padding: 0 1%;
		word-break: normal;
	}
	
	.field .mission {
        margin-top: 7%;
	}
  .field .summary {
       width: 100%;
       margin-top: -15px;
       padding-bottom: 50px;

  }
  .field .tt{
      line-height: 1.6em;
      font-weight: normal;
  }
	.field .sec06 {
		padding: 7% 0;
	}
  .field .list_con{
      width: 100%;
  }
  .field p{
      padding: 5px 0 0 10px;
      font-size: 13px;
  }
	.field .mission_list ol {
		border-bottom: none;
	}
	.field .mission_list ol li {
		width: 100%;
		border-left: none;
		border-bottom: 1px solid #d2d2d2;
	}
	.field .mission_list ol li:first-child {
		border-bottom: 1px solid #d2d2d2;
	}
  
	.governance .tabList ul {
		border-top: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
	}
	.governance .tabList ul li {
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		border-left: none;
		border-top: none;
		font-size: 14px;
	}
	.governance h4.section_title {
		padding-bottom: 20px;
	}
	.governance .section {
		padding: 7%;
	}
	.governance .sec03 .table {
		margin-bottom: 7%;
	}
	.governance .sec03 h5.gap {
		padding-top: 7%;
	}
	.governance .overview_pc {
		display: none;
	}
	.governance .overview_mobile {
		display: block;
	}
	.governance .overview_mobile th, .governance .overview_mobile td {
		text-align: left;
		padding: 14px 4%;
	}
	.governance_tab .tabContent {
		padding: 7% 6%;
		height: 163px;
	}
	

    .etc .page_spot.email {
		background-image: url(../img/etc/visual_etc.jpg);
	}
	.etc .hgroup {
		margin-bottom: 7%;
		padding-bottom: 7%;
	}
	.etc h4.section_title {
		font-size: 20px;
	}
	.personal_information .select_date .tit {
		font-size: 13px;
		display: inline-block;
	}
	.personal_information .select_date .dSelect {
		font-size: 13px;
		width: auto;
		position: relative;
		z-index: 10;
	}
	.personal_information .select_date .dSelect .default {
		display: inline-block;
		padding: 0 20px 0 10px;
		background-position: 95% center;
		line-height: 32px;
	}
	.personal_information .box_term {
		font-size: 13px;
	}
	.personal_information .box_term .top_term {
		font-size: 13px;
		word-break: break-all;
		line-height: 1.5em;
	}
	.personal_information .box_term .top_term br {
		display: none;
	}
	.personal_information .box_term p br, .personal_information .box_term li br, .personal_information .box_term dt br, .personal_information .box_term dd br {
		display: none;
	}
	.email .section {
		padding-bottom: 0;
		border-bottom: none;
	}
	.email .section p {
		font-size: 13px;
		line-height: 1.5em;
		word-break: break-all;
		padding-bottom: 20px;
	}
	.email .section p br {
		display: none;
	}
	.email .section p.lst {
		padding-bottom: 30px;
		border-bottom: 2px solid #d2d2d2;
	}
	
	.faq_list dt {
		padding: 17px 14% 17px 17px;
		background: url(../img/customer/faq_arrow02.png) no-repeat 95% center;
		background-size: 16px;
		font-size: 14px;
		font-weight: 500;
	}
	.faq_list dt:before {
		margin-left: -17px;
	}
	.faq_list li.off dt {
		background: url(../img/customer/faq_arrow01.png) no-repeat 95% center;
		background-size: 16px;
	}
	.faq_list dd {
		padding: 17px 5%;
		font-size: 14px;
		line-height: 1.5em;
		background-image: none;
		font-weight: 400;
	}
	.faq_list dd a {
		display: inline-block;
		padding-bottom: 3px;
		margin-top: 20px;
	}
	

   /*** 181025 추가 ***/
    /*제보이용안내*/
    
    .report .mission {
		margin-bottom: 7%;
		padding-bottom: 7%;
	}
	.report .mission .summary p br {
		display: none;
	}
    .report .mission .summary strong {
        font-size: 18px;
     }
    .report .mission .summary p {
        padding-top: 45px;
        font-size: 14px;
     }
    .report .mission .summary {
        width: 100%;
        background: url(../img/report/development_summary.png) no-repeat center 0px;
        background-size: 30px;
     }
    
    /*제보대상*/
    .report .section h4 {
		margin-bottom: 14px;
		font-weight: 500;
		color: #101010;
		line-height: 1.2em;
		padding: 0;
		text-align: left;
		/* font-size: 14px; */
	}
	.report .mission {
		/*margin-bottom: 3%;*/
	}
	.report ul.vision_list li.item {
		padding: 8% 3%;
		width: 100%;
		box-sizing: border-box;
	}
	.report ul.vision_list li.item:after {
		top: 80px;
		right: 0px;
	}
	.report ul.vision_list li.item span.num {
		margin-bottom: 0;
		font-weight: 400;
		color: #b2b2b2;
	}
	.report ul.vision_list li.item p {
		padding: 15px 0;
        font-size: 15px;
	}
	.report ul.vision_list li.item01 {
		height: auto;
		border-right: none;
	}
	.report ul.vision_list li.item02 {
		height: auto;
		border-right: none;
	}
	.report ul.vision_list li.item03 {
		height: auto;
		border-right: none;
	}
	.report ul.vision_list li.item04 {
		height: auto;
		border-right: none;
	}
	.report ul.vision_list li.item05 {
		height: auto;
		border-right: none;
	}
	.report ul.vision_list li.item06 {
		height: auto;
		border-right: none;
	}
    
    .report .section.sec02{
        padding: 20px 0;
    }
    
    .content_aside_right ul{
        margin-top: 20px;
    }
    
    /*제보하기*/
    .report .mission .summary p.iden{
        font-size: 18px;
    }
    .tabContents .cont{
        padding: 20px 5px;
    }
    .terms_text ol{
        padding-left: 5px;
    }
    .terms_text h2{
        font-size: 15px;
    }

	.terms_text .txt{
		font-size: 13px;
	}

    .terms_radio span.agree{
        display: block;
    }
    .terms_radio{
        /*text-align: left;*/
    }

	.codes .terms_text li {font-size: 13px;}

    .sub_menu ul.sub_menu_list{
        width: 100%;
    }
    /*윤리강령*/
    .report .mission.codes{
        margin-top: 0;
        padding-top: 0;
    }
     .tabList.tab6.codes ul li:nth-child(4){
        border-left: 0;
    }
	.tabList ul li a,  .menu ul li a{
	    height: auto;
	}

	.report .depth2 .menu{
		padding-bottom: 50px;
	}

	.ethics_section{}

	.ethics_section img { max-width: 100%;}

	.ethics_practice h3 {
		/* font-size: 15.5px;
			    margin-top: 20px; */
	}

	.ethics_practice > ol > li > p{
		font-size: 14px;
	}

	.report .page_spot.report {
		background-image: url(../img/report/visual_mobile.jpg);
	}
}

@media screen and (max-width: 768px) {
  /* 공통 */
  .hgroup {
		padding: 2% 0 7%;
	}
  .hgroup h3.page_title img {
		max-width: 325px;
	}
  table.normal_table th, table.normal_table td {
    font-size: 13px;
	width: 10%;
  }
  .paging_area {
    margin-top: 25px;
  }
  .paging_area a img {
    width: 24px;
    height: 24px;
  }
  .paging_area a.btn_arrow_l {
    padding-right: 7px;
  }
  .paging_area span.active {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .paging_area a.btn_arrow_r {
    padding-left: 7px;
  }
  .faq_section li a{
    padding: 30px 5px;
    font-size: 16px;
    letter-spacing: -1.5px;
   }
    .faq_section li > div{
        padding: 25px 20px 25px 55px;
        background: #f5f5f5 url(../img/faq/faq_reply.gif) 20px 20px no-repeat;
    }
    .faq_section li p {
        font-size: 15px;
    }
    
    .report ul.vision_list li.item:after {
        top: 70px;
        right: 0px;
    }
    .apply-form .tbl-form th{
        font-size: 13px;
        width: 16%;
    }
	.tabList.tab6.codes ul li{
		width: 50%;
	 }
	 td input[type=text].w176, td select.w176 {
        width: 120px;
    }
    td input[type=text].w176e, td select.w176e {
        width: 120px;
    }
    
}

@media screen and (max-width: 640px){
    .report ul.vision_list li.item:after {
        top: 40px;
        right: 0px;
    }
    .report ul.vision_list li.item03:after {
            background-size: 68px auto;
    }
    
    .content_aside_left{
        float: none;
        width: 100%;
    }
    .content_aside_right{
        float: none;
        width: 100%;
    }
    .content_aside_right li:first-child{
        border-left: 1px solid #e3e3e3;
    }
    .content_aside_right li{
        margin: 10px auto 0;
        float: none;
    }
    .content_aside li{
        border: 1px solid #e3e3e3;
    }
    .content_aside{
        padding: 25px 15px;
    }
    .content_aside_right ul{
        float: none;
    }
    .report .mission .summary .oath p{
        font-size: 13px;
    }
    .report .mission .summary .oath p:first-child{
        margin-top: 20px;
    }
    .ethics_section .num_s li{
         font-size: 14px;
    }
    .tabList ul li a,  .menu ul li a{
	    height: auto;
	}
    .tabList.tab6.codes ul li{
        width: 50%;
		width: 100%;
    }
    .tabList.tab6.codes ul li span{
        display: block;
    }
    .tabList.tab6.codes ul li a{
        font-size: 13px;
        line-height: 1.5;
    }
    
    /*제보하기 폼*/
    .apply-form .tbl-form th.num .apply_del{
       display: inline-block;
       line-height: initial;
       float: right;
       margin-right: 20px;
    }
	.apply-form .tbl-form {/*border:1px solid #ddd;*/border-top:2px solid #696c75;border-bottom:0;letter-spacing:0;}
	.apply-form .tbl-form tr {overflow:hidden;display:block;}
	.apply-form .tbl-form th, .apply-form .tbl-form td {border:0;background:#fff;display:block;width:100%;float:left;}
	.apply-form .tbl-form th {
        font-size:15px;
        padding:15px 0 5px;
    }
	.apply-form .tbl-form th label {padding-left:2.5%;}
	.apply-form .tbl-form td {
        position:relative;
        border-bottom:1px solid #ddd;
        padding:5px 2.5% 15px;
        font-size: 13px;
    }
	.apply-form .tbl-form td .sw-btn {position:absolute;top:-35px;right:2.5%;letter-spacing:-1px;}
	.apply-form .tbl-form td input[type=text], .apply-form .tbl-form td input[type=password] {width:98%; /*width:270px;*/ border:0;background:#f0f0f0;margin:2px 0;height:40px;color:#444;border-radius: 0;}
	.apply-form .tbl-form td input[type=text]::-webkit-input-placeholder, .apply-form .tbl-form td input[type=password]::-webkit-input-placeholder {color:#444;}
	.apply-form .tbl-form td input[type=text]:-moz-placeholder, .apply-form .tbl-form td input[type=password]:-moz-placeholder {color:#444;}
	.apply-form .tbl-form td input[type=text]::-moz-placeholder, .apply-form .tbl-form td input[type=password]::-moz-placeholder {color:#444;}
	.apply-form .tbl-form td input[type=text]:-ms-input-placeholder, .apply-form .tbl-form td input[type=password]:-ms-input-placeholder {color:#444;}
	.apply-form .tbl-form td input.text.w40p {width:40%;}
	.apply-form .tbl-form td input.text.w90 {width:90px;}
	.apply-form .tbl-form td input.text.w80 {width:28% !important}
	.apply-form .tbl-form td input.text.w15p, .apply-form .tbl-form td input.text.w20p, .apply-form .tbl-form td select.select {width:25%; height: 38px; margin: 2px 0;}
	.apply-form .tbl-form td textarea {background:#f0f0f0;border:0;  margin: 15px 0 0; width: 79%; padding: 10px;}
    .apply-form .tbl-form td input[type=text].num {width: 50%;}
    .apply-form .tbl-form td input[type=text].full {width: 50%;}
	 .apply-form .tbl-form td input[type=text].full2 {width: 100%;}
    
    /*폼입력 테이블 :회원가입과 같이 사용*/
    .tbl-form a.sw-btn span, .tbl-form a.sg-btn span {padding:8px 9px;}
	.tbl-form input.sw-btn, .tbl-form input.sg-btn, .tbl-form input.sp-btn, .tbl-form input.sdp-btn, .tbl-form button.sw-btn, .tbl-form button.sg-btn, .tbl-form button.sp-btn, .tbl-form button.sdp-btn {height:30px;}
    
    .apply-form .tbl-form td input[type=text].num{width: 50%;}
    .apply-form .tbl-form td input[type=text].date {width: 50%;}

    .apply-form .tbl-form th.num {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        padding-left: 10px;
    }
    .tbl-form .info-ex01, .tbl-form .info-ex02, .tbl-form .info-ex03{
        font-size: 13px;
        font-size: 1.3rem;
    }
	.column-wrap .column-sec .date{ margin-top: 3px;}
	.column-wrap .column-sec.thum-type a span{ margin-top: 7px;}
    
    .apply-form .tbl-form th.tit{
        display: none;
    }
    
    .report .field p{
        letter-spacing: -0.5px;
    }

	.report .field p.stxt {
		width: 70%;
		line-height: 1.5;
		letter-spacing: -1px;
	}
    
    .report td .textarea{}
    
    .report td .textarea p{
        width: 75%;
        padding-bottom: 0;
    }
    
    td input[type=text], td select{
        width: 250px;
    }
    
    .anonymous_pop{
        width: 95%;
        width: calc(100% - 15px);
        margin: 0px auto;
        padding: 30px 10px;
        left: 2.5%;
        top: 30%;
    }
    .anonymous_pop .btn_area button{}

	.apply-form .tbl-form td input[type=text].w176, 
    .apply-form .tbl-form td select.w176{
        width: 95px; margin: 0 2px;
    }
    .apply-form .tbl-form td input[type=text].w176e{
        width: 140px; margin: 0 2px;
    }
    .apply-form .tbl-form td select.w176e{
        width: 250px;
        margin: 7px 0 0 2px;
    }

	.ethics_section{padding-top: 20px;}
    
	.report .depth2 .menu{
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 320px){
    .tabList.tab6.codes ul li a{
        font-size: 12px;
    }
    footer .footer_inner .footer_right .affiliate_wrap{
        padding: 0 5px;
    }
    .report td .textarea p{
        width: 70%;
    }
   .report td .file p{
        width: 65%;
    }
    .apply-form .tbl-form td input[type=text].w176, 
    .apply-form .tbl-form td select.w176{
        width: 85px; margin: 0 2px;
    }
    .apply-form .tbl-form td input[type=text].w176e{
        width: 120px;
    }
    .apply-form .tbl-form td input[type=text], 
    .apply-form .tbl-form td input[type=password] {
        width: 85%;
    }
    .apply-form .tbl-form td textarea {width: 70%;}
    .report .field p.stxt {width: 65%;}
}