@charset "UTF-8"; 

/*확장자*/
.division {margin-right:5px; padding:1px 8px; font-size:1.4rem; border:1px solid #ddd; color:#fff;}
.division.group01 {background-color:#0070C0;}/*CSV*/
.division.group02 {background-color:#008282;}/*XML*/
.division.group03 {background-color:#800080;}/*JSON*/
.division.group04 {background-color:#19148b;}/*HWP*/
.division.group05 {background-color:#6f700f;}/*XLSX*/
.division.group06 {background-color:#c2236a;}/*ZIP*/
.division.group07 {background-color:#8d583c;}/*JSON+XML*/
.division.group08 {background-color:#272f37;}/*표준데이터셋*/
.division.group09 {background-color:#9c0707;}/*mp4*/

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.division {padding:2px 5px; font-size:1.3rem;}
}
@media screen and (max-width:360px) {
}

.search_radiobox {padding:5px 0;}
.search_radiobox:after {content:''; display:block; visibility:hidden; clear:both;}
.search_radiobox span {display:inline-block; float:left ; margin:5px 0; width:10%; line-height:28px; font-weight:500; text-align:center; background-color:#0054a2; border-radius:20px; color:#fff;}
.search_radiobox ul {display:inline-block; width:90%; padding-left:20px;}
.search_radiobox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.search_radiobox li {display:inline-block; float:left; margin:5px; padding:0 10px 0 0; border-radius:20px;}
.search_radiobox li:after {content:''; display:block; visibility:hidden; clear:both;}
.search_radiobox li input {vertical-align:inherit;}


/********************************
 01 빅데이터분석
 *******************************/
/*01빅데이터분석 > 04빅데이터센터 소개*/

/*비전*/
/*.intro_wrap {height:480px;}*/
.intro_wrap .intro_box {position:relative;width:100%;/*height:230px;*/margin:20px auto;padding:10px;border-radius:30px;/*border:5px solid #0060a7;*/background:linear-gradient(to right, #007dc7, #053b81);}
.intro_wrap .intro_box .intro_inner {display:block;margin:0 auto;/*height: 210px;*/border-radius:20px;background-color:#fff;}
/*.intro_wrap .intro_box:before, .intro_box:after {content:'';position:absolute;left:50%;margin-left:-521px;width:1042px;height: 271px;background:url(../images/sub01/intro_tit_bg.jpg) center center no-repeat;background-size: 75%;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.intro_wrap .intro_box:before{top: -238px;}
.intro_wrap .intro_box:after{bottom: -239px;transform:rotate(180deg);}*/
.intro_wrap .intro_box .intro_inner > p {display:block;width:100%;padding:40px 20px;text-align:center;font-size: 2.4rem;}
.intro_wrap .intro_box .intro_inner > p strong {font-size:3.2rem; font-weight:600; color:#0060a7;}
.intro_wrap .intro_box .intro_inner > p .linebk02 {display:block;}


/*목표*/
.goal_box {width:100%; margin:0 auto;}
.goal_list {padding-left:60px;}
.goal_list:after {content:""; display:block; clear:both;}
.goal_list li {float:left; width:33.3333%;}
.goal_list li .g_wrap {width:80%; height:300px; padding:10px; border-radius:50%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.goal_list li:first-child .g_wrap {background:linear-gradient(to right, #964280, #651e53);}
.goal_list li:nth-child(2) .g_wrap {background:linear-gradient(to right, #017453, #004a35);}
.goal_list li:last-child .g_wrap {background:linear-gradient(to right, #083a82, #032049);}
.goal_list li .g_inner {height:280px; margin:0 auto; border-radius:50%; background-color:#fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.goal_list li span{display:block; padding:120px 20px 0 20px; font-size:1.8rem; text-align:center;}

/*전략*/
.strategy_list {}
.strategy_list:after {content:""; display:block; visibility:hidden; clear:both;}
.strategy_list li {float:left; width:33.3333%;}

.strategy_inner {margin-left:-1px;}
.strategy_inner .icon_area {position:relative; display:block; margin:0 auto 15px; padding:10px; height:300px; border:1px solid #ddd;}

.strategy_inner i {position:relative; overflow:hidden; display:block; margin:0px auto; height:230px; background-color:#fff; background-position:center center; background-size:auto; background-repeat:no-repeat;}
.strategy_inner i.sicon01 {background-image:url(../images/sub01/img_strategy01.jpg);}
.strategy_inner i.sicon02 {background-image:url(../images/sub01/img_strategy02.jpg);}
.strategy_inner i.sicon03 {background-image:url(../images/sub01/img_strategy03.jpg);}

.strategy_inner .icon_area .st_tit{position:absolute; bottom:8px; left:10px; right:10px; display:block; padding:10px 0;  background:linear-gradient(to right, #0cb75b, #017cb4); text-align:center; color:#fff;}

/*운영체계 및 운영방향*/
.org_wrap {position:relative; text-align:center;}
.org_wrap:before{content:''; display:block; background-color:#aaa; width:1px; height:65%; position:absolute; top:0; left:50%; z-index:-1;}
.org_wrap .org_box01{position:relative; width:100%;}
.org_wrap .org_box01 .org_center{position:relative; width:200px; height:200px; margin:20px auto; line-height:200px; background: -moz-linear-gradient(140deg, #099b6c 0%, #044682 100%); background: -webkit-linear-gradient(140deg, #099b6c 0%, #044682 100%); background: linear-gradient(140deg, #099b6c 0%, #044682 100%); border:1px solid #ddd; border-radius:50%; text-align:center; color:#fff; font-size:2.2rem; font-family:'GSK';}
/*
.org_wrap .org_box01 .org_right{position:absolute; bottom:50%; margin-bottom:-40px; right:0px; padding:20px 40px; font-size:1.8rem; color:#459981; background-color:#fff; border:1px solid #459981;}
.org_wrap .org_box01 .org_right:before {content:''; position:absolute; bottom:50%; right:75px; width:450px; height:1px; margin-left:-4px; background:#aaa; z-index:-1;}
*/
.org_wrap .org_box02 {overflow:hidden;position:relative;padding-bottom:20px;width: 100%;}
.org_wrap .org_box02:before {content:'';display:block;position:absolute;top:40%;left:4px;height:1px;width: 100%;background-color:#aaa;}
.org_wrap .org_box02:after{content:''; display:block; clear:both;}
.org_wrap .org_box02 .org_left{float:left; position:relative; margin-bottom:0; width:240px; background-color:#fff; border:1px solid #208d49; text-align:center;}
.org_wrap .org_box02 .org_left .org_box02_tit{display:block; padding:10px 0; background-color:#208d49; color:#fff; font-size:1.8rem;}
.org_wrap .org_box02 .org_left .org_box02_txt {display:block; padding:10px 0; font-size:1.6rem;}

.org_wrap .org_box02 .org_right{position:absolute; right:0px; top:20px; padding:20px 40px;font-size:1.8rem;color:#459981;background-color:#fff;border:1px solid #459981;}
.org_wrap .org_box02 .org_right:before {content:'';position:absolute;bottom:50%;right: 0;/* width: 449px; */height:1px;margin-left:-4px;background:#aaa;z-index:-1;}

.org_wrap .org_box03 {position:relative; width:100%; margin-top:100px; line-height:22px; /*z-index:10;*/}
.org_wrap .org_box03:before {content:''; position:absolute; top:0; left:50%; margin-left:-25.5%; display:block; width:51%; height:1px; background:#aaa; border:0;}
.org_wrap .org_box03:after {content:''; display:block; clear:both;}
.org_wrap .org_box03 > ul > li {position:relative; float:left; width:49%; margin-right:2%; padding-top:40px;}
.org_wrap .org_box03 > ul > li:last-child{margin-right:0;}
.org_wrap .org_box03 > ul > li:before {content:''; position:absolute; top:0; left:50%; width:1px; height:40px; margin-left:-1px; background:#aaa;}
.org_wrap .org_box03 > ul > li:first-of-type {margin-left:0;}
.org_wrap .org_box03 > ul > li > span {display:block; position:relative; padding:20px 0; background-color:#636466; text-align:center; font-size:1.7rem; font-weight:600; color:#fff; z-index:20;}
.org_wrap .org_box03 > ul > li .bl01{display:block;}
.org_wrap .org_box03 > ul > li > div {margin-top:5px; padding:13px; min-height:145px; background:#fff; border:1px solid #ddd; }
.org_wrap .org_box03 > ul > li > div dl {position:relative;}
.org_wrap .org_box03 > ul > li > div dd {padding:0 5px; box-sizing:border-box;}
.org_wrap .org_box03 > ul > li > div dd ul li {position:relative; text-align:left; padding-left:10px; margin:7px 0;}
.org_wrap .org_box03 > ul > li > div dd ul li:before{content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#444;}

/*주요목표*/
.plan {position:relative;}
.plan .img_bigBtn {display:none; position:absolute; bottom:0; right:0; padding:4px 8px; text-align:center; background-color:#232323; color:#fff;}

.hiddenTxt {display:block; position:absolute; top:-9999px;}

/*media query*/
@media screen and (max-width:1200px){
 	.goal_list li .g_wrap {height:280px;}
	.goal_list li .g_inner {height:260px;}
  	.goal_list li span {padding:100px 20px 0 20px;}
}

@media screen and (max-width:1024px){
	.goal_list li .g_wrap {height:260px;}
	.goal_list li .g_inner {height:240px;}
	.goal_list li span{padding:90px 20px 0 20px;}
}

@media screen and (max-width:920px) {
	.intro_wrap .intro_box:before, .intro_box:after {width:700px; margin-left:-350px; background-size:100%;}
	.intro_wrap .intro_box:before{top:-228px;}
	.intro_wrap .intro_box:after{bottom:-228px;}
	.goal_list li .g_wrap {height:220px;}
	.goal_list li .g_inner {height:200px;}
	.goal_list li span{padding:50px 20px 0 20px;}
  	.org_wrap .org_box01 .org_right:before {right:50px; width:400px}
	.plan .img_bigBtn {display:block;}
}

@media screen and (max-width:767px) {
	/*.intro_wrap {height:350px;}*/
	.intro_wrap .intro_box {height:160px;}
	.intro_wrap .intro_box .intro_inner {display:block; margin:0 auto; height:140px; border-radius:20px; background-color:#fff;}
	/*.intro_wrap .intro_box:before, .intro_box:after {width:600px; margin-left:-300px; background-size:100%;}
	.intro_wrap .intro_box:before{top:-217px;}
	.intro_wrap .intro_box:after{bottom:-217px;}*/
	.intro_wrap .intro_box .intro_inner > p {padding:20px; font-size:1.8rem;}
	.intro_wrap .intro_box .intro_inner > p strong {font-size:2.1rem;}
  	.intro_wrap .intro_box .intro_inner > p .linebk {display:block;}
	
	.goal_list {padding-left:0px;}
	.goal_list li {float:none; width:100%; margin-bottom:20px;}
	.goal_list li .g_wrap {width:auto; height:auto; padding:5px; border-radius:20px;}
	.goal_list li .g_inner {width:auto; height:auto; border-radius:15px;}
	.goal_list li span{display:block; padding:40px 15px; font-size:1.6rem;}
	
	.strategy_list li {float:none;width:100%;}
	
	.org_wrap:before {height:65.5%;}
	.org_wrap .org_box01 {width:100%;}
	.org_wrap .org_box01 .org_center{}
	.org_wrap .org_box02 .org_right{position:static; width:100%; margin:30px auto;}
	.org_wrap .org_box02 .org_right:before{display:none;}
	.org_wrap .org_box02 {width:100%; padding-bottom:0;}
	.org_wrap .org_box02:before{display:none;}
	.org_wrap .org_box02 .org_left{float:none; width:100%; margin:10px auto;}
	.org_wrap .org_box03 {margin-top: 19px;}
}

@media screen and (max-width:640px) {
	.intro_wrap {height:auto;}
	.intro_wrap .intro_box {margin:0px auto; height:140px;}
	.intro_wrap .intro_box .intro_inner {height:120px;}
	.intro_wrap .intro_box:before, .intro_box:after {display:none;}
	.intro_wrap .intro_box .intro_inner > p {font-size:1.6rem;}
	.intro_wrap .intro_box .intro_inner > p strong {font-size:1.8rem;}
	.goal_list li span{padding:30px 15px;}
	.org_wrap:before {height:64.5%; top:6px;}
	.org_wrap .org_box01 .org_center {width:200px; height:200px; line-height:200px;}
	.org_wrap .org_box03:before {width:51%; margin-left:-25.5%;}
	.org_wrap .org_box03 > ul > li {width:49%;}
	.org_wrap .org_box03 > ul > li:nth-child(2){margin-right:0;}
	.org_wrap .org_box03 > ul > li:nth-child(2):before{content:''; position:absolute; top:0; left:50%; width:1px; height:40px; margin-left:-1px; background:#aaa;}
}

@media screen and (max-width:480px) {
	.intro_wrap .intro_box {height:140px;}
	.intro_wrap .intro_box .intro_inner {height:120px;}
	.org_wrap:before {height: 35%;}
	.org_wrap .org_box02 .org_left {margin:0 auto;}
	.org_wrap .org_box03 {margin-top: -30px;}
	.org_wrap .org_box03:before{display:none;}
	.org_wrap .org_box03 > ul > li {width:100%;}
	.org_wrap .org_box03 > ul > li > div {min-height:auto;}
}


/*01빅데이터분석 > 05오시는길*/
.lct_box {width:100%; }
.lct_box .location_inner{width:100%; text-align:center; border:1px solid #ddd;}
.lct_box .location_inner ul:after{content:""; display:block; clear:both;}
.lct_box .location_inner ul li{float:left; position:relative; width:33.3333%; min-height:120px; padding:25px;}
.lct_box .location_inner ul li:before{content:''; position:absolute; top:50%; right:0; margin-top:-60px; width:1px; height:100%; background-color:#ddd;}
.lct_box .location_inner ul li:last-child:before{display:none;}
.lct_box .location_inner ul li .l_name{display:inline-block; padding:2px 12px; margin-bottom:20px; color:#02707d; border:1px solid #02707d; border-radius:20px;}
.lct_box .location_inner ul li .l_txt {font-size:1.7rem;}
.lct_box .map_area {width:100%; margin-bottom:50px;}

.traffic_box .dlList {width:100%; padding-bottom:30px; /*border-bottom:1px solid #ddd;*/}
.traffic_box .dlList dl{border:1px solid #ddd; border-radius:10px; margin-bottom:15px;}
.traffic_box .dlList dl:after{content:''; display:block; visibility:hidden; clear:both;}
.traffic_box .dlList dl dt{float:left; width:25%; padding:25px; border-top-left-radius:10px; border-bottom-left-radius:10px; border-right:1px solid #ddd; font-size:1.8rem; text-align:center; background-color:#f6f6f6;}
.traffic_box .dlList dl dd{float:left; width:75%; padding:25px; font-size:1.7rem;}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
    .lct_box .location_inner ul li{min-height:150px;}
	.lct_box .location_inner ul li:before{margin-top:-75px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.lct_box .location_inner ul li {float:none; width:100%; border-bottom:1px solid #ddd; min-height:auto; padding:20px 0;}
  	.lct_box .location_inner ul li:before {display:none;}
  	.lct_box .location_inner ul li .l_txt {font-size:1.6rem;}
	
	.traffic_box .dlList dl dt{width:100%; padding:10px 0; border-right:0; border-radius:10px 10px 0 0; font-size:1.6rem;}
	.traffic_box .dlList dl dd{width:100%; padding:20px; font-size:1.6rem; text-align:center;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}



/********************************
 02 공공데이터
 *******************************/
/*02공공데이터 > 01공공데이터 안내*/
.agreement_box {}
.agreement {overflow-y:scroll; padding:20px; height:250px; border:1px solid #e1e1e1; background:#f9f9f9; font-size:1.4rem;}
.agreement.agr01 > strong {display:block; padding-bottom:10px; font-weight:600;}
.agreement.agr01 > ul > li {margin:7px 0;}
.agreement.agr01 > ul > li > strong {color:#444; font-weight:600;}

.linkBtn {display:block; width:100px; margin-top:20px; padding:5px 0; color:#017cb4; border:1px solid #ddd; border-radius:5px; text-align:center; background-color:#f1f1f1; font-weight:600;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/*02공공데이터 > 02공공데이터 검색*/
.select_otbox {text-align:right;}
.select_otbox .sl_option {padding:5px 20px 5px 10px;}

.result_listbox {margin-top:20px;}
.rsl_inner {}
.rsl_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.rsl_inner > ul > li {border-bottom:1px solid #ddd;}
.rsl_inner > ul > li:first-child {border-top:2px solid #333;}
.rsl_area {position:relative; padding:20px 140px 20px 10px;}
.rsl_area:after {content:''; display:block; visibility:hidden; clear:both;}
.rsl_area .rsltit_box {}

.rsl_area .rsltit_box .rsl_tit {font-size:1.8rem; font-family:'GSK'; color:#333;}
.rsltxt_box {}
.rsltxt_box:after {content:''; display:block; visibility:hidden; clear:both;}
.rsltxt_box .rsl_txt {overflow:hidden; margin-top:5px; white-space:nowrap; text-overflow:ellipsis; font-size:1.5rem;}
.rsltxt_box .rsl_txtlist {}
.rsltxt_box .rsl_txtlist li {position:relative; display:inline-block; float:left; padding:0 15px;}
.rsltxt_box .rsl_txtlist li:before {content:''; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#ddd;}
.rsltxt_box .rsl_txtlist li:first-child {padding-left:0;}
.rsltxt_box .rsl_txtlist li:first-child:before {display:none;}
.rsltxt_box .rsl_txtlist li dt{display:inline-block; float:left; }
.rsltxt_box .rsl_txtlist li dd{display:inline-block; float:left; padding-left:5px;}

.rslbtn_box {position:absolute; right:10px; top:50%; margin-top:-18px;}
.rslbtn_box a {display:block; padding:5px 20px; border:1px solid #ddd; font-family:'GSK';}
.rslbtn_box a:hover,
.rslbtn_box a:focus,
.rslbtn_box a:active {background-color:#0070C0; color:#fff;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.rsl_area {padding:15px 140px 15px 10px;}
}
@media screen and (max-width:480px) {
	.rsl_area .rsltit_box .rsl_tit {font-size:1.6rem;}
	
	.rsl_area {padding:15px;}
	.rslbtn_box {display:block; position:static; right:auto; top:auto; margin-top:10px; text-align:center;}
}
@media screen and (max-width:360px) {
}

/*02공공데이터 > 03인기공공데이터*/
.bk01{display:block;}

.info_txtbox.ppl{display:block; border:1px solid #bdceee; background-color:#EBF2FF; background-image:url('../images/sub02/infoBox_bg01.png'); background-repeat:no-repeat; background-position:right bottom;} /*인기공공데이터 top box bg*/
.info_txtbox.new{display:block; border:1px solid #c8c8e8; background-color:#ededf9; background-image:url('../images/sub02/infoBox_bg02.png'); background-repeat:no-repeat; background-position:right bottom;} /*신규공공데이터 top box bg*/

.popular_listbox {margin-top:20px;}
.popular_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.popular_listbox > ul {display:block; margin-left:-20px;}
.popular_listbox > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.popular_listbox > ul > li {display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px;}
.popular_listbox > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.popular_listbox > ul > li .ppl_inner {padding:20px 15px; border:1px solid #ddd; text-align:center;}
.ppl_inner .ppl_titbox {min-height:57px;}
.ppl_inner .ppl_tit {overflow:hidden; padding-top:5px; font-size:1.8rem; font-family:'GSK'; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.ppl_inner .ppl_txt{overflow:hidden; min-height:48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow:ellipsis; white-space:normal;}

.ppl_txtlist {display:block;padding-top: 5px;}
.ppl_txtlist:after {content:''; display:block; visibility:hidden; clear:both;}
.ppl_txtlist li {position:relative;display: block;padding: 2px 5px;font-size:1.4rem;}
.ppl_txtlist li:after {content:''; display:block; visibility:hidden; clear:both;}
.ppl_txtlist li dt{display:inline-block; float:left; }
.ppl_txtlist li dd{display:inline-block; float:left; padding-left:5px;}

.ppl_btn {display:block; margin:10px auto 0; width:70%;}
.ppl_btn a {display:block; padding:5px 10px; border:1px solid #008282; background-color:#008282; color:#fff;}
.ppl_btn a:hover,
.ppl_btn a:active,
.ppl_btn a:focus {color:#008282; background-color:#fff; }

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
  	.bk01{display:inline;}
	.info_txtbox.ppl, .info_txtbox.new {background-image:none;}
	.popular_listbox > ul > li {width:50%;}
}
@media screen and (max-width:767px) {
	.popular_listbox > ul {margin-left:-10px;}
	.popular_listbox > ul > li {padding:0 0 10px 10px;}
}
@media screen and (max-width:640px) {
  	.ppl_inner .ppl_titbox {min-height:auto;}
	.popular_listbox > ul {margin-left:0;}
	.popular_listbox > ul > li {display:block; float:none; width:100%; padding:0 0 10px 0;}
	
	.ppl_btn {width:100%;}
}
@media screen and (max-width:480px) {
	
}
@media screen and (max-width:360px) {
}


/*02공공데이터 > 05공공데이터 API이용*/
/*pageTab01*/
.process_listbox {margin-top:20px;}
.process_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.process_listbox ul {display:block; margin-left:-50px;}
.process_listbox li {position:relative; display:inline-block; float:left; padding:0 0 0 50px; text-align:center;}
.process_listbox li:before {content:''; position:absolute; left:17px; top:50px; width:25px; height:12px; background:url(../images/sub02/p_iconarrow.png) center center no-repeat;}
.process_listbox li:first-child:before {display:none;}
.process_listbox.col4 li {width:25%;}
.process_listbox.col5 li {width:20%;}

.pc_inner {padding:0 15px;}
.pc_inner .icon_area {display:block; margin:0 auto; padding:10px; width:110px; height:110px; border-radius:50%;background:linear-gradient(to right, #0cb75b, #017cb4);}

.pc_inner i {position:relative; display:block; margin:0px auto; width:90px; height:90px; border-radius:50%;background-color:#fff; background-position:center center; background-size:auto; background-repeat:no-repeat;}
.pc_inner i.picon01 {background-image:url(../images/sub02/p_icon01.png);}
.pc_inner i.picon02 {background-image:url(../images/sub02/p_icon02.png);}
.pc_inner i.picon03 {background-image:url(../images/sub02/p_icon03.png);}
.pc_inner i.picon04 {background-image:url(../images/sub02/p_icon04.png);}
.pc_inner i.picon05 {background-image:url(../images/sub02/p_icon05.png);}
.pc_inner i.picon06 {background-image:url(../images/sub02/p_icon06.png);}
.pc_inner i.picon07 {background-image:url(../images/sub02/p_icon07.png);}

.pc_inner .step {display:block; margin-top:15px; font-size:1.4rem; color:#00628c; font-weight:500;}
.pc_inner .pc_tit {margin-bottom:0; min-height:56px; font-family:'GSK'; font-size:1.8rem;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.process_listbox {margin-top:0;}
	.process_listbox ul {margin-left:0;}
	.process_listbox li {display:block; float:none; padding:0 0 20px; text-align:left;}
	.process_listbox li:before {display:none;}
	.process_listbox.col4 li {width:100%; transition:all 0.2s linear;}
	.process_listbox.col5 li {width:100%; transition:all 0.2s linear;}
	.pc_inner {padding:0;}
	.pc_inner .step {margin-top:0;}
	.pc_inner .icon_area {position:absolute; left:0; top:50%; margin-top:-55px;}
	.pc_inner .text_area {padding:30px 15px 30px 150px;}
	.pc_inner .pc_tit {min-height:auto;}
	
}
@media screen and (max-width:767px) {
	.process_listbox li {padding:0; margin-bottom:20px;}
	.pc_inner .icon_area {margin-top:-40px; padding:5px; width:80px; height:80px; transition:all 0.2s linear;}
	.pc_inner i {width:70px; height:70px; background-size:60%; transition:all 0.2s linear;}
	.pc_inner .text_area {padding:15px 15px 15px 100px;}
}
@media screen and (max-width:640px) {
	.pc_inner .pc_tit {font-size:1.6rem;}
}
@media screen and (max-width:480px) {
}

/*pageTab02*/
/*개발계정 신청절차*/
.apply_box {}
.apply_box li {display:block; margin-bottom:20px; min-height:110px;}
.apply_box li .apply_inner {display:block; position:relative;}
.apply_inner .apicon_area {position:relative; display:block;}
.apicon_area i {position:absolute; left:0; top:0; width:110px; height:110px; background-color:#f0f0f0; border:1px solid #ddd; border-radius:50%; background-position:center center; background-repeat:no-repeat;}
.apicon_area span {position:absolute; right:-15px; top:50%; margin-top:-15px; width:30px; height:30px; padding:4px; background-color:#0074c0; color:#fff; border-radius:50%; text-align:center; font-style:normal;}

.apicon_area i.icon1 {background-image:url(../images/sub02/p_icon01.png)}
.apicon_area i.icon2 {background-image:url(../images/sub02/p_icon02.png)}
.apicon_area i.icon3 {background-image:url(../images/sub02/p_icon06.png)}
.apicon_area i.icon4 {background-image:url(../images/sub02/p_icon07.png)}
.apicon_area i.icon5 {background-image:url(../images/sub02/p_icon04.png)}
.apicon_area i.icon6 {background-image:url(../images/sub02/p_icon08.png)}
.apicon_area i.icon7 {background-image:url(../images/sub02/p_icon09.png)}
.apicon_area i.icon8 {background-image:url(../images/sub02/p_icon10.png)}
.apicon_area i.icon9 {background-image:url(../images/sub02/p_icon11.png)}
.apicon_area i.icon10 {background-image:url(../images/sub02/p_icon12.png)}

.apply_inner .aply_txt {display:block; margin-bottom:0; padding:40px 20px 22px 150px;}
.aply_txt .step_tit {display:block; font-family:'GSK'; font-size:1.8rem;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.apply_inner .aply_txt {padding:21px 20px 17px 150px;}
}
@media screen and (max-width:767px) {
	.apply_box li {min-height:80px;}
	.apicon_area i {width:80px; height:80px; background-size:55% auto;}
	.apply_inner .aply_txt {padding:7px 10px 7px 110px;}
	.apicon_area span {margin-top:-12px; padding:3px; width:25px; height:25px; font-size:1.3rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}



/********************************
 04 지도로보는 울산
 *******************************/
/*04 지도로보는 울산 > 인트로페이지*/
.intro_tab ul{}
.intro_tab ul li{float:left; width:32%; margin:0 2% 30px 0; border-radius:5px; text-align:center;}
.intro_tab ul li:nth-child(3n){margin-right:0;}
.intro_tab ul li .i_tab .i_img{margin-bottom:5px; background-color:#fff; border-radius:5px;}
.intro_tab ul li .i_tab .i_img img{width:100%; height:100%; border-radius:5px;}
.intro_tab ul li .i_tab{}
.intro_tab ul li .i_tab span{display:block; padding:10px; border-radius:5px; border:1px solid #ddd; background-color:#f7f7f7; font-size:1.8rem;}

.intro_tab ul li .i_tab:hover .i_img{border-radius:5px;}
.intro_tab ul li .i_tab:hover {text-decoration:none;}
.intro_tab ul li .i_tab:hover span{background-color:#006069; color:#fff;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.intro_tab ul li{width:49%; margin:0 0 30px 0;}
	.intro_tab ul li:nth-child(2n){margin-left:2%;}
	.intro_tab ul li .i_tab span{font-size:1.6rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.intro_tab ul li{float:none; width:100%; margin:0 0 30px 0;}
	.intro_tab ul li:nth-child(2n){margin-left:0;}
	.intro_tab ul li .i_tab .i_img img{width:100%; height:100%;}
	.intro_tab ul li .i_tab span{font-size:1.5rem;}
}


/*04지도로보는 울산 > 01민박펜션 현황 */
.markerWrap{overflow:hidden; position:absolute; left:1px; bottom:30px; width:280px; height:116px; margin-left:-144px; text-align:left; font-size:12px; line-height:1.5;}
.markerWrap:after {content:''; position:absolute; margin-left:-12px; left:50%; bottom:2px; width:22px; height:12px; background:url('//t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.markerWrap .markerInfo{overflow:hidden; width:280px; height:104px; border-radius:5px; border-bottom:2px solid #ccc; border-right:1px solid #ccc; background-color: #fff;}
.markerWrap .markerInfo .markerTitle{padding:6px 10px; font-size:14px; color:#fff; background-color:#096069;}
.markerWrap .markerInfo .markerTitle .markerClose{position:absolute; top:10px; right:15px; color:#fff; width:13px; height:13px; background:url('../../common/images/close.png') no-repeat 0 0;}
.markerWrap .markerInfo .markerTitle .markerClose:hover{cursor:pointer;}
.markerWrap .markerInfo .markerBody{overflow:hidden; position:static;}
.markerWrap .markerInfo .markerBody .markerDesc{position:static; margin:8px 10px;}
.markerWrap .markerInfo .markerBody .markerDesc .markerAddr{overflow:visible; text-overflow:inherit; white-space:normal; word-break:keep-all;}
.markerWrap .markerInfo .markerBody .markerDesc .markerNavi {position:static;}
.markerWrap .markerInfo .markerBody .markerDesc .markerNavi a{position:absolute; bottom:20px; right:10px; background-color:#096069; padding:3px 6px; border-radius:3px; color: #fff;}

/********************************
 05 공공빅데이터 창업경진대회
 *******************************/
/*05공공빅데이터 창업경진대회 > 01역대 수상작 */
.awd_listbox {}
.awd_listbox ul {}
.awd_listbox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.awd_listbox ul li {float:left; width:100%;}
.awd_listbox ul li:hover .awd_box{border:1px solid #096069;}
.awd_listbox ul li .awd_box {border:1px solid #ddd; padding:30px; margin-bottom:40px;}
.awd_listbox ul li .awd_box:after {content:''; display:block; visibility:hidden; clear:both;}
.awd_listbox ul li .awd_box .awd_thumb {float:left;width: 22%; border:1px solid #ddd;}
.awd_listbox ul li .awd_box .awd_right {position:relative; float:right;width: 74%;padding:0 0 40px;}
.awd_listbox ul li .awd_box .awd_right .awd_tit {font-size:2.6rem; color:#121212;}
.awd_listbox ul li .awd_box .awd_right .awd_txt {display:inline-block; width:100%; padding:40px 0;}
.awd_listbox ul li .awd_box .awd_right .awd_txt li {float:none; display:inline-block; width:100%; padding-bottom:5px;}
.awd_listbox ul li .awd_box .awd_right .awd_txt li dt {display:inline-block; float:left; width:13%; font-weight:600; color:#333; font-size:1.7rem;}
.awd_listbox ul li .awd_box .awd_right .awd_txt li dd {display:inline-block; float:left; width:87%; padding-left:10px; font-size:1.7rem;}
.yearTag {display:inline-block; border-radius:50px; padding:3px 10px; text-align:center; background-color:#008282; color:#fff; font-size:1.5rem;}/*연도별 태그*/

/*상세보기 btn*/
.awd_listbox ul li .awd_box .awd_right .award_btn {position:absolute; bottom:0; left:0; display:inline-block;width:30%;padding:10px;border:1px solid #096069;text-align:center;transition:all 0.2s linear;}
.awd_listbox ul li .awd_box .awd_right .award_btn span {color:#096069;}
.awd_listbox ul li .awd_box .awd_right .award_btn:hover{background-color:#096069; text-decoration:none;}
.awd_listbox ul li .awd_box .awd_right .award_btn:hover span {color:#fff;}

/*수상작 상세보기*/
.award_box{padding:0 0 50px; margin:0 0 30px; border-bottom:1px solid #ddd;}
.award_box:after{content:""; display:block; visibility:hidden; clear:both;}
.award_left{float:left; width:30%; background-color:#ccc; border:1px solid #ddd;}
.award_left img {width:100%;}
.award_right{float:left; width:calc(70% - 40px); padding-left:40px;}
.award_right .a_tit02{display:block; padding:20px 0 40px; font-size:2.8rem; color:#121212;}

.award_list {}
.award_list li {display:block; padding:5px 0;}
.award_list li:after {content:''; display:block; visibility:hidden; clear:both;}
.award_list li dl {}
.award_list li dt {display:inline-block; float:left; width:15%; font-weight:600; color:#333; font-size:1.7rem;}
.award_list li dd {display:inline-block; float:left; width:calc(85% - 10px); padding-left:10px; font-size:1.7rem;}

.atc_imgFile img[src^="/storyCms1/getImage.do?atchFileId=FILE"]:nth-of-type(1) {display:none;}

/* 빅데이터분석사례 */
.bigdata_gall .award_left {width:23%}
.bigdata_gall .award_right {width:calc(77% - 40px);}
.bigdata_gall .award_right .a_tit02 {padding:0 0 20px;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.awd_listbox ul li .awd_box .awd_right .awd_tit {font-size:1.9rem;}
 	.awd_listbox ul li .awd_box .awd_right .awd_txt li dt {width:20%;}
    .awd_listbox ul li .awd_box .awd_right .awd_txt li dd {width:80%;}
}
@media screen and (max-width:920px) {
  	.awd_listbox ul li .awd_box .awd_thumb {width:26%;}
	.awd_listbox ul li .awd_box .awd_right {width:69%;}
	.awd_listbox ul li .awd_box .awd_right .awd_tit {font-size:1.8rem;}
  	.awd_listbox ul li .awd_box .awd_right .awd_txt {padding:20px 0;}
  	.awd_listbox ul li .awd_box .awd_right .awd_txt li dt {width:23%;}
	.awd_listbox ul li .awd_box .awd_right .awd_txt li dd {width:77%;}
}
@media screen and (max-width:767px) {
	.awd_listbox ul li .awd_listbox ul li {float:none; width:100%;}
	.awd_listbox ul li .awd_box .awd_right .awd_tit {font-size:2.0rem;}
	.awd_listbox ul li .awd_box .awd_right .awd_txt {display:inline-block;}
  	.awd_listbox ul li .awd_box .awd_right .awd_txt li dt, 
  	.awd_listbox ul li .awd_box .awd_right .awd_txt li dd {font-size:1.5rem;}
  	.awd_listbox ul li .awd_box .awd_right .award_btn {width:30%;}
	
	.award_left, .award_right {float:none; width:100% !important;}
	.award_right{padding:40px 0px;}
	.award_right .a_tit02{padding:10px 0 20px 0; font-size:1.7rem;}
	.award_list li dt {font-size:1.5rem;}
	.award_list li dd {font-size:1.5rem;}
}
@media screen and (max-width:640px) {
	.awd_listbox ul li .awd_box {padding:20px;}
	.awd_listbox ul li .awd_box .awd_thumb {float:none; width:100%; margin-bottom:20px;}
	.awd_listbox ul li .awd_box .awd_right {float:none; width:100%; padding:0px; min-height:auto;}
	.awd_listbox ul li .awd_box .awd_right .awd_tit {font-size:1.7rem; padding-bottom:10px;}
  	.awd_listbox ul li .awd_box .awd_right .award_btn {position:static; width:100%; padding:10px 0px;}
	
	.award_list li dt {width:25%;}
	.award_list li dd {width:75%;}
}
@media screen and (max-width:480px) {
	.awd_listbox ul li .awd_box .awd_right .awd_txt li dt {width:25%;}
	.awd_listbox ul li .awd_box .awd_right .awd_txt li dd {width:75%;}
}


/*05공공빅데이터 창업경진대회 > 02대회안내 */
/*경진대회소개*/
.contest_box {margin-top:10px;}
.contest_box ul {margin-left:-40px;}
.contest_box ul:after {content:""; display:block; visibility:hidden; clear:both;}
.contest_box ul li{position:relative; float:left; width:33.3333%; padding:0 0 0 40px; text-align:center; color:#fff;}
.contest_box ul li:before {content:''; position:absolute; left:-10px; top:93px; width:25px; height:12px; background:url(../images/sub02/p_iconarrow.png) center center no-repeat;}
.contest_box ul li:first-child{margin-left:0;}
.contest_box ul li:first-child:before {display:none;}

.contest_box ul li > div {width:90%; min-height:200px; padding:30px; border-radius:10px; text-align:center;}
.contest_box ul li:first-child > div {background-color:#376b86;}
.contest_box ul li:nth-child(2) > div {background-color:#375886;}
.contest_box ul li:last-child > div {background-color:#3b3786;}
.contest_box ul li > div .c_nm{display:block; width:70px; margin:0 auto; padding:2px 7px; border-radius:50px; background-color:#fff; color:#376b86; font-size:1.3rem;}
.contest_box ul li > div strong{display:block; padding:15px 0; font-size:2.0rem;}
.contest_box ul li > div p{}

/*공모부문*/
.type_box {margin-top:10px;}
.type_box ul {}
.type_box ul:after {content:""; display:block; visibility:hidden; clear:both;}
.type_box ul li{float:left; width:50%; min-height:150px; text-align:center; color:#333;}
.type_box ul li strong {display:block; padding:15px; background-color:#f3f3f3; border-top:2px solid #777;}
.type_box ul li:first-child strong {border-right:1px solid #ddd;}
.type_box ul li p{display:block; padding:20px; background-color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.type_box ul li:last-child p {border-right:0;}

/*참가제외 및 입상취소기준*/
.notice {margin-bottom:20px;}
.notice > li {margin-bottom:10px;}
.notice li span {font-weight:600; color:#333; }
.notice li p {display:block; background-color:#fff6f6; color:#d82c24; padding:8px; margin-top:5px;}

.link_btn {width:100%; padding:30px 0; text-align:center;}
.link_btn a {display:block; width:300px; margin:0 auto; padding:10px; border-radius:5px; text-align:center; background-color:#0070C0; color:#fff;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
  	.contest_box ul li > div {min-height:215px;}
  	.contest_box ul li > div strong{font-size:1.8rem;}
}
@media screen and (max-width:767px) {
	.contest_box ul {margin-left:0}
	.contest_box ul li{float:none; width:100%; padding:0; margin-bottom:20px;}
	.contest_box ul li:before {display:none;}
	.contest_box ul li > div {width:100%; min-height:auto;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
  	.link_btn a {width:auto;}
}


/*05공공빅데이터 창업경진대회 > 04참가신청 */
.agreement_box {}
.agreement.agr02 {height:200px;}
.agreement.agr03 {height:auto;} /*참가신청-개인정보이용동의*/

.tbl_base tbody th.th_b {border-right:0; background-color:#ecefef;}
.register_box label {position:relative; word-break:break-all;}
.register_box .essent {position:absolute; display:inline-block; margin-left:3px; line-height:0; font-size:0;}
.register_box .essent:before {content:'*'; position:absolute; left:0; top:3px; line-height:1; font-size:2.0rem; color:#d52604 !important;}

.register_box .register_inner {/*position:relative;*/}
.register_box .register_inner ul:after {content:""; display:block; clear:both;}
.register_box .register_inner ul li{float:left; padding:0 7px 0 0;}
.register_box .tbl_base.valg_m tr td:after{content:""; display:block; clear:both;}
.register_box dl {padding:3px; float:left; width:50%;}
.register_box dl.file_area{float:none; width:100%;}
.register_box dl:after {content:""; display:block; clear:both;}
.register_box dl dt{float:left; width:26%; margin-right:5px; padding:8px; background-color:#f3f3f3; text-align:center;}
.register_box dl dd{float:left; width:72%;}
.register_box dl dd input.file_area{width:100%;}

.th_btn {display:inline-block; padding:3px 5px; margin:0 auto; text-align:center; font-size:1.3rem; border-radius:5px; color:#fff;}
.th_btn.add {background-color:#1c712c;}
.th_btn.del {background-color:#d04e3d;}

.agree_box {/*padding:20px;*/ text-align:left; background-color:#fff; /*border:1px solid #e1e1e1;*/}
.agree_box label {margin-left:15px;}
.agree_box label.agree_check {margin-left:0;}
.agree_box .agree_check input[type="radio"] {width:18px; height:18px; margin-right:5px;}
.agree_box .agree_check input[type="radio"]:focus {outline:1px dotted #000;}

/*다운로드 btn*/
.btn_down {display:inline-block; width:100%; margin:0 auto; color:#fff; text-align:center;}
.btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#0c587f; border-radius:30px; border:2px solid #0c587f; background-color:#fff;}
.btn_down:hover span,
.btn_down:active span,
.btn_down:focus span {color:#fff; border-color:#0c587f; background-color:#0c587f; transition: all 0.1s linear;}

/*인증하기 btn*/
input.bd_input.certify {display:inline-block; width:80%;}
.bd_btn.certify_btn {/*margin-left:10px;*/}

.bd_btn.adr_certify_btn {}

.report_btn {text-align:center;}/*다음 & 취소 btn*/

/*개인정보취급방침*/
.agreement.agr03 {}
.agreement.agr03 p {display:block; padding:10px;}
.agreement.agr03 p:first-of-type {padding-top:0px;}
.agreement.agr03 p:last-of-type {padding-bottom:0px;}
.agr_list {}
.agr_list > li {margin:15px 0;}
.agr_list > li span {font-weight:600;}

.agr_box {padding:10px 20px; border:1px solid #ddd; border-width:0 1px 1px 1px;}
.agr_box dl{padding:5px 0; margin-bottom:7px; border-bottom:1px dotted #d0d0d0;}
.agr_box dl:last-of-type{border-bottom:0; padding-bottom:0;}
.agr_box dl:after{content:""; display:block; visibility:hidden; clear:both;}
.agr_box dl dt{float:left; position:relative; padding-left:10px;}
.agr_box dl dt:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:4px; height:2px; background-color:#aaa;}
.agr_box dl dd{float:right;}

.prm_box .info_txtbox p {display:block; margin-bottom:10px;}
.prm_box .info_txtbox span {display:block; padding-top:20px; text-align:center;}
.prm_box dl{padding:10px; border:1px solid #ddd; border-width:0 1px 1px 1px;}
.prm_box dl:after{content:""; display:block; visibility:hidden; clear:both;}
.prm_box dl dt{float:left;}
.prm_box dl dd{float:right; padding-top:7px;}

/*신청완료 화면*/
.complete_box{padding:40px; background-color:#fbfbfb; border:1px solid #ddd; text-align:center;}
.complete_box i{display:block; width:180px; height:185px; margin:0 auto 30px; transition:all 0.2s linear;}
.complete_box i:before{content:''; display:block; width:180px; height:185px; transition:all 0.2s linear; background-image:url(../images/sub05/icon_register_complete.png);}
.complete_box .c_txtbox {margin-bottom:40px;}
.complete_box p{text-align:center;}
.complete_box p.b_txt{font-size:2.2rem;}
.complete_box p.b_txt > .blueTxt{display:inline-block; color:#148c98;}
.complete_box p.s_txt01{display:block; padding-top:20px;}
.complete_box p.s_txt02{padding-top:15px;}
.complete_box p.s_txt02 > span{display:inline-block; padding:2px 10px; margin-right:5px; border-radius:50px; font-size:1.3rem; background-color:#097f8b; color:#fff;}
.complete_box .back_btn {display:block; margin:0 auto; width:200px; padding:10px; text-align:center; border-radius:5px; color:#fff; background-color:#656F86;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.register_box dl {float:none; width:100%;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.register_box dl {margin-bottom:15px;}
	.register_box dl:last-of-type{margin-bottom:0;}
	.register_box dl dt, .register_box dl dd{float:none; width:100%; margin-bottom:3px;}
	.register_box dl dd{float:none; width:100%; margin-bottom:3px;}
	
	input.bd_input.certify, .bd_btn.certify_btn, .bd_btn.adr_certify_btn {display:inline-block; width:100%; margin-top:6px;}
	
	.agreement.agr03 {padding:10px;}
	
	.agr_box dl dt{float:none; width:100%;}
	.agr_box dl dd{float:none; width:100%;}
	
	.complete_box{padding:20px; }
	.complete_box i:before {background-size:80%; background-position:center;}
	.complete_box p.b_txt{font-size:1.7rem;}
}
@media screen and (max-width:480px) {
	.register_box .slt_box {width:100%;}
	.register_box .slt_box.p_c {margin-bottom:7px;}
}


/********************************
 06 고객센터
 *******************************/
/*06고객센터 > 02자주하는 질문*/
.question_box .q_inner {overflow:hidden; border-top:2px solid #121212; color:#797979; margin-bottom:20px;}
.question_box .faq{overflow:hidden; border-bottom:1px solid #dbdbdb;}
.question_box .faq > li{border:1px solid #dbdbdb; border-width:1px 0 0 0;}
.question_box .faq > li > a.question{position:relative; display:block; padding:25px 65px 25px 60px; /*font-family:'GSK';*/ font-size:2.0rem; text-align:left; cursor:pointer;}
.question_box .faq > li > a.question .q_tit{position:absolute; left:15px; top:50%; margin-top:-30px; font-size:34px;}
.question_box .faq > li > a.question strong{}
.question_box .faq > li > a.question:after{content:""; display:block; position:absolute; right:25px; top:50%; margin-top:-14px; width:16px; height:32px; background-image:url(../images/sub06/icon_arrow_big.png); transform:rotate(90deg);}
.question_box .faq > li > div.answer{position:relative; padding:30px; background-color:#f9f9f9; border-top:1px solid #dbdbdb;}
.question_box .faq > li > div.answer > strong{display:block; margin-bottom:20px; font-weight:600;}
.question_box .faq > li > div.answer{display:none;}
.question_box .faq > li.on > a.question, 
.question_box .faq > li > a.question:hover, 
.question_box .faq > li > a.question:focus{color:#02707d;text-decoration:underline;}
.question_box .faq > li.on > a.question .q_tit{color:#02707d;}
.question_box .faq > li.on > a.question:after{content:""; display:block; position:absolute; right:25px; top:50%; margin-top:-16px; width:16px; height:32px; background-image:url(../images/sub06/icon_arrow_big.png); transform:rotate(270deg);}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.question_box .faq > li > a.question .q_tit {font-size:30px;}
	.question_box .faq > li > a.question {font-size:1.6rem;}
}
@media screen and (max-width:640px) {
  	.question_box .faq > li > div.answer{padding:20px;}
  	.question_box .faq > li > a.question .q_tit {font-size:25px; margin-top:-23px;}
	.question_box .faq > li > a.question:after{right:20px; background-size:60%;}
  	.question_box .faq > li.on > a.question:after{right:9px;}
}
@media screen and (max-width:480px) {
}


/********************************
 홈페이지 가이드
 *******************************/
/*울산데이터포털 소개*/
.udp_box {position:relative; width:100%; text-align:center;}
.udp_box img {margin:0 auto;}
.udp_box .img_bigBtn {display:none; position:absolute; bottom:0; right:0; padding:5px 10px; background-color:#333; color:#fff;}

.bigdata_box {}
.bigdata_box ul {}
.bigdata_box ul:after {content:''; display:block; visibility:hidden; clear:both;}
.bigdata_box ul li {position:relative; float:left; width:32%; margin-left:2%; padding:0 20px 20px 20px; border:1px solid #ddd; box-shadow:2px 2px 12px 2px #eee; text-align:center;}
.bigdata_box ul li:first-child{margin-left:0;}
.bigdata_box ul li .bd_con{display:block; position:relative; /*width:160px;*/ height:160px; text-align:center;}
.bigdata_box ul li .bd_con:before{content:''; display:block; position:absolute; top:0; left:50%; margin-left:-80px; width:160px; height:160px; background:url(../images/sub07/bigData_ir.png) no-repeat;}
.bigdata_box ul li .bd_con.bd_con01:before{background-position:0 0px;}
.bigdata_box ul li .bd_con.bd_con02:before{background-position:0 -160px;}
.bigdata_box ul li .bd_con.bd_con03:before{background-position:0 -320px;}
.bigdata_box ul li .bd_tit{display:inline-block; padding:5px 20px; margin-bottom:10px; border-radius:50px; text-align:center; color:#106871; background-color:#f1f5f6;}
.bigdata_box ul li p{}
.bigdata_box ul li p .r_txt{color:#BE3510;}

.business_box {}
.business_box ul {}
.business_box ul:after {content:''; display:block; visibility:hidden; clear:both;}
.business_box ul li {position:relative; float:left; width:32%; margin-left:2%; text-align:center;}
.business_box ul li:first-child{margin-left:0;} 
.business_box ul li .bs_tit {display:block; padding:15px 0; margin-bottom:5px; border-radius:5px; color:#fff;}
.business_box ul li:first-child .bs_tit {background-color:#36747b;}
.business_box ul li:nth-child(2) .bs_tit {background-color:#184a50;}
.business_box ul li:last-child .bs_tit {background-color:#082A2E;}
.business_box ul li .bs_txt {display:block; padding:20px; min-height:90px; border:1px solid #ddd;}

/*media query*/
@media screen and (max-width:1200px) {
  	.bigdata_box ul li {min-height:290px;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
  	.business_box ul li .bs_txt {min-height:110px;}
}
@media screen and (max-width:767px) {
	.bigdata_box ul li {float:none; width:100%; min-height:auto; margin-left:0; margin-bottom:20px;}
	
	.business_box ul li {float:none; width:100%; margin-left:0; margin-bottom:20px;}
	.business_box ul li .bs_txt {min-height:auto;}
}
@media screen and (max-width:640px) {
	.udp_box {margin-bottom:50px;}
	.udp_box .img_bigBtn {display:block;}
}
@media screen and (max-width:480px) {
}

/*국가데이터플랫폼안내*/
.platform_title {text-align:center; color:#006069;}
.platform_txt {padding:0 0 20px; text-align:center;}

.platform-list-wrap {position:relative; }
.platform-listbox {height:241px; background:#fff; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; text-align:center;}
.platform-listbox .box {position:relative; float:left; width:12.5%; height:120px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.platform-listbox a {display:block; height:100%;}
.platform-listbox p {position:absolute; top:50%; width:100%; transform:translate(0, -50%); padding-top:60px; background-repeat:no-repeat; background-position:top center; }
.platform-listbox .box:hover,
.platform-listbox .box:focus,
.platform-listbox .box:active {background-color:#f5f5f5;}
.platform-listbox .box:hover p{color:#066ef0;}

.platform1 p { background-image:url('../images/platform/icon_platform01.png'); }
.platform2 p { background-image:url('../images/platform/icon_platform02.png'); }
.platform3 p { background-image:url('../images/platform/icon_platform03.png'); }
.platform4 p { background-image:url('../images/platform/icon_platform04.png'); }
.platform5 p { background-image:url('../images/platform/icon_platform05.png'); }
.platform6 p { background-image:url('../images/platform/icon_platform06.png'); }
.platform7 p { background-image:url('../images/platform/icon_platform07.png'); }
.platform8 p { background-image:url('../images/platform/icon_platform08.png'); }
.platform9 p { background-image:url('../images/platform/icon_platform09.png'); }
.platform10 p { background-image:url('../images/platform/icon_platform10.png'); }
.platform11 p { background-image:url('../images/platform/icon_platform11.png'); }
.platform12 p { background-image:url('../images/platform/icon_platform12.png'); }
.platform13 p { background-image:url('../images/platform/icon_platform13.png'); }
.platform14 p { background-image:url('../images/platform/icon_platform14.png'); }
.platform15 p { background-image:url('../images/platform/icon_platform15.png'); }
.platform16 p { background-image:url('../images/platform/icon_platform16.png'); }

.platform1.on p { background-image:url('../images/platform/icon_platform01_on.png'); }
.platform2.on p { background-image:url('../images/platform/icon_platform02_on.png'); }
.platform3.on p { background-image:url('../images/platform/icon_platform03_on.png'); }
.platform4.on p { background-image:url('../images/platform/icon_platform04_on.png'); }
.platform5.on p { background-image:url('../images/platform/icon_platform05_on.png'); }
.platform6.on p { background-image:url('../images/platform/icon_platform06_on.png'); }
.platform7.on p { background-image:url('../images/platform/icon_platform07_on.png'); }
.platform8.on p { background-image:url('../images/platform/icon_platform08_on.png'); }
.platform9.on p { background-image:url('../images/platform/icon_platform09_on.png'); }
.platform10.on p { background-image:url('../images/platform/icon_platform10_on.png'); }
.platform11.on p { background-image:url('../images/platform/icon_platform11_on.png'); }
.platform12.on p { background-image:url('../images/platform/icon_platform12_on.png'); }
.platform13.on p { background-image:url('../images/platform/icon_platform13_on.png'); }
.platform14.on p { background-image:url('../images/platform/icon_platform14_on.png'); }
.platform15.on p { background-image:url('../images/platform/icon_platform15_on.png'); }
.platform16.on p { background-image:url('../images/platform/icon_platform16_on.png'); }

.platform-list .box.on {background-color:#066ef0;}
.platform-list .box.on p {color:#fff; }


.platform-listbox2 {padding:40px 20px; border:1px solid #e0e0e0; margin-top:-1px;}
.platform-listbox2:after{content:''; display:block; visibility:hidden; clear:both;}
.platform-listbox2 li{display:block; float:left; width:20%;}
.platform-listbox2 li .plf2_txt{display:inline-block; padding-right:5px;}
.platform-listbox2 li .img_box{}
.platform-listbox2 {}

.platform-result {display:none; position:relative; width:100%; height:250px; margin-top:30px; padding:20px; background-color:#fff; border:1px solid #e0e0e0; text-align:center;}
.platform-result.on {display:block; }
.platform-result > p {position:absolute; top:50%; width:100%; transform:translate(0, -50%); padding-top:150px;	background:url('../images/platform/platform-result.png')no-repeat top center; font-size:1.5em; }
.platform-result ul {height:100%;}
.platform-result li {position:relative; float:left; width:25%; height:50%;}
.platform-result li img {display:block; margin:0 auto;}
.platform-result li .group_title {display:block; font-weight:600; color:#0054a6;}
.platform-result li .group_title2 {color:#0054a6;}
.platform-result li .img_box {display:block; height:60px; margin:10px 0 0;}
.platform-result li a {display:block; width:100%;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
.platform-listbox2 li{width:33.3333%;}
}
@media screen and (max-width:920px) {
	.platform-listbox {height:481px;}
	.platform-listbox .box{width:20%}
    
    .platform-result {height:400px;}
	.platform-result li {width:33.3333%; height:33.3333%;}
}
@media screen and (max-width:767px) {
	.platform-listbox .box{width:25%}

	.platform-result {height:540px;}
	.platform-result li {width:50%; height:26%;}
}
@media screen and (max-width:640px) {
	.platform-listbox {height:721px;}
	.platform-listbox .box{width:33.3333%}
	
	.platform-listbox2 {padding:20px;}
	.platform-listbox2 li{width:50%; height:30px; text-align:center;}
}
@media screen and (max-width:480px) {
	.platform-listbox {height:961px;}
	.platform-listbox .box{width:50%}

	.platform-listbox2 li{float:none; width:100%;}

	.platform-result {height: 910px;}
	.platform-result li {float:none; width:100%; height: 11.5%;}
}


/********************************
 04 지도로보는 울산
 *******************************/
/*04지도로보는 울산 > 01지도로보는 울산*/
.map_ulsan {width:100%; height:700px;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
  .map_ulsan {height:450px;}
}
@media screen and (max-width:480px) {
}