@charset "utf-8";

/* media query style */

@media screen and (max-width: 1600px) {
    .object { display: none; }
     .SideMenu{ display: none; }
}

@media screen and (max-width: 1280px) {
    .header-top ul.menu li h2 {
        display: none;
    }
    .gnb-wrap .drop-left {
        display: none;
    }
    .gnb-wrap ul.drop-menu > li > a {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
    }
    .gnb-wrap ul.drop-menu {
        width: 100%;
        margin: 35px 0;
    }
    .section-2f { width: 100%; }
    .section-2f .aw-main-con-link-box { right: 26.4%; width: 47.15%; }
    #mainCon0::before, #mainCon14::before { right: -3px; }
    #mainCon1::before, #mainCon15::before { left: -3px; }

    .section-3f {
        width: 100%;
        padding: 0 5%;
    }
    .pc-2dep-tab{
    	width: 1024px;
    }
    .page-title-wrap > .inner {
        width: 100%;
        padding: 3%;
    }
    .content {
        width: 100%;
        padding: 65px 5%;
    }

    .innertable {
        width: 100%;
        display: block;
    }
    .innertable ul {
        flex: none;
        clear: both;
    }
    .innertable ul::after {
        content: '';
        display: block;
        clear: both;
    }
    .innertable ul li {
        text-align: center;
        float: left;
        width: 30%;
    }
    .table-con .innertable.tabletrans2 ul li {
        width: 33.3%;
    }
    .table-con .innertable.tabletrans2 ul li.th {
        height: 64px;
        line-height: 64px;
    }
    .footer .related-link .link-list > a {
        flex: 1 1 20%;
        margin: 2% 3% 0;
    }
    
    .intro5 .orgchart-wrap{
        background: url('../images/images/sub4_5_orgbg01.png')0 0 no-repeat;
    }
    
   
}

