@charset "utf-8";


/* 비주얼영역 */
header {position:relative;}
.wrap_visual {position:relative; background:url(../images/index/bg_dot.png) repeat-x; }

.bg_mobi {display:block; width:100%; }
.bg_pc {display:none;}

.wrap_quick_link {}
.quick_link {position: absolute; bottom: 0; width: 100%; text-align: center;}
.quick_link li {display: inline-block; margin-left:20px;}
.quick_link li:first-child { margin-left: 0; }
.quick_link li a {display:block; width:80px; height:25px; color:#fff; padding-top:55px; text-align:center; font-size:11px;}
.quick_link li a:hover {color:#fdb913; font-weight:normal;}

.quick_link .link01 a {background:#30251d url(../images/index/quick_01.png) no-repeat center; background-size:95px;}
.quick_link .link01 a:hover {background:#30251d url(../images/index/quick_01_o.png) no-repeat center; background-size:95px;}
.quick_link .link02 a {background:#30251d url(../images/index/quick_02.png) no-repeat center; background-size:95px;}
.quick_link .link02 a:hover {background:#30251d url(../images/index/quick_02_o.png) no-repeat center; background-size:95px;}
.quick_link .link03 a {background:#30251d url(../images/index/quick_03.png) no-repeat center; background-size:95px;}
.quick_link .link03 a:hover {background:#30251d url(../images/index/quick_03_o.png) no-repeat center; background-size:95px;}

/* 배너링크모음 */
#listBanner_pc {display:none;}
#listBanner_mobi {display:block; clear:both; background:#ebebeb; overflow:hidden; position:relative; margin-top:30px; padding:15px; font-size:12px; color:#959595;}
#listBanner_mobi h2 {float:left; font-weight:bold;}
#listBanner_mobi ul {float:right; margin-left:4px;}
#listBanner_mobi li {float:left; width:86px; height:30px; margin:3px 3px 0 0; padding:8px 3px; background:#fdfdfd; font-size:9px; color:#000; letter-spacing:-1px;}
#listBanner_mobi li:last-child {border-right:0;}
#listBanner_mobi li span {display:block; color:#666;}
#listBanner_mobi li .banner_title {font-weight:bold; color:#000;}
/* #listBanner_pc {display:none;}
#listBanner_mobi {display:block; clear:both; background:#ebebeb; overflow:hidden; position:relative; margin-top:30px; padding:15px; font-size:12px; color:#959595;}
#listBanner_mobi h2 {float:left; font-weight:bold;}
#listBanner_mobi ul {float:right; margin-left:4px;}
#listBanner_mobi li {float:left; border-left:1px solid #fff; border-right:1px solid #fff;}
#listBanner_mobi li:last-child {border-right:0;} */

/*  */
section {overflow:hidden; padding:0 15px;}
.map {display:none;}
.content {box-sizing:border-box; width:100%;}

.tit {overflow:hidden;}
.tit h2 {font-weight:bold; font-size:14px; letter-spacing:-1px; text-align:center; margin-top:20px; margin-left: -15px;}
.tit h2 img {vertical-align: text-bottom;}
.tit p {display:none;}

.region {margin-top: 20px; display: flex;}
.region:after {content: " "; display: block; clear: both;}
.region h3 {float:left; width:18%; height:70px; padding:5px; box-sizing: border-box; font-weight:bold; background:#ee3124; color:#fff; line-height:1.2; font-size:12px;}
.region h3 span {display:block;}
.region ul {display: flex; float: left; width: 100%; flex-wrap: wrap; gap: 10px; padding-left: 10px;}
.region ul li {float:left; width:18%; height:70px; /*margin: 0 0 0 2.5%;*/ font-size:10px; letter-spacing:-1px;}
/*.region ul li:nth-child(n+5) {margin-top: 2.5%;}*/
.region ul li a {position:relative; box-sizing:border-box; display:block; width:100%; height:100%; padding:5px; background:#ebebeb;}
.region ul li a.active {background:#fdb913; color:#000;}
.region ul li .chungNm {word-break: keep-all;}
.region ul li .personnel {display:block; position:absolute; bottom:0; right:5px; font-size:10px;}
.region ul li .personnel span {font-size:14px; font-weight:bold; margin-right:5px;}
/*.region ul li:nth-child(5) {margin-left:0;}*/

.job_type {display: flex; position:relative; clear:both; overflow:hidden; margin-top:30px; width: 100%;}
.job_type h3 {float:left; width:14%; height:45px; padding:5px; font-weight:bold; background:#ee3124; color:#fff; font-size:12px;line-height:1.2;}
.job_type h3 span {display:block;}/*20190123*/
.job_type ul {width:100%; display: flex; justify-content: space-between;}
.job_type ul li {float:left; /*width:25%;*/ height:55px; margin-left:2.4%; font-size:10px; letter-spacing:-1px; display: inline-flex; flex: 1;}
.job_type ul li a {position:relative; box-sizing:border-box; display:block; width:100%; height:100%; padding:10px 0; border-bottom:3px solid #ee3124; text-align:center;}
.job_type ul li a:hover {}
.job_type ul li .personnel {display:block; font-size:7px; padding-top:3px;}
.job_type ul li .personnel span {font-size:14px; font-weight:bold; margin-right:5px;}

@media (max-width: 512px) {
	.region ul li {width:16%;}
}

@media (min-width: 768px) {

    /* 비주얼영역 */
    header {height: 273px; padding: 40px 75px; background:url(../images/index/bg_dot.png);}
    header h1 {padding: 0;}
    .wrap_visual {background:none; padding:0; margin-top:15px;}

    .bg_mobi {display:none;}
    .bg_pc {display:block; width:100%;}


    .quick_link {bottom: 15%; padding-left: 12%; box-sizing: border-box; text-align: left;}
    .quick_link li {margin-left:18px; width: 16%;}
    .quick_link li a {width:100%; height: 100%; padding:60px 8px 8px 8px; box-sizing: border-box; background-size:100px; font-size:13px;}

    .quick_link .link01 a, .quick_link .link01 a:hover {background-size:100px;}
    .quick_link .link02 a, .quick_link .link02 a:hover {background-size:100px;}
    .quick_link .link03 a, .quick_link .link03 a:hover {background-size:100px;}


    /* 배너링크모음 */
    #listBanner_mobi {display:block; padding:15px 75px;}
    #listBanner_mobi li {padding:15px; margin:5px 6px 0 0;}
    #listBanner_pc {display:none; position:fixed; top:385px; right:0; width:75px; padding:15px; background:#30251d; color:#fff;}
    #listBanner_pc h2 {font-weight:bold;}

    article {padding-bottom:0;}


    /*  */
    section {padding:0;}
    .map {display:none;}
    .content {width:100%; margin-top: 30px; padding:0 75px;}
    .content h2 span {display:block;}

    .map ul li span {position:absolute; overflow:hidden; width:1px; height:1px; left:-10000px; font-size:0; line-height:0;}
    .map .seoul {width:195px; height:320px; background:url(../images/index/seoul.png) no-repeat 48px 84px;}
    .map .gg {width:195px; height:320px; background:url(../images/index/gg.png) no-repeat 36px 50px;}
    .map .dj {width:195px; height:320px; background:url(../images/index/dj.png) no-repeat 13px 112px;}
    .map .dg {width:195px; height:320px; background:url(../images/index/dg.png) no-repeat 91px 103px;}
    .map .jb {width:195px; height:320px; background:url(../images/index/jb.png) no-repeat 21px 173px;}
    .map .gj {width:195px; height:320px; background:url(../images/index/gj.png) no-repeat 0px 210px;}
    .map .gw {width:195px; height:320px; background:url(../images/index/gw.png) no-repeat 66px 34px;}
    .map .bs {width:195px; height:320px; background:url(../images/index/bs.png) no-repeat 75px 190px;}
    .map .jj {width:195px; height:320px; background:url(../images/index/jj.png) no-repeat 4px 298px;}

    .tit h2 {float:left; width:20%; font-size:15px; text-align:left; background:none; margin-top:0; margin-left: 0; padding-left:0;}
    .tit h2 img {display: block; margin-bottom: 6px;}
    .tit p {display:block; float:right; width:80%; margin-top:30px; padding-top:13px; border-top:1px solid #ccc; font-size:11px;}

    .region {margin-top:30px;}
    .region h3 {height: 91px; padding:15px; font-size:16px;}
    .region ul {}
    .region ul li {float:left; height:91px; font-size:14px;}
    .region ul li a {position:relative; display:block; padding:10px; background:#ebebeb;}
    .region ul li a.active {background:#fdb913; color:#000;}
    .region ul li .personnel {display:block; position:absolute; bottom:0; right:15px; font-size:10px;}
    .region ul li .personnel span {font-size:20px; font-weight:bold; margin-right:5px;}


    .job_type {margin-top:30px;}
    .job_type h3 {width:100px; height:75px; font-size:16px;}
    .job_type ul {/*float:right;*/ }
    .job_type ul li {/*width:30%;*/ font-size:14px;}
    .job_type ul li a {height:85px;}
    .job_type ul li .personnel span {font-size:24px;}


    footer {margin:0; background:#c9c9c9;}
}
 /* 20181031추가 */
@media (max-width: 1200px) {
	#listBanner_pc {width:7%;}
	#listBanner_pc ul li {font-size:85%;}
}

@media (min-width: 1200px) {
    /* 1200px이상 데스크탑 */

    /* 비주얼영역 */

    .map {display:block; float:left; width:220px; height:350px; background:url(../images/index/img_map.png) no-repeat left;}
    .content {float:right; width:980px; padding:0; margin-top:0;}

    /* 배너링크모음 */
    #listBanner_mobi {display:none; padding:0;}
    #listBanner_pc {z-index:1000; display:block; position:fixed; top:200px; right:0; /* width:83px; */ width:200px; padding:15px; /*background:#cc0000*/background:#30251d; color:#fff;}
    #listBanner_pc h2 {font-weight:bold;}
    #listBanner_pc ul li {padding:5px; margin-top:5px; /* font-size:11px; */ font-size:15px; /*background:#ee3124*/background:#fff; border-radius:5px;}
    #listBanner_pc ul li a:hover {color:#000; font-weight:bold; }
    #listBanner_pc ul li .banner_title {display:block; font-weight:bold; /*color:#fdb913*/color:#30251d;}
    /* #listBanner_mobi {display:none; padding:0;}
    #listBanner_pc {z-index:1000; display:block; position:fixed; top:250px; right:0; width:75px; padding:15px; background:#cc0000; color:#fff;}
    #listBanner_pc h2 {font-weight:bold;} */

    article {padding-bottom:100px;}

    section {margin-top: 40px;}

    /*  */
    .tit h2 {width:130px; font-size:18px;}
    .tit p {width:843px; font-size:12px; padding-top:20px;}


    .region {margin-top:30px;}
    .region h3 {width: 120px; height: 85px; padding: 15px; font-size: 16px;}
    .region ul {float:right;}
    .region ul li {float:left; height:85px; /*width:85px; margin-left:10px; margin-bottom:0px;*/ font-size:14px; flex: 1;}
    /*.region ul li:nth-child(n+5) {margin-top: 0;}*/
    .region ul li a {position:relative; display:block; padding:10px; background:#ebebeb;}
    .region ul li a.active {background:#fdb913; color:#000;}
    .region ul li .personnel {display:block; position:absolute; bottom:0; right:15px; font-size:10px;}
    .region ul li .personnel span {font-size:20px; font-weight:bold; margin-right:5px;}
    /*.region ul li:nth-child(5) {margin-left:10px;}*/

    .job_type {margin-top:30px;}
    .job_type h3 {width:94px; height:60px; font-size:16px;padding:13px;}
    /* .job_type h3 {width:100px; height:65px; font-size:16px;} */
    .job_type ul {/*float:right;*/}
    .job_type ul li {/*width:275px;*/ margin-left:10px; font-size:14px;}
    .job_type ul li a {/*width:170px;*/ height:42px; padding:25px 5px 15px 80px; letter-spacing:-1px; box-sizing:content-box;}
    .job_type ul li a:hover {}
    .job_type ul li .personnel {display:inline; margin-left:20px; font-size:16px; padding-top:0;}
    .job_type ul li .personnel span {font-size:24px;}

    .job_type .type01 {background:url(../images/index/icon_01.png) no-repeat 15px;}
    .job_type .type02 {background:url(../images/index/icon_02.png) no-repeat 15px;}
    .job_type .type03 {background:url(../images/index/icon_03.png) no-repeat 15px;}


    /* 비주얼영역 */
    .quick_link {bottom: 21%; padding-left: 18%;}
    .quick_link li {width: 126px; margin-left: 38px;}
    .quick_link li a {padding-top:84px; padding-bottom:18px; font-size:16px;}
    .quick_link li a {font-size:16px;}
    .quick_link .link01 a, .quick_link .link01 a:hover {background-size:150px;}
    .quick_link .link02 a, .quick_link .link02 a:hover {background-size:150px;}
    .quick_link .link03 a, .quick_link .link03 a:hover {background-size:150px;}
}