@charset "utf-8";
/*=================================
  5437.css (~ line 367)
===================================*/
/* Mobile */
h4{font-size:24px;color:#009da3;margin:30px 0 20px 0;font-family: GmarketSans;font-weight:400;}
h5{font-size:20px;color:#333;background:url("/resource/mayor/images/contents/h5.png") no-repeat 0 8px;padding:0 0 0 18px;margin:20px 0 10px 10px;font-family: GmarketSans;font-weight:600;}
h6{font-size:18px;color:#1763c0;background:url("/resource/mayor/images/contents/h6.png") no-repeat 0 8px;padding:0 0 0 16px;margin:15px 0 10px 10px;font-weight:600;}

/* 기본 컨텐츠 */
.basic_ul{margin:0 0 40px 20px}
.basic_ul li{ line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;}
.basic_ul li ul{margin: 5px 0 10px;}
.basic_ul li li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px}
.basic_ul li li li{padding:0 0 0 8px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 9px; font-size:15px;}
.basic_ul .li_none{background:none;padding:0;}

.basic_dl{margin:0 0 40px 10px}
.basic_dl dt{font-size:18px;color:#1763c0;background:url("/resource/mayor/images/contents/h6.png") no-repeat 0 8px;padding:0 0 5px 16px;font-weight: 500;}
.basic_dl dd{background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px;padding:0 0 0 10px;margin:5px 0 8px 8px;}
.basic_dl li ul{margin:5px 0}
.basic_dl li li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 9px}
.basic_dl .dd_none{background:none;padding:0;}

.basic_p{line-height:1.5em;margin:10px 0 10px 20px;}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#d34054 !important;font-style:normal}
.fc_blue{color:#1763c0 !important;font-style:normal}
.fc_violet{color:#4f18bb !important;font-style:normal}
.fc_green{color:#009da3 !important;font-style:normal}

/* 테이블 */
.over_table{overflow-x:auto}
.over_table .scroll_guide{position:relative;padding:10px 20px;background: #f0f9f7;margin-bottom:5px;text-align:center;}
.over_table .scroll_guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.over_table .scroll_guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.over_table .scroll_guide p{ text-align:center;font-weight:600;color:#666;font-size:12px;}
.over_table .scroll_guide p:before{ content:"좌우로 움직이시면 자세한 내용을 확인하실수 있습니다.";}

.basic_table{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #555}
.basic_table th, .basic_table td{text-align:center;padding:8px 10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;font-size:16px;line-height:1.5em}
.basic_table thead th{background:#f7f9fa;color:#333;font-weight: 500;}
.basic_table tbody th{background:#f0f9f7;color:#444;font-weight: 500;}
.basic_table tbody td li{padding:0 0 0 12px;margin:0 0 5px 0;background:url("/resource/mayor/images/contents/li01.gif") no-repeat 0 7px;text-align:left}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px}
.basic_table tbody td li li li{padding:0 0 0 8px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 9px}
.basic_table tbody td table{border-top:1px solid #555}
.basic_table tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}
.basic_table .point_bg{background:#fffaed}
.basic_table .point_bg td{background:#fafafa;color:#444;font-weight: 500;}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}
.basic_table .tntable {min-width: auto;}
.basic_table tbody .tntable th {background: #f7f9fa;}

span.app_ok{display:inline-block;padding:15px 0;color:#1763c0;}

.basic_table_s{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #555}
.basic_table_s th, .basic_table_s td{text-align:center;padding:5px 10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table_s thead th{background:#f7f9fa;color:#333;font-size:14px}
.basic_table_s tbody th{background:#f0f9f7;color:#444;font-size:14px}
.basic_table_s tbody td{font-size:12px}
.basic_table_s tbody td li{padding:0 0 0 12px;margin:0 0 5px 0;background:url("/resource/mayor/images/contents/li01.gif") no-repeat 0 7px;text-align:left}
.basic_table_s tbody td li ul{margin:7px 0}
.basic_table_s tbody td li li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 7px}
.basic_table_s tbody td li li li{padding:0 0 0 12px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 7px}
.basic_table_s tbody td table{border-top:1px solid #555}
.basic_table_s tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}
.basic_table_s .tntable {min-width: auto;}
.basic_table_s tbody .tntable th {background: #f7f9fa;}

.table_left td{text-align:left}

/* 탭 */
.basic_tab{overflow:hidden;border-top:1px solid #fff;border-left:1px solid #fff;margin:0 0 30px 0}
.basic_tab li{float:left;width:100%}
.basic_tab li a{display:block;padding: 15px 15px 15px 10px;border-right:1px solid #fff;border-bottom:1px solid #fff;background: #e5f0f7;}
.basic_tab li a:hover{background:#0e85d9;color:#fff}
.basic_tab li.on a{background: #1763c0;color:#fff;font-weight: 500;}
.basic_tab li.on a:hover{background-color:#0e85d9}

.basic_tab2{overflow:hidden;margin:0 0 30px 0}
.basic_tab2 li{float:left;width:100%;box-sizing:border-box;padding:0 10px 0 0;margin-bottom:10px;}
.basic_tab2 li a{display:block;padding:10px;box-sizing:border-box;height:45px;background:url("/resource/mayor/images/contents/tab02.png") no-repeat right 10px center;border-bottom:solid 1px #ddd;}
.basic_tab2 li a:hover{background:url("/resource/mayor/images/contents/tab02_hover.png") no-repeat right 10px center;color:#0e85d9;border:1px solid #009da3;}
.basic_tab2 li.on a{background:url("/resource/mayor/images/contents/tab02_on.png") no-repeat right 10px center;color:#1763c0;border:1px solid #1763c0;font-weight: 500;}
.basic_tab2 li.on a:hover{background:url("/resource/mayor/images/contents/tab02_hover.png") no-repeat right 10px center;color:#0e85d9;border:1px solid #009da3;}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;background:#1763c0;border-radius:100px;color:#fff;text-align:left;margin:0 5px 10px 5px;padding:0 30px 0 0}
.basic_btn a:hover, .basic_btn a:focus{background:#009da3;}
.basic_btn span{display:block;padding:0 20px 0 0}
.btn_go span{background:url("/resource/mayor/images/contents/btn_go.png") no-repeat right center}
.btn_new span{background:url("/resource/mayor/images/contents/btn_new.png") no-repeat right 1px center}
.btn_down span{background:url("/resource/mayor/images/contents/btn_down.png") no-repeat right center}

.sbtn_go{display:inline-block;background:url("/resource/mayor/images/contents/btn_go.png") no-repeat right 10px center #1763c0;color: #1763c0;font-size:14px;margin:2px 5px 2px 0;padding:0 30px 0 0;border: 1px solid #1763c0;border-radius: 3px;overflow: hidden;}
.sbtn_go:hover, .sbtn_go:focus{border:1px solid #009da3;background-color:#009da3;color:#009da3}
.sbtn_go span{display:block;background: #fff;padding: 2px 15px}
.sbtn_go:hover span, .sbtn_go:focus span {background: #f0f9f7}

.sbtn_new{display:inline-block;background:url("/resource/mayor/images/contents/btn_new.png") no-repeat right 11px center #1763c0;color: #1763c0;font-size:14px;margin:2px 5px 2px 0;padding:0 30px 0 0;border: 1px solid #1763c0;border-radius: 3px;overflow: hidden;}
.sbtn_new:hover, .sbtn_new:focus{border:1px solid #009da3;background-color:#009da3;color:#009da3}
.sbtn_new span{display:block;background: #fff;padding: 2px 15px}
.sbtn_new:hover span, .sbtn_new:focus span {background: #f0f9f7}

.sbtn_down{display:inline-block;background: url("/resource/mayor/images/contents/btn_down.png") no-repeat right 11px center #1763c0;color: #1763c0;font-size:14px;margin:2px 5px 2px 0;padding:0 30px 0 0;border: 1px solid #1763c0;border-radius: 3px;overflow: hidden;}
.sbtn_down:hover, .sbtn_down:focus{border:1px solid #009da3;background-color:#009da3;color:#009da3}
.sbtn_down span{display:block;background: #fff;padding: 2px 15px}
.sbtn_down:hover span, .sbtn_down:focus span {background: #f0f9f7}

.txt_link {color:#1763c0;text-decoration:underline}
.txt_link:hover, .txt_link:focus {color: #009da3;text-decoration:underline}

/* 박스형 컨텐츠 */
.basic_box{margin:20px 0 30px 0;position:relative;overflow: hidden;border:1px solid #ddd;border-top: 2px solid #0e85d9;}
.basic_box>div{position:relative;background:#fff;padding:20px;}
.basic_box li{font-size:16px;line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;background:url("/resource/mayor/images/contents/li01.gif") no-repeat 0 8px}
.basic_box li ul{margin:10px 0 0 0}
.basic_box li li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px}
.basic_box li li li{padding:0 0 0 8px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 9px}
.basic_box dt{color:#009da3;font-size:24px;margin:0 0 10px 0;font-weight:500}
.basic_box dd{line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;background:url("/resource/mayor/images/contents/li01.gif") no-repeat 0 8px}
.basic_box dd li ul{margin:10px 0 0 0}
.basic_box dd li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px}
.basic_box dd li li{padding:0 0 0 8px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 9px}
.basic_box p{line-height:1.5em}
.basic_box .img span{display:block;text-align:center;margin:0 0 15px 0}

.basic_box2{margin:20px 0 30px 0;position:relative;overflow: hidden;border: 1px solid #ddd;border-top: 2px solid #009da3;}
.basic_box2>div{position:relative;background:#f7f9fa;padding:20px;}
.basic_box2 li{line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;background:url("/resource/mayor/images/contents/li01.gif") no-repeat 0 8px}
.basic_box2 li ul{margin:10px 0 0 0}
.basic_box2 li li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px}
.basic_box2 li li li{padding:0 0 0 8px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 9px}
.basic_box2 dt{color:#1763c0;font-size:24px;margin:0 0 10px 0;font-weight:500}
.basic_box2 dd{font-size:16px;line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;background:url("/resource/mayor/images/contents/li01.gif") no-repeat 0 8px}
.basic_box2 dd li ul{margin:10px 0 0 0}
.basic_box2 dd li{padding:0 0 0 10px;background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px}
.basic_box2 dd li li{padding:0 0 0 8px;background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 9px}
.basic_box2 p{line-height:1.5em}
.basic_box2 .img span{display:block;text-align:center;margin:0 0 15px 0}

.notice_box>div {padding-top: 140px;background: url("/resource/mayor/images/contents/notice00.png") center top 30px no-repeat #fff;}
.notice_box .notice1 {background-image: url("/resource/mayor/images/contents/notice01.png")}
.notice_box .notice2 {background-image: url("/resource/mayor/images/contents/notice02.png")}
.notice_box .notice3 {background-image: url("/resource/mayor/images/contents/notice03.png")}

.info_txt{background: url("/resource/mayor/images/contents/icon_info.png") no-repeat 0 7px!important; padding: 6px 0 6px 30px; line-height: 1.5em;}
.info_txt2{background: url("/resource/mayor/images/contents/icon_info2.png") no-repeat 0 7px!important; padding: 6px 0 6px 30px; line-height: 1.5em;}
.info_txt3{background: url("/resource/mayor/images/contents/icon_info3.png") no-repeat 0 7px!important; padding: 6px 0 6px 30px; line-height: 1.5em;}

.info_box{margin:0 0 20px 0;padding:15px;background: #f7f9fa;border-radius: 5px;}
.info_box p{background:url("/resource/mayor/images/contents/icon_info3.png") no-repeat;background-position: 0 2px!important; line-height:1.5em;padding: 0 0 0 30px}
.info_box2{margin:0 0 20px 0;padding:15px;background: #f0f9f7;border-radius: 5px;}
.info_box2 p{background:url("/resource/mayor/images/contents/icon_info.png") no-repeat;background-position: 0 2px!important;line-height:1.5em;padding: 0 0 0 30px}

.line_dot {border-top: 1px dashed #009da3; padding-top: 10px; margin-top: 10px;}

.toggle h4{border: 1px solid #ddd;padding:0 20px;margin: 7px 0 0 0;font-size: 18px;line-height:1.25em;background:#f7f9fa;}
.toggle h4.on{background:#1763c0}
.toggle h4 a{color:#1763c0;display:block;padding:15px 0;background:url("/resource/mayor/images/contents/toggle_open.png") no-repeat right center;}
.toggle h4.on a{background:url("/resource/mayor/images/contents/toggle_close.png") no-repeat right center;color:#fff}
.toggle>div{display:none;padding:20px;border: 1px solid #ddd;border-top:none;}
.toggle>div.on{display:block}
.toggle div ul{margin-bottom:0}

/* 링크연결 컨텐츠 */
.link_box{text-align:center}
.link_box dt{color: #1763c0;font-size:24px;font-weight:600;margin:30px 0 0 0;}
.link_box dd{margin:15px 0 0 0;line-height:1.5em}

/* 모바일 이미지 확대보기 */
.big_img{border:1px solid #ddd;position:relative;padding:20px;margin:5px 0;text-align:center}
.big_img img{width:100%}
.big_img a{position:absolute;bottom:0;right:0;display:block;background:url("/resource/mayor/images/contents/img_view.png") no-repeat 10px center #1763c0;color:#fff;padding:10px 10px 10px 40px}

.w100 img, img.w100{width:100%}

/* 기본절차도 */
.basic_step li{background:url("/resource/mayor/images/contents/basic_step2.png") no-repeat center top !important;padding: 25px 0 0 0 !important;margin: 0 0 8px 0 !important;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none!important;padding-top:0 !important}
.basic_step li strong{display:block;background: #1763c0;color:#fff;padding:16px 15px;}
.basic_step li span{display:block;background:#f7f9fa;border:1px solid #ddd;padding:15px}
.basic_step li:last-child span{border: 2px solid #1763c0;padding:13px;font-weight:500;background:#fff;}
.basic_step li span em{font-style:normal;font-size:14px}
.basic_ul .basic_step li:first-child{padding:0 !important}

.basic_step2 li{background:url("/resource/mayor/images/contents/basic_step2.png") no-repeat center top;padding: 30px 0 0 0;margin: 0 0 8px 0;text-align:center;line-height:1.5em;}
.basic_step2 li:first-child{background:none;padding-top:0}
.basic_step2 li strong{display:block;background: #f0f9f7;color:#007b97;padding:16px 15px;}
.basic_step2 li span{display:block;border:1px solid #ddd;padding:15px;}

/* 이미지 코멘트 */
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}
.map_area{border:1px solid #ddd}
.map_area img{width:100%}

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

/* 기본 마진 : 상황에 따라 추가 가능 */
.m0{margin:0 !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}
.mt00{margin-top:0 !important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb00{margin-bottom:0 !important}
.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}

.s_con strong {font-weight: 500;}


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

.basic_tab li{width:50%}
.basic_tab2 li{width: 33.333%;}

.basic_box .img{overflow:hidden}
.basic_box .img span{text-align:left;margin:0 3% 0 0;float:left;width:15%}

.basic_box .img span img{width:100%}
.basic_box .img dl, .basic_box .img ul, .basic_box .img p{float:left;width:82%}

.notice_box>div {padding: 20px 20px 20px 180px;background-position: 40px 25px;min-height: 130px;}

.link_box{overflow:hidden;text-align:left;background: #f7f9fa;padding:50px 75px;border-top: 1px solid #555;}
.link_box p{float:left;width:45%;}
.link_box p img{width:90%;max-width:268px}
.link_box dl{float:left;width:55%}
.link_box dt{font-size:32px}
.link_box .basic_btn{text-align:left;float:left;width:55%}
.link_box .basic_btn a{margin:0}

.big_img{padding:40px 0}
.big_img img{width:100%}
}

/* Desktop */
@media all and (min-width:1023px) {
.basic_tab li{width:33.333%}
.basic_tab2 li{width:25%}
.basic_tab .col5 li,
.basic_tab2 .col5 li{width:20%}
.basic_tab .col4 li,
.basic_tab2 .col4 li{width:25%}
.basic_tab .col3 li,
.basic_tab2 .col3 li{width:33.333%}
.basic_tab .col2 li,
.basic_tab2 .col2 li{width:50%}

.big_img img{width:auto}
.big_img a{display:none}

.w100 img, img.w100{width:auto}

/* 기본절차도 */
.basic_step ol{overflow:hidden}
.basic_step li{float:left;background:url("/resource/mayor/images/contents/basic_step1.png") no-repeat 0 center !important;padding: 0px 0 0 27px !important;margin: 0 1% 10px 0 !important;box-sizing: border-box;}
.basic_step .col2 li{width:49%}
.basic_step .col3 li{width:32%}
.basic_step .col4 li{width:24%}
.basic_step .col5 li{width:19%}

.basic_step2 li{overflow:hidden;}
.basic_step2 li strong{float:left;width:20%;box-sizing: border-box;}
.basic_step2 li strong.line2{padding:27px 15px}
.basic_step2 li span{float:left;width:79.9%;text-align:left;border-left: none;box-sizing: border-box;}

.over_table .scroll_guide{display:none;}
}

/*sitemap*/
.sitemap>div {margin-bottom: 20px;border-top: 1px solid #007b97;border-bottom: 1px solid #ddd; background: #f0f9f7}
.sitemap h4 {height: 100px; margin: 0;padding: 0; background: #f0f9f7; line-height: 100px;text-align: center;}
.sitemap h4 a {color: #007b97;}
.sitemap h4 a:hover, .sitemap h4 a:focus {text-decoration: underline;}
.sitemap div div>ul>li>a {display: block;padding: 16px 20px; color: #fff;border: 1px solid rgba(255,255,255,.2);font-weight: 500;font-size: 18px;background: #007b97}
.sitemap div div>ul>li>a:hover, .sitemap div div>ul>li>a:focus {text-decoration: underline;}
.sitemap div div>ul>li>ul {padding: 12px 20px 20px;background: #fff;}
.sitemap li li {margin: 8px 0 0 0;}
.sitemap li li a {display: block; padding-left: 8px; color: #000; background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px;}
.sitemap li li a:hover, .sitemap li li a:focus {text-decoration: underline;}
.sitemap li li ul {padding: 6px 18px 12px;margin-top: 6px; background: #fff;}
.sitemap li li li a {padding-left: 8px; background:url("/resource/mayor/images/contents/li03.gif") no-repeat 0 8px;font-size: 14px;color: #464646}
.sitemap .new_win {margin: -4px 0 0 0;}
@media all and (min-width:768px) {
.sitemap li li {display: inline-block;margin-right: 20px;}
.sitemap li li:last-child {margin-right: 0;}
}
@media all and (min-width:1023px) {
.sitemap>div {padding-bottom: 0;margin-bottom: 40px;}
.sitemap>div:after {display: block;clear: both;content: "";}
.sitemap h4{float: left;width: 20%;}
.sitemap div div {float: left;width: 80%;padding: 0 30px 30px 0; background: #fff;box-sizing: border-box;}
.sitemap div div>ul>li {padding: 30px 0 0 30px;}
.sitemap div div>ul>li>a {background: none;border: none;padding: 0;color: #1763c0;}
.sitemap div div>ul>li>ul{margin-top: 10px;padding: 10px;border: 1px dashed #cfdee1;}
.sitemap li li {margin: 8px;}
}



/*=================================
  5527.css
===================================*/
.t_title {text-align: center;}
.t_title h4{font-size:35px;}
.t_title p{font-weight:bold;font-size: 20px;}
.t_title .w100 a{display: inline-block;padding:20px;border: solid 2px #a7adbd;margin: 15px 0;}

.basic_box .basic_ul{margin:0;}

.mb0{margin-bottom:0 !important}
.mt0{margin-top:0 !important}

.greeting{padding-top: 280px;background: url("/upload_data/board_data/CONTENTS_FILE/166121915153353.jpg") no-repeat top center;}
.greeting .sign span{font-family: THEFACESHOP;font-size: 32px;vertical-align: baseline;}

.profile .tit h4{margin-bottom: 10px;}
.profile .tit h4 span{font-family: THEFACESHOP;font-size: 36px;vertical-align: baseline;}
.profile .basic_box {border: none;border-top: 2px solid #0e85d9;}
.profile .basic_box dl{margin-top: 20px;}
.profile .basic_box dt{font-family: GmarketSans;margin-bottom: 0;}

.chief .box{margin: 20px auto;padding: 20px;border: 1px solid #ddd;text-align: center;word-break:keep-all;}
.chief .box p{margin: 10px 0;font-size: 18px;font-weight: 500;color: #1763c0;}
.chief .box li{text-align: left;overflow: hidden;}
.chief .box li strong{float: left;width: 70px;color: #000;}
.chief .box li span{float: right;width: calc(100% - 70px);}

.simin_step li{position: relative;}
.simin_step li em{display: block;position: absolute;padding: 2px 4px;font-style: normal;font-size: 14px;border-radius: 3px;top: 40px;left: 50%;transform: translateX(-110px);}
.simin_step li.step04 strong{background: #009da3;}
.simin_step li.step04 em{background: #fff;color: #009da3;}
.simin_step li.step05 strong{background: #666;}
.simin_step li.step05 em{background: #e4e4e4;color: #000;}

.plan .basic_table .point_bg a{display: block;background: url("/resource/mayor/images/contents/toggle_open.png") no-repeat center right 10px;}
.plan a.icon_pdf{display: inline-block;vertical-align:middle}
.plan a.icon_pdf span{display: block;width: 20px;height: 20px;font-size: 0;background: url("/resource/mayor/images/contents/icon_pdf.png") no-repeat center;}

.vision {padding-top: 100px;background: url("/resource/mayor/images/contents/vision_bg.jpg") no-repeat top center /100%;}
.vision h4{width: 180px;padding: 4px 0;margin: 20px auto 40px;background: #1763c0;border-radius: 30px;color: #fff;text-align: center;}
.vision .box1{margin-bottom: 60px;}
.vision img{display: block;width: 100%;max-width: 696px !important;margin: 0 auto;}
.vision .txt p{margin: 30px 0;text-align: center;word-break: keep-all;}
.vision .box2 li{width: 280px;height: 280px;margin: 0 auto 30px;padding: 30px 0;border-radius: 100%;border: 10px solid #ddd;text-align: center;box-sizing: border-box;}
.vision .box2 li:nth-child(1){border-color: #fac382;}
.vision .box2 li:nth-child(2){border-color: #b8d365;}
.vision .box2 li:nth-child(3){border-color: #42a0e2;}
.vision .box2 li:nth-child(4){border-color: #6442e2;}
.vision .box2 li span{display: block;font-family: GmarketSans;font-size: 18px;}
.vision .box2 li span:before{display: block;width: 100%;height: 110px;margin-bottom: 25px;content: "";background: url("/resource/mayor/images/contents/vis_ico.png") no-repeat;}
.vision .box2 li:nth-child(1) span:before{background-position: center 0;}
.vision .box2 li:nth-child(2) span:before{background-position: center -110px;}
.vision .box2 li:nth-child(3) span:before{background-position: center -220px;}
.vision .box2 li:nth-child(4) span:before{background-position: center -330px;}
.vision .box2 li strong{display: block;font-size: 24px;font-weight: bold;}

.big_img .half{position: relative;}
	
.gong_step .basic_box2 img{display: block;width: 100%;max-width: 1050px !important;margin: 0 auto;}
.gong_step .info_box2 .basic_ul{margin: 0;}
.gong_step>ul{margin-bottom: 20px;border-top: 1px solid #009da3;}
.gong_step>ul>li{padding: 10px;border-bottom: 1px dashed #ddd;word-break: keep-all;}
.gong_step>ul>li:nth-child(2n){background: #f7f9fa;}
.gong_step>ul>li strong{display: block;margin-bottom: 4px;font-size: 18px;}
.gong_step>ul>li span{color: #009da3;}

@media all and (min-width:768px){
.greeting{background-position: top right;padding-top: 200px;}

.profile .tit{padding-left: 30px;}
.profile .tit h4{font-size: 36px;}
.profile .tit h4 span{font-size: 48px;}
.profile .tit p{font-size: 18px;}
.profile .basic_box{margin-top: 40px;}
.profile .basic_box dl{overflow: hidden;margin-top: 40px;}
.profile .basic_box dt{float: left;width: 24%;text-align: right;}
.profile .basic_box dd{float: right;width: 70%;}

.chief{overflow: hidden;}
.chief .box{float: left;width: calc(50% - 30px);height: 340px;margin: 15px 15px;box-sizing: border-box;}

.simin_step ul{overflow: hidden;}

.vision{padding-top: 30%;}
.vision .box2 ul{font-size: 0;text-align: center;}
.vision .box2 li{display: inline-block;margin: 0 calc((50% - 280px)/2) 40px;}
	
.gong_step .basic_box2>div{position: relative;padding: 40px;}
.gong_step .basic_box2>div:before{display: block;position: absolute;top: 30px;right: 30px;width: 355px;height: 314px;background: url("/resource/mayor/images/contents/gongstep_bg.png") no-repeat;content: "";z-index: 0;}
.gong_step .basic_box2>div:after{display: block;position: absolute;bottom: 10px;left: 10px;width: 468px;height: 160px;background: url("/resource/mayor/images/contents/gongstep_bg2.png") no-repeat;content: "";z-index: 0;}
.gong_step .basic_box2 .img{position: relative;z-index: 1;}
.gong_step>ul>li{overflow: hidden;padding: 20px;}
.gong_step>ul>li strong{float: left;width: 70%;}
.gong_step>ul>li span{float: left;width: 30%;}
}

@media (min-width:768px) and (max-width:1022px){
.simin_step li.step04, .simin_step li.step05{float: left;width: 48%;margin: 0 1%!important;}
}

@media all and (min-width:1023px){
.basic_step.simin_step .col4 li{width: 48%;}
.simin_step li span{height: 100px;text-align: left;}
.simin_step li.step04 em{top: 15px;transform: translateX(-85px);}
.simin_step li.step05{padding: 27px 0 0 27px!important;background: none!important;}
.simin_step li.step05:after{display: block;position: absolute;top: 0;width: 100%;height: 16px;content: "";background: url("/resource/mayor/images/contents/basic_step2.png") no-repeat center;}
.simin_step li.step05 em{top: 40px;transform: translateX(-96px);}
	
.big_img{overflow: hidden;}
.big_img .half{float: left;width: 50%;}
.big_img .half img{width: 100%;}
}

@media all and (min-width:1440px){
.greeting{padding: 0;}

.chief .box{width: calc((100% - 90px)/4);margin: 15px 30px 15px 0;}
.chief .box:nth-child(4n){margin-right: 0;}

.simin_step ul{position: relative;padding-bottom: 100px;}
.basic_step.simin_step .col4 li{width: 24%;}
.simin_step li span{height: 120px;}
.simin_step li.step05{position: absolute;top: 200px;right:25%;}
	
.vision .box2 li{margin: 0 20px;}
.big_img .half img{width: auto;}
.gong_step .basic_box2>div{padding: 80px 0;}
.gong_step .basic_box2>div:before{top: 120px;right: 200px;}
}

.rank li{margin:0 0 10px 0;border:10px solid #ddd;box-sizing:border-box;border-radius:30px;text-align:center}
.rank li:nth-child(1){border-color:#fac382}
.rank li:nth-child(2){border-color:#b8d365}
.rank li:nth-child(3){border-color:#42a0e2}
.rank li:nth-child(4){border-color:#1763c0}
.rank li:nth-child(5){border-color:#6442e2}
.rank li>em{font-style:normal;font-weight:bold;letter-spacing:-0.05em;display:block;font-size:20px;color:#fff;border-radius:0 0 10px 10px;padding:10px 0;width:120px;margin:0 auto}
.rank li:nth-child(1)>em{background:#fac382}
.rank li:nth-child(2)>em{background:#b8d365}
.rank li:nth-child(3)>em{background:#42a0e2}
.rank li:nth-child(4)>em{background:#1763c0}
.rank li:nth-child(5)>em{background:#6442e2}
.rank li>span{display:block;margin:20px}
.rank li>span:before{content:"";display:block;width:100px;height:100px;margin:0 auto;background:url("/resource/mayor/images/contents/ico_rank.png") no-repeat}
.rank li:nth-child(1)>span:before{background-position:center 0}
.rank li:nth-child(2)>span:before{background-position:center -100px}
.rank li:nth-child(3)>span:before{background-position:center -200px}
.rank li:nth-child(4)>span:before{background-position:center -300px}
.rank li:nth-child(5)>span:before{background-position:center -400px}
.rank li a{margin:0 0 40px 0}
@media all and (min-width:768px){
.rank ol{overflow:hidden;margin:0 0 0 -1%}
.rank li{float:left;width:32.333%;margin:0 0 10px 1%;}
.rank li>span{height:210px}
}
@media all and (min-width:1023px){
.rank li{width:19%}
}

/*2025.01.22 공약점검메뉴추가*/
.gong_box{border-top:solid 1px #009da3;}
.gong_box ul li:after{display:block;content:"";clear:both;}
.gong_box ul li{padding: 15px 0;border-bottom: 1px dashed #ddd;word-break: keep-all;}
.gong_box ul li:nth-child(2n){background: #f7f9fa;}
.gong_box ul li span{color: #009da3;display:block;}
.gong_box ul ul{padding:10px 0;margin:0;border-top: 1px dashed #ddd;background:#fff;margin-top:20px;}
.gong_box ul ul li{padding:0 0 0 12px;border:none;}
.gong_box ul ul li:nth-child(2n){background:url("/resource/mayor/images/contents/li01.gif") no-repeat 0 7px}
.gong_box ul ul ul{border:none;}
.gong_box ul ul li li:nth-child(2n){background:url("/resource/mayor/images/contents/li02.gif") no-repeat 0 9px}
.gong_box .img img{display:block;width:100%;margin-bottom:1px;}

@media all and (min-width:768px) {
.gong_box .img img{display:inline-block;width:calc(50% - 1px);margin-right:1px;}    
.gong_box ul li span{float:right;}

}

@media all and (min-width:1023px) {
.gong_box{margin-bottom:30px;}
.gong_box:after{display:block;content:"";clear:both;}
.gong_box .b_left{float:left;width:68%;}
.gong_box ul li{padding:25px;font-size:17px;}
.gong_box .img{float:right;width:30%;padding-top:30px;}
.gong_box .img img{width:auto;}

}