@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, CSS Adjust
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.07.04 | 문영신 | 최초 등록
 * 2018.07.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | 공통 스타일과 다른 개별 스타일 겹쳐 쓰다!
 | RWD ◇◆
 */

/* ◇◆ all.css, sub.css, lib*.css  )) Overwrite. 20180514. ◇◆◇◆◇◆◇◆◇◆ */


/* #tnb1 div.d1>ul>li:nth-child(5)>a>.t1{width:3em;} */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


/* h1#logo{margin:8px 60px 8px 0;}
h1#logo>a>img{height:64px;} */


} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#tnb1 div.d1>ul>li.m5 ~ li{display:none;} /* ☆ */


} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */



/* 주민참여 포인트 조회 */
.msg1box1 {text-align:center;border-bottom:1px solid #444;padding-bottom:1.5em;margin:3em 0 1.5em;}
.msg1box1 p {margin:0;font-size:1.063em;}
.msg1box1 .t1 {font-size:1.25em;color:#111;font-weight:600}
/* .msg1box1 .t1:before {content:"";display:block;width:108px;height:108px;background:url(/_res/portal/img/lib2etc/member21login1.png) no-repeat;margin:0 auto .75em;background-size:auto 108px} */
.msg1box1 .t2{margin-top:10px;font-size:15px;color:#000;text-align:center;}
.msg1box1 ul.bu.bu2 {background:#f6f6f6;padding:20px;text-align:center;margin-bottom:0}
.msg1box1 ul.bu.bu2 li {background-image:none;}
.msg1box1 ul.bu.bu2 li:before {content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../../img/lib/li2bg.png) no-repeat 0 0;margin-top:-2px}
@media all and (min-width:768px){
	.msg1box1 .t1:before {width:154px;height:154px;background-size:auto}
}

.mileage2login1{max-width:360px;margin:0 auto;padding:.5em 0;border-width: 0; background:#eef3f4;border-radius:10px; font-size:20px; text-align:center;}
.mileage2login1>.deco1{display:block;
	width:154px;height:154px;margin:0 auto 10px;
	background:url(../../img/sub/member21login1.png) no-repeat center center;
	background-size:contain;
}
.mileage2login1 .t1{font-size:20px;color:#000;text-align:center;}
.mileage2login1 .login{width:300px;margin:0 auto;text-align:left;font-size:14px;}
.mileage2login1 .item label{display:inline-block;width:70px;color:#000;font-weight:600;}
.mileage2login1 .item input{height:2.5em;width:140px;margin-right:4px;}
.mileage2login1 fieldset>:last-child{margin-bottom:0;}

.mileage2login1 .login .agree1 {text-align:center;background:#fff;margin:20px 0 0;border-radius:5px;padding:5px 0}
.mileage2login1 .login .btns {text-align:center;margin:20px 0 0;width:100%}
.mileage2login1 .login .btns button{width:100%}

 @media all and (min-width:768px){
 	.msg1box1 .t1 {font-size:1.5em;}
	.msg1box1 .t2{font-size:18px;}
 	.mileage2login1{margin:0 auto;padding:1em 0;}
	.mileage2login1 .t1{font-size:24px; }
	.mileage2login1 .login{width:520px; font-size:16px;}
	.mileage2login1 .item label{ width:100px;}
	.mileage2login1 .item input{ width:300px;}
	.mileage2login1{max-width:100%;}
	.mileage2login1 .login .btns button{width:300px;}
 }

.mileage2flow1{border:1px solid #ddd;background:#fff;}
.mileage2flow1:after{display:none}
.mileage2flow1>li{position:relative;vertical-align:top;border:1px solid #ddd;border-width:0 0 1px;padding:20px 2% 3% 100px !important;}
.mileage2flow1>li:before{display:block;position:absolute;left:15px;top:30px;font-size:13px;font-family:'Noto Sans';line-height:20px;color:#333;}
.mileage2flow1>li:nth-child(1):before{content:'Step 01'}
.mileage2flow1>li:nth-child(2):before{content:'Step 02'}
.mileage2flow1>li:nth-child(3):before{content:'Step 03'}
.mileage2flow1>li:nth-child(4):before{content:'Step 04'}
.mileage2flow1>li:nth-child(5):before{content:'Step 05'}
.mileage2flow1>li:nth-child(6):before{content:'Step 06'}
.mileage2flow1>li:nth-child(7):before{content:'Step 07'}
.mileage2flow1>li:nth-child(8):before{content:'Step 08'}
.mileage2flow1>li:nth-child(9):before{content:'Step 09'}
.mileage2flow1>li:nth-child(10):before{content:'Step 10'}
.mileage2flow1>li:after{content:'';position:absolute;left:80px;top:-1px;display:block;width:37px;height:20px;background:url(../../img/sub/arrow2ss.png) no-repeat;}
.mileage2flow1>li:first-child:after{background:transparent;}
.mileage2flow1>li:last-child{border:0;}
.mileage2flow1>li>.t1{display:block;font-size:18px;font-weight:bold;color:#11559f;margin:.25em 0;line-height:1.25;font-family:'Noto Sans','나눔스퀘어',NanumSquare,'Nanum Square','맑은 고딕','Malgun Gothic';}
.mileage2flow1>li>.t2{display:block;color:#666;line-height:1.2em;}

@media all and (min-width:640px){
	.even-grid[class*='evenmix-14'].mileage2flow1>.column{width:100% !important;}
}

@media all and (min-width:999px){
	.mileage2flow1{display:table !important;table-layout:fixed !important;padding:0 !important;width:100%;background:#fcfdfe}
	.mileage2flow1>li{display:table-cell !important;vertical-align:top;border-width:0;padding:2% 2% 2% 3% !important;/*height:146px;*/min-height:100px;}
	.mileage2flow1>li:before{position:relative;left:0;top:0;}
	.mileage2flow1>li:after{left:-1px;top:45px;margin:0;width:15px;height:26px;background:url(../../img/lib2/ich53a2c1right1.png) no-repeat 0 0;
		background-size:contain;
	}
	.mileage2flow1>li>.t1{font-size:18px;font-weight:bold;height:40px;line-height:1.25;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:10px;}
}