/*기본화면-pc기준*/


/* 서브페이지 공통 */
#body_layout{width: 100%;}
.layout{width: 100%; max-width: 1480px; margin: 80px auto 100px auto; box-sizing: border-box; min-height: 410px; }

.page_tit{position: relative; display: inline-block;margin-bottom: 45px; font-size: 42px;}
.page_tit span{position: relative; display: block; z-index: 2; font-weight:600;}
.page_tit:before{position: absolute; top: 0; right: -15px; content: ""; display: block; width: 35px; height: 35px; background-image: url(/../../images/domain/junggu/sub/page_title.png); background-repeat: no-repeat; background-size: contain; z-index: 1;}


/* 서브페이지 상단 */
.subTop1{position: relative; width: 100%; height: 410px; background-image: url(../../../../../images/domain/mayor/sub/subTop01.jpg); background-repeat: no-repeat; background-size: cover;}
.subTop2{position: relative; width: 100%; height: 410px; background-image: url(../../../../../images/domain/mayor/sub/subTop02.jpg); background-repeat: no-repeat; background-size: cover;}
.subTop3{position: relative; width: 100%; height: 410px; background-image: url(../../../../../images/domain/mayor/sub/subTop03.jpg); background-repeat: no-repeat; background-size: cover;}
.subTop4{position: relative; width: 100%; height: 410px; background-image: url(../../../../../images/domain/mayor/sub/subTop04.jpg); background-repeat: no-repeat; background-size: cover;}

.subTop1 .title{padding-top: 120px; text-align: center; color: #fff;}
.subTop1 .title h2{font-size: 50px;}
.subTop1 .title p{font-size: 17px;}

.subTop2 .title{padding-top: 120px; text-align: center; color: #fff;}
.subTop2 .title h2{font-size: 50px;}
.subTop2 .title p{font-size: 17px;}

.subTop3 .title{padding-top: 120px; text-align: center; color: #fff;}
.subTop3 .title h2{font-size: 50px;}
.subTop3 .title p{font-size: 17px;}

.subTop4 .title{padding-top: 120px; text-align: center; color: #fff;}
.subTop4 .title h2{font-size: 50px;}
.subTop4 .title p{font-size: 17px;}

.snbWrap{position: absolute; bottom: 0; left: 0; width: 100%;}
.snbWrap:after{position: absolute; top: 0; right: 50%; transform: translateX(740px); content: ""; display: block; width: 100%; height: 100%; background: rgb(203,44,98); background: linear-gradient(90deg, rgba(203,44,98,1) 0%, rgba(171,25,212,1) 100%); border-top-right-radius: 50px;}
.snbWrap .inner{position: relative; z-index: 1; max-width: 1480px; margin: 0 auto;}

ul.snb li{position: relative; float: left; padding: 0 30px;}
ul.snb li:after{position: absolute; top: 50%; transform: translateY(-50%); right: 0; content: ""; display: block; width: 1px; height: 18px; background-color: #fff; opacity: 0.5;}
ul.snb li:last-child:after{display: none;}
ul.snb li a{position: relative; display: inline-block; color: #fff; font-size: 20px; font-weight: 500; opacity: 0.7; line-height: 80px;}
.snbWrap ul.snb li a.on{opacity: 1;}
ul.snb li a.on:after{position: absolute; top: 15px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #fff;}
ul.snb li a:hover{opacity: 1;}

ul.location{position: absolute; top: 50%; transform: translateY(-50%); right: 60px;}
ul.location li{float: left; padding-right: 19px; margin-right: 17px; background-image: url(../../../../../images/domain/mayor/sub/i_location.png); background-repeat: no-repeat; background-position: right center;}
ul.location li:last-child{padding-right: 0; margin-right: 0; background-image: none;}
ul.location li a{display: block; color: #fff; font-size: 15px;}
ul.location li.home a{width: 19px; height: 24px; text-indent: -9999px; background-image: url(../../../../../images/domain/mayor/sub/i_home.png); background-repeat: no-repeat; background-size: 19px 16px; background-position: center;}


/*depth*/
.depthWrap {background: #fef5fe;
    width: 100%;
    display: inline-block;}
ul.depth {
    /* display: flex; */
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    max-width: 1480px;
    margin: 0 auto;
    }
ul.depth li{float:left; padding: 15px 30px;}
ul.depth li  a {display: inline-block;text-align: center;color: #eed2ee;position: relative;font-size: 20px; font-weight: 600; white-space: nowrap;}

.depth li.on > a::after {
    display: block;
    content: '';
    height: 3px;
    width: 100%;
    background: #b51faf;
    position: absolute;
    bottom: 0;
    left: 0;
}
.depth  li.on > a {
    color: #f52089;
    font-weight: 800;
}

.tab_content h4{font-size: 21px; font-weight: 600; color:#3e3f99; margin-bottom: 10px; word-break: keep-all; padding-left: 10px;}

.h4_number{position: relative; display: inline-block; margin-bottom: 20px; font-size: 30px; font-weight:600;}
.h4_number:after{position: absolute; border-radius:50%; top: 5px; left: -13px; content: ""; display: block; width: 20px; height:20px; background:#eaeff0; z-index: -1;}


.box_basic{padding: 20px 30px; background: #f7f7f7; border: 3px solid #e4e4e4; color: #000; font-size: 16px; word-break:keep-all;}

/*리스트 디자인*/
ul.st1{ font-weight:400; padding-left:10px;}
ul.st1 > li{margin:5px 0; padding-left: 18px; position: relative; width: 100%; box-sizing: border-box; font-size: 18px;}
ul.st1 > li:after{display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #0a7fd9; position: absolute; content: ""; top: 9px; left: 4px; box-shadow: 3px 3px 0px #deefff;}

.list2{font-weight:400; padding-left:10px;}
.list2 > li{margin:5px 0; padding-left: 13px; position: relative; width: 100%; box-sizing: border-box; font-size: 16px;}
.list2 > li:after{display: block; width: 4px; height: 4px; background-color: #d714fc; position: absolute; content: ""; top:10px; left: 4px;}

.list_number{margin-left: 5px;}
.list_number > li{font-size:0px;}
.list_number > li span{vertical-align: top;}
.list_number > li span.number{font-weight: 600; display: inline-block; width: 17px; color: #355bd1; font-size:17px;}
.list_number > li span.num_txt{width: calc(100% - 21px); display: inline-block; vertical-align: top; line-height: 1.4; font-size: 17px;}

.Nobullis_list{font-size:16px; padding-left:10px;}


.ul_st1 {margin-left:6px}
.ul_st1 > li {position: relative; padding-left:12px; text-align:left; color:#222222; line-height:1.7em; font-weight:400;}
.ul_st1 > li:before{position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 5px; background-color: #ff3359; border-radius: 50%;}
.ul_st1 > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li {position: relative; padding-left:11px; font-size:15px; color:#4b4b4b; line-height:1.7em;}
.ul_st1 > li > ul > li:before{position: absolute; top: 11px; left: 0; content: ""; display: block; width: 7px; height: 2px; background-color: #666; border-radius: 50%;}
.ul_st1 > li > ul > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li > ul li {position: relative; padding-left:12px; font-size:15px; color:#4b4b4b; line-height:1.7em; }
.ul_st1 > li > ul > li > ul li:before{position: absolute; top: 11px; left: 0; content: ""; display: block; width: 5px; height: 1px; background-color: #888;}


/*큰탭버튼*/
.Big_tap_wrap{width: 100%;margin: 10px 0 30px;border-top: 3px solid #dcdcdc;border-bottom: 2px solid #dcdcdc;}
.Big_tap_wrap .Big_tapbtn{font-size:0;width: 100%; background: #eff6ff;}
.Big_tap_wrap .Big_tapbtn li{width: 25%;height: 70px;line-height: 70px;box-sizing: border-box;display: inline-block;vertical-align: top;margin-top: -1px;position: relative;border: 1px solid #bfcee7;border-right: 0;border-left: 0;position: relative;}
.Big_tap_wrap .Big_tapbtn li:last-child:after{display: none;}
.Big_tap_wrap .Big_tapbtn li:after{    display: block; width: 1px; height: 20px; position: absolute; content: ""; background-color: #2160cc; right: 0; top: 20px;}
.Big_tap_wrap .Big_tapbtn li:nth-child(5n):after{display:none;}

.Big_tap_wrap .Big_tapbtn li.on a{color:#ffffff !important;font-weight: 700;background-color: #2160cc;}
.Big_tap_wrap .Big_tapbtn li.on a span{background: url(../../../../../images/domain/mayor/sub/tap_check.png) no-repeat; background-position: left 0px center; padding-left: 25px;}
.Big_tap_wrap .Big_tapbtn li a{display:inline-block;height: 100%;width: 100%;font-size: 19px;text-align: center;color: #000 !important;position: relative;box-sizing: border-box;padding: 0 10px;background: #eff6ff;font-weight: 500;}
.Big_tap_wrap .Big_tapbtn li a span{display:inline-block;word-break:keep-all; vertical-align: middle; line-height: 1.2em;}
.Htap-area{display:none;}
.Htap-area.on {display:block;} 




/*탭버튼*/
.tap_wrap{width: 100%; margin: 10px 0 30px;}
.tap_wrap .tapbtn{font-size:0; width:100%;}
.tap_wrap .tapbtn li{width: 25%; height: 60px; line-height: 60px; box-sizing: border-box; display: inline-block; vertical-align: top; margin-left: -1px;
margin-top: -1px; position: relative; border:1px solid #c9cfd9;}
.tap_wrap .tapbtn li:last-child:after{display: none;}
/*개수별*/
.tapbtn2 li{width:50% !important;}
.tapbtn3 li{width:33.3333% !important;}
.tapbtn4 li{width:25% !important;}
.tapbtn5 li{width:20% !important;}
.tap_wrap .tapbtn li.active a{color:#ffffff !important;font-weight: 700;background-color: #393676;}
.tap_wrap .tapbtn li a{ display: block; height: 100%; width: 100%; font-size: 19px; text-align: center; color: #000 !important;
position: relative; box-sizing: border-box; padding: 0 10px; background: #f6fafc; font-weight: 500;}
.tap_wrap .tapbtn li a span{display:inline-block; word-break:keep-all;}
.hidden-area {display:none;}
.hidden-area.on {display:block;} 


/*표 디자인*/
table caption 	{width:100%; height:0px; overflow:hidden;}
.ovf_wrap{/*width: 96%; clear: both; margin: 0 auto 30px auto; word-break: keep-all; overflow: auto;*/
overflow-x:auto;}
.ovf_min {min-width:620px;}
.ovf_min2 {min-width:700px}
.table_box {border-top: 3px solid #000000 !important;border-bottom: 1px solid #000000 !important;text-align:center;line-height:1.6em;border-spacing: 0px;
border-style: none;border-collapse: collapse; font-size: 17px; width: 99%;}
.table_box th,.table_box td{padding:12px;border: 1px solid #ccc;border-width:1px 1px 0 1px;word-break:keep-all;border-spacing: 0px;   vertical-align: middle;}
.table_box thead tr th {background: #f4f4f4;font-weight:bold;font-size: 18px;word-break:keep-all;vertical-align: middle;}
.table_box tbody tr th ,.table_box tfoot tr th {background: #fbf4f7;color: #a00038;font-weight: 600;}
.table_box th:first-child,.table_box td:first-child{border-left:none}
.table_box th:last-child,.table_box td:last-child{border-right:none}
.b_con .table_box th, .b_con .table_box td{padding-top:7px;padding-bottom:7px;}
.table_box tbody tr td strong.big {font-size:17px; color:#363636; letter-spacing:-1px}
.table_box tbody tr td strong.big span.st1 {color:#3b7909}
.table_box tbody tr td strong.big span.st2 {color:#de5900}
.table_box tbody tr td strong.big span.st3 {color:#00249b}
.table_box tbody tr td strong.big span.st4 {color:#c2086d}
.table_box tbody tr td strong.big span.st5 {color:#452597}
p.st1{margin-bottom: 5px; color: #555555; line-height: 1.5em; text-align:right; padding-right: 15px;}


/* 사이트맵 */
.site_map{width: 100%;padding: 50px 0 55px;box-sizing: border-box;font-size: 0;border-bottom: 1px dashed #cccc;}
.site_map .site_maptit,.site_mapmenu{font-size:18px; display:inline-block; vertical-align: top;}
.site_map .site_maptit{width: 300px;margin-right: 30px;position: relative;}
.site_map .site_mapmenu{width: calc(100% - 330px);font-size: 0;position: relative;} 
.site_map1{padding-top:0;}
.site_map4{border-bottom: 0px;}

.site_maptit{ text-align: center;}
.site_maptit p{font-size:25px;font-weight: 600;word-break: keep-all;color:#000; text-align:left;}
.site_maptit img{padding:30px 0 0px;}
.sitemap_menu_1{display:inline-block; font-size:18px; vertical-align:top; box-sizing: border-box;
width: calc(100% / 4 - 10px); margin-right: 13px; margin-bottom:20px;}
.sitemap_menutitle{display: inline-block;text-align: center;background: #f6fafc;width: 100%;font-weight: 500;border: 1px solid #d4d4d4cc;}
.sitemap_menutitle a{text-align: center;display: inline-block;width: 100%;height: 100%;padding: 10px 7px;box-sizing: border-box;word-break: keep-all;font-size: 17px;}
.sitemap_menutitle:hover{background: #fff5fc;   border: 1px solid #f3277e;}

.site_map .site_mapmenu .sitemap_menu_1:last-child{margin-right:0px; margin-bottom: 0px;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(4n){margin-right:0px;}

.sitemap_menu_2{margin-top:15px; word-break: keep-all;}
.sitemap_menu_2 li{font-size:15px;}
.sitemap_menu_2 li a:hover {color:#002be0;}









/***********************************************/
/* 1700 이하(~1700)  */
@media screen and (max-width: 1700px) {}

/***********************************************/
/* 1480 이하(~1480)  */
@media screen and (max-width: 1480px) {
    /* 서브페이지 공통 */
    .layout{padding: 0 40px; margin:30px auto 65px;}
    
    /* 서브페이지 상단 */
    .snbWrap:after{right: 0; transform: translateX(0);}

/*재정계획·분야별 소요재원*/
.junggu03_3dep{margin-bottom:50px;}
.junggu03_3dep img{width:100%;}

    
}

/***********************************************/
/* 1024 이하 (~1024)  */
@media screen and (max-width: 1024px) {
    /* 서브페이지 공통 */
    .layout{padding: 0 30px;}
    
    /* 서브페이지 상단 */
    .subTop .title h2{font-size: 40px;}
    ul.snb li{padding: 0 20px;}
    ul.snb li a{line-height: 65px; font-size: 17px;}
    ul.location{display: none;}
    
  .page_tit {font-size:35px; margin-bottom:15px;}

/*큰탭버튼*/
.Big_tap_wrap .Big_tapbtn li a{font-size:17px;}


/*사이트맵*/
.site_map .site_maptit{width:100%; margin-bottom:20px; margin-right: 0px;}
.site_maptit p{text-align: center; padding: 5px 0; background: linear-gradient(90deg, #c5e0ff, #ffd7e0); font-size:23px;}
.site_map .site_mapmenu{width: 100%;  padding: 0px 0 0px; }
.site_map .site_maptit:after{display: none;}
.site_maptit img{ padding: 5px 0 0px;}
.sitemap_menutitle {background:#fff;}



}

/***********************************************/
/* 모바일 (0~767) */
@media screen and (max-width: 767px) {
    /* 서브페이지 공통 */
    .layout{padding: 0 20px;  margin:15px auto;}
    
    /* 서브페이지 상단 */
    .subTop{height: 260px;}
    .subTop .title{padding-top: 70px;}
    .subTop .title h2{margin-bottom: 5px; font-size: 27px;}
    .subTop .title p{font-size: 14px;}
    
    .snbWrap:after{border-top-right-radius: 0;}
    ul.snb{display: flex; justify-content: center; width: 100%;}
    ul.snb li{float: none; padding: 0;}
    ul.snb li a{padding: 0 10px; font-size: 14px; opacity: 0.8; font-weight: 400; line-height: 55px;}
    ul.snb li a.on:after{top: 10px; width: 4px; height: 4px;}



/*표 디자인*/
	.table_box {line-height:1.6em}
	.table_box th,.table_box td{padding-right:5px;padding-left:5px;font-size:14px; line-height:1.4;}
	.table_box .num{display:none;}
	.table_box tbody tr td strong {font-size:14px}
    .bt_down{font-size:14px;}
	p.st1{padding-right:5px;}


   /* 탭버튼 개수별*/
  .tap_wrap .tapbtn li{ width: 33.3% !important; box-sizing: border-box; height: 50px; line-height: 50px;}
  .tap_wrap .tapbtn2 li{ width: 50% !important;}
  .tap_wrap .tapbtn li a{font-size: 16px;}
  .tap_wrap .tapbtn li:nth-child(3n):after{display:none;}

  /*추진현황*/
  ul.junggu03_3dep li.st1 img{width:100%;}
    
    /*큰탭버튼*/
    .tapbtn5 li{width:33.3333% !important;}
    .Big_tap_wrap .Big_tapbtn li:nth-child(5n):after{display:inline-block;}
    .Big_tap_wrap .Big_tapbtn li:nth-child(3n):after{display:none;}


/*사이트맵*/
.sitemap_menu_1{width: calc(100% / 2 - 7px); margin-right:13px !important;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(3n){margin-right:13px !important;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(2n){margin-right:0px !important;}
.site_map{margin-bottom: 10px;}
    
 
    
}

/***********************************************/
/* 모바일 (0~560) */
@media screen and (max-width: 560px) {
    /* 서브페이지 공통 */
    .layout{padding: 0 15px;}

  /* 탭버튼 개수별*/
  .tap_wrap .tapbtn li{ width: 50% !important; box-sizing: border-box; height: 50px; line-height: 50px;}
  .tap_wrap .tapbtn li a{font-size: 17px;}
  .tap_wrap .tapbtn li:nth-child(2n):after{display:none;}
  .tap_wrap .tapbtn li:nth-child(3n):after{display:inline-block;}

  /*추진현황*/
  ul.junggu03_3dep li img{width:100%;}
    
    
/*큰탭버튼*/
.tapbtn5 li{width:50% !important;}
.Big_tap_wrap .Big_tapbtn li{height:66px; line-height: 66px;}
.Big_tap_wrap .Big_tapbtn li:nth-child(3n):after{display:inline-block;}
.Big_tap_wrap .Big_tapbtn li:nth-child(2n):after{display:none;}

/*사이트맵*/
.site_map1{margin-top:30px;}
.site_map{padding: 10px 0 50px;}
.sitemap_menu_1{width:100%; margin-right: 0px !important;}
.site_maptit img{display:none;}
.site_map .site_maptit{margin-bottom: 15px;}
.sitemap_menu_2{margin-top:8px;}


}

/********************서브콘텐츠***************************/

/* 인사말 */
.introwrap {background-image: url(../../../../../images/domain/mayor/sub/bg_intro.png);
    background-repeat: no-repeat;     background-position: right top;}
.introwrap .intro01 {overflow:hidden;}
.introwrap .intro01 .intro01_img {float:left; width:43%; text-align:center;}
.introwrap .intro01 .tx_info {float:right; max-width:55%; padding:30px 0 0 0px; }
.introwrap .intro01 .tx_info strong {position:relative; display:inline-block; padding-top:28px; font-size:42px; color:#1d1d1d; }
.introwrap .intro01 .tx_info strong::after {position:absolute; top:0; left:0; display:block; width:88px; height:2px; background:#000000; content:''}
.introwrap .intro01 .tx_info > p {padding:27px 0; font-size:22px; color:#181818; line-height:150%; letter-spacing:-1px}
.introwrap .intro01 .tx_info > p > span {display:block; }
.introwrap .intro01 .tx_info .tx_box {font-size:17px; color:#4e4e4e;  line-height:183%;}
.introwrap .intro01 .tx_info .tx_box span {display:block; margin-bottom:22px}
.introwrap .intro01 .tx_info .tx_box .sign {display:block; margin-top:40px; font-size:16px;  text-align:right; font-weight:bold; color:#293c9e;}
.introwrap .intro01 .tx_info .tx_box .sign img {position:relative; top:-5px; display:inline-block; margin-left:12px; }
.intro_img {overflow:hidden}
.intro_img li {float:left; width:25%; height:320px; background:url('/images/junggu_mayor/sub/sub1_img1.jpg') center center no-repeat; background-size:cover; text-indent:-9999px}
.intro_img li.st2 {background-image:url('/images/junggu_mayor/sub/sub1_img2.jpg')}
.intro_img li.st3 {background-image:url('/images/junggu_mayor/sub/sub1_img3.jpg')}
.intro_img li.st4 {background-image:url('/images/junggu_mayor/sub/sub1_img4.jpg')}


/* 걸어온길 */
.resume_area {position:relative; max-width:1230px; padding:61px 15px 34px 15px; margin:0 auto}
.resume_bg {background:url('../../../../../images/domain/mayor/sub/bg_story.png') 80% 42% no-repeat; min-height:770px; }
.resume{}
.resume dl{width:47%; margin-bottom:30px; }
.resume dl dt{margin-bottom:30px;  position: relative;}
.resume dl dt span{
    position: relative;
    display: inline-block;
   
    border-radius: 0 30px 30px 20px;
    background: #c42878;
    color: #fff;
    font-size: 32px;
    width: 179px;
    text-align: center;
    height: 54px;
    line-height: 54px;
    font-weight: 600;
    }
.resume dl dt:before{content:''; display:block; position: absolute; left: 0px; top:50%; margin-top:-3.5px; width:75%;height:2px; background:#c42878;}
.resume dl dd li{position: relative; padding-left:15px; font-size:20px; line-height:37px}
.resume dl dd li:before {content: ''; display: inline-block; width: 9px; height: 4px; background: #d5d5d5; border-radius: 30px; position: absolute;  top: 16px;  left: 0;  font-size: 4px;   color: #999;}

/*취임사*/
.top_area {
    display: flex;
    background: url(../../../../../images/domain/mayor/sub/bg_inaugural.png) no-repeat left center / cover;
    aspect-ratio: 1920 / 550;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* box-shadow: -2px 2px 16px rgba(0, 0, 0, 0.73); */
    margin: 0 auto 71px;
}
.txt_bx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
    font-weight: 400;
margin-left:10%;
}
.txt_bx > .sb_title {
    font-size: 28px;
    margin-bottom: 29px;
    line-height: 1em;
}
.txt_bx > .title {
    font-weight: 700;
    font-size: 55px;
    margin-bottom: 55px;
    line-height: 1em;
}
.txt_bx > .txt.pc {
    display: block;
}
.txt_bx > .txt {
    padding-left: 37px;
    font-size: 24px;
    line-height: 1.2em;
    position: relative;
    white-space: pre-line;
    word-break: keep-all;
    padding-right: 24px;
}
.txt_bx > .txt.mo {
    display: none;
}
.txt_bx > .txt::before {
    display: block;
    content: '';
    width: 5px;
    height: calc(100% - 4px);
    background: #fff;
    opacity: 0.39;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}
.content_area {
    display: block;
    margin: 0 auto;
    letter-spacing: -0.5px;
background: url(../../../../../images/domain/mayor/sub/bg_inaugural_center.png) no-repeat right top;
}
.content_area .Bcontent_area {
background: url(../../../../../images/domain/mayor/sub/bg_inaugural_bottom.png) no-repeat 100%;
}
.content_area > .cont_title:first-child {
    padding-top: 0;
}
.content_area > .cont_title {
    line-height: 1.6;
    font-size: 24px;
    font-weight: 700;
    white-space: pre-line;
    margin-bottom: 38px;
    display: block;
    width: 100%;
    padding-top: 21px;
    position: relative;
}

.content_area > .cont_title::before {
    display: block;
    content: '';
    position: absolute;
    width: 56px;
    height: 7px;
    background: #d8007f;
    left: 0;
    top: 0;
}
.content_area > .cont_title:first-child:before {
content:none;
}
.content_area > .cont_txt {
    display: block;
    width: 100%;
    margin: 0 auto 89px;
    font-size: 18px;
    white-space: pre-line;
    margin-bottom: 25px;
}


.content_area > .cont_txt > strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
}
.name {
    font-size: 2em;
    font-weight: 600;
    padding-left: 10px;
    line-height: 1.6em;
    letter-spacing: 16px;
}

.content_area .Scontent_area {padding:50px 50px 25px 50px; background:#f6f6f6;}
.content_area .Scontent_area > .cont_title{padding-top:21px; line-height:0.8}
.content_area .Scontent_area > .cont_title::before {
    display: block;
    content: '';
    position: absolute;
    width: 56px;
    height: 7px;
    background: #d8007f;
    left: 0;
    top: 0;
}
.content_area .Scontent_area > .cont_txt {    white-space: normal;
    margin-bottom: 15px;}


/*매니페스토(공약현황)*/
.h4_tit {    font-size: 2.0rem !important; padding-left: 40px ;position: relative; margin-bottom:14px; color:#000; font-weight:600;}
.h4_tit::before {
    content: '';
    display: block;
    width: 37px;
    height: 32px;
    background: url(../../../../../images/domain/mayor/sub/h4_bul.png);
    position: absolute;
    left: -4px;
    top: 0;
}
.m_h3 {margin-top:40px}
.junggupromise {overflow:hidden; position:relative; }
.junggupromise ul {width:100%;overflow:hidden;}
.junggupromise ul li { width: 20%; float:left; min-height:300px; }
.junggupromise ul li:nth-child(1) {background: url(../../../../../images/domain/mayor/sub/bg_junggu1.png) no-repeat center bottom; background-size: 100%;}
.junggupromise ul li:nth-child(2) {background: url(../../../../../images/domain/mayor/sub/bg_junggu2.png) no-repeat center top;background-size: 100%; }
.junggupromise ul li:nth-child(3) {background: url(../../../../../images/domain/mayor/sub/bg_junggu3.png) no-repeat center bottom;background-size: 100%; }
.junggupromise ul li:nth-child(4) {background: url(../../../../../images/domain/mayor/sub/bg_junggu4.png) no-repeat center top;background-size: 100%; }
.junggupromise ul li:nth-child(5) {background: url(../../../../../images/domain/mayor/sub/bg_junggu5.png) no-repeat center bottom;background-size: 100%; }
.junggupromise ul li div {padding:75px 0 0 0; line-height:125%; font-size:24px; font-weight:600; color:#000;  text-align:center;}

.junggupromise ul li:nth-child(1) div {background:url('../../../../../images/domain/mayor/sub/junggu_icon1.png') 50% 0  no-repeat;}
.junggupromise ul li:nth-child(2) div {background:url('../../../../../images/domain/mayor/sub/junggu_icon2.png') 50% 0  no-repeat; margin-top:50%;}
.junggupromise ul li:nth-child(3) div {background:url('../../../../../images/domain/mayor/sub/junggu_icon3.png') 50% 0  no-repeat;}
.junggupromise ul li:nth-child(4) div {background:url('../../../../../images/domain/mayor/sub/junggu_icon4.png') 50% 0  no-repeat; margin-top:50%;}
.junggupromise ul li:nth-child(5) div {background:url('../../../../../images/domain/mayor/sub/junggu_icon5.png') 50% 0  no-repeat;}




/* 가계부 정렬수정 */
.tbl_basic.tx_align tbody tr td:nth-child(2n) {padding-left:35px; text-align:left}
.tbl_basic.tx_align tbody tr td:last-child {padding-right:30px; text-align:right}
/* 공약사업 연차별 추진계획 */
.end_color {background:url(../../../../../images/domain/mayor/sub/ing_color.jpg) left center repeat-x}
.tbl_basic.tx_align2 td {padding:5px 15px; text-align:left; line-height:135%; word-break:keep-all;}
.tbl_basic.tx_align2 td ul.yp_in_list { }
.tbl_basic.tx_align2 td ul.yp_in_list li{position:relative; padding-left:10px; box-sizing:border-box; word-break:keep-all;}
.tbl_basic.tx_align2 td ul.yp_in_list li:before{width:2px; height:1px; background-color:#000; position:absolute; display:block; content:""; left:0; top:4px;}


/* 버튼스타일 */
/* 고정값 */
.bt_st {display: inline-block; height: 32px; margin: 2px 3px 3px 3px; padding: 0 15px; line-height: 32px; cursor: pointer;
color: #000000; border-radius: 10px; border: 1px solid #ccc; font-weight: 400; font-size: 16px; word-break:keep-all;}
.bt_st:hover{background-color:#fff3f8; border:1px solid #e75470;}
.bt_small {display:inline-block; height:22px; padding:1px 8px; border-radius:2px; font-size:12px; line-height:22px; cursor:pointer; box-shadow:none !important}
.bt_big {padding:10px 20px; font-size:16px;}
.bt_under {text-decoration:underline;}
.bt_down{ padding: 5px 15px 5px 35px; background: url(../../../../../images/domain/mayor/sub/down_btn.png) no-repeat; background-position: left 13px center;}


/*재정계획·분야별 소요재원*/
.junggu03_3dep{border:1px dashed #babfd9; background:#f6fafc; box-sizing:border-box; padding:10px; text-align:center; border-radius:25px;}


/*추진상황*/
ul.junggu03_3dep{font-size:0px; padding:35px 10px; box-sizing:border-box;}
ul.junggu03_3dep li{display:inline-block; box-sizing:border-box; position:relative;}
ul.junggu03_3dep li.st1{margin-left:100px;}
ul.junggu03_3dep li.st1:after{display:inline-block; position:absolute; content:""; background:#ccc; top:0; left:-50px; height:100%; width:1px;}
/*추진상황사진*/
#cs_pic_list{display:flex; flex-wrap:wrap;}
#cs_pic_list li{display:inline-block; vertical-align:top;  width:calc(100% / 2 - 20px); background-position: 0 11px; margin-bottom:30px;}
#cs_pic_list li:nth-child(2n-1){margin-right:20px;}
#cs_pic_list li.w100{width:100%; margin-right:0;}
#cs_pic_list li div.cs_pic_box{box-sizing:border-box; width:100%; padding:15px; border:1px solid #ccc; margin-top:10px; text-align:center;}
#cs_pic_list li div.cs_pic_box img{max-width:100%;}




/* 공약이행평가단 활동*/
.junggu_work {overflow:hidden;margin-top:20px;width: 100%;box-sizing: border-box;font-size: 0;}
.junggu_work > li {position:relative;display: inline-block;width: calc(99% / 2);min-height:235px;margin:0 1% 20px 0;padding:18px 19px;border:1px solid #cdcdcd;box-sizing: border-box;vertical-align: top;}
.junggu_work > li:last-child {margin-right:0}
.junggu_work > li p.img { width:240px; position:absolute; top:20px; left:19px;}
.junggu_work > li p.img img{max-width:100%;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.junggu_work > li div.tx {padding-left:260px}
.junggu_work > li div.tx > strong {display:block; margin-bottom:14px; padding:8px 0 13px 0px; text-align:left; color:#353535; font-weight:bold; font-size:20px; border-bottom:1px dotted #bebebe}
.junggu_work > li ul.work {margin-left:0}
.junggu_work > li ul.work li {margin-bottom:4px; font-size:14px; color:#555555; line-height:138%; background-position:left 7px}
.junggu_work > li:nth-child(2n){margin-right:0px;}


/*공약사항 중구 구청장 공약사항 관리 조례*/
.box_basic2{padding: 20px 30px; text-align: center; font-size: 18px; background: #fff2f2; border: 1px solid #d9c9c9; color: #000; word-break: keep-all;} 



/*매니페스토란?*/
.manifesto_area {padding:10px;border: 4px solid #73062a; margin: 20px 15px 50px; box-sizing: border-box;}
.manifesto {position:relative;padding:90px 11% 65px 11%;background:#ffffff;border: 1px dashed #ad889a;}
.manifesto strong {display:block; margin-bottom:20px; text-align:center}
.manifesto > p {margin-top:5px;color: #5c0000;font-size: 16px;text-align:center}
.manifesto > ul {}
.manifesto > ul.tx {margin:50px 0 30px 0;padding:50px 60px 40px 60px;background: #faeff1;}
.manifesto > ul.st1 li {margin-bottom:18px;font-size: 16px;background-position:0 10px}
.manifesto > ul.st1 li figure {margin:36px 0; text-align: center;}
.manifesto > ul.img li {position:absolute; width:122px; height:123px; background:url('../../../../../images/domain/mayor/sub/mnfst_bg.png') 0 0 no-repeat}
.manifesto > ul.img li.st1 {top:25px; left:25px;}
.manifesto > ul.img li.st2 {top:25px; right:25px; background-position:-122px 0}
.manifesto > ul.img li.st3 {bottom:25px; left:25px; background-position:-244px 0}
.manifesto > ul.img li.st4 {bottom:25px; right:25px; background-position:-366px 0}

.manifesto_tit{text-align: center;font-size:30px;font-weight: 600;color: #4e0a24;}



/*소통하는 공약*/
.pointBox{display: inline-block; width:100%; padding: 25px 55px; position: relative; box-sizing: border-box; border: 7px solid #f4f4f4;}
.pointBox p{text-align: center; font-size:26px;font-weight: 500; line-height: 1.5;}
.pointBox:after{width: 53px; height: 46px; display: block; content: ""; position: absolute; left: 16px; top: -22px; background: url('../../../../../images/domain/mayor/sub/with_img1.png') no-repeat;}
.pointBox:before{width: 53px; height: 46px; display: block; content: ""; position: absolute; right: 16px; bottom: -22px; background: url('../../../../../images/domain/mayor/sub/with_img2.png') no-repeat;}

.with_sns02 {overflow:hidden;margin:0 auto;padding-top:58px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.with_sns02 li {position:relative;min-height:218px;margin: 0px 0px 20px;padding:55px 30px 0 180px;border: 1px solid #000;background:#ffffff;width: calc(100% / 2 - 10px);box-sizing: border-box;margin-right: 0px;border-left: 5px solid #ff467f;}
.with_sns02 li:after {position:absolute;bottom:-3px;left:0;width:100%;height:2px;content:''}
.with_sns02 li:nth-child(2n) {margin-right:0%;}
.with_sns02 li > i {position:absolute; top:43px; left:35px; display:block; width:120px; height:120px; background:url('../../../../../images/domain/mayor/sub/sns_ico03.png') 0 0 no-repeat}
.with_sns02 li > i.ico1 {background-image:url('../../../../../images/domain/mayor/sub/sns_ico01.png')}
.with_sns02 li > i.ico2 {background-image:url('../../../../../images/domain/mayor/sub/sns_ico02.png')}
.with_sns02 li > i.ico3 {background-image:url('../../../../../images/domain/mayor/sub/sns_ico03.png')}
.with_sns02 li > i.ico4 {background-image:url('../../../../../images/domain/mayor/sub/sns_ico04.png')}
.with_sns02 li > i.ico5 {background-image:url('../../../../../images/domain/mayor/sub/sns_ico02.png')}
.with_sns02 li strong {display:block; font-size:20px; color:#232325}
.with_sns02 li p {padding:10px 0 15px 0; color:#666666}
.with_sns02 li a {display:block;width:100%;height: 45px;margin-bottom:7px;padding-left:18px;line-height: 45px;border:1px solid #000;color:#666666;font-size:14px;font-weight:bold;background:url('../../../../../images/domain/mayor/sub/blank.gif') 94% center no-repeat #ffffff;transition:background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out;/*-moz-transition:all 0.3s;*/box-sizing: border-box;}
.with_sns02 li a:hover {border:1px solid #d3607f; color:#000; background:url('../../../../../images/domain/mayor/sub/blank.gif') 94% center no-repeat #fef2f6;}
.with01_bg.junggu {padding-top:50px;}
.with01_bg.junggu .with_sns {margin-top:70px}
/*온라인투표 여론조사 제안*/
.online li strong{padding-bottom:10px;}
.online li{min-height:183px;}
.online li{border-left: 5px solid #156fdc;}
.online li > i{top: 25px;}
.online li > i.ico1 {background-image:url('../../../../../images/domain/mayor/sub/po_icon1.png')}
.online li > i.ico2 {background-image:url('../../../../../images/domain/mayor/sub/po_icon2.png')}
.online li > i.ico3 {background-image:url('../../../../../images/domain/mayor/sub/po_icon3.png')}



/*민선8기 10대 핵심공약 및 우선순위*/
.ten_policy{width:100%; box-sizing:border-box; margin-bottom:50px;}
.ten_policy .tit{width:100%; box-sizing:border-box; position:relative; padding:65px 250px 25px 50px; z-index:1;}
.ten_policy .tit:before{width:214px; height:152px; display:block; content:""; position:absolute; bottom:-7px; right:20px; background:url('../../../../../images/domain/mayor/sub/tp_icon.png') no-repeat; z-index:1;}
.ten_policy .tit:after{width:100%; height:50px; display:block; content:""; position:absolute; bottom:0; left:0; background-color:#fff3f0; z-index:-1; transform: skewX(-20deg);}
.ten_policy .tit h2{font-size:35px; letter-spacing:-1.5px; font-family: 'Nanum Square', sans-serif;}
.ten_policy .tit h2 span{color:#a30343; font-weight:bold; font-family: 'NanumSquareB', sans-serif;}
.ten_policy .tl_box{font-size:0; width:100%; padding:0 40px; box-sizing: border-box;}
.ten_policy .tl_box > ol{width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;padding-top:40px;border-left: 1px dashed #f71771;}
.ten_policy .tl_box > ol:first-child{padding-right:20px;}
.ten_policy .tl_box > ol li{margin-bottom: 52px;position:relative;z-index:1;}
.ten_policy .tl_box > ol li:before{width: 8px;height: 8px;display:block;position:absolute;content:"";left: -10px;top: 7px;background-color: #ffffff;border-radius:50%;border: 5px solid #f71771;}
.ten_policy .tl_box > ol li:last-child{margin-bottom:0;}
.ten_policy .tl_box > ol li > span{display:inline-block; vertical-align:top; word-break:keep-all; font-size:20px; font-family:'PretendardGOV',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif; 
box-sizing:border-box;}
.ten_policy .tl_box > ol li > span.num{font-weight:bold;font-family: 'NanumSquareB', sans-serif;color: #ad0a52;width:40px;text-align:right;}
.ten_policy .tl_box > ol li > span.txt{width:calc(100% - 40px); padding-left:20px; color:#000;}


/* 구정목표 */
.vision_area {padding:50px 7%; border:1px solid #e0e0e0}
.vision {padding-top:20px; text-align:center}
.vision ul {overflow:hidden;}
.vision ul li {position:relative; float:left; width:23%; min-width:180px; margin:0 1% 1.5% 1%; padding:2.5% 1%; font-size:17px; border:1px solid #dcdcdc; line-height:19px}
.vision ul li span {display:block; font-weight:bold; color:#f76221; font-size:18px}
.vision ul li:before,.vision ul li:after { display:block; content:''; position:absolute; width:0px; height:0px; border:5px solid #d4d4d4; }
.vision ul li:before { top:0px; left:0px; border-right-color:transparent; border-bottom-color:transparent; }
.vision ul li:after { bottom:0px; right:0px; border-left-color:transparent; border-top-color:transparent; }


/*****************************************/
@media all and (max-width:1400px) {	
.content_area .Bcontent_area {background-position:70% 50%}
.txt_bx > .txt {width:66%}

/*매니페스토란?*/
.manifesto > ul.st1 li figure img{width:100%;} 
.manifesto_area{margin: 20px 0px 50px;}
    
/*민선8기 10대 핵심공약 및 우선순위*/       
.ten_policy .tit{ padding: 60px 250px 25px 50px;} 


}


@media all and (max-width:1250px) {	

/*소통하는공약*/
.with_sns02 li{padding: 30px 30px 0 180px;}

    
    
}




@media all and (max-width:1020px) {		
	.introwrap .intro01 {padding:50px 0 40px 0}
	.introwrap .intro01 .intro01_img {float:none; margin:0 auto; max-width:100%; width:90%; text-align:center}
	.introwrap .intro01 .tx_info {float:none; max-width:94%; margin:0 auto; padding:0 2% 1% 2%;}
	.introwrap .intro01 .tx_info strong {font-size:20px; margin-top:10px; padding-top:25px; }
	.introwrap .intro01 .tx_info > p {padding:4% 0; font-size:19px; }
	.introwrap .intro01 .tx_info > p > span {display:inline}
	.introwrap .intro01 .tx_info .tx_box { line-height:185%; font-size:1rem}
	.introwrap .intro01 .tx_info .tx_box .sign {margin-top:20px; font-size:16px}
	.introwrap .intro01 .tx_info .tx_box .sign img {width:20%}

/*걸어온길*/
.resume_bg {background: url(../../../../../images/domain/mayor/sub/bg_story_m.png) no-repeat 100% 20%;
background-size:60%;min-height:auto;}
.resume dl {width:100%}
.resume dl dt {margin-bottom:15px}
    .resume dl dt span {
        font-size: 1.2rem; line-height:40px; height:40px;
    }
.resume dl dd li { font-size: 1rem}
.resume dl dt:before {content:none}

/*취임사*/
.txt_bx {margin-left:5%}
.txt_bx > .sb_title {font-size:1rem; margin-bottom:15px;}
.txt_bx > .title {margin-bottom:15px; font-size:1.5rem}
.txt_bx > .txt {font-size:1rem; padding-left:22px; width:66%}
.top_area {margin: 0 auto 15px;}
.content_area > .cont_title {font-size:1.2rem;     margin-bottom: 20px;}
.content_area > .cont_txt {font-size:1rem;  margin-bottom:15px;}
.content_area .Scontent_area {padding:15px}
.content_area .Scontent_area > .cont_title {line-height:1.4}
.content_area, .content_area .Bcontent_area{background:none;}


/*매니페스토(공약현황)*/
.h4_tit {font-size:20px;}
.junggupromise ul li div {font-size:16px}
.junggupromise ul li {min-height:215px}

/*추진상황*/
ul.junggu03_3dep li.st1:after{display:none;}
ul.junggu03_3dep li.st1{margin-left:0px;}
ul.junggu03_3dep li{display:block;}
ul.junggu03_3dep li img{width:auto;}


/* 공약이행평가단 활동 */
.junggu_work > li {width:49%; margin-right:2%; min-height:460px; }
.junggu_work > li:nth-child(2n) {margin-right:0}
.junggu_work > li p.img {position:static; width:100%; text-align:center; background:#f0f0f0; border:1px solid #e0e0e0; padding: 10px; box-sizing: border-box;}	
.junggu_work > li div.tx {padding:0}
.junggu_work > li div.tx > strong {padding:13px 0; text-align:center}
    
    
/*소통하는공약*/
.with_sns02 li{padding: 30px 30px 0 30px;}    
.with_sns02 li > i{display:none;}
.pointBox{padding: 20px 30px; margin-top:20px;}
.pointBox p{font-size:20px;}
.pointBox:after{background-size: 100%; width: 40px;}
.pointBox:before{background-size: 100%; width: 40px;}
/*온라인투표 여론조사 제안*/
.online li{min-height: 158px;}   
    
    
    
    
/*민선8기 10대 핵심공약 및 우선순위*/
.ten_policy .tit{padding:35px 180px 17px 20px;}
.ten_policy .tit:before{width:130px; height:90px; background-size:100%;}
.ten_policy .tit:after{height:40px;}
.ten_policy .tit h2{font-size:30px;}
.ten_policy .tl_box{padding:0 20px;}
.ten_policy .tl_box > ol{padding-top:25px;}
.ten_policy .tl_box > ol li{margin-bottom:40px;}
.ten_policy .tl_box > ol li > span{font-size:19px;}  

}


@media all and (max-width:950px) {	
																																																																																																																																																																																																																																					
/*230109 추진상황사진*/
#cs_pic_list li{display:block; width:100%;}
#cs_pic_list li:nth-child(2n-1){margin-right:0;}
}

@media all and (max-width:800px) {	
	.intro_img li {width:50%; height:130px}
.introwrap .intro01 .intro01_img img {max-width:100%}
.junggupromise ul li {background:none !important; min-height:155px;}
.junggupromise ul li {width:32%;}
.junggupromise ul li:nth-child(2) {margin:0 2%}
.junggupromise ul li:nth-child(2) div, .junggupromise ul li:nth-child(4) div {margin-top:0}
.junggupromise ul li:nth-child(4) {margin-top:2%}
.junggupromise ul li:nth-child(5) {margin-top:2%; margin-left:2%}
.junggupromise ul li  a {background: #f5f5f5;
    display: block;
    padding: 20px 0;
    border-radius: 20px;}
    

}





@media all and (max-width:800px) {	
	.intro_img li {width:50%; height:130px}
.introwrap .intro01 .intro01_img img {max-width:100%}
}
@media all and (max-width:640px) {	
.top_area {aspect-ratio: 1920 / 670;}
}





@media all and (max-width:750px) {	


/*민선8기 10대 핵심공약 및 우선순위*/
.ten_policy .tl_box > ol{display:block; width:100%;}
.ten_policy .tl_box > ol li{margin-bottom:28px;}
.ten_policy .tl_box > ol:last-child{padding-top:28px;}
.ten_policy .tit h2{font-size:22px;}
    
    
}




@media all and (max-width:640px) {	
.top_area {aspect-ratio: 1920 / 670;}



	/* 공약이행평가단 활동 */
	.junggu_work > li p.img {position:static}
	.junggu_work > li {width:100%; min-height:auto; padding:18px}
    
    
    
    
    /* 매니페스토 */
	.manifesto {padding:9% 5% 7% 5%}
	.manifesto > ul.tx {margin:30px 0 15px 0; padding:5% 5% 4% 5%}
	.manifesto strong {width:55%; margin:0 auto; margin-top:10px; margin-bottom:12px}
	.manifesto > p {font-size:13px}
	.manifesto > ul.st1 li {font-size:13px; background-position:0 6px; line-height:20px}
	.manifesto > ul.st1 li figure {margin:20px 0 22px 0}
	.manifesto > ul.img li {background-image:none}
	.manifesto .t_center {width:80%; margin:0 auto; }
    
    .t_center img{width:100%;}
    
    
        
/*소통하는공약*/
.with_sns02{padding-top:30px;}
.with_sns02 li{width:100%; min-height: 195px;}
/*온라인투표 여론조사 제안*/
.online li{min-height: 165px;}

 /*민선8기 10대 핵심공약 및 우선순위*/
.ten_policy .tit:before{display:none;}   
.ten_policy .tit{padding:10px 20px 17px 20px;}
.ten_policy .tit:after{height:31px;}


/* 구정목표 */
.vision_area {padding:0px 0px; border:0 none}
.vision ul li {width:48%; min-width:auto; font-size:14px}
.vision ul li span {font-size:15px}
    
    

}




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

/*소통하는공약*/
.with_sns02 li{padding: 20px 30px 0 30px;}
/*온라인투표 여론조사 제안*/
.online li{min-height: 147px;}
    
}

figcaption{position:absolute;height:0;overflow:hidden;font-size:1px;text-indent:-9999px;line-height:0;}



.guide_box{position:relative;padding:30px;border:3px solid #e7e7e7;margin-bottom:30px; min-height: 115px; border-radius: 0 20px;}
.guide_box .icon{display:block;position:absolute;top:35px;left:60px;width:110px;height:110px;}
.guide_box > h3{padding-bottom:10px;font-size:20px;}
.guide_box .txtwrap{min-height:85px; padding-left:180px;}
.guide_box .txtwrap.pl0{padding-left:0;}


@media all and (max-width:620px) {
    .guide_box{padding:15px;margin-bottom:20px;}
	.guide_box .icon{display:none;}
	.guide_box .txtwrap{padding-left:0;}
	.guide_box .txtwrap li{font-size:15px;}
}


/* 본인확인 */
.identi_confirm{overflow:hidden;}
.identi_confirm .item{float:left;width:50%;border:1px solid #ccc;text-align:center;padding:50px 40px; box-sizing: border-box;}
.identi_confirm .item.hp{border-right:none;}
.identi_confirm .item .icon{display:inline-block;width:126px;height:126px;border-radius:63px;background:#f6f6f6 url(/images/domain/junggu/bbs/ic_identy.png) no-repeat;}
.identi_confirm .item.ipin .icon{background-position:0 -126px;}
.identi_confirm .item .stit{padding:20px 0;font-size:20px;}
.identi_confirm .text_box{color:#666;line-height:1.4;}
.identi_confirm .text_box > p{height:100px;}
.identi_confirm .tipbox{background:#f2f2f2;padding:20px;text-align:left;height:224px;margin-bottom:20px;}
.identi_confirm .tipbox > p{font-size:16px;font-weight:bold;padding-bottom:10px;}

.identi_confirm .bt_st2{display:inline-block;height:32px;margin:2px 3px 3px 3px;padding:0 15px;line-height:32px;cursor:pointer; font-size:15px; font-weight:normal;}
.identi_confirm .bt_pink2{background:#ef3e61;color:#fff;}
.identi_confirm .bt_pink2:focus {box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}



@media all and (max-width:800px) {
	/* 본인확인 */
	.identi_confirm .item{padding:30px 20px;}
}

@media all and (max-width:620px) {
	
	/* 본인확인 */
	.identi_confirm .item{width:100%;float:none;padding:15px 15px 20px 15px;}
	.identi_confirm .item.hp{border-right:1px solid #ccc;border-bottom:none;}
	.identi_confirm .item .stit{padding:10px 0;font-size:17px;}
	.identi_confirm .item .icon{width:70px;height:80px;background-color:transparent;background-position:-28px -20px;}
	.identi_confirm .item.ipin .icon{width:84px;background-position:-22px -146px;}
	.identi_confirm .text_box > p{height:auto;padding-bottom:15px;}
	.identi_confirm .tipbox{height:auto;padding:15px;margin-bottom:10px;}
}