@charset "utf-8"; div,table,em,h1,h2,h3,h4,h5,h6,form,fieldset,p,th,td,input,textarea,select,button { font-family:'noto sans kr','돋움', '굴림', 'Arial', 'AppleGothic', 'sans-serif'; font-size:15px; color:#333; } 


body { /*margin-top:20px; */ 
margin-left:0px; padding-top:0px; padding-left:0px; margin-bottom:0; font-family: 'noto sans kr', '돋움', '굴림', 'Arial', 'AppleGothic', 'sans-serif'; font-size: 15px; } 
input { height:32px; padding:0 7px; box-sizing: border-box; } 
input[type="checkbox"] { width:15px; height:15px; vertical-align: -2px; } 
input[type="radio"] { vertical-align: middle; } 
.wTable ul,.wTable ol { list-style: auto; } 

.s_submit { display:inline-block; padding:10px 30px; border-radius: 3px; font-family: 'noto sans kr', '돋움', '굴림', 'Arial', 'AppleGothic', 'sans-serif'; font-weight: normal; margin:0 5px; font-size:15px; background:#0c4ca4; color:#fff; font-weight:400; } 
.s_submit:hover { color:#fff } 

.wTableFrm { width:100%; } 
.wTable { border-top:2px solid #044774; margin:0 0 40px 0 } 
.wTableFrm h2 { font-size:20px; margin-bottom:15px; padding-left:27px; background:url(../images/egovframework/com/cmm/icon/tit_icon.png) no-repeat left center; } 
.wTable > tbody > tr { padding:15px 5px } 
.wTable > tbody > tr > th { padding:10px 0 10px 10px; font-size:17px; font-weight:500; } 

.wTable > tbody > tr > td textarea { padding:10px; box-sizing: border-box; } 
.wTable > tbody > tr > td input[type=text] { height:30px; } 
.wTable > tbody > tr > td input[type=password] { height:30px; } 
.wTable > tbody > tr > td select { height:32px; } 
.wTable > tbody > tr > td > label > input { margin:0 5px 0 0 } 

.wTableFrm .btn { text-align: center; margin:25px 0 0 0; float:none } 
.wTableFrm .btn .btn_s2 { padding:10px 30px 12px 30px; border-radius: 3px; font-size:15px; } 
.wTableFrm .btn .btn_s2.no { background:#999 } 
.wTableFrm .btn_s2 { padding:6px 11px; border-radius: 3px; font-size:13px; background:#044774 } 
.wTableFrm .btn_s2:hover { text-decoration: none; color:#fff; } 
.wTableFrm .btn input.s_submit { padding:0 30px; height:41px; border-radius: 3px; font-family: 'noto sans kr', '돋움', '굴림', 'Arial', 'AppleGothic', 'sans-serif'; font-weight: normal; margin:0 5px; font-size:15px; background:#0c4ca4 } 
.btn_style1 { border-radius: 3px; } 
.btn_style1 a { font-weight:normal; font-size:14px } 

/*-----------약관----------*/
.wTable.lay_agree.lay_agree { margin:0 0 30px 0; } 
.wTable.lay_agree > thead > tr > th { font-size:17px; font-weight: 500; } 
.wTable.lay_agree > tbody > tr > td { border-bottom:0; padding:10px 0 } 
.wTable.lay_agree > tbody > tr > td textarea { width:100%; margin:10px 0 0 0; height:150px } 
.lay_privacy h3 { font-size:16px; color:#0c4ca4; font-weight: 500; margin:10px 0; text-align: left; } 
.lay_privacy h4 { font-size:15px; color:#333; font-weight: 500; } 
.lay_privacy_s_title2:first-child { margin-top:10px } 



/*-----------본인인증----------*/
.certWrap { font-size:16px; padding:0 } 
.certWrap .logo { display:block; margin:30px auto } 
.certWrap p { padding:0 0 20px 0; border-bottom:1px dashed #ddd; margin:0 auto 20px 0 } 
.certWrap .txt_tip { text-align: center; border:0; padding:0 } 
.certWrap .txt_tip span { padding:0 0 0 20px; background:url(../images/icon/icon_tip.gif) no-repeat 0 center; font-size:16px; } 
.certWrap .cert_box { position:relative; border:1px solid #efefef; background-color:#fcfcfc; padding:50px; text-align: center; max-width: 490px; margin:33px auto } 
.certWrap .cert_box .join_img { position:absolute; top:60px; left:50%; transform: translateX(-50%); display:inline-block; width:49px; height:69px; background:url(../images/icon/icon_join.png) no-repeat 0 -221px } 
.certWrap .cert_box h3 { font-size:20px; padding:100px 0 0 0; margin:0 0 25px 0 } 
.certWrap .cert_box span { display: block; text-align: left; margin:0 0 5px 0 } 
.certWrap .btn_cert { padding:10px 40px; background: #0c4ca4; border-radius: 4px; color:#fff; margin:40px auto 0 auto; font-size:16px; font-weight: 400; display:block; } 
.certWrap span.cert_finish { padding:10px 40px; background: #ccc; border-radius: 4px; color:#fff; margin:40px auto 0 auto; font-size:16px; font-weight: 400; display:block; text-align: center; } 
.certWrap .cert_box .btn_cert { margin:20px auto 0 auto; } 

/*------회원정보입력---------*/
.wTable.lay_join > tbody > tr > th { padding:20px 0 20px 10px; font-weight:normal; text-align: center; width:25%; } 
.wTable.lay_join > tbody > tr > td { padding:20px 15px } 
.wTable.lay_join > tbody > tr > td input[type=text] { width:300px } 
.wTable.lay_join > tbody > tr > td input[type=password] { width:300px } 
.wTable.lay_join > tbody > tr > td.email input { width:200px } 
.wTable.lay_join > tbody > tr > td.tel input { width:70px } 
.wTable.lay_join > tbody > tr > td.zipcode input { width:100px } 
.wTable.lay_join > tbody > tr > td.address input { width:99% } 
.wTable.lay_join > tbody > tr > td.detail input { width:99% } 
.wTable.lay_join > tbody > tr > td #rdoComp { margin:0 0 0 20px } 
.wTable > tbody > tr > th span.pilsu { color: #d0270b; font-weight: 500; margin-left: 3px; vertical-align: bottom; line-height: 14px; font-size: 20px; } 


/*------회원가입 완료---------*/
.join_result { position:relative; border: 1px solid #ddd; padding: 50px 40px 50px 40px; width: 650px; text-align: center; box-sizing: border-box; display: grid; margin: 0 auto; margin-top: 120px; position: relative; } 
.join_result .txt { font-size:20px; font-weight: 500; padding:0 0 250px 0; font-size:30px } 
.join_result .join_img { position:absolute; left:50%; top:122px; transform: translateX(-50%); background: url(../images/icon/icon_join.png) no-repeat 0 0; display:inline-block; width:293px; height:221px } 
.join_result div { margin:40px auto 0 auto } 
.join_result div .gomain { background:#fff; border:1px solid #0c4ca4; color:#0c4ca4; } 
.join_result div .gomain:hover { color:#0c4ca4; } 


/*------아이디/비밀번호 찾기 결과---------*/
.idpw_result { width:50%; margin:60px auto } 
.boxType1 { position: relative; border: 1px solid #ececec; background: #eeeeee; border-radius: 4px; } 
.boxType1 .box .error p.title { color:#4e86e2; font-size:18px; line-height:36px; font-weight:bold; margin-bottom:10px; word-break: break-all; } 
.boxType1 .box .error p.cont { line-height:18px; font-size: 14px; font-weight: 500; } 
.boxType1 .box { background: #fff; margin: 4px; padding: 20px; } 

.boxType1 .box .error p.cont { font-size:18px } 
.boxType1 .box .error p.cont.mb30 { margin:0 0 30px 0 } 
.boxType1 .box .error { background:url(../images/egovframework/com/cmm/main/error_img.png) no-repeat 10% 25px; background-size: 120px; text-align: center; padding: 25px 0 25px 0px; min-height: 120px; } 

.boxType1 .box .email p.title { color:#4e86e2; font-size:18px; line-height:36px; font-weight:bold; margin-bottom:10px; word-break: break-all; } 
.boxType1 .box .email ul { margin-left: 15%; } 
.boxType1 .box .email p.cont { line-height:18px; font-size: 14px; font-weight: 500; } 
.boxType1 .box { background: #fff; margin: 4px; padding: 20px; } 

.boxType1 .box .email p.cont { font-size:18px } 
.boxType1 .box .email p.cont.mb30 { margin:0 0 30px 0 } 
.boxType1 .box .email { background:url(../images/egovframework/com/cmm/main/email_img.png) no-repeat 8% 50%; background-size: 120px; text-align: center; padding: 25px 0 25px 0px; min-height: 120px; } 



/*.boxType1 .box .error { padding:25px 0 25px 0px; min-height:50px; display: flex; } */
.boxType1 .box .error ul { float: left; margin-left: 30%; min-width: 70%; } 
.boxType1 .box .error ul li p { width: 100%; line-height: 36px; } 
.error_box { margin: 50px auto 50px auto; width: 700px; } 
.error span { text-align: center; display: inline; } 
.blue { background:#3d70b6; } 


@media all and (max-width: 1200px){
 .idpw_result { width:80%; } 
 }

@media all and (max-width: 1024px){
 .error_box { width: 90%; } 
.join_result { position: relative; transform: none; margin: 0 auto; left:auto; top:auto; } 
 }


@media all and (max-width: 800px){
 .wTable.lay_join > tbody > tr > th 
 {
 padding:15px 3px; font-size:15px } 
.wTable.lay_join > tbody > tr > td { padding:15px; } 
.wTable.lay_join > tbody > tr > th span.pilsu { margin-left:0px } 
.wTable.lay_join > tbody > tr > td input[type=text] { width:100% } 
.wTable.lay_join > tbody > tr > td.id input[type=text] { width:50% } 
.wTable.lay_join > tbody > tr > td input#zip { width:50% } 
.wTable.lay_join > tbody > tr > td.tel input[type=text] { width:30% } 
.wTable.lay_join > tbody > tr > td.email input { width:45% } 
.wTable.lay_join > tbody > tr > td input[type=password] { width:100% } 

.idpw_result { width:100%%; margin:0 auto; } 
.boxType1 .box .error { display: inline-block; width: 100%; text-align: center; } 
.boxType1 .box .error ul { text-align: center; } 

.certWrap .txt_tip { text-align: left } 

.join_result { width:100%; padding:30px 30px 30px 30px } 
.join_result .txt { font-size:25px } 
.join_result .join_img { top:95px } 
 }
@media all and (max-width:660px){
 .boxType1 .box .error { background: url(../images/egovframework/com/cmm/main/error_img.png) no-repeat 50% 25px; background-size: 100px; } 
.boxType1 .box .error ul { margin-left: 0; margin-top: 120px; width: 100%; } 
.boxType1 { width: 98%; } 
.boxType1 .box .error p.cont { margin-bottom: 0; } 
.boxType1 .box .email { background:none } 
.boxType1 .box .email ul { margin-left: 0; } 
 }


@media all and (max-width: 400px){
 .wTable.lay_join > tbody > tr > th { padding:10px 3px; font-size:14px } 
.wTable.lay_join > tbody > tr > td { padding:10px; font-size:14px } 
.wTable.lay_join > tbody > tr > td .password_notice div { font-size:14px } 
.wTable.lay_join > tbody > tr > td.id input[type=text] { width:100% } 
.wTable.lay_join > tbody > tr > td.tel input[type=text] { width:28% } 

.idpw_result { width:100%; } 

.certWrap .cert_box { padding:30px; } 
.certWrap .cert_box .join_img { top: 45px } 
 }