@media screen and (max-width: 1024px) {
    .section-1f .inner {
        width: 100%;
    }
    .section-2f {
        width: 100%;
    }
    .section-3f {
        width: 100%;
    }
    .section-3f .aw-notice-list li > a.notice-title{
    	width: 100%;
    }
    .section-3f .aw-notice-tab {
        width: 100%;
    }
    .footer > div > .inner {
        width: 100%;
        font-size: 14px;
    }
    .content {
        width: 100%;
    }
    .page-title-wrap > .inner {
        width: 100%;
        padding: 8%;
    }
    .page-title-wrap.board-title .board-view-title h5{
        font-size: 20px;
    }
    .page-title-wrap.board-title > .inner > h4{
        margin-bottom: 0;
    }
    .page-title-wrap > .inner > .page-subtext{
    	display: inline;
    }
    .pc-2dep-tab{
    	display: none;
    }
    .pc-3dep-tab{
    	display: none;
    }
    .custom-select{
    	flex: auto;
    }
    .custom-select.depth1{
     min-width: auto;
    	padding:0;
    }
     .custom-select.depth2{
     min-width: auto;
    	padding:0;
    }
    .custom-select.depth3{
    	min-width: auto;
    	padding:0;
    }
    .quickmenu{
    	display: none;
    }
    .content {
        width: 100%;
    }
    .isc .aw-ylw-tab {
        width: 100%;
    }
    .page-title-wrap .aw-ylw-tab.board {
        display: none;
    }
    .card-type-list li {
        flex: 0 0 40%;
        margin: 50px 3%;
    }
    .content .isc .board-wrap img{
        width: 100%!important;
        height: 100%!important;
    }
    .board-wrap .board-header .count {
        width: 100%;
        float: none;
    }
    .board-wrap .board-header .board-select-wrap {
        width: 100%;
        float: none;
        justify-content: space-between;
        margin-left: 0;
    }
    .board-wrap .board-header .board-select-wrap .searchbox a {
    	right: 35px;
    }
    .footer .related-link {
        padding: 40px 8%;
    }
    .processbox li{
    	flex: 0 0 100%;
    	margin-bottom: 14px;
    }
    .paging_Wrap li a{
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .paging_Wrap li:nth-child(8), .paging_Wrap li:nth-child(9), .paging_Wrap li:nth-child(10), .paging_Wrap li:nth-child(11), .paging_Wrap li:nth-child(12){
      
    }
    .td-tx-8, .td-tx-4{
        min-width: 100%;
    }
    .table-con thead th{
        font-size: 13px;
        line-height: 20px;
    }
    .table-con tbody th, .table-con tbody td{
        padding: 0 5px;
        font-size: 14px;
        line-height: 30px;
    }
}

@media screen and (max-width: 960px) {
	body { 
	  font-family:"Noto Sans KR", "samsungonelatin400", 'Microsoft Yahei', 微软雅黑, STXihei, '华文细黑', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Apple SD Gothic Neo', 'Apple SD 고딕 Neo', 'AppleGothic','NanumSquare','돋움',dotum,Arial,sans-serif !important; 
	}
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video{
	font-family: 'Noto Sans KR', sans-serif !important;
	}
		
    .gnb-wrap h1 {
        width: 260px;
    }
    .sub-display {
        display: block !important;
    }
    .gnb-wrap ul.drop-menu {
        display: block;
        opacity: 1;
        transition: 0.4s linear;
        -webkit-transition: 0.4s linear;
        -moz-transition: 0.4s linear;
        -ms-transition: 0.4s linear;
        -o-transition: 0.4s linear;
    }
    .drop-wrap .drop-menu > li {
        float: none;
    }
    .drop-wrap .drop-menu > li > ul.menu-2d-list {
        display: none;
    }
    .drop-wrap .drop-menu > li > ul.menu-2d-list {
        margin-top: 0;
    }
    .gnb-wrap ul.drop-menu > li > a {
        line-height: 5rem;
    }
    .drop-wrap .drop-footer {
        padding-top: 5%;
        height: 100%;
        text-align: center;
    }
    .drop-wrap .drop-footer .inner-left {
        float: none;
        margin-left: 0;
    }
    .drop-wrap .drop-footer .inner-right {
        float: none;
        margin-right: 0;
    }
    .drop-wrap .drop-footer .inner-left a {
        font-size: 1.3rem;
        display: inline-block;
    }

    .header-top .burger-wrap {
        width: 20%;
        /* right: 4%; */
    }
    
    .section-1f {
    	padding-top: 110px;
        height: 600px;
    }
    .searchBox { left: 50%; transform: translateX(-50%); width: 511px !important; }
    .section-1f .main-copy { display:none; }
    .section-1f .banner-wrap { float: none; margin: 0 auto; }

	.section-2f .aw-main-con-list > div.active { border-color: #e7e7e7 !important; }
    .section-2f .aw-main-con-link-box { display: none; }
    .section-2f .aw-main-con-list {
        justify-content: space-around;
    }
    .section-2f .aw-main-con-list > div {
        flex: 0 45%;
        font-size: 1.3em;
    }
    .section-2f .aw-main-con-list > div:nth-child(odd) {
        margin: 0;
    }
    .section-3f .aw-notice-list span{
    	margin-bottom: 5px;
    	line-height: 23px;
    }
    .section-3f .aw-notice-list li a.more-btn{
    	margin-top: -6px;
    }
    .section-3f .aw-notice-list span.icon-notice{
    	margin-left:0;
    }
    .custom-select{
        flex: auto;
    }
	
    .aw-ylw-tab {
        width: 100%;
    }
    .aw-ylw-tab button {
        flex: 0 0 23%;
    }
    .page-title-wrap {
        padding: 0;
    }
    .board-list ul li p.number {
        display: none;
    }
    .type-list3 .board-list ul li p.date {
        width: 100%;
        text-align: right;
        padding-right: 3%;
    }
    .type-list3 .board-list ul li p.title {
        width: 100%;
        padding: 1% 3%;
        line-height: 1.8em;
    }
    .type-list3 .board-list ul li:first-child p.title {
        line-height: 50px;
    }
    .type-list3 .board-list ul li:first-child p.date {
        display: none;
    }

    .type-list3 .board-list ul li p.state {
        width: 20%;
    }
    .type-list3 .board-list ul li p.company {
        width: 60%;
        font-weight: bold;
    }
    .type-list3 .board-list ul li p.job {
        width: 20%;
    }
    .type-list3 .board-list ul li p.title {
        width: 100%;
        padding: 4% 7% 0;
    }
    .type-list3 .board-list ul li:first-child p.title {
        padding: 0;
        border-top: 1px solid #ccc;
    }
    .board-wrap.type-list3 .board-header .board-select-wrap{
    	 width: 100%;
    }
    .board-wrap .board-header .count {
        display: none;
    }
    .board-wrap .board-header .board-select-wrap {
        justify-content: end;
        margin-left: 0;
    }
    .board-wrap .board-header input[type=text]{
    	margin-left: 0;
    }
    .board-wrap .board-header > .board-select-wrap select:first-child {
        margin-left: 0;
    }
    .board-wrap .board-header .board-select-wrap .selectbox { flex: 0 0 31%; margin-top: 3%; margin-right: 2%; }
    .board-wrap .board-header .board-select-wrap .selectbox + .selectbox { margin-right: 0; }    
    .board-wrap .board-header .board-select-wrap.sub06 .selectbox + .selectbox { margin-right: 2%; }
    .board-wrap .board-header .board-select-wrap .searchbox input {
    	width: 100%;
        right: 100%;
    }
    .board-wrap .board-header .board-select-wrap .searchbox input:focus  {
    	width: 100%;
        right: 100%;
    }
    .board-wrap .board-header input[type=text] {
        width: 200%;
        margin-right: calc(0% - 100%);
    }

    .board-wrap .board-header input[type=text]:focus {
        width: 200%;
    }
    .board-wrap .board-header .board-select-wrap .searchbox a {
        display: none;
    }
    .board-wrap .board-header select {
    	margin-left: 0;
        width: 100%;
    }
    .type-view3 .view-table dl {
    	width: 100%;
    }
    .type-view3 .view-table dl dt {
        float: none;
        width: 100%;
        font-weight: bold;
        color: #666;
        text-align:center;
    }
    .type-view3 .view-table dl dd {
        float: none;
        width: 100%;
        color: #222;
        text-align:center;
    }
    .type-view3 .view-table dl.recruitment-contents dt div {
        width: 100%;
        padding-left: 0;
    }
    .board-btn-area a.boardbtn {
        flex: 1;
        text-align: center;
    }
    .view-table.write dl {
        float: none;
        width: 100%;
    }
    .view-table.write dl.half-write {
        float: none;
        width: 100%;
    }
    .view-table.write dl.half-write dd {
        width: 100%;
    }
    .view-table.write .recruitment-contents textarea {
        width: 100%;
    }
    .type-view3 .view-table.write dl:last-child dd:last-child input {
        margin-left: 0;
    }
    .design-area {
        display: none;
    }
    .contract-title .head {
        margin-top: 1em;
    }
    .vertical-step-area > div:first-child {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .sitemap > li {
        width: 100%;
    }
    .intro2 .mission {
        float: none;
        width: 100%;
    }
    .intro2 .vision {
        float: none;
        margin-top: 40px;
        width: 100%;
    }
    .intro2 .inner-top p {
        width: 100%;
    }
    .intro2 .purpose > div > span {
        flex: 0 0 48%;
        margin-bottom: 20px;
        font-size: 1em;
    }
    .content .isc.intro2 > div > div > img {
        width: 89px;
    }
    .intro3 > ul {
        margin-left: 0;
    }
    .intro3 > ul > li p.year {
        width: 100%;
        text-align: left;
    }
    .intro3 > ul > li > ul {
        width: 100%;
    }
    .intro5 .orgchart.sc4 a {
        line-height: 24px;
        flex: 0 0 10.5%;
    }
    .modal{
        min-width: inherit;
    }
    .modal.md-org{
        min-width: inherit;
    }
    .content .isc .btnbox.col3 > a {
        flex: 0 0 90%;
    }
    .content .isc.intro6 .btnbox > a {
        flex: 0 0 100%;
    }
     .modal.md-org img{
    	width: 100%;
    }
    .sub1_9 .fL{
    	width: 100%;
    	float: none;
    }
     .sub1_9 .fR{
     	width: 100%;
     	float: none;
     	margin-top: 20px;
    }
      .sub1_9 .fR ul li{
      	width: 100%;
      	margin-left:0;
      }
       .sub1_9 .fR ul li a{
       	background: #5c3ab2;
       }
}
@media screen and (max-width: 768px) {
    .section-1f .banner-wrap { padding-top: 55px; }
    .section-1f { height: 590px; }    
	.tab.sub06 button { flex: 0 0 16em !important; padding: 0.8em 0 !important; }
}
@media screen and (max-width: 550px) {
    .searchBox { width: 90% !important; } 
    .board-wrap .board-header .board-select-wrap .selectbox { flex: 1; }
    .board-wrap .board-header .board-select-wrap.sub06 .selectbox { flex: 0 0 31%; }
}
@media screen and (max-width: 530px) {    
    .section-1f .banner-wrap { width: 100%; height: auto; }
	.section-2f {
        height: 1000px;
    }
    .section-2f .aw-main-con-list > div {
        flex: 0 90%;
    }
    .section-2f .aw-main-con-list > div:nth-child(15) {
        border-bottom: none;
    }    
}
@media screen and (max-width: 450px) {
    .section-1f { height: 550px; }
}
@media screen and (max-width: 340px) {
    .searchBox { width: 280px !important; }
    .searchBox .textBoxIn button { right: -4px !important; }
}
@media screen and (max-width: 300px) {
    .gnb-wrap h1 {
        top: 28%;
        width: 250px;
    }
    .section-1f .inner {
        padding: 0 5%;
    }
    .section-1f .banner-wrap {
        width: 100%;
    }
    .section-1f .banner-wrap img {
        width: 100%;
    }
    .section-3f .aw-notice-list li > a.notice-title {
        width: 100%;
	    font-size: 1rem;
	    line-height: 1.5;
	    padding: 1rem;
    }
    .section-3f .aw-notice-list span {
        margin-left: 3%;
    }
    .section-3f .aw-notice-list span.icon-notice {
        margin-left: 0;
    }
    .section-3f .aw-notice-list li a.more-btn {
        margin-right: 3%;
    }
    .footer .related-link {
        display: none;
    }

    .isc .aw-ylw-tab > button {
        font-size: 15px;
    }
    .tab.step {
        display: flex;
        flex-wrap: wrap;
    }
    .tab.step > button {
        padding: 8px 0;
        border-right: none;
        font-size: 14px;
    }
    .tabcontent.stepbox > h6{
        font-size: 15px;
    }
    .content .isc .btnbox {
        flex-wrap: wrap;
    }
    .content .isc .linebox p img{
        width: 100%;
    }
    .site-navi .home {
        display: none;
    }
    
    .custom-select.depth1 {
        display: none;
    }
    .custom-select.depth2 {
        min-width: auto;
    }
    .custom-select.depth2.end {
        min-width: -webkit-fill-available;
    }
    .custom-select.depth3 {
        min-width: auto;
    }
    .pagination {
        padding: 5%;
        width: 100%;
    }
    .view-table.edit{
        margin: 0 3%;
    }
    
    #PopDiv{
    	display: none !important;
    	/*width: 90% !important; 
    	height: auto !important;*/
    }
    #PopDiv1{
    	display: none !important;
    	/*width: 90% !important; 
    	height: auto !important;*/
    }
       #PopDiv2{
    	display: none !important;
    	/*width: 90% !important; 
    	height: auto !important;*/
    }
    .popDiv_p img{
    	width:100% !important;
    }
}
@media screen and (max-width: 321px) {
    body {
        width: 320px;
        overflow-x: scroll;
    }
    .footer .footer-top a {
        display: block;
        margin: 0;
        width: 100%;
    }
    .gnb-wrap h1 {
        top: 28%;
        width: 60%;
    }
    
     #PopDiv{
    	display: none !important;
    	/*width: 90% !important; 
    	height: auto !important;*/
    }
    #PopDiv1{
    	display: none !important;
    	/*width: 90% !important; 
    	height: auto !important;*/
    }
       #PopDiv2{
    	display: none !important;
    	/*width: 90% !important; 
    	height: auto !important;*/
    }
}