@charset "utf-8";

.txt-red{color:#CB4C3D;}
.txt-big{font-size:20px;}
.txt-middle{font-size:18px;}
.txt-small{font-size:14px;}

.txt-tip{margin-top:10px; font-size:14px;}

dl.sectionH4{margin-bottom:40px;}
dl.sectionH4 > dt{position:relative;font-size:24px;font-weight:700;  color:#333; margin-bottom:20px;}
dl.sectionH4 > dd{line-height:150%;}
dl.sectionH4 > dd b.title{display:inline-block;vertical-align:top;padding:10px 0 5px;}
dl.sectionH4 > dd span.unit{display:inline-block;vertical-align:top;padding:10px 0 5px;float:right;}
dl.sectionH4 > dd + dd{margin-top:20px;}

.txtBlue{color:#2e63b2}
.txtBold{font-weight:700;}

.lineGray{display:block; margin:35px 0; height:1px; background-color:#dedede;}
.boxLineGray{padding:20px 30px;border:1px solid #dedede;}
.boxBgGray{padding:30px; background-color:#F8F9FB;}

.section-title{font-size:24px;font-weight:700; color:#333; margin-bottom:20px;}
.section-wrap + .section-wrap{margin-top:50px;}

.con-tab{margin-bottom:50px;}
.con-tab ul{display:flex;}
.con-tab ul li{width:50%; text-align:center; border-bottom:2px solid #DEDEDE;}
.con-tab ul li a{display:flex;height:50px; justify-content:center; align-items:center; font-size:16px; font-weight:500;}
.con-tab .active{border-color:#CB4C3D;}
.con-tab .active a{color:#CB4C3D;}

.btnArea { margin:20px 0; text-align:right; }
.btn{ display:inline-block; min-width:60px; height:40px; line-height:40px; padding:0 15px; border-radius:2px; text-align:center; font-size:14px; vertical-align:middle; overflow:hidden; box-sizing:border-box; }
.btn.type1 { background-color:#787878; color:#fff; }

/* Table ================================================================================ */
table.info { width:100%; border-collapse:separate; border-top:2px solid #d2d2d2; text-align:center; }
table.info thead th { padding:20px; background:#F9F9F9; border-bottom:1px solid #DEDEDE; font-weight:500;}
table.info tbody th { padding:20px; background:#F9F9F9; border-bottom:1px solid #DEDEDE; text-align:left; font-weight:500;}
table.info tbody td { padding:20px; border-bottom:1px solid #DEDEDE; }
table.info td.left {text-align:left; }

/* List ================================================================================ */
ul.listCon > li { position:relative;}
ul.listCon > li + li{margin-top:10px;}
ul.listCon.dot > li { padding-left:10px; }
ul.listCon.dot > li:before { display:block; content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background-color:#DEDEDE; border:1px solid #DEDEDE; }
ul.listCon.dot.circle > li:before { border-radius:2px; }
ul.listCon.dot.blue > li:before { background-color:#2e63b2; }
ul.listCon.minus > li { padding-left:10px; }
ul.listCon.minus > li:before { display:block; content:''; position:absolute; top:13px; left:0; width:4px; height:1px; background-color:#DEDEDE; }
ul.listCon.em > li { padding-left:18px; }
ul.listCon.em > li > em { display:block; width:12px; position:absolute; top:4px; left:0; }

.list-tip > li{position:relative; padding-left:12px;}
.list-tip > li:before{content:'*'; position:absolute;left:0;top:4px;}
.list-tip.red{color:#CB4C3D;}

/* 페이지 */
.board table { line-height:1.6em; }
.om-reply .detail { line-height:1.6em; }

/* 바로보기 버튼 */
a.view-direct{display:inline-block;height:26px;line-height:26px;padding:0px 15px;background:#787878; border-radius:2px;color:#fff;font-size:14px;}
a.view-direct:hover{background:#CB4C3D;}

/* 삭제사유 */
.delReasonButton{text-align:center;}
.delReasonButton a{width:260px;box-sizing:border-box; margin:0 auto !important;}
#openReason:after{display:inline-block;width:12px;height:12px;content:''; background:url(../../images/om_2025/sub/i_arrow_down_w.svg); margin-left:10px;}
#closeReason:after{display:inline-block;width:12px;height:12px;content:''; background:url(../../images/om_2025/sub/i_arrow_down_w.svg); margin-left:10px; transform:rotate(180deg);}
#delReasonList{border:1px solid #ccc; padding:30px; line-height:1.5em; margin:-20px 0 40px;}
#delReasonList h4{font-size:24px;margin-bottom:20px;}
#delReasonList p{margin-bottom:20px;}

.boardTop-msg{padding:30px;border:1px solid #dedede; margin-bottom:30px;}


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

/* 인사말 */
.greeting-wrap{border:1px solid #DEDEDE; padding:60px 40px;}
.greeting-wrap .front-txt{font-size:40px;font-weight:600; text-align:center; color:#333; margin-bottom:40px;}
.greeting-wrap .greeting-con{display:flex; justify-content:space-between;}
.greeting-wrap .greeting-con .photo{width:345px; padding:0 30px;}
.greeting-wrap .greeting-con .txt{width:calc(100% - 410px); text-align:justify; font-size:18px; padding-top:30px; }
.greeting-wrap .greeting-con .txt p + p{margin-top:25px;}
.greeting-wrap .greeting-con .txt em{font-weight:700; font-size:20px;}
.greeting-wrap .greeting-con .sign{display:flex; align-items:center; margin-top:48px;}
.greeting-wrap .greeting-con .sign span{margin-left:auto; margin-right:40px;}

/* 프로필 */
.profile-wrap{border:1px solid #DEDEDE; padding:60px 70px;}
.profile-wrap .profile-con{display:flex; justify-content:space-between;}
.profile-wrap .profile-con .photo{width:413px; padding-top:140px; margin-left:-30px;}
.profile-wrap .profile-con .txt{width:calc(100% - 460px); text-align:left;}
.profile-con .p-name{padding-bottom:20px; border-bottom:1px solid #DEDEDE; font-size:22px;}
.profile-con .p-name em{font-size:36px;font-weight:600;}
.profile-con .p-career dt{margin-top:30px; font-size:22px;color:#CB4C3D; font-weight:600; }
.profile-con .p-career dd{padding:10px 0 30px; font-size:18px;color:#787878; border-bottom:1px solid #DEDEDE;}
.profile-con .p-career dd:last-child{padding-bottom:0; border-bottom:none;}

.profile-con .p-career dd li {position:relative;}
.profile-con .p-career dd li {padding-left:12px; }
.profile-con .p-career dd li:before { display:block; content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background-color:#DEDEDE; border:1px solid #DEDEDE; }
.profile-con .p-career dd li + li{margin-top:2px;}

/* 주요수상내역 */
.history-wrap .history-list span{position:absolute; top:0px;left:calc(50% - 80px);}
.history-wrap .history-list > li{ position:relative; width:100%; justify-content: center; display:flex;padding-top:160px;}
.history-wrap .history-list > li.type1{flex-direction:row-reverse;}
.history-wrap .history-list > li span{width:160px; height:160px; font-size:24px; text-align:center; color:#CB4C3D; box-sizing: border-box; line-height:50px; border:5px solid #CB4C3D; border-radius:160px;}
.history-wrap .history-list > li span b{display:block; font-size:30px; padding-top:50px;}
.history-wrap .history-list > li div{width:50%;}
.history-wrap .history-list > li div.img{text-align:center; padding-top:5px;}
.history-wrap .history-list > li div.img p{display:inline-block; margin-bottom:20px;}
.history-wrap .history-list > li div.txt{border-left:1px dashed #CCCCCC; padding:40px 0;}
.history-wrap .history-list > li div.txt ul li{position:relative; font-size:18px; color:#4F4F4F;  line-height:30px; padding:10px 0 10px 47px; }
.history-wrap .history-list > li div.txt ul li:before{position:absolute; top:50%; left:-10px; transform: translateY(-50%); display:block;  content:''; width:31px; height:18px; background:url("/images/om_2022/sub/historyIco.png") center no-repeat;}
.history-wrap .history-list > li.type2 div.txt{border-right:1px dashed #CCCCCC; border-left:0px; padding:40px 0;}
.history-wrap .history-list > li.type2 div.txt ul li{position:relative; text-align:right; font-size:18px; color:#4F4F4F; line-height:30px; padding:10px 47px 10px 0; }
.history-wrap .history-list > li.type2 div.txt ul li:before{display:none;}
.history-wrap .history-list > li.type2 div.txt ul li:after{position:absolute; top:50%; right:-10px; transform: translateY(-50%);  display:block;  content:''; width:31px; height:18px; background:url("/images/om_2022/sub/historyIco2.png") center no-repeat;}

/* 매니페스토란 */
.mani-front-txt{font-size:22px; margin-bottom:50px; text-align:justify;}

.mani-intro{border:1px solid #ccc; padding:30px 40px; margin-bottom:50px;}
.mani-intro .intro{display:flex; align-items:center;padding-bottom:25px; border-bottom:1px solid #ACACAC;}
.mani-intro .intro .flag{width:130px;}
.mani-intro .intro .txt{width:calc(100% - 130px); font-size:20px; text-align:justify;}
.mani-intro .intro .txt em{font-weight:bold; color:#000;}
.mani-intro .go-site{display:flex; justify-content:space-between; margin-top:10px;}
.mani-intro .go-site p{background:url(/images/om_2022/sub/i_info.svg) left 3px / 20px auto no-repeat; padding-left:30px; margin-top:15px;}

.other-mani .item{background-color:#F8F9FB; padding:40px; display:flex; align-items:center;}
.other-mani .item .flag{width:130px;}
.other-mani .item .txt{width:calc(100% - 130px); font-size:18px; line-height:1.5em; text-align:justify; }
.other-mani .item .txt em{font-weight:bold; color:#000;}
.other-mani .item + .item{margin-top:20px;}

/* 언론보도 */
.press-list{border-top:2px solid #878787;border-bottom:2px solid #878787;}
.press-list .item-row{padding:40px 0; display:flex; justify-content: space-between; border-bottom:1px solid #DEDEDE;}
.press-list .item-row .photo{width:calc(50% - 50px);height:340px;}
.press-list .item-row .photo img{width:100%;min-height:100%;}
.press-list .item-row .photo a{position:relative;display:block;}
.press-list .item-row .txt{width:50%;}
.press-list .item-row .title{font-size:24px;font-weight:600; margin:10px 0 30px;}
.press-list .item-row .info{font-size:14px;color:#787878; display:flex; margin-bottom:25px;}
.press-list .item-row .info > p{padding-left:20px;}
.press-list .item-row .info > p + p{margin-left:30px;}
.press-list .item-row .info .lb{margin-right:5px;}
.press-list .item-row .info .data{font-weight:500;}
.press-list .item-row .info .info-date{background:url(/images/om_2022/sub/i_date.svg) left 3px / 14px auto no-repeat;}
.press-list .item-row .info .info-hit{background:url(/images/om_2022/sub/i_hit.svg) left 5px / 14px auto no-repeat;}
.press-list .item-row .summary{border-top:1px dashed #DEDEDE; padding-top:25px; font-size:16px;color:#555;}
.press-list .item-row:last-child{border-bottom:none;}
.press-list .item-row:hover .photo a:after{display:block;content:'';border:5px solid #CB4C3D; position:absolute;left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0.35) url(/images/om_2022/sub/i_view.svg) center center no-repeat;}
.press-list .item-row:hover .title,
.press-list .item-row:hover .title a{color:#CB4C3D;}

/* 구민의참여 */
.participate-gate{display:flex; justify-content:space-between;}
.participate-gate > div{width:calc(50% - 10px); }
.participate-gate a{display:block; padding:50px; text-align:left; box-sizing:border-box; border-radius:10px; position:relative;}
.participate-gate a:before{display:block;content:'';width:150px;height:150px; position:absolute;right:20px;bottom:20px;}
.participate-gate .menu-name{font-size:36px; font-weight:600; margin-bottom:15px; line-height:1.25em;}
.participate-gate .menu-name:after{display:block;content:'';width:30px;height:1px; background-color:#D9D9D9; margin-top:40px;}
.participate-gate .sub-txt{color:#222; margin-bottom:45px;}
.participate-gate .sub-txt .txt1{font-size:28px;font-weight:500; margin-bottom:5px;}
.participate-gate .sub-txt .txt2{font-size:18px;}
.participate-gate .go{width:120px;height:40px; border-radius:20px; text-align:center; color:#fff;font-size:18px; line-height:40px; box-shadow:0 4px 6px rgba(0,0,0,0.12);}
.participate-gate .item1 a{border:3px solid #668DC8;}
.participate-gate .item1 .menu-name{color:#4872B0;}
.participate-gate .item1 .go{background-color:#668DC8;}
.participate-gate .item2 a{border:3px solid #C6B769;}
.participate-gate .item2 .menu-name{color:#BAA746;}
.participate-gate .item2 .go{background-color:#C6B769;}
.participate-gate .item3 a{border:3px solid #C6696E;}
.participate-gate .item3 .menu-name{color:#C5595F;}
.participate-gate .item3 .go{background-color:#C6696E;}
.participate-gate .item1 a:before{background:url(/images/om_2022/sub/i_gate1.svg) 0 0 / cover no-repeat;}
.participate-gate .item2 a:before{background:url(/images/om_2022/sub/i_gate2.svg) 0 0 / cover no-repeat;}
.participate-gate .item3 a:before{background:url(/images/om_2022/sub/i_gate3.svg) 0 0 / cover no-repeat;}

a.icon{display:inline-block;vertical-align:top;height:24px;line-height:24px;margin-left:5px;font-size:13px;}
a.icon_pdf{padding-left:30px;padding-right:8px;border:1px solid #cccccc;border-radius:3px;background:url(/images/om_2022/sub/icon_pdf.jpg) no-repeat 6px center;}
a.icon_link{padding-right:20px;background:url(/images/om_2022/sub/i_link_arr.svg) no-repeat right center;}
a.icon_direct{padding:0 10px;border:1px solid #111d5e;border-radius:3px;background-color:#29388e;color:#fff;}

#minwonOm .onlyPc{display:block;}
#minwonOm .onlyMobile{display:none;}

@media all and (max-width:767px){
	#minwonOm .onlyPc{display:none;}
	#minwonOm .onlyMobile{display:block;}
}

/* 500주민청원 */
.process-wrap{background-color:#F8F9FB; padding:30px; margin-top:30px;}
.process-wrap h5{font-size:20px;margin-bottom:20px;}

.process-list{margin-bottom:30px;}
.process-list ul{display:flex; justify-content:space-between; }
.process-list li{width:calc((100% / 4) - 15px);height:140px; position:relative; border-radius:10px; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,0.12);}
.process-list li + li:before{display:block;content:'';width:30px;height:30px; position:absolute;left:-26px;bottom:33px;background:url(/images/om_2022/sub/i_process_arr.svg) center center / cover no-repeat;}
.process-list .step{height:45px; line-height:45px; background-color:#787878; color:#fff; font-size:18px; border-radius:10px 10px 0 0; }
.process-list .con{height:95px; display:flex;align-items:center;justify-content:center; font-size:18px;color:#333; border-radius:0 0 10px 10px; }
.process-desc li{padding-left:130px !important;}
.process-desc .lb{position:absolute;left:12px;top:0;}
.process-desc .lb em{color:#CB4C3D;}

.except-items-box{border:1px solid #dedede; padding:30px; margin-top:30px;}
.except-items-box .list-tip{margin-bottom:20px;}
.except-items-box dt{font-size:20px;font-weight:600;margin-bottom:20px;}
.except-items-box .notice-items{color:#CB4C3D; margin-bottom:20px;}
.except-items ol,
.except-items ol li{list-style:decimal;}
.except-items ol{margin-left:30px;}

.petition-go{background-color:#F8F9FB; padding:50px;text-align:center; margin-bottom:50px;}
.petition-go:before{display:block;content:'';width:76px;height:78px;margin:0 auto; background:url(/images/om_2022/sub/i_petition.svg) 0 0 / cover no-repeat;}
.petition-go .txt1{font-size:22px; font-weight:600; margin:30px 0 10px;}
.petition-go .txt2{font-size:20px;}
.petition-go .btns{margin:50px 0 0 0;}


/* Responsive ================================================================================ */

@media (max-width:1080px) {

	/* 인사말 */
	.greeting-wrap{padding:50px;}
	.greeting-wrap .front-txt{font-size:32px;}
	.greeting-wrap .greeting-con .photo{width:40%;}
	.greeting-wrap .greeting-con .txt{width:calc(60% - 40px); font-size:18px;}
	.greeting-wrap .greeting-con .txt br{display:none;}

	/* 프로필 */
	.profile-wrap{padding:50px;}
	.profile-wrap .profile-con .photo{width:40%; padding:0;}
	.profile-wrap .profile-con .txt{width:calc(60% - 40px);}

	/* 주요 수상내역 */
	.history-wrap .history-list > li{display:block; padding-top:120px;}
	.history-wrap .history-list > li span{width:121px; height:121px; font-size:18px;left:0;}
	.history-wrap .history-list > li span b{padding-top:30px; font-size:22px;}
	.history-wrap .history-list > li div{width:auto;}
	.history-wrap .history-list > li div.img{display:flex;}
	.history-wrap .history-list > li div.img img{width:50%; margin-bottom:20px;}
	.history-wrap .history-list > li div.txt{padding-top:30px; margin-left:60px;}
	.history-wrap .history-list > li div.txt ul li{font-size:16px; padding:12px 0px 12px 30px; line-height:20px;}
	.history-wrap .history-list > li div.txt ul li:last-child{padding-bottom:0px;}
	.history-wrap .history-list > li.type2 div.txt{border-left:1px dashed #CCCCCC; border-right:0px; padding:40px 0;}
	.history-wrap .history-list > li.type2 div.txt ul li{position:relative; text-align:left; font-size:16px; color:#4F4F4F; line-height:20px;  padding:12px 0px 12px 30px;}
	.history-wrap .history-list > li.type2 div.txt ul li:after{display:none;}
	.history-wrap .history-list > li.type2 div.txt ul li:before{position:absolute; top:50%; left:-10px; transform: translateY(-50%);  display:block;  content:''; width:31px; height:18px; background:url("/images/om_2022/sub/historyIco.png") center no-repeat;}

	/* 구민의참여 */
	.participate-gate{display:block;}
	.participate-gate > div{width:auto; }
	.participate-gate > div + div{margin-top:10px;}
	.participate-gate a{padding:30px;}
	.participate-gate a:before{width:120px;height:120px;right:15px;bottom:10px;}

	.participate-gate .menu-name{font-size:30px; }
	.participate-gate .menu-name br{display:none;}
	.participate-gate .menu-name:after{margin-top:20px;}
	.participate-gate .sub-txt{margin-bottom:20px;}
	.participate-gate .sub-txt .txt1{font-size:22px;}
	.participate-gate .sub-txt .txt2{font-size:16px;}
	.participate-gate .go{width:128px;height:38px; line-height:38px;}

}

@media (max-width:768px) {

	/* 인사말 */
	.greeting-wrap{padding:40px 30px;}
	.greeting-wrap .front-txt{font-size:28px;}
	.greeting-wrap .greeting-con{display:block;}
	.greeting-wrap .greeting-con .photo{width:auto; padding:0; text-align:center; margin-bottom:40px;}
	.greeting-wrap .greeting-con .photo img{width:50%;}
	.greeting-wrap .greeting-con .txt{width:auto; padding-top:0;}

	/* 프로필 */
	.profile-wrap{padding:40px 30px;}
	.profile-wrap .profile-con{display:block;}
	.profile-wrap .profile-con .photo{width:auto; text-align:center; margin-bottom:40px;}
	.profile-wrap .profile-con .photo img{width:50%;}
	.profile-wrap .profile-con .txt{width:auto;}

	.mani-front-txt{font-size:18px; margin-bottom:30px;}
	.mani-front-txt br{display:none;}
	.mani-intro .intro .txt{font-size:18px; }

	/* 주요 수상내역 */
	.history-wrap .history-list > li div.img{display:block;}
	.history-wrap .history-list > li div.img img{width:100%;}

}

@media (max-width:599px) {

	table.info.__se_tbl_ext,
	table.info.__se_tbl_ext thead,
	table.info.__se_tbl_ext tbody,
	table.info.__se_tbl_ext tr,
	table.info.__se_tbl_ext th,
	table.info.__se_tbl_ext td{display:block; width:100%;box-sizing:border-box;}
	table.info.__se_tbl_ext colgroup{display:none;}
	table.info.__se_tbl_ext th br{display:none !important;}

	table.info.__se_tbl_ext tr{display:flex; flex-wrap:wrap;}
	table.info.__se_tbl_ext tr th{width:30%;padding:15px;}
	table.info.__se_tbl_ext tr td{width:70%;padding:15px;}

	.boardTop-msg{padding:20px;}
	.boardTop-msg .txt-big{font-size:16px;}

	.con-tab{margin-bottom:30px; margin-top:-20px;}


	/* 인사말 */
	.greeting-wrap{border:none; padding:20px;}
	.greeting-wrap .front-txt{font-size:20px;text-align:left; margin-bottom:40px;}
	.greeting-wrap .greeting-con .photo img{width:auto;}
	.greeting-wrap .greeting-con .txt{width:auto; font-size:16px;}

	/* 프로필 */
	.profile-wrap{border:none; padding:20px;}
	.profile-wrap .profile-con .photo img{width:auto;}
	.profile-con .p-name{font-size:18px;}
	.profile-con .p-name em{font-size:22px;}
	.profile-con .p-career dt{font-size:20px;}
	.profile-con .p-career dd{ font-size:16px;}

	/* 매니페스토 */
	.mani-intro{border:1px solid #ccc; padding:20px; margin-bottom:50px;}
	.mani-intro .intro{display:block; padding-bottom:20px;}
	.mani-intro .intro .flag{width:80px; margin:0 auto 10px auto;}
	.mani-intro .intro .txt{width:auto; font-size:16px; }
	.mani-intro .go-site{display:block;}
	.mani-intro .go-site p{background:url(/images/om_2022/sub/i_info.svg) left 3px / 20px auto no-repeat; padding-left:30px; margin-top:15px;}
	.mani-intro .go-site .logo{text-align:center; margin-top:10px;}

	.other-mani .item{display:block; padding:20px;}
	.other-mani .item .flag{width:80px; margin:0 auto 10px auto;}
	.other-mani .item .txt{width:auto; font-size:16px;}
	.other-mani .item + .item{margin-top:10px;}

	/* 언론보도 */
	.press-list .item-row{padding:30px 0; display:block;}
	.press-list .item-row .photo{width:auto;height:auto; margin-bottom:10px;}
	.press-list .item-row .photo img{width:100%;min-height:100%;}
	.press-list .item-row .txt{width:auto;}
	.press-list .item-row .title{font-size:18px; margin:20px 0 20px;}
	.press-list .item-row .title br{display:none;}
	.press-list .item-row .info{font-size:14px; display:flex; margin-bottom:25px;}
	.press-list .item-row .summary{padding-top:20px;}

	/* 500주민청원 */
	.process-wrap{padding:20px;}

	.process-list ul{display:block;}
	.process-list li{width:auto; display:flex; height:45px;}
	.process-list li + li{margin-top:10px;}
	.process-list li + li:before{width:20px;height:20px;left:calc(50% + 30px); top:-15px; transform:rotate(90deg);}
	.process-list .step{width:80px; font-size:16px; border-radius:10px 0 0 10px;}
	.process-list .con{width:calc(100% - 80px); height:45px; font-size:15px; text-align:left;border-radius:0 10px 10px 0;}
	.process-list .con br{display:none;}

	.process-desc li{padding:0 !important;}
	.process-desc .lb{position:relative;left:inherit;top:inherit; display:block;}

	.except-items-box{padding:20px; font-size:15px;}

	.petition-go{padding:30px;}
	.petition-go .txt1{font-size:20px;}
	.petition-go .txt2{font-size:16px;}
	.petition-go .btns{margin-top:30px;}

}

@media (max-width:430px) {

}

@media (max-width:375px) {

}

/* 회원 ================================================================================ */

.login-wrap{border:1px solid #e5e5e5;border-top:2px solid #c9c9c9;text-align:center;margin-bottom:30px;padding-top:30px;}
.login-wrap .front-copy{padding:20px 0 30px; color:#333;}
.login-wrap .front-copy p:nth-of-type(1){font-size:28px;letter-spacing:-1px;padding:0 0 15px 0; font-weight:600;}
.login-wrap .front-copy p:nth-of-type(2){line-height:1.5em;}
.login-form{width:350px;margin:0 auto;padding:0 0 30px 0;}
.login-form:after{display:block;content:'';clear:both;}
.login-form .input{float:left;}
.login-form .input > div{display:flex; align-items:center; margin-bottom:5px;}
.login-form .input .row label{display:inline-block;width:70px;font-size:15px;font-weight:700;text-align:left;}
.login-form .input .row input{width:180px; height:36px;}
.login-form .pw-wrap{position:relative;}
.login-form .pw-toggle {display: flex;align-items: center;justify-content: center;position:absolute;right:0;top:0;width: 36px;height:36px;background: none;border: none;cursor: pointer;padding: 0;}
.login-form .pw-wrap .icon-view {display: inline-flex;width: 20px;height: 15px;background: url(/images/seocho_2022/member/eye_closed.png) no-repeat center center;background-size: contain;text-indent: -9999px;}
.login-form .pw-wrap .icon-view.active {background: url(/images/seocho_2022/member/eye_open.png) no-repeat center center;background-size: contain;}
.login-form .input .save{padding-left:70px;font-size:14px;text-align:left;}
.login-form .input .save input{margin-right:5px;}
.login-form .command{float:right;}
.login-form .command input{background:#2e63aa;color:#ffffff;border:none;width:87px;height:77px;font-weight:500;}
.login-guide{border-top:1px solid #e5e5e5;padding:25px 0;font-size:14px;}
.login-guide > div{display:inline;margin:0 20px;white-space:nowrap;}
.login-guide p{display:inline;background:url(/images/seocho/common/content/icon_dot.gif) 0 4px no-repeat;padding:0 8px;}
.login-guide a{display:inline-block;height:25px;line-height:25px;background-color:#444444;color:#f8f8f8;padding:0 15px;}

.login-sns-type{border: 1px solid #e5e5e5; padding: 24px 50px; font-size: 15px; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; margin-bottom:30px;}
.login-sns-type h5{font-size:18px; margin:0 20px; line-height:48px;}
.login-sns-type .sns-select{display:inline-flex; gap:20px 12px; flex-wrap:wrap;}
.login-sns-type .btn-snsLogin{display:flex; align-items:center; width:200px; height:48px; font-size:18px; margin:0 auto;}
.login-sns-type .btn-snsLogin:before{display:block;content:'';width:60px;height:54px; border-right:1px solid rgba(255,255,255,1);}
.login-sns-type .btn-snsLogin span{display:flex;width:calc(100% - 60px); text-align:center; align-items:center; justify-content:center;}
.login-sns-type .btn-snsLogin.naver{background-color:#0f900f; color:#fff;}
.login-sns-type .btn-snsLogin.naver span{color:#fff;}
.login-sns-type .btn-snsLogin.naver:before{background:url(/images/seocho_2022/member/i_logo_naver.svg) center center no-repeat;}
.login-sns-type .btn-snsLogin.kakao{background-color:#F9E000; color:#371C1D;}
.login-sns-type .btn-snsLogin.kakao:before{background:url(/images/seocho_2022/member/i_logo_kakao.svg) center center no-repeat;}
.login-sns-type .guide-txt{margin-top:16px; font-size:14px; line-height:1.5em;}

@media all and (max-width:599px) {
	.login-sns-type{padding:20px;}
	.login-sns-type .btn-snsLogin{width:90%; font-size:16px;}
	.login-sns-type .guide-txt br{display:none;}
}

.re-agree-guide{border-top:1px solid #e5e5e5; padding:20px; font-size:15px;}
.re-agree-guide .title{font-size:16px; font-weight:500; margin-bottom:10px; color:#333;}

.login-select-title{text-align:center; font-size:28px; margin:50px 0 25px; color:#333;}
.login-select-wrap{display:flex; border:1px solid #CDCDCD; padding:50px 0;}
.login-select-wrap .login-item + .login-item{border-left:1px solid #CDCDCD;}
.login-select-wrap .login-item{text-align:center; box-sizing:border-box; width:33.3333%; padding:0 20px;}
.login-select-wrap h5{font-size:24px; margin-bottom:25px; color:#333;}
.login-select-wrap .guide-txt{font-size:14px; line-height:1.5em;}
.login-select-wrap .btn{margin-top:20px;}
.login-select-wrap .btn a{display:flex; align-items:center; justify-content:center; height:40px;width:112px; background-color:#8F8F8F; color:#fff; margin:0 auto;}
.login-select-wrap .i-phone,
.login-select-wrap .i-ipin{width:120px;height:120px; margin:0 auto 20px auto;}
.login-select-wrap .i-phone{background:url(/images/seocho_2022/member/i_login_phone.png) center center no-repeat;}
.login-select-wrap .i-ipin{background:url(/images/seocho_2022/member/i_login_ipin.png) center center no-repeat;}
.login-select-wrap .login-item.phone .guide-txt,
.login-select-wrap .login-item.ipin .guide-txt{min-height:60px;display:flex;align-items:center; justify-content:center; }
.login-select-wrap .sns-select{padding:30px 0 40px;}
.login-select-wrap .btn-snsLogin{display:flex; align-items:center; width:90%;height:54px; font-size:18px; margin:0 auto;}
.login-select-wrap .btn-snsLogin:before{display:block;content:'';width:60px;height:54px; border-right:1px solid rgba(255,255,255,1);}
.login-select-wrap .btn-snsLogin span{display:flex;width:calc(100% - 60px); text-align:center; align-items:center; justify-content:center;}
.login-select-wrap .btn-snsLogin.naver{background-color:#00C300; color:#fff; margin-bottom:13px;}
.login-select-wrap .btn-snsLogin.naver:before{background:url(/images/seocho_2022/member/i_logo_naver.svg) center center no-repeat;}
.login-select-wrap .btn-snsLogin.kakao{background-color:#F9E000; color:#371C1D;}
.login-select-wrap .btn-snsLogin.kakao:before{background:url(/images/seocho_2022/member/i_logo_kakao.svg) center center no-repeat;}

.login-select-wrap.col2 .login-item{width:50%;}

@media all and (max-width:599px) {
	/* 회원 */
	.login-wrap .front-copy p:nth-of-type(1){font-size:22px;}
	.login-form{width:250px;}
	.login-form .input{float:none;}
	.login-form .input .row input{width:180px;}
	.login-form .command{float:none;}
	.login-form .command input{width:100%;margin:0 auto;height:40px;}
	.login-guide{text-align:left;padding:10px;}
	.login-guide div{display:block;padding:0 15px;margin:10px 0;}
	.login-guide p{display:block;margin:0;}

	.login-select-title{font-size:22px; margin:40px 0 20px;}
	.login-select-wrap{padding:0 20px; flex-wrap:wrap}
	.login-select-wrap .login-item + .login-item{border-left:none; border-top:1px solid #CDCDCD;}
	.login-select-wrap .login-item{width:100% !important; padding:30px 0;}
	.login-select-wrap h5{font-size:20px; margin-bottom:10px;}
	.login-select-wrap .btn{margin-top:20px;}
	.login-select-wrap .btn a{height:40px;width:112px;}
	.login-select-wrap .i-phone,
	.login-select-wrap .i-ipin{width:80px;height:80px; background-size:cover !important; margin-bottom:10px;}
	.login-select-wrap .sns-select{padding:20px 0;}
	.login-select-wrap .btn-snsLogin{width:90%; font-size:16px;}
	.login-select-wrap .guide-txt br{display:none;}

	.sub-visual-copy.wide{width: auto !important;}
}

.linebox{border:1px solid #e9e9e9;padding:15px;line-height:1.75em;}
.graybox{border:1px solid #dedede;padding:15px;background:#f1f1f1;}
p.icon-dot{background:url(/images/seocho/common/content/icon_dot2.gif) left 10px no-repeat;padding-left:10px;}
ul.icon-dot > li{background:url(/images/seocho/common/content/icon_dot2.gif) left 10px no-repeat;padding-left:10px;}

.img-wrap img{max-width:100%;}

a.new{background:url(/images/seocho/common/layout/icon_blank.gif) right 50% no-repeat;padding-right:18px;}

/* 미니페스토 */
.board .list thead{border-left: 1px solid #dedede; border-right: 1px solid #dedede}
.board .list thead tr th,.board .list tbody tr th{border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede;}
.board .list thead tr th:last-child{border-right: none;}

.mani-wrap{display: flex; align-items: center;}
.mani-wrap > a{display: block; align-items: center; justify-content: center; padding: 40px 50px; box-sizing: border-box; margin-right: 20px; border:1px solid #dedede; border-radius: 4px;}
.mani-wrap > a img{width: 280px; max-width: inherit;}
.mani-wrap ul li{font-size: 18px;}
.mani-wrap span{display: flex; align-items: center; padding-top: 10px;}
.mani-wrap span img{padding-right: 5px;}

.gray-box{display: flex; align-items: center; background: #F8F9FB; padding: 25px;}
.gray-box > img{padding-right: 20px;}
.gray-box p{font-size: 17px;}

.section-con .imgList:first-child{padding-top: 0;}
.imgList{display: flex; align-items: center; padding: 25px 0; border-bottom: 1px solid #DEDEDE;}
.imgList img{padding-right: 20px;}

.section-con{margin-bottom: 30px;}
.section-con > h3{display: block; color: #316CB1; padding-bottom: 15px; font-size: 20px; font-weight: 500;}
.section-con > h3 a{color:#316CB1}
.section-con > h3 span{color:#555; font-weight: 400;}

.board .list.type2 tbody td{border-right: 1px solid #dedede; padding: 17px  15px;}
.board .list.type2 tbody td .listCon li+li{margin-top: 5px;}
.board .list.type2 tbody td b{display: block; padding-bottom: 5px;}
.board .list.type2 tbody tr td:first-child{border-left: 1px solid #dedede;}

.areaOntact ul{display:flex; margin:10px -5px;}
.areaOntact li{width:25%;padding:0 5px;box-sizing:border-box;margin-bottom:10px;}

.areaJumin{margin:10px -5px;}
.areaJumin:after{display:block;content:'';clear:both;}
.areaJumin li{float:left;width:280px;padding:0 5px;box-sizing:border-box;margin-bottom:10px;}
.areaJumin li a{display:block;height:40px;padding:30px 30px 30px 120px;border:1px solid #e3e3e3;background-repeat:no-repeat;background-position:30px center;font-size:16px;font-weight:700;}
.areaJumin li.col1 a{background-image:url(https://www.seocho.go.kr/images/om_2022/layout/img_sub030501.jpg);}
.areaJumin li.col2 a{background-image:url(https://www.seocho.go.kr/images/om_2022/layout/img_sub030502.jpg);}
.areaJumin li.col3 a{background-image:url(https://www.seocho.go.kr/images/om_2022/layout/img_sub030503.jpg);}
.areaJumin li.col4 a{background-image:url(https://www.seocho.go.kr/images/om_2022/layout/icon_01.jpg);}
.areaJumin li.col5 a{background-image:url(https://www.seocho.go.kr/images/om_2022/layout/icon_02.jpg);}
.areaJumin li.col6 a{background-image:url(https://www.seocho.go.kr/images/om_2022/layout/icon_03.jpg);}
.areaJumin li.col7 a{background-image:url(https://www.seocho.go.kr/images/om_2022/layout/icon_04.jpg);}

.areaSns{margin:10px -5px;}
.areaSns:after{display:block;content:'';clear:both;}
.areaSns li{float:left;width:290px;padding:0 5px;box-sizing:border-box; margin-bottom: 10px;}
.areaSns li a{display:block;height:60px;line-height:60px;padding:0 10px 0 55px;background-repeat:no-repeat;background-position:20px center;font-weight:500;color:#fff;}
.areaSns li.col1 a{background-color:#3aab36;background-image:url(https://www.seocho.go.kr/images/om_2022/layout/img_sub030504.jpg);}
.areaSns li.col2 a{background-color:#4867aa;background-image:url(https://www.seocho.go.kr/images/om_2022/layout/img_sub030505.jpg);}
.areaSns li.col3 a{background-color:#32ccfe;background-image:url(https://www.seocho.go.kr/images/om_2022/layout/img_sub030506.jpg);}
.areaSns li.col4 a{background-color:#ac33ae;background-image:url(https://www.seocho.go.kr/images/om_2022/layout/ico_ig.png);}
.areaSns li.col5 a{background-color:#fee100;color:#3a1d1d;background-image:url(https://www.seocho.go.kr/images/om_2022/layout/icon_sns_kakao.png);}
.areaSns li.col6 a{background-color:#c0030c;background-image:url(https://www.seocho.go.kr/images/om_2022/layout/icon_sns_youtube.png);}
.areaSns li.col7 a{background-color:#FF8A3D;background-image:url(https://www.seocho.go.kr/images/om_2022/layout/c_market.png);}

.goal-wrap{padding: 40px 0;}
.goal-wrap > ul{display: flex; flex-wrap: wrap; border:1px solid #E3E3E3; border-right: 0; border-top: 0;}
.goal-wrap > ul li{width: 25%; box-sizing: border-box; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;}
.goal-wrap > ul li strong{display: block; padding-left: 10px; font-size: 18px; letter-spacing: -0.7px;}
.goal-wrap > ul li > div{padding: 0 15px;}
.goal-wrap > ul li > div div{display: flex; height: 100px; box-sizing: border-box; align-items: center; padding: 10px 0; border-bottom: 1px solid #e3e3e3;}
.goal-wrap > ul li p{ height: 130px; box-sizing: border-box; padding-top: 20px; font-size: 15px;}

.sub-visual.bg5 { background-image:url(https://www.seocho.go.kr/images/om_2022/layout/sub_visual_bg5.png);}

/* 20230510 */
.sub-visual-copy.wide{width: 580px;}

li a.down{margin-left: 10px;}
a.down{display: inline-block; font-size: 14px; color:#E94B4B; padding: 6px 35px 6px 10px; background: url(https://www.seocho.go.kr/images/om_2022/layout/down_btn.png)no-repeat right 5px center; border: 1px solid #E94B4B;}

.img-list{margin-top: 10px;}
.img-list img{width: 300px; height: 200px; padding-right: 10px;}

.solid-line{text-align:left;background:url(https://www.seocho.go.kr/images/om_2022/layout/line_bg.gif) repeat-x left center;padding-left:0;padding-right:0; padding: 0 !important;}
.dotnone {text-align:left;background:#fff url(https://www.seocho.go.kr/images/om_2022/sub2018/dot_bg2.gif) repeat-x left center;padding-left:0;padding-right:0;}
.dot{text-align:left;background:url(https://www.seocho.go.kr/images/om_2022/sub2018/dot_bg.gif) repeat-x left center;padding-left:0;padding-right:0;}

.process{padding:5px 0;}
.process:after{display:block;content:'';clear:both;}
.process li{float:left;min-width:90px;height:70px;padding:10px;margin:0 30px 10px 0;position:relative;border:1px solid #aaaaaa;border-radius:8px;text-align:center;}
.process li:after{display:block;content:'';width:30px;position:absolute;top:0;right:-30px;bottom:0;background:url(https://www.seocho.go.kr/images/om_2022/layout/icon_process_arrow.gif) no-repeat center center;}
.process li:last-child:after{display:none;}
.process li b{display:block;height:35px;line-height:35px;margin:-10px -10px 5px -10px;background-color:#3875b6;color:#fff;border-radius:7px 7px 0 0;}
.process li em{display:block;color:#3875b6;}

.join_list{width:100%;border-top:1px solid #f27b5b;}
.join_list_in{display: flex; padding:14px 0;border-bottom:1px solid #b2b2b2; align-items: flex-start;}
.join_list_in p.photo{float:left;width:350px;}
.join_list_in p.photo img{width:300px; height:200px;padding:6px;border:1px solid #d7d7d7;}
.join_list_in dl{ padding:0px 0 14px 30px;}
.join_list_in dt{color:#000; font-size:150%; font-weight:600; margin-bottom:15px; }

.backLine { background:url(https://www.seocho.go.kr/images/om_2022/layout/center_line.png)center center no-repeat; background-size:12px 100%; width:100%; }
.contents-line { width:495px; position:absolute; }
.contents-line:first-child { top:50px; }
.contents-line:nth-child(even) { left:645px; }
.contents-line:nth-child(even) > .cycle-bx { background:url(https://www.seocho.go.kr/images/om_2022/layout/right_dot.png) no-repeat right center; background-size:25px 8px; position:absolute; left:-108px; top:-23px; }
.contents-line:nth-child(even) > .cycle-bx > .cycle-line { margin-left:0px; width:75px; height:75px; background-color:#FE8E80; }
.cycle-bx { width:100px; height:75px; background:url(https://www.seocho.go.kr/images/om_2022/layout/left_dot.png) no-repeat left center; background-size:25px 8px; position:absolute; left:513px; top:-23px; }
.cycle-line { margin-left:25px; width:75px; height:75px; background-color:#CB4C3D; color:#fff; font-size:18px; font-weight:800; text-align:center; border-radius:100px; }
.backLine .txtBlue{color:#CB4C3D}
.cycle-line span { display:block; padding-top:24px; }
.contents-line:nth-child(even) > .txtBlue { color:#FE8E80; }
.contents-line a.icon_pdf{background: url(https://www.seocho.go.kr/images/om_2022/layout/down_btn.png) no-repeat center left 2px; background-size: 18px;}

/* 지홍연수석추가 */
.md-wrap{margin-bottom:50px;}
.md-title{font-size:20px; color:#316CB1; margin-bottom:15px;}

.board{position:relative;}
.board .list tbody th{border: 1px solid #dedede; text-align: center; padding: 17px 5px; word-break: break-all;}
.board .list tbody th.bg-gray{background: #F9F9F9;}
.board .list tbody td.bg-yellow{background-color:#fffde7;}
.board .list .sum{font-weight:bold;}
.board .list .sum .bg-gray,
.board .list .sum th,
.board .list .sum td{background-color:#f1f1f1;}
.board .list .sum .total{background-color:#f5f2d3;}
.board .list.type2 .sum td{padding:17px 5px;}

.list-unit{font-size:14px;}
.list-unit.fixed{position:absolute;right:0;top:-30px;}

a.link {display: inline-block; font-size: 14px; padding: 6px 35px 6px 10px; background: url(https://www.seocho.go.kr/images/om_2022/contents/arr_link.png) no-repeat right 15px center; border: 1px solid #545656;}

a.btn-down{display: inline-block; font-size: 14px; padding: 4px 15px; border: 1px solid #545656;}
a.btn-down:hover{background-color:#565656; color:#fff !important; text-decoration:none !important;}
.board .list .btn-down{margin:-5px 0;}

.budget-chart{margin-bottom:30px;}
.budget-chart .total{background-color:#CB4C3D; color:#fff; font-size:20px; text-align:center; padding:10px;}

.con-tab2{margin-bottom: 40px;}
.con-tab2 ul{padding: 10px 20px 15px 20px; background: #F6F6F6; display: flex; justify-content: space-between; height: 80px; box-sizing: border-box;}
.con-tab2 li{width: 20%; text-align: center;}
.con-tab2.col4 li{width: 25%;}
.con-tab2 li a{display: inline-block; width: 100%; font-size:18px; position: relative; color:#545656; height: 57px; line-height: 57px;}
.con-tab2 li.active a{background: #7A7A7A; color:#fff}
.con-tab2 li.active a:after{content: ''; position: absolute; left: 50%; transform: translateX(-50%);bottom: -8px; background: url(https://www.seocho.go.kr/images/om_2022/contents/con-tab2-bottom.png)no-repeat; width: 22px; height: 9px;}


@media all and (max-width:1200px){
	.contents-line:first-child { top:0px; }
	.backLine { background:none; }
	.contents-line { width:100%; position:relative; margin-bottom:20px; }
	.contents-line:nth-child(even) { left:0px; }
	.cycle-bx { width:100px; height:40px; background:none; position:relative; left:0px; margin-bottom:5px; top:0px; }
	.cycle-line { line-height:40px; margin-left:0px; width:100%; height:40px; background-color:#CB4C3D; color:#fff; font-size:16px; font-weight:800; border-radius:10px; }
	.cycle-line span { display:block; padding-top:0px; }
	.contents-line:nth-child(even) > .cycle-bx { background:none; position:relative; left:0; top:0; }
	.contents-line:nth-child(even) > .cycle-bx > .cycle-line { margin-left:0px; width:100%; height:40px; background-color:#FE8E80; }
}

@media all and (max-width:640px){
	.mani-wrap{flex-direction: column;}
	.mani-wrap a{margin:0 0 15px 0; padding: 20px;}
	.mani-wrap a img{width: 80%;}
	.mani-wrap ul li,.gray-box p,.imgList p{font-size: 15px;}
	.mani-wrap span{font-size: 14px;}

	.section-con > h3{font-size: 18px;}

	.con-tab ul li a{font-size: 14px;}

	.gray-box,.imgList{flex-direction: column;}
	.gray-box p br{display: none;}

	#mHeader .m-sns ul li{width: 20%;}
	#mHeader .m-sns ul li + li{margin: 0;}
	#mHeader .m-sns a{width: 40px; height: 40px;}

	.img-list img{padding: 0 0 10px 0;}

	.board .list.type2 tbody td,
	.board .list thead tr th,
	.board .list tbody tr th{padding: 4px; font-size: 13px;}

	.goal-wrap > ul li{width: 50%;}
	.goal-wrap > ul li strong{font-size: 15px;}
	.goal-wrap > ul li p{height: auto;}
	.goal-wrap > ul li > div{padding: 10px;}
	.goal-wrap > ul li > div div{height: 80px;}
	.goal-wrap > ul li > div div img{width: 40px;}

	.areaOntact ul{flex-wrap: wrap;}
	.areaOntact li{width: 50%;}

	.areaSns li{width: 100%; margin-top: 15px;}
	.areaSns li:first-child{margin-top: 0;}

	.con-tab2 ul{ padding: 10px 4px; height: auto;}
	.con-tab2 ul li{width: auto;}
	.con-tab2 li a{font-size: 13px; height: auto; line-height: inherit; padding: 3px 6px; box-sizing: border-box;}
}

@media all and (max-width:425px) {
	.board .list.type2 thead th,
	.board .list.type2 tbody th,
	.board .list.type2 tbody td{padding:10px 3px !important; font-size:13px; line-height:1.5em;}

	.list-unit.fixed{position:relative;top:inherit;right:inherit; margin-bottom:5px;}

	a.btn-down{padding:4px; line-height:1em;}

	.budget-chart .total {font-size: 15px;}
}


/* img */
.photo-view ul{overflow:hidden;padding:15px 0 5px;}
.photo-view ul li{float:left;margin:0 10px 10px 0;text-align:center;}
.photo-view ul li:last-child{margin-right:0;}
.photo-view ul li p{padding-top:6px;}

.photo-view ul.line2 li{width:50%;margin:0 0 10px 0;}
.photo-view ul.line2 li:first-child + li{float:right;}
.photo-view ul.line2 li:first-child + li + li + li{float:right;}
.photo-view ul.line2 li img{max-width:569px;width:99%;}
.photo-view ul.line3 li{width:33.3%;margin:0 0 10px 0;}
.photo-view ul.line3 li img{max-width:98%;}
.photo-view ul.line4 li{width:25%;margin:0 0 10px 0;}
.photo-view ul.line4 li img{max-width:98%;}
.photo-view ul.line5 li{width:20%;margin:0 0 10px 0;}
.photo-view ul.line5 li img{max-width:98%;}

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

	.photo-view.con-wrap{margin-left:0;}
	.photo-view ul li{margin:0 0 10px 0;text-align:center;float:none;}
	.photo-view ul li img{max-width:98%;}

	.photo-view ul.line2 li{text-align:center;width:auto;margin:0 0 10px 0;}
	.photo-view ul.line2 li:first-child + li{float:none;text-align:center;}
	.photo-view ul.line2 li:first-child + li + li + li{float:none;text-align:center;}
	.photo-view ul.line2 li img{max-width:420px;width:100%;}

	.photo-view ul.line3 li{float:left;width:50%;}
	.photo-view ul.line3 li img{max-width:98%;}
	.photo-view ul.line4 li{float:left;width:50%;}
	.photo-view ul.line4 li img{max-width:98%;}
	.photo-view ul.line5 li{float:left;width:50%;}

	.photo-view ul.m-line2 li{float:left;width:50%;text-align:center;margin:0 0 10px 0;}
	.photo-view ul.m-line2 li img{max-width:98%;width:auto;}
}