@charset "utf-8";

@font-face {
	font-family: 'NanumS';
	font-style: normal;
	font-weight: 400;
	src: url(/resources/www/css/fonts/NanumSquareR.eot);
	src: url(/resources/www/css/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	url(/resources/www/css/fonts/NanumSquareR.woff) format('woff');
}

@font-face {
	font-family: 'NanumS';
	font-style: normal;
	font-weight: 600;
	src: url(/resources/www/css/fonts/NanumSquareB.eot);
	src: url(/resources/www/css/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	url(/resources/www/css/fonts/NanumSquareB.woff) format('woff');
}

@font-face {
	font-family: 'NanumS';
	font-style: normal;
	font-weight: 800;
	src: url(/resources/www/css/fonts/NanumSquareEB.eot);
	src: url(/resources/www/css/fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
	url(/resources/www/css/fonts/NanumSquareEB.woff) format('woff');
}

.supportpage{background-color: #fff;}
.support_top_line{position: relative;overflow: hidden;background: #f8f8f8;border-bottom: 1px solid #eee;box-sizing: border-box;}
.support_top_line .top{max-width: 1200px;margin: 0 auto;padding: 15px 0;}
.support_top_line .top .lg{display: inline-block;}
.support_top_line h3{color: #333;font-size: 26px;display: inline-block;vertical-align: middle;margin-left: 30px;}
.support_top_line span{color: #2856b6;background: #d4ddf0;}
.support_box{position: relative;max-width: 1200px;margin: 0 auto;padding: 30px 0 50px;}
.support_box .support-title1 {font-size: 36px;font-weight: 600;color: #2856b6;background: #d4ddf0;}
.support_box .support-title2 {font-size: 24px;font-weight: 600;color: #2856b6;background: #d4ddf0;}
.supportpage p{font-size: 16px;line-height: 1.6;}
.tit01{display: inline-block;width: auto;height: 42px;line-height: 42px;background: linear-gradient(to right,#3aa592 0%,#2859b3 100%);padding: 0 30px;margin-bottom: 20px;font-size: 21px;color: #fff;text-align: center;}
.tit02{display: block;overflow: hidden;background: url(http://www.goyang.go.kr/resources/www/images/popup/dot.png)no-repeat left top 7px;padding-left: 14px;margin-bottom: 10px;font-size: 20px;color: #333;}
.blue_txt{color:#4177e1;}
.red_txt{color:#f40000 ;}
.under{text-decoration: underline;}




.table_basic{width:100%;margin: 0 0 30px 0;border-top: 3px solid #474e5f;border-bottom: 1px solid #e1e1e1;border-spacing: 0;word-break: break-all;}
.table_basic caption{text-indent:-5000px; line-height:0; font-size:0;}
.table_basic table{width:100%}
.table_basic thead th{background: #f0f8fb;border-bottom: 1px solid #e1e1e1;}
.table_basic th, .table_basic td{font-size: 16px;line-height: 1.6;letter-spacing: 0;padding: 15px;}
.table_basic th{background: #f0f8fb;color:#3f3f3f;border-left:1px solid #e1e1e1;text-align:center;font-weight:600;}
.table_basic td{text-align:center;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;}
.table_basic th:first-child, .table_basic td:first-child{border-left:0 none}
.table_basic .bor_t{border-top: 1px solid #e1e1e1 !important;}
.table_basic .bor_r{border-right: 1px solid #e1e1e1 !important;}
.table_basic .bor_b{border-bottom: 1px solid #e1e1e1 !important;}
.table_basic .bor_l{border-left: 1px solid #e1e1e1 !important;}
.table_basic .bor_t0{border-top: 0 none !important;}
.table_basic .bor_r0{border-right: 0 none !important;}
.table_basic .bor_b0{border-bottom: 0 none !important;}
.table_basic .bor_l0{border-left: 0 none !important;}

.step_box { overflow:hidden; margin:10px 0 10px -50px; }
.step_box li { float:left; width:calc(33.3% - 50px); margin-left:50px; border:1px solid #e1e1e1; border-top:3px solid #474e5f; box-sizing:border-box; text-align:center; position:relative; }
.step_box li:before { content:'>'; display:block; position:absolute; right:-40px; top:50%; width:30px; height:11px; margin-top:-5px; }
.step_box li:last-child:before { content:''; display:none; }
.step_box li dl dt {font-weight:600; border-bottom:1px solid #e1e1e1; background-color:#f0f8fb; padding:15px 0;font-size: 16px;}
.step_box li dl dd { display:table; padding:5px; min-height:50px;margin: 0 auto;}
.step_box li dl dd b { display:table-cell; letter-spacing:-0.75px; vertical-align:middle; text-align:center; }

@media screen and (max-width: 1199px){
    .support_top_line h3{margin-left: 20px;font-size: 20px;}
    .support_top_line .top .lg{width: 120px;margin-left: 10px;}
    .support_box{ position: relative;clear: both;padding: 15px 15px 30px;}
    .supportpage p{font-size: 16px;}
    .tit01{height:40px;line-height: 40px; font-size: 18px;}
    .tit02{font-size: 17px;}
}

@media screen and (max-width: 767px){
    .supportpage p{font-size: 14px;}
    .tit01{height: 36px;line-height: 36px;font-size: 16px;margin-bottom: 10px;}
    .tit02{font-size: 16px;background:url(http://www.goyang.go.kr/resources/www/images/popup/dot.png)no-repeat left top 6px;padding-left: 10px;margin-bottom: 5px;}
    .table_basic th, .table_basic td{font-size: 14px;padding: 10px;}
    .step_box {margin-left:0;}
    .support_box center span{font-size: 50%;}
    .step_box li {width:100%; margin:0 0 10px 0;}
    .step_box li:before {content:''; display:none;}
    .step_box li dl dt {padding:10px;font-size: 14px;}
    .step_box li dl dd {min-height:auto; text-align:center;padding:10px;font-size: 14px;}
    .support_box .support-title1 {font-size: 24px;font-weight: 600;color: #2856b6;background: #d4ddf0;}
	.support_box .support-title2 {font-size: 16px;font-weight: 600;color: #2856b6;background: #d4ddf0;}
}

@media screen and (max-width: 320px){
    .support_top_line h3{font-size: 16px;}
}