@charset "utf-8";


h4{background:url("/resource/global/sub/h4_2.png") repeat-x 0 20px;font-size:28px;color:#005bac;margin:0 0 20px 0;font-weight:500;}
h4 span{display:inline-block;background:#fff;padding-right:15px; word-break: break-all;}
h5{font-size:24px !important;margin:0 0 10px 0 !important;font-weight:500;background:url("/resource/global/sub/h4.png") no-repeat left 7px;padding:0 0 0 30px !important;}
h6{background:url("/resource/global/sub/h6.png") no-repeat 0 15px;font-size:22px;color:#3b566d;padding:0 0 0 10px;margin:0 0 10px 0;font-weight:500;}

.basic_p{font-size:16px;margin-bottom:20px;}

.basic_box{position:relative;background:url("/resource/global/sub/box_line.png");padding:0 20px 20px 0;margin-bottom:20px;}
.basic_box div{background:#fff;border-top:solid 10px #6b7b89;border-left:solid 10px #6b7b89;padding:20px;}
.basic_box div:before{display:block;content:"";background:#fff;width:20px;height:20px;position:absolute;top:0;right:0;}
.basic_box div:after{display:block;content:"";background:#fff;width:20px;height:20px;position:absolute;bottom:0;left:0;}
.basic_box h4{background:url("/resource/global/sub/h4.png") no-repeat left 7px;font-size:24px;padding:0 0 0 30px;color:#000;}
.basic_box li,
.basic_ul li{background:url("/resource/global/sub/li01.png") no-repeat left 9px;padding:0 0 0 10px;font-weight:300;font-size:16px;}
.basic_box li li,
.basic_ul li li{background:url("/resource/global/sub/li02.png") no-repeat left 10px;padding:0 0 0 8px;}
.basic_box li li li,
.basic_ul li li li{background:url("/resource/global/sub/li03.png") no-repeat left 10px;padding:0 0 0 8px;color:#555;}

.basic_tab{margin:0 0 20px 0;}
.basic_tab ul{text-align:center;}
.basic_tab ul li{display:inline-block;}
.basic_tab ul li a{display:block;border:solid 1px #005bac;border-radius:5px;padding:10px 5px;text-align:center;color:#000;font-weight:300;}
.basic_tab ul li a.on,
.basic_tab ul li a:hover,
.basic_tab ul li a:focus{background:#005bac;color:#fff;}



.over_table{overflow-x:auto}
.scroll_guide{position:relative;padding:10px 40px;background: #f5f5f5;margin-bottom:5px;text-align:center;}
.scroll_guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.scroll_guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.scroll_guide p{ text-align:center;color:#666;font-size:14px;}

.basic_table {width: 100%;min-width:800px;margin: 10px 0;border-top:solid 2px #112b41 !important;}
.basic_table thead th{padding: 15px 10px;background:#112b41 !important;color:#fff !important;border:solid 1px #6b7b89;font-size:16px;font-weight:300;text-align: center;vertical-align: middle}
.basic_table tbody th,
.basic_table tbody td {font-weight:300;padding: 15px 10px;border: 1px solid #dedede;border-top: none;vertical-align: middle;text-align: center;font-size: 16px;line-height: 1.5em;vertical-align: middle}
.basic_table tbody th {background: #f7f7f7;}
.basic_table tbody td li{padding:0 0 0 10px;margin:0 0 5px 0;background:url("/resource/global/sub/li01.png") no-repeat left 9px;text-align:left}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding:0 0 0 8px;background:url("/resource/global/sub/li02.png") no-repeat left 10px;}
.basic_table tbody td li li li{padding:0 0 0 8px;background:url("/resource/global/sub/li03.png") no-repeat left 10px;}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}


/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:0 0 0 40px;font-weight:300;}
.basic_btn span{display:block;background: #fff;padding: 10px 15px;color:#000;border: 1px solid #112b41}
.btn_go,
.btn_new{display:inline-block;background:url("/resource/global/sub/btn_new.png") no-repeat 15px center #112b41;}
.btn_down{display:inline-block;background:url("/resource/global/sub/btn_down.png") no-repeat 15px center #112b41;}
.basic_btn a:hover span,
.basic_btn a:focus span{background:#112b41;color:#fff; transition:all ease-out .7s}


.sbtn_go{display:inline-block;background:url("/resource/global/sub/btn_new.png") no-repeat 10px center #112b41;color: #112b41;font-size:14px;margin:2px 5px 2px 0;padding:0 0 0 30px;border: 1px solid #112b41;font-weight:300;}
.sbtn_new{display:inline-block;background:url("/resource/global/sub/btn_new.png") no-repeat 10px center #112b41;color: #112b41;font-size:14px;margin:2px 5px 2px 0;padding:0 0 0 30px;border: 1px solid #112b41;font-weight:300;}
.sbtn_down{display:inline-block;background: url("/resource/global/sub/btn_down.png") no-repeat 10px center #112b41;color: #112b41;font-size:14px;margin:2px 5px 2px 0;padding: 0 0 0 30px;border: 1px solid #112b41;font-weight:300;}
.sbtn_go span,
.sbtn_new span,
.sbtn_down span{display:block;background: #fff;padding: 2px 15px}
.sbtn_go:hover span,
.sbtn_go:focus span,
.sbtn_new:hover span,
.sbtn_new:focus span,
.sbtn_down:hover span,
.sbtn_down:focus span{border:1px solid #112b41;background:#112b41;color:#fff;transition:all ease-out .7s}

.txt_link,
.txt_link:hover,
.txt_link:focus{background:url("/resource/global/sub/link_icon.png") no-repeat right center;padding:0 15px 0 0;color:#005bac;text-decoration:underline}

/* 기본절차도 */
.basic_step li{background:url("/resource/global/common/basic_step1.png") no-repeat center top !important;padding:20px 0 0 0 !important;margin:0 0 10px 0 !important;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none;padding-top:0 !important}
.basic_step li strong{display:block;background: #005bac;color:#fff;padding:16px 15px;}
.basic_step li span{display:block;background:#f1f4f7;/* border:1px solid #dde1e4; */padding: 10px;}
.basic_step li:last-child span{/* border:2px solid #00a094; *//* padding:13px; *//* font-weight:bold; *//* background:#fff; */}
.basic_step li span em{font-style:normal;font-size:14px}

/* 이미지 코멘트 */
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}

.map_area{border:1px solid #ccc}
.map_area img{width:100%}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}

/* 기본 마진 : 상황에 따라 추가 가능 */
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}

.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0{padding:0 !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 배경 없앰 */
.bg_none{background:none !important;}

.va_top{vertical-align:top !important;}

/* 컨텐츠 float */
.f_left{float:left;}
.f_right{float:right;}

/* float 해제 */
.clear{clear:both}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}




@media all and (min-width:768px){

	.basic_tab ul li a{font-size:16px;padding:10px 15px;}

}




@media all and (min-width:1280px){

	.con_box{margin-bottom:20px;}
	.con_box:after{display:block;content:"";clear:both;}
	.con_box h4{display:inline-block;width:300px;}
	.con_box h4 span{max-width:250px;}
	.con_box .inner{float:right;width:calc(100% - 350px);}

	.over_table .scroll_guide{display:none;}

	.basic_tab{background:#efefef;width:85%;margin:0 auto;padding:30px 0;}
	.basic_tab ul li{padding:0 3px;}
	.basic_tab ul li a{font-size:16px;padding:10px 25px;background:#fff;}

	/* 기본절차도 */
	.basic_step ol{overflow:hidden}
	.basic_step li{float:left;background: url("/resource/global/common/basic_step2.png") no-repeat 4% 32px !important;padding:0 0 0 30px !important;box-sizing:border-box;}
	.basic_step li:first-child{background:none !important;padding:0 !important}
	.basic_step .col2 li{width:50%}
	.basic_step .col3 li{width:33.333%}
	.basic_step .col4 li{width:25%}
	.basic_step .col5 li{width:20%;}


}


/* 공공누리 */
.license{border:1px solid #dedede;padding:20px;text-align:center;margin-top:40px;}
.license h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.license div{display:block;margin:0 0 10px 0}
.license p em{font-style:normal;font-weight:bold}
.license p em:after,.license p em:before{content:'\0022'}
@media all and (min-width:1023px) {
	.license{overflow:hidden;text-align:left;width: 80%;margin:40px auto 0 auto;}
	.license div{float:left;margin:0}
	.license p{float:right;margin:12px 0 0 0;width:calc(100% - 230px)}
}

/*사이트맵*/
.sitemap{padding:0 30px;}
.sitemap h4{background:none;text-align:center;margin:0;}
.sitemap h4 a{display:block;color:#005bac;border:solid 1px #005bac;font-size:18px;padding:10px 0}
.sitemap div{padding-bottom:25px;}
.sitemap ul li{background:url("../resource/global/sub/li02.png") no-repeat left 21px;padding:10px 0 10px 6px;font-size:16px;border-bottom:dashed 1px #ccc;}
.sitemap ul li ul{background:#f8f8f8;padding:15px;margin:10px 0 0 -6px;}
.sitemap ul li ul li{background:url("../resource/global/sub/li03.png") no-repeat left 10px;padding:0 0 5px 8px;font-size:14px;border:none;}
.sitemap ul li ul li ul{border:solid 1px #ccc;background:#fff;}
.sitemap .new_win{display:inline-block;background: url("/resource/global/common/icon_new.png") no-repeat center center;width: 12px;height:0;padding: 12px 0 0 0;margin-left: 3px;overflow:hidden;vertical-align:middle;}
@media all and (min-width:768px) {
	.sitemap:after{display:block;content:"";clear:both;}
	.sitemap div{float:left;width:33.3333%;padding:0 20px 25px 20px;}
	.sitemap div div{float:none;width:100%;padding:0;}
}
@media all and (min-width:1200px) {
	.sitemap{padding:0;width:85%;margin:0 auto;}
	.sitemap h4 a:hover,
	.sitemap h4 a:focus{background:#005bac;color:#fff; transition:all ease-out .5s}
	.sitemap div{width:16.66666666666667%;}
	.sitemap div div{width:100%;}
	.sitemap li a:hover,
	.sitemap li a:focus{color:#eb6101;font-weight:300;text-decoration:underline;}
	.sitemap li li a:hover,
	.sitemap li li a:focus{color:#005bac;}
	.sitemap li li li a:hover,
	.sitemap li li li a:focus{color:#000;}
}

.big_img{border:1px solid #e5e6ea;position:relative;padding:20px;margin:0 0 40px 0;text-align:center;border-radius:10px;overflow:hidden;}
.big_img img{width:100%}
.big_img a{position:absolute;bottom:0;right:0;display:block;background:#4857ab;color:#fff;padding:10px;border-radius:10px 0 0 0;}
/* Tablet */
@media all and (min-width:768px){

	.big_img img{width:100%}
}

/* Desktop */
@media all and (min-width:1023px){


	.big_img img{width:auto;max-width:1520px;}
	.big_img a{display:none}
}

.fc_blue{color:#005bac !important}