@charset "utf-8";

/* 2015-09-24 */

/* CSS Document */


/*** 폰트설정 ***/
/* 자체 서버에 웹폰트를 구성 */
/*
 ~.eot : IE9 호환성 보기용
 local(※) : 로컬 서체 - 어떠한 서체도 참조하지 않도록 하거나, 웹 브라우저가 지원하지 않는 불필요한 웹 폰트 호출을 막는데 사용
 ~.eot?#iefix~ : IE 6-8,9+
 ~.woff2 : WOFF To-Be 버전
 ~.woff : 표준 브라우저
 ~.ttf : IE를 제외한 대부분의 브라우저 - 참조 순서에 의해 안드로이드 4.3이하 기본 브라우저가 참조
*/
/*** 웹폰트 자체 서버 배포 설정 - Start ***/
@font-face {
	font-family:'Nanum Gothic';
	src:url('../font/NanumGothic-Regular.eot');
	src:local(※),
		url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumGothic-Regular.woff2') format('woff2'),
		url('../font/NanumGothic-Regular.woff') format('woff'),
		url('../font/NanumGothic-Regular.ttf') format('truetype');
}
/*** 웹폰트 자체 서버 배포 설정 - End ***/



/* 구글 CDN(Content distribution network)을 이용하여 외부 서버에서 폰트 컨텐츠를 가져올 수 있음 */
/*** 웹폰트 외부 서버 배포 설정 - Start ***
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*** 웹폰트 외부 서버 배포 설정 - End ***/



 /* 다국어화면 한글표기 */
*[lang="ko"] { font-family: 'Nanum Gothic', malgun, Dotum, sans-serif; }

body { background-color:#f4f4f4; }

input:focus, textarea:focus { outline:none; }

#nec_wrap { height:100%; width:100%; }
#nec_wrap.hold { overflow:hidden; }
.cover { position:absolute; top:0; left:0; display:none; overflow:hidden; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100; }

.quick { display:none; }
.wrap { overflow:hidden; min-width:300px; max-width:736px; margin:0 auto; }
.content { padding: 0 14px; }

.f_left { float:left; }
.f_right { float:right; }
.t_align_r { text-align:right; }


/* 20160125 추가 */
.on { display:block; }
.off { display:none; }


/********** navigation */

/* 메인메뉴 */
nav.mainmenu { position:absolute; top:0; left:-280px; display:block; overflow:hidden; width:280px; height:100%; background-color:#fff; z-index:200; }
nav.mainmenu .box { display:block; height:100%; overflow:auto; }
nav.mainmenu .box .title { position:relative; display:block; overflow:hidden; height:45px; color:#fff; font-size:18px; line-height:45px; padding-left:20px; background-color:#404040; }
nav.mainmenu .box .title .close { position:absolute; top:0; right:0; display:block; overflow:hidden; width:45px; height:45px; text-indent:-9999px; background:#000 url(../images/btn_close.jpg) no-repeat center 50%; background-size:20px; }
nav.mainmenu .box ul { display:block; overflow:hidden; padding-bottom:50px; }
nav.mainmenu .box ul li { display:block; border-top:1px solid #a6a6a6; }
nav.mainmenu .box ul li:first-child { border:0; }
nav.mainmenu .box ul li p { display:block; overflow:hidden; color:#404040; background-color:#f4f4f4; border-bottom:1px solid #d9d9d9; }
nav.mainmenu .box ul li ul { padding-bottom:0; }
nav.mainmenu .box ul li ul li { border:0; }
nav.mainmenu .box ul li ul li a { display:block; color:#737373; }

/* navigation **********/



/********** header */

header .top { overflow:hidden; }
header .top .wrap { position:relative; display:block; overflow:hidden; }
/* 한국시간 */
header .top .wrap .time { display:block; overflow:hidden; height:19px; color:#737373; font-size:12px; line-height:20px; letter-spacing:1px; text-align:center; border-bottom:1px solid #d9d9d9; }
/* 탑로고 */
header .top .wrap h1 { display:block; overflow:hidden; height:50px; background-color:#fff; }
header .top .wrap h1 a { display:block; overflow:hidden; width:150px; height:30px; text-indent:-9999px; background:url(../images/logo_top.jpg) no-repeat 0 0; background-size:150px; margin:8px auto; }
/* 메뉴버튼 */
header .top .wrap .btn_menu { position:absolute; top:20px; left:0; display:block; overflow:hidden; width:50px; height:50px; text-indent:-9999px; background:url(../images/menu.jpg) no-repeat 0 0    ; background-size:50px; }
/* 디데이 배너 */
header .top .wrap .banner { position:absolute; top:30px; right:10px; display:inline-block; overflow:hidden; border-radius:20px; padding:5px 10px; background-color:#0068b7; }
header .top .wrap .banner .dday { display:block; overflow:hidden; height:20px; color:#fff200; font-size:14px; font-weight:bold; line-height:20px; letter-spacing:-1px; text-align:center; }
/* 신고신청기간 */
header .top .wrap .banner_text { display:block; overflow:hidden; border-top:1px solid #d9d9d9; color:#404040; font-size:12px; text-align:center; }
header .top .wrap .banner_text .title { font-weight:bold; }

/* header **********/



/********** section */

/** main **/
section.main { background:url(../images/bg_m.jpg) no-repeat right top; background-size:100%;}
/* 슬로건 */
section .wrap article.visual { display:block; overflow:hidden; }
section .wrap article.visual .title { display:block; overflow:hidden; padding:15px; margin-top:15px; }
section .wrap article.visual .title h2 { display:inline-block; color:#fff; }
section .wrap article.visual .slogan { display:block; overflow:hidden; padding:0 15px; margin-bottom:30px; }
section .wrap article.visual .slogan.ex { margin-bottom:10px; }
section .wrap article.visual .slogan > p { color:#fff; }
section .wrap article.visual .slogan > p strong { display:inline-block; }
section .wrap article.visual .slogan > p strong.mark1 { color:#a8dbff; }
section .wrap article.visual .slogan > p strong.mark2 { color:#fff200; }
/* 버튼 3종세트 (20160126 수정) */
section .wrap article.visual a { position:relative; display:block; overflow:hidden; color:#fff; padding:0 50px 0 25px; background:url(../images/btn_arrow_m2.png) no-repeat right 50%; background-size:36px; }
section .wrap article.visual a:before { position:absolute; top:0; left:0; content:""; display:block; overflow:hidden; width:15px; height:100%; background:rgba(0,0,0,0.3); text-indent:-9999px; }
section .wrap article.visual a.link1 { background-color:#cf3e4a; }
section .wrap article.visual a.link2 { background-color:#2e3d64; }
section .wrap article.visual a.link3 { background-color:#0068b7; }
section .wrap article.visual a.link4 { background-color:#60b1e9; }
section .wrap article.visual a.link5 { background-color:#0C7569; }
section .wrap article.visual a p { padding:20px 0;  }
section .wrap article.visual a p mark { display:none; }
section .wrap article.visual a p.bg { display:block; overflow:hidden; background: url(../images/h2_img03.png) no-repeat 0 50%; background-size: 30px; }
section .wrap article.visual a p.bg.info { padding:12px 0 12px 50px; line-height: 23px; }
section .wrap article.visual a p.bg.info mark { display:block; overflow:hidden; padding:0; color:#fff200; font-size:12px; background:none; }

/* 문구 및 일정 */
section .wrap article.term { display:block; overflow:hidden; background-color:#fff; padding:15px; margin-top:10px; }
section .wrap article.term dl { display:block; overflow:hidden; }
section .wrap article.term dl dt { display:block; overflow:hidden; color:#404040; }
section .wrap article.term dl dd { display:block; color:#404040; font-size:14px; line-height:16px; letter-spacing:1px; padding:10px; background-color:#f2f2f2; margin-bottom:10px; }
/* 자주하는 질문 */
section .wrap article.faq { display:block; overflow:hidden; clear:both; background-color:#fff; margin-top:10px; padding:10px 15px 30px 15px; }
section .wrap article.faq .title { display:block; overflow:hidden; }
section .wrap article.faq .title a { display:block; overflow:hidden; height:45px; color:#404040; font-size:16px; font-weight:bold; line-height:45px; background:url(../images/faq_more.jpg) no-repeat right 50%; background-size:20px; }
section .wrap article.faq ul { display:block; overflow:hidden; }
section .wrap article.faq ul li { position:relative; display:block; overflow:hidden; border-bottom:1px solid #d9d9d9; }
section .wrap article.faq ul li:last-child { border:0; }
section .wrap article.faq ul li:before { position:absolute; top:50%; left:0; margin-top:-15px; content:"Q"; display:block; overflow:hidden; width:30px; height:30px; color:#fff; font-size:16px; line-height:30px; text-align:center; background-color:#a6a6a6; border-radius:15px; }
section .wrap article.faq ul li a { display:block; overflow:hidden; height:40px; color:#737373; font-size:14px; letter-spacing:-0.5px; line-height:40px; text-overflow:ellipsis; white-space:nowrap; padding:5px 0 5px 35px; }
section .wrap article.faq ul li a:focus { color:#000; }
/* main **/

/** sub */
section.sub { background-color:#fff; padding-bottom:15px; }
/* 대메뉴 타이틀 */
section .wrap article.title { position:relative; display:block; overflow:hidden; background-color:#2e3d64; }
section .wrap article.title h2 { display:none; }
section .wrap article.title h3 { display:block; overflow:hidden; color:#fff; font-weight:bold; text-align:center; padding:0 40px; }
section .wrap article.title .menu_prev { position:absolute; top:0; left:0; display:block; overflow:hidden; width:40px; height:100%; background:url(../images/menu_left.png) no-repeat center 50%; background-size:40px; text-indent:-9999px; }
section .wrap article.title .menu_next { position:absolute; top:0; right:0; display:block; overflow:hidden; width:40px; height:100%; background:url(../images/menu_right.png) no-repeat center 50%; background-size:40px; text-indent:-9999px; }

/* 컨텐츠 영역 */
section .wrap article.container { display:block; overflow:hidden; clear:both; background-color:#fff; padding:20px 10px; }
section .wrap article.container .content { display:block; overflow:hidden; min-height:300px; }
section .wrap article.container .content h4 { display:inline-block; color:#404040; font-size:18px; font-weight:bold; line-height:20px; letter-spacing:-1px; margin: 30px 0 20px 0; }
section .wrap article.container .content h4 mark { color:#404040; }
section .wrap article.container .content h4.mb20 { margin-bottom:20px; }
section .wrap article.container .content h4.mb0 { margin-bottom:15px; }
section .wrap article.container .content p.sub_tit { color: #737373; font-weight:bold; font-size: 16px; padding-left: 23px; margin-bottom: 26px; }
section .wrap article.container .content h3.sgname { margin-bottom: 20px; margin-top:5px; font-size: 16px; }
section .wrap article.container .content h4.ex { border-bottom:0; }
section .wrap article.container .content h4.ex mark:nth-child(1) { display:inline; border-bottom:1px solid #404040; }
section .wrap article.container .content h4.ex mark:nth-child(2) { display:inline; border-bottom:1px solid #404040; }
section .wrap article.container .content h4.ex mark:nth-child(3) { display:inline-block; border-bottom:1px solid #404040; margin-top:5px; }
section .wrap article.container .content .sure { color:#ed1c24; font-size:14px; font-weight:bold; line-height:16px; padding-bottom:10px; }
section .wrap article.container .content .text { color:#737373; font-size:15px; line-height:18px; margin-bottom: 30px; }
section .wrap article.container .content .text mark { color:#cf3e4a; font-weight: bold; }
section .wrap article.container .content .text a { color:#737373; font-weight:bold; }
section .wrap article.container .content .text a:hover { color:#404040; border-bottom:1px solid #404040; }
section .wrap article.container .content .text.pb30 { padding-bottom:30px; }
section .wrap article.container .content .text.pb20 { padding-bottom:20px; }
section .wrap article.container .content .text.pb50 { padding-bottom:50px; }
section .wrap article.container .content .text.pb60 { color: #404040; padding: 23px 5px 0px 20px; margin: 10px 0 0 0; font-size: 20px; background: url(../images/dot_img.gif) no-repeat left center; }
section .wrap article.container .content .text.pb60.second { margin: -2px 0 35px 0 }
section .wrap article.container .content .text.pb60 strong { color: #cf3e4a; }
section .wrap article.container .content .list_dot { display:block; overflow:hidden; background-color:#f9f9f9; padding:20px 20px 10px 20px; margin-top:10px; }
section .wrap article.container .content .guide_tit { position:relative; width: 100%; height: 65px; background-color: #f9f9f9; color: #262626; box-sizing: border-box; border-top: 1px solid #737373; border-bottom: 1px solid #a6a6a6; margin: auto; text-align: center; font-size: 17px; font-weight: bold; letter-spacing: 1px; min-width: 240px; margin-bottom: 20px;}
section .wrap article.container .content .guide_tit span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
section .wrap article.container .content .text.p { margin-bottom: 10px; }
section .wrap article.container .content .text.p.sta { margin-bottom: 15px !important; }
section .wrap article.container .content .text.p.dot { margin-left: 10px !important; }
section .wrap article.container .content .text.min:before { content: "- "; margin: 0 5px 10px 0; height: 12px; display: block; overflow: hidden; float: left; }
section .wrap article.container .content .text.dot:before { content: "· "; margin: 0 5px 10px 0; height: 12px; display: block; overflow: hidden; float: left; }
section .wrap article.container .content .text.sta:before { content: "※ "; margin: 0 5px 10px 0; height: 12px; display: block; overflow: hidden; float: left; }

section .wrap article.container .content .text.pb30 { padding-bottom:30px; }
section .wrap article.container .content .text.pb30.pc { line-height: 22px; padding: 0 0 0 20px; margin-bottom: 22px; background: url("../images/dot_img.gif") no-repeat; background-position-y: 7px; }

section .wrap article.container .content h3.persenal.mob { border: 0px none; background: url(../images/qna_image.gif) no-repeat left center; padding: 10px 0 10px 50px; margin-top: 30px; margin-bottom: 16px; font-size: 18px; color: #000; min-width: 160px; font-weight: bold; }
/*
section .wrap article.container .content p.persenal-yes.mob { background: url(../images/check_no_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 0 2px; color: #737373; cursor: pointer; font-size: 15px; }
section .wrap article.container .content p.persenal-no.mob { background: url(../images/check_no_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 20px 2px; color: #737373; cursor: pointer; font-size: 14px; }
section .wrap article.container .content p.persenal-yes.mob.on { font-weight: bold; background: url(../images/check_yes_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 0 2px; color:#000; }
section .wrap article.container .content p.persenal-no.mob.on { font-weight: bold; background: url(../images/check_yes_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 20px 2px; color:#000; }
*/

/*211220 웹 접근성 개선  */
section .wrap article.container .content button.persenal-yes.mob { background: url(../images/check_no_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 0 2px; color: #737373; cursor: pointer; font-size: 15px; text-align : left;}
section .wrap article.container .content button.persenal-no.mob { background: url(../images/check_no_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 20px 2px; color: #737373; cursor: pointer; font-size: 14px; text-align : left;}
section .wrap article.container .content button.persenal-yes.mob.on { font-weight: bold; background: url(../images/check_yes_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 0 2px; color:#000; text-align : left;}
section .wrap article.container .content button.persenal-no.mob.on { font-weight: bold; background: url(../images/check_yes_m.gif) no-repeat left center; background-size: 32px; padding: 12px 0 14px 47px; margin: 0 0 20px 2px; color:#000; text-align : left;}

/* 160104 추가 */
section .wrap article.container .content .list_dot.mb20 {margin-bottom: 20px;}
/* 20160304 추가 */
section .wrap article.container .content .list_dot.border {border:1px solid #ececec;}
/* //160104 추가 */
section .wrap article.container .content .list_dot li { position:relative; display:block; color:#737373; font-size:14px; line-height:18px; padding:0 0 10px 10px; background:url(../images/list_dot.png) no-repeat left 6px; }
section .wrap article.container .content .list_dot li mark { color:#cf3e4a; }
/* 20160304 추가 */
section .wrap article.container .content h3 { display:block; font-size:18px; color:#606060; margin:50px 0 20px 0; }
/* 2020-11-11 수정 start */
/* section .wrap article.container .content h3:before { content:""; display:block; overflow:hidden; float:left; width:12px; height:12px; background-color:#666; margin:5px 10px 0 0; } */
/* 2020-11-11 수정 end */
section .wrap article.container .content h3.mt30 { margin-top: 80px; }

/* 신고신청 방법안내 박스공통 */
section .wrap article.container .content .process { display:block; overflow:hidden; text-align:center; }
section .wrap article.container .content .process li { position:relative; display:block; overflow:hidden; padding-bottom:15px; margin-bottom:10px; }
section .wrap article.container .content .process li.last { padding-bottom:0; }
section .wrap article.container .content .process li p { color:#404040; font-size:16px; line-height:20px; padding:10px 20px; }
section .wrap article.container .content .process li p a { color:#737373; font-size:14px; }
section .wrap article.container .content .process li p a:hover { color:#404040; border-bottom:1px solid #404040; }
section .wrap article.container .content .process li.last p { font-weight:bold; }
/* 재외선거인 */
section .wrap article.container .content .process.red li { background:url(../images/process_red.gif) no-repeat center bottom; }
section .wrap article.container .content .process.red li.last p { background-color:#ffe6e8; color:#cf3e4a; }
section .wrap article.container .content .process.red li p mark { color:#cf3e4a; }
section .wrap article.container .content .process.red p { border:1px solid #cf3e4a; }
/* 국외부재자 */
section .wrap article.container .content .process.blue li { background:url(../images/process_blue.gif) no-repeat center bottom; }
section .wrap article.container .content .process.blue li.last p { background-color:#dcecfa; color:#0068b7; }
section .wrap article.container .content .process.blue li p mark { color:#0068b7; }
section .wrap article.container .content .process.blue p { border:1px solid #0068b7; }
/* 신고신청 완료 */
section .wrap article.container .content .end { display:block; overflow:hidden; border-top:2px solid #737373; }
section .wrap article.container .content .end li { display:block; text-align:center; }
section .wrap article.container .content .end li p span { display:inline-block; }
section .wrap article.container .content .end li:nth-child(1) { color:#404040; font-size:18px; font-weight:bold; background-color:#f9f9f9; padding:20px 0; border-bottom:1px solid #a6a6a6; }
section .wrap article.container .content .end li:nth-child(2) { padding:50px 0; color:#737373; font-size:14px; border-bottom:1px solid #737373; }
section .wrap article.container .content .end li p:nth-child(1) { color:#404040; font-size:16px; line-height:22px; padding-bottom:35px; }
section .wrap article.container .content .end li p:nth-child(2) { color:#0068b7; font-size:14px; padding-bottom:10px; }
section .wrap article.container .content .end li p:nth-child(3) { color:#737373; font-size:14px; }
section .wrap article.container .content .end li p mark { color:#0068b7; border-bottom:1px solid #0068b7; }
section .wrap article.container .content .end li p a { color:#0068b7; }
/* 개인정보 처리방침 */
section .wrap article.container .content .note { color:#737373; font-size:14px; line-height:20px; padding:10px; margin-bottom:50px; background-color:#f9f9f9; border:1px solid #d9d9d9; }
section .wrap article.container .content .text_list { display:block; overflow:hidden; }
section .wrap article.container .content .text_list.mb20 { margin-bottom:20px; }
section .wrap article.container .content .text_list.mb50 { margin-bottom:50px; }
section .wrap article.container .content .text_list li { display:block; overflow:hidden; color:#737373; font-size:16px; line-height:20px; padding:0 0 10px 15px; background:url(../images/list_dot.png) no-repeat left 8px; }
section .wrap article.container .content .text_list li:last-child { padding-bottom:0; }
section .wrap article.container .content .text_list li.none { background:none; padding-left:0; }
section .wrap article.container .content .text_list li p { padding-bottom:10px; }
section .wrap article.container .content .text_list li mark { color:#cf3e4a; }
/* 자주하는 질문 */
/* section .wrap article.container .content .faq_list { display:block; overflow:hidden; border-top:2px solid #737373; }
section .wrap article.container .content .faq_list li { position:relative; display:block; overflow:hidden; border-bottom:1px solid #a6a6a6; }
section .wrap article.container .content .faq_list li:before { position:absolute; top:50%; left:0; margin-top:-15px; content:"Q"; display:block; overflow:hidden; width:30px; height:30px; color:#fff; font-size:18px; line-height:30px; text-align:center; background-color:#a6a6a6; border-radius:15px; }
section .wrap article.container .content .faq_list li a { display:block; overflow:hidden; color:#404040; font-size:16px; line-height:20px; padding:15px 15px 15px 40px; }
section .wrap article.container .content .faq_list li.on:before { background-color:#cf3e4a; font-weight:bold; }
section .wrap article.container .content .faq_list li.on { border-bottom:1px solid #d9d9d9; }
section .wrap article.container .content .faq_list li.on p { color:#cf3e4a; padding:15px 15px 15px 40px; }
section .wrap article.container .content .faq_list li.answer { padding:45px 10px 30px 10px; background-color:#f9f9f9; }
section .wrap article.container .content .faq_list li.answer:before { position:absolute; top:10px; left:0; margin-top:0; content:"A"; color:#cf3e4a; font-weight:bold; background:none; }
section .wrap article.container .content .faq_list li.answer div { display:block; overflow:hidden; color:#737373; font-size:16px; line-height:20px; } */
/* 공지사항 */
section .wrap article.container .content .notice_list { display:block; overflow:hidden; border-top:2px solid #737373; }
section .wrap article.container .content .notice_list li { display:block; overflow:hidden; border-bottom:1px solid #a6a6a6; }
section .wrap article.container .content .notice_list li a { position:relative; display:block; overflow:hidden; color:#404040; font-size:16px; line-height:20px; padding:15px 15px 15px 40px; }
section .wrap article.container .content .notice_list li a .num { position:absolute; top:50%; left:0; margin-top:-15px; content:"Q"; display:block; overflow:hidden; width:30px; height:30px; color:#8c8c8c; font-size:14px; line-height:30px; text-align:center; background-color:#f9f9f9; border-radius:15px; }
section .wrap article.container .content .notice_list li a .date { display:block; overflow:hidden; color:#737373; font-size:14px; padding-top:10px; }
section .wrap article.container .content .notice_list li.notice { background-color:#f9f9f9; }
section .wrap article.container .content .notice_list li.notice a { color:#404040; font-size:16px; line-height:20px; padding:15px; }
section .wrap article.container .content .notice_list li.notice a .icon { display:inline-block; overflow:hidden; padding:1px 5px; color:#fff; font-size:12px; line-height:14px; font-weight:normal; background-color:#cf3e4a; vertical-align:middle; margin:0 5px 2px 0; }

section .wrap article.container .content .notice_view { display:block; overflow:hidden; border-top:2px solid #737373; }
section .wrap article.container .content .notice_view li { display:block; overflow:hidden; padding:15px 10px; border-bottom:1px solid #d9d9d9; }
section .wrap article.container .content .notice_view li.con { border-color:#737373; }
section .wrap article.container .content .notice_view li div { color:#404040; font-size:16px; line-height:20px; padding:10px 0; }
section .wrap article.container .content .notice_view li strong { overflow:hidden; color:#737373; font-size:16px; line-height:20px; }
section .wrap article.container .content .notice_view li.date strong { display:inline-block; float:left; width:25%; }
section .wrap article.container .content .notice_view li.date strong + P { display:inline-block; width:75%; color:#737373; font-size:16px; line-height:20px; }
section .wrap article.container .content .notice_view li.title { background-color:#f9f9f9; }
section .wrap article.container .content .notice_view li.title p { color:#404040; font-size:16px; font-weight:bold; line-height:20px; }
section .wrap article.container .content .notice_view li.title p .icon { display:inline-block; overflow:hidden; padding:1px 5px; color:#fff; font-size:12px; line-height:14px; font-weight:normal; background-color:#cf3e4a; vertical-align:middle; margin:0 5px 2px 0; }
section .wrap article.container .content .notice_view li.other { padding:0; border-bottom:1px solid #a6a6a6; }
section .wrap article.container .content .notice_view li.other:last-child { border-color:#737373; }
section .wrap article.container .content .notice_view li.other a, section .wrap article.container .content .notice_view li.other p { display:block; overflow:hidden; padding:15px 10px; color:#737373; font-size:16px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; }
/* 결과조회 */
section .wrap article.container .content table { width:100%; border-top:1px solid #a6a6a6; margin-bottom:30px; }
section .wrap article.container .content table tr { border-bottom:1px solid #d9d9d9; }
section .wrap article.container .content table tr:last-child { border-color:#a6a6a6; }
section .wrap article.container .content table tr th { width:35%; padding:15px; background-color:#f9f9f9; color:#404040; font-size:16px; text-align:left; }
section .wrap article.container .content table tr td { width:65%; color:#404040; font-size:16px; padding:15px; }
section .wrap article.container .content table tr td a { color:#404040; }
section .wrap article.container .content table tr td strong { display:block; }
section .wrap article.container .content table tr td strong + P { color:#737373; font-size:14px; line-height:18px; padding-top:10px; }
section .wrap article.container .content table tr.red th, section .wrap article.container .content table tr.red td { color:#cf3e4a; }
section .wrap article.container .content table tr.blue th, section .wrap article.container .content table tr.blue td { color:#0068b7; }
section .wrap article.container .content table tr.blue td a { display:block; color:#0068b7; }
section .wrap article.container .content table + .info { color:#737373; font-size:14px; line-height:18px; }
section .wrap article.container .content table + .info strong { display:inline-block; overflow:hidden; color:#404040; font-size:14px; line-height:16px; border-bottom:1px solid #404040; }
section .wrap article.container .content table + .info p { display:block; overflow:hidden; padding-top:10px; }
section .wrap article.container .content table + .info p mark { color:#404040; }
section .wrap article.container .content table + .info p a { color:#cf3e4a; }
section .wrap article.container .content table + .info p + strong { padding-top:20px; }

/* 미등재문의 */
.state_guide { display:block; overflow:hidden; padding-top:20px; }
.state_guide p { display:block; overflow:hidden; padding-left:25px; background:url(../images/icon_talk.jpg) no-repeat 0 0; }
.state_guide ul { display:block; overflow:hidden; padding-top:10px; }
.state_guide ul li { display:block; overflow:hidden; color:#737373; padding-bottom:5px; }
.state_guide ul li a { color:#0068b7; }
.state_guide ol { display:block; overflow:hidden; padding-top:10px; }
.state_guide ol li { display:block; overflow:hidden; color:#737373; padding-bottom:10px; }
.state_guide ol li strong { padding-bottom:5px; }
.state_guide ol li mark { color:#0068b7; }
.state_guide ol li a { display:inline-block; color:#cf3e4a; }

/* 개인정보처리방침 변경이력 대비표 */
section .wrap article.container .content .privacy_compare .mb20 {display:block; text-align:center;}
section .wrap article.container .content .privacy_compare .mb20::before {display:none;}
section .wrap article.container .content .privacy_compare table {width: 100%; border-collapse: collapse; font-size: 16px;}
section .wrap article.container .content .privacy_compare table caption {display: none;}
section .wrap article.container .content .privacy_compare table th, section .wrap article.container .content .privacy_compare table td {border:#e3e6e8 1px solid; padding:10px 20px;}
section .wrap article.container .content .privacy_compare table th {background: #f5f5f5; font-weight: 500;}
section .wrap article.container .content .privacy_compare table td {font-size: 15px; font-weight: 300; color: #737373;}
section .wrap article.container .content .privacy_compare table td h4 {display:block; font-weight: 500; margin: 10px 0 20px 0;}
section .wrap article.container .content .privacy_compare table td .bef_txt {text-decoration:underline;}
section .wrap article.container .content .privacy_compare table td .aft_txt {text-decoration:underline; color:blue;}
/* sub **/

/* section **********/



/********** footer */

footer { background-color:#404040; }
footer .wrap { position:relative; display:block; overflow:hidden; }
footer .wrap .btn_top { position:absolute; top:50px; right:5px; display:block; overflow:hidden; width:40px; height:30px; padding-top:10px; color:#a6a6a6; font-size:10px; line-height:10px; text-align:center; background-color:rgba(0,0,0,0.3); }
footer .wrap .btn_top p { color:#555; font-size:10px; line-height:10px; }
/* 관련사이트 */
footer .wrap .sitelink { display:block; overflow:hidden; background-color:#fff; }
footer .wrap .sitelink ul { display:block; overflow:hidden; border-top:1px solid #d9d9d9; }
footer .wrap .sitelink ul li { display:inline-block; float:left; width:25%; text-align:center; }
footer .wrap .sitelink ul li:nth-child(n) a { border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
footer .wrap .sitelink ul li a { display:block; overflow:hidden; text-indent:-9999px; }
footer .wrap .sitelink ul li a.bnr { height:44px; }
footer .wrap .sitelink ul li a.bnr.bnr01 { background:#f4f4f4 url(../images/bnr01_m.jpg) no-repeat center 50%; background-size:contain; }
footer .wrap .sitelink ul li a.bnr.bnr02 { background:#f4f4f4 url(../images/bnr02_m.jpg) no-repeat center 50%; background-size:contain; }
footer .wrap .sitelink ul li a.bnr.bnr03 { background:#f4f4f4 url(../images/bnr03_m.jpg) no-repeat center 50%; background-size:contain; }
footer .wrap .sitelink ul li a.bnr.bnr04 { background:#f4f4f4 url(../images/bnr04_m.jpg) no-repeat center 50%; background-size:contain; }
/* 주소 및 카피라이트 */
footer .wrap .link { display:block; overflow:hidden; }
footer .wrap .link li { display:inline-block; overflow:hidden; float:left; }
footer .wrap .link li:first-child a span { border:0; font-weight:bold; }
footer .wrap .link li a { display:block; overflow:hidden; color:#d9d9d9; font-size:14px; }
footer .wrap .link li a span { border-left:1px solid #505050; border-right:1px solid #505050; }
footer .wrap .link li a:focus { color:#fff200; }
footer .wrap .link li select { display:block; overflow:hidden; color:#d9d9d9; font-size:14px; background:#404040 url(../images/arrow_down.png) no-repeat right 50%; background-size:16px; border:0; }
footer .wrap .copy p { color:#a6a6a6; font-size:12px; line-height:16px; padding:0 10px 10px 10px; }
footer .wrap .copy p span { display:inline-block; }
footer .wrap .copy p a { color:#a6a6a6; }
footer .wrap .copy p a:before { content:"|"; color:#505050; font-size:12px; line-height:16px; padding:0 10px; }

/* footer **********/



/********** common */

/* 탭메뉴 */
.tap { display:block; overflow:hidden; border-bottom:2px solid #404040; margin-bottom:30px; }
.tap li { display:inline-block; overflow:hidden; float:left; width:50%; border-top:1px solid #a6a6a6; }
.tap li a { display:block; overflow:hidden; color:#8c8c8c; text-align:center; border-left:1px solid #a6a6a6; }
.tap li:last-child a { border-right:1px solid #a6a6a6; }
.tap li.on { border-color:#404040; background-color:#404040; }
.tap li.on a { border:0; color:#fff; font-weight:bold; }
.tap li.on + li a { border-left:0; }
/* 단계 */
.step { display:block; overflow:hidden; height:40px; border-radius:20px; background-color:#fafafa; margin-bottom:30px; border: 1px solid #d9d9d9; }
.step li { display:inline-block; overflow:hidden; float:left; width:33%; border-radius:20px; }
.step li:nth-child(2) { width:34%; }
.step li p { display:block; overflow:hidden; height:40px; color:#404040; font-size:16px; font-weight:bold; line-height:40px; text-align:center; }
.step li.on { background-color:#0068b7; }
.step li.on p { color:#fff; }
/* 20160217 추가 */
.step.four li { width:25%; }
/* 양식하단 공통 */
.btm_area { display:block; overflow:hidden; clear:both; text-align:center; padding:30px 0 0 0; }
.btm_area.mob { padding: 0 30px; }
.btm_area.pb70 { padding-bottom:0; }
/* 메인버튼 그룹 */
.btngroup { display:inline-block; overflow:hidden; clear:both; padding:5px 0; }
.btngroup li { display:inline-block; float:left; padding-left:5px;}
.btngroup li:first-child { padding:0; }
.btngroup li a { display:inline-block; float:left; text-align: left; }
.btngroup.center li a { }
.btngroup.f_right li a { width: 90px; height:25px; line-height: 15px; text-align: center; padding-top: 10px; }
.btngroup li a span { font-weight: bold; }
.btngroup li .reset { display:block; overflow:hidden; width:40px; height:40px; text-indent:-9999px; background:#737373 url(../images/reset.png) no-repeat 0 0; background-size:40px; }
.btngroup li .all { display:block; overflow:hidden; width:40px; height:40px; text-indent:-9999px; background:#0068b7 url(../images/all.png) no-repeat 0 0; background-size:80px; }
.btngroup li .all.on { background:#0068b7 url(../images/all.png) no-repeat -40px 0; background-size:80px; }
/* 메인버튼 공통 */
.btn_type1 { display:inline-block; overflow:hidden; min-width:40px; color:#fff; border:0; background:url(../images/btn_arrow_m.png) no-repeat right 50%; background-size:40px; }
.btn_type1.mob {  font-size: 23px; }
.btn_type1.pred { line-height: 25px; padding-right: 70px; }
.btn_type1.pred { margin-top: 20px; padding-top: 10px; }
.btn_type2 { display:inline-block; overflow:hidden; height:35px; color:#fff; font-size:16px; line-height:35px; border:0; padding:0 10px 0 25px; background:url(../images/btn_s_arrow.png) no-repeat 10px 50%; }
.btn_type3 { display:inline-block; overflow:hidden; width:100px; height:35px; color:#fff; font-size:16px; line-height:35px; text-align:center; border:0; }
.btn_type4 { display:inline-block; overflow:hidden; width:115px; height:35px; color:#fff; font-size:16px; line-height:35px; text-align:center; border:0; margin-right: 25px;}
.btn_type5 { display:inline-block; overflow:hidden; min-width:80px; color:#fff; border:0; background:url(../images/btn_arrow_m.png) no-repeat right 50%; background-size:40px; text-align:center !important; }

.btn_type5_1 { display:inline-block; overflow:hidden; min-width:80px; color:#fff; border:0; background:url(../images/btn_arrow_m.png) no-repeat right 50%; background-size:40px; text-align:center !important; }
.btn_type5_2 { display:inline-block; overflow:hidden; min-width:80px; color:#fff; border:0; background:url(../images/btn_arrow_m.png) no-repeat right 50%; background-size:40px; text-align:center !important; }
.btn_type5_3 { display:inline-block; overflow:hidden; min-width:80px; color:#fff; border:0; background:url(../images/btn_arrow_m.png) no-repeat right 50%; background-size:40px; text-align:center !important; }
.btn_type5_4 { display:inline-block; overflow:hidden; min-width:80px; color:#fff; border:0; background:url(../images/btn_arrow_m.png) no-repeat right 50%; background-size:40px; text-align:center !important; }
/* 20160304 추가 */
.btn_type3.ex { padding:0 10px; }
.pdf { padding:0 10px 0 45px; background:#404040 url(../images/btn_pdf.jpg) no-repeat 1px 1px; margin-top:35px; }
.mblue { background-color:#2e3d64;}
.sblue { background-color:#0068b7;}
.pred { background-color:#cf3e4a;}
.dgray { background-color:#404040;}
.lgray { background-color:#737373;}
.dis { opacity:0.5; cursor:default; }
/* 페이징 */
.paging { display:inline-block; overflow:hidden; margin:0 auto; }
.paging li { display:inline-block; float:left; }
.paging li a { display:inline-block; width:40px; height:40px; border-radius:20px; color:#737373; font-size:14px; font-weight:bold; line-height:40px; text-align:center; }
.paging li a:hover { background-color:#efefef; }
.paging li a.on { color:#fff; background-color:#0068b7; }
.paging li.prev a { display:block; overflow:hidden; text-indent:-9999px; background:url(../images/paging_prev.jpg) no-repeat center 50%; }
.paging li.next a { display:block; overflow:hidden; text-indent:-9999px; background:url(../images/paging_next.jpg) no-repeat center 50%; }

/* common **********/

/* 입력양식 */
.forms { display:block; overflow:hidden; clear:both; border-bottom:1px solid #a6a6a6; }
.forms li { position:relative; display:block; overflow:hidden; }
.forms .star:before { position:absolute; top:0; left:0; content:"*"; display:block; overflow:hidden; width:20px; height:50px; color:#ed1c24; font-size:16px; font-weight:bold; line-height:50px; text-align:center; }
.forms li .field_top { display:block; overflow:hidden; width:100%; color:#404040; text-align:left; background-color:#f9f9f9; border-top:1px solid #a6a6a6; }
.forms li .field_title { display:block; overflow:hidden; width:100%; color:#404040; text-align:left; background-color:#f9f9f9; border-top:1px solid #a6a6a6; }
.forms li .field_title.on { font-weight:bold; }

.forms li .field_title.on ~ .field { display:none; }
.forms li .field_title.on ~ .tap_wrap { display:none; }

.forms li .field_title2 { display:block; overflow:hidden; width:100%; color:#404040; text-align:left; background-color:#f9f9f9; border-top:1px solid #a6a6a6; }
.forms li .field_title2.on { font-weight:bold; }

.forms li .field_title2.on ~ .field { display:none; }
.forms li .field_title2.on ~ .tap_wrap { display:none; }

.forms li .clock { position:absolute; top:10px; right:10px; display:inline-block; overflow:hidden; height:30px; color:#404040; font-size:16px; font-weight:bold; line-height:30px; padding-left:25px; background:url(../images/icon_clock.jpg) no-repeat left 50%; background-size:20px; vertical-align:middle; }

.forms + p { color:#404040; font-size:16px; line-height:20px; text-align:left; padding-top:20px; }
.forms + p strong { display:block; color:#cf3e4a; padding-top:10px; }

/* 양식 도움말 */
.forms li .btn_hlep { position:absolute; top:0; right:0; display:block; overflow:hidden; width:50px; height:50px; text-indent:-9999px; background:url(../images/help.png) no-repeat center 50%; background-size:50px; }
.forms li .btn_hlep.on { background:url(../images/help_on.png) no-repeat center 50%; background-size:50px; }
.forms li .btn_hlep.on + .help { display:block; }
.forms li .help { display:none; overflow:hidden; padding:10px; border-top:1px dotted #d9d9d9; }
.forms li .help ul { display:block; overflow:hidden; }
.forms li .help ul li { position:relative; color:#737373; font-size:14px; padding:10px 0 0 10px; }
.forms li .help ul li:before { content:""; position:absolute; top:17px; left:0; display:block; width:3px; height:3px; background-color:#737373; }
.forms li .help .explain { color:#737373; font-size:14px; line-height:20px; margin-top:10px; }
.forms li .help .explain:first-child { margin:0; }
.forms li .help .tip { position:relative; color:#737373; font-size:12px; line-height:18px; padding-left:20px; margin-top:10px; }
.forms li .help .tip:before { content:"※"; position:absolute; top:0; left:0; display:inline-block; font-size:16px; }

/* 양식 탭 */
.tap_wrap { display:block; overflow:hidden; }
.tap_wrap .tap_list { display:block; overflow:hidden; border-top:1px solid #d9d9d9; padding:20px 15px 0 15px; }
.tap_wrap .tap_list li { display:inline-block; overflow:hidden; float:left; width:50%; border-top:1px solid #a6a6a6; border-bottom:2px solid #404040; }
.tap_wrap .tap_list li.on { border-color:#404040; background-color:#404040; }
.tap_wrap .tap_list li button { display:block; overflow:hidden; width:100%; color:#8c8c8c; text-align:center; border-left:1px solid #a6a6a6; background:none; }
.tap_wrap .tap_list li:last-child button { border-right:1px solid #a6a6a6; }
.tap_wrap .tap_list li.on button { border:0; color:#fff; font-weight:bold; }
.tap_wrap .tap_list li.on + li button { border-left:0; }

.tap_wrap .tap_view { display:block; overflow:hidden; }
.tap_wrap .tap_view p { position:relative; display:block; overflow:hidden; }
.tap_wrap .tap_view p label { display:block; overflow:hidden; color:#404040; padding-left:15px; padding-right:60px; }
.tap_wrap .tap_view p .eraser { position:absolute; top:50%; right:15px; margin-top:-20px; display:block; overflow:hidden; width:45px; height:45px; background:url(../images/refresh.png) no-repeat center 50%; background-size:45px; text-indent:-9999px; }
.tap_wrap .tap_view p + .fieldset { padding:0 13px 20px 13px; }

/* 인풋그룹 */
.field { display:block; border-top:1px solid #d9d9d9; }
.field ol.info { display:block; overflow:hidden; padding:0 15px 15px 15px; }
.field ol.info li { position:relative; color:#737373; font-size:14px; padding:0 0 5px 10px; }
.field ol.info li:before { position:absolute; top:0; left:0; content:"-"; display:block; overflow:hidden; color:#737373; font-size:14px; text-align:left; }
.field p.agree { display:block; overflow:hidden; color:#404040; font-size:16px; line-height:20px; padding:20px 15px; }
.field p.agree strong { display:block; overflow:hidden; color:#cf3e4a; padding-top:10px; }
.field p.agree + .checkbox > button { font-size:16px; margin-bottom:20px; }
.field > p.info { color:#737373; font-size:14px; line-height:20px; padding:20px 15px; }
.field > p.info mark { color:#000; }
.pad2002020{ padding: 20px 0px 20px 20px;}

/* 20160309 추가*/
.field div ul li p.info { color:#737373; font-size:14px; line-height:20px; padding:10px 0; }

.field > p { position:relative; display:block; overflow:hidden; color:#404040; }
.field > p label { display:block; overflow:hidden; color:#404040; }
.field > p label.info { color:#737373; }
.field > p .eraser { position:absolute; top:0; right:15px; display:block; overflow:hidden; width:45px; height:45px; background:url(../images/refresh.png) no-repeat center 50%; background-size:45px; text-indent:-9999px; }
.field > p + .fieldset { padding:0 13px 20px 13px; }
.field .hint {padding:13px 0 0 15px;}
/* 체크박스 공통 */
.field .checkbox { display:block; overflow:hidden; }
.field .checkbox button { position:relative; display:block; overflow:hidden; width:100%; color:#404040; text-align:left; padding-left:30px; background:none; }
.field .checkbox button:before { content:""; display:block; overflow:hidden; width:18px; height:18px; text-indent:-9999px; border:1px solid #a6a6a6; background-color:#f9f9f9; }
.field .checkbox.on button { color:#404040; font-weight:bold; }
.field .checkbox.on button:before { background:#f9f9f9 url(../images/check.png) no-repeat center 50%; background-size:21px; }
.field .checkbox + .fieldset { padding:10px 13px; }
.field .checkbox + .fieldset:last-child { padding:0 13px 20px 13px; }
.field p + .checkbox button { color:#737373; font-size:14px; }

/* 20160304추가 */
.checklist { display:block; overflow:hidden; padding:20px 13px; background-color:#f9f9f9; }
.checklist .checkbox { display:inline-block; overflow:hidden; width: 100%;}
.checklist .checkbox button { position:relative; display:block; overflow:hidden; width:100%; color:#404040; text-align:left; padding-right:30px; background:none; color:#737373; font-size:14px; }
.checklist .checkbox button:before { content:""; display:block; overflow:hidden; width:18px; height:18px; float:left; text-indent:-9999px; border:1px solid #a6a6a6; background-color:#fff; margin-right:10px; }
.checklist .checkbox.on button { color:#404040; font-weight:bold; }
.checklist .checkbox.on button:before { background:#fff url(../images/check.png) no-repeat center 50%; background-size:21px; }

.neo_view .checkbox {display:block; position:relative; margin:0; padding:10px 0 0 20px !important;}
.neo_view .checkbox button {height:22px !important; line-height:22px !important; font-size:14px !important; color:#737373;}

/* 인풋 공통 */
.fieldset { display:block; overflow:hidden; padding:20px 13px; }
.fieldset li { display:inline-block; overflow:hidden; float:left; color:#737373; font-size:14px; text-align:center; line-height:45px; }
.fieldset li .input { display:block; overflow:hidden; padding:0 10px; margin:0 2px; border:1px solid #a6a6a6; }
.fieldset li .input textarea { display:block; padding:0 10px; width:100%; height:200px; color:#404040; font-size:16px; line-height:38px; background:none; border:0; }
.fieldset li .input input[type="text"], .fieldset li .input input[type="email"] { display:block; width:100%; height:43px; color:#404040; font-size:16px; line-height:43px; background:none; border:0; }
.fieldset li .input input[type="number"], .fieldset li .input input[type="password"], .fieldset li .input input[type="tel"] { display:block; width:100%; height:43px; color:#404040; font-size:16px; line-height:43px; text-align:center; background:none; border:0; }
.fieldset li .input textarea { display:block; width:100%; height:200px; padding:10px 0; color:#404040; font-size:16px; line-height:20px; background:none; border:0; }
.forms.document li .field .fieldset.width100 li .input {padding: 0px;}
.forms.document li .field .fieldset.width100 li .input input[type="text"] {padding: 0px 0px 0px 10px;}
.forms.document li .field .fieldset.idnum li .input {padding: 0px;}
.forms.document li .field .fieldset.idnum li .input input {padding: 0px 0px 0px 10px;}
.forms.document li .field .fieldset.name li .input {padding: 0px;}
.forms.document li .field .fieldset.name li .input input {padding: 0px 0px 0px 10px;}


.fieldset li .input.focus { background-color:#dcecfa; border-color:#0068b7; }
.fieldset li .input.only { background-color:#f2f2f2; }

.fieldset li .input input[type="text"]:disabled, .fieldset li .input input[type="password"]:disabled { opacity:0.5; background-color:#efefef; text-shadow:none; }
/* 자동입력방지 이미지 */
.fieldset li .code_img { position:relative; display:block; overflow:hidden; height:92px; margin:0 2px; border:1px solid #a6a6a6; }
.fieldset li .code_img .code_down { position:absolute; top:0; left:0; z-index:100; display:block; overflow:hidden; width:100%; height:92px; color:#737373; font-size:14px; line-height:16px; text-align:center; background:#d9d9d9 url(../images/code_down.png) no-repeat center 5px; background-size:40px; }
.fieldset li .code_img .code_down strong { display:block; color:#404040; font-size:16px; margin-top:45px; }
.fieldset li .code_img.off { border:1px solid #737373; }
/* 인풋버튼 공통 */
.fieldset li .form_btn { display:block; overflow:hidden; margin:0 2px; }
.fieldset li .form_btn button { display:block; overflow:hidden; width:100%; height:45px; color:#fff; font-size:14px; text-align:center; line-height:45px; background-color:#737373; border:1px solid #737373; }
.fieldset li .form_btn button.btn_forms { display:inline-block; width:49%; }
.fieldset li .form_btn.focus button { border-color:#404040; }
/* 셀렉트박스 공통 */
.fieldset li .selectbox { position:relative; display:block; overflow:hidden; margin:0 2px; border:1px solid #a6a6a6; background:url(../images/select.png) no-repeat right 50%; background-size:45px; }
.fieldset li .selectbox.focus { background-color:#dcecfa; border-color:#0068b7; }
.fieldset li .selectbox label { width : 80% !important; position:absolute; top:0; left:0; display:inline-block; overflow:hidden; height:43px; color:#404040; font-size:16px; line-height:43px; padding-left:10px; white-space:normal; text-align:left;}
.fieldset li .selectbox select { display:block; width:100%; height:43px; color:#404040; font-size:16px; line-height:43px; border:0; margin:0; opacity:0.0; /*filter:alpha(opacity=0);*/ }
.fieldset li .selectbox.dis { opacity:0.5; }
.fieldset li .office { color:#0068b7; font-size:16px; line-height:20px; text-align:left; margin:0 2px; padding-top:20px; }
.fieldset li .office a { color:#0068b7; }
.vote_office { color:#0068b7; font-size:16px; line-height:20px; text-align:left; margin:0 15px 15px;}
/* 라디오버튼 공통 */
.fieldset.radio { display:block; overflow:hidden; }
.fieldset.radio li { display:inline-block; overflow:hidden; padding:6px 0; }
.fieldset.radio li button { display:block; overflow:hidden; width:100%; color:#737373; font-size:16px; line-height:18px; text-align:left; padding:5px 0 5px 35px; background:url(../images/radio.png) no-repeat 2px 50%; background-size:25px; }
.fieldset.radio li.on button { color:#404040; font-weight:bold; background:url(../images/radio_on.png) no-repeat 2px 50%; background-size:25px;}
/* <--20160830 수정 */
.search ul li .result { display:block; overflow-x:hidden; overflow-y:scroll; height:140px; padding-top:5px; background-color:#f9f9f9; border:1px solid #a6a6a6; margin:0 2px; }
/* 20160830 수정--> */

/* 20160309 추가 */
.fieldset li .radio { margin-left:20px; }
.fieldset li .radio li { display:inline-block; overflow:hidden; float:left; width:50%; }
.fieldset li .radio li button { width: 100%; color: #737373; font-size: 16px; line-height: 18px; text-align: left; padding: 5px 0 5px 35px; background:url(../images/radio.png) no-repeat 2px 50%; background-size:25px; }
.fieldset li .radio li.on button { color:#404040; font-weight:bold; background:url(../images/radio_on.png) no-repeat 2px 50%; background-size:25px;}

/* 주소찾기 */
.search ul { display:block; overflow:hidden; width:100%; }
.search ul li:nth-child(1) { width:70%; }
.search ul li:nth-child(2) { width:30%; }
.search ul li:nth-child(3) { width:100%; }
.search ul li .result { display:block; overflow-x:hidden; overflow-y:scroll; height:370px; padding:5px 0; background-color:#f9f9f9; border:1px solid #a6a6a6; margin:0 2px; }
.search ul li .result .data { display:block; overflow:hidden; width:100%; color:#404040; font-size:14px; line-height:18px; text-align:left; padding:10px 15px; background:none; }
.search ul li .result .data:focus { color:#0068b7; }


.code li:first-child { width:50%; }
.code li.refresh { width:50%; }
.code li.voice { width:25%; }
.code li.image { width:25%; display:none; }
.code li.last { width:50%; margin-top:4px; }

.name li, .sex li, .birth li, .agree li, .sex li { width:50%; }
.width100 li{ width:100%; }
.name li:nth-child(2) .input input[type="text"] { text-transform:uppercase; }

.idnum li:nth-child(1) { width:48%; }
.idnum li:nth-child(2) { width:4%; }
.idnum li:nth-child(3) { width:48%; }

.email li, .free li { width:100%; }
.email li{  text-align:left; }
.email li:nth-child(1) {  font-size: 18px; }
.email li:nth-child(2) {  text-align:left; line-height: 20px; font-size: 14px; }
.email li p{  text-align:left;   font-size: 12px; margin-top: -26px; margin-bottom: -16px;}

.local li:nth-child(3) { width:100%; margin-top:4px; }
.local li:nth-child(4) { width:100%; margin-top:4px; }
.local li:nth-child(5) { width:100%; text-align:left; }

.foreign li:nth-child(1) { width:30%; margin-bottom:4px; }
.foreign li:nth-child(2) { width:70%; margin-bottom:4px; }
.foreign li:nth-child(3) { width:100%; }

.reason li:nth-child(1) { width:40%; }
.reason li:nth-child(2) { width:60%; }

.select_one li { width:100%; }
.select_one li:nth-child(2) { width:100%; margin-top:4px; }
.select_two li { width:50%; }

.ask li { width:100%; }
.ask_tel li {}

.why li { width:100%; margin-top:10px; }
.why li:first-child { margin-top:0; }
.why li:last-child { display:none; margin-top:0; }
.why li.on + li { display:block; }

.information_specialist {display:block; position:relative; margin:0; padding:0;}
.information_specialist dl {display:iblock; position:relative; margin:0; padding:0; border:solid #999 1px; color:#737373;}
.information_specialist dt {display:block; position:relative; margin:0; padding:8px 10px; font-weight:bold; text-align:center; border-bottom:solid #999 1px;}
.information_specialist dd {display:block; position:relative; margin:0; padding:5px 10px; }
.information_specialist  .left_line { margin-bottom:10px;}
.whiteBack {background-color: white;}

/* <--2016-08-29 추가 */
.search ul.select_two { padding-bottom:4px; }
.search ul.select_two li:nth-child(1) { width:100%; }
.search ul.select_two li:nth-child(2) { width:100%; }
.search ul.select_two li:nth-child(3) { width:100%; margin-top: 4px; display: none;}
/* 2016-08-29 추가--> */
/* <--20160830 추가 */
.search ul li .result .more { display:block; overflow:hidden; width:100%; box-sizing:border-box; height:40px; line-height:40px; text-align:center; color:#505050; background-color:#eee; margin-top:5px; }
.search ul li .result .more span { background:url(../images/icon_plus.gif) no-repeat right 50%; padding-right:20px; }
/* 20160830 추가--> */

/* <--20160923 추가 */
/* section .wrap article.container .content .cate { display:block; overflow:hidden; width:100%; padding:0 30px; height:50px; line-height:50px; color:#404040; font-size:16px; font-weight:bold; border-top:2px solid #737373; background:#eee url(../images/select_cate.png) no-repeat 97% 50%;  background-size:40px; } */
section .wrap article.container .content .new_cate { display:block; overflow:hidden; width:100%; padding:0 30px; height:50px; line-height:50px; color:#404040; font-size:16px; font-weight:bold; border-top:2px solid #737373; background:#eee url(../images/select_cate.png) no-repeat 97% 50%;  background-size:40px; }

section .wrap article.container .content .faq_list { display:none; overflow:hidden; border-top:2px solid #737373; }
section .wrap article.container .content .faq_list.on { display:block;}
section .wrap article.container .content .faq_list li { position:relative; display:block; overflow:hidden; border-bottom:1px solid #a6a6a6; background:url(../images/paging_next.jpg) no-repeat 98% 50%; }
section .wrap article.container .content .faq_list li a { display:block; overflow:hidden; color:#404040; font-size:16px; line-height:20px; padding:15px 40px 15px 15px; }

section .wrap article.container .content .faq_list.view li { background:none; padding:15px 15px 15px 40px; }
section .wrap article.container .content .faq_list.view li.t { border-bottom:0; background-color:#f5f5f5; color:#cf3e4a; font-weight:bold; padding:15px; }
section .wrap article.container .content .faq_list.view li.q { border-bottom:1px dotted #b0b0b0; }
section .wrap article.container .content .faq_list.view li.q:before { position:absolute; top:15px; left:0; content:"Q"; display:block; overflow:hidden; width:30px; height:30px; color:#fff; font-size:18px; line-height:30px; text-align:center; background-color:#cf3e4a; border-radius:15px; }
section .wrap article.container .content .faq_list.view li.a:before { position:absolute; top:15px; left:0; content:"A"; display:block; overflow:hidden; width:30px; height:30px; color:#fff; font-size:18px; line-height:30px; text-align:center; background-color:#a6a6a6; border-radius:15px; }
/* 20160923 추가--> */

/* 세로화면 시 레이아웃 */
@media all and (max-width:479px) {
	section.main { background:url(../images/bg_m.jpg) no-repeat right top; background-size:160%;}
	
	section .wrap article.container .content h4.ex { border-bottom:0; }
	section .wrap article.container .content h4.ex mark:nth-child(1) { display:inline; border-bottom:1px solid #404040;}
	section .wrap article.container .content h4.ex mark:nth-child(2) { display:inline-block; border-bottom:1px solid #404040; margin-top:5px; }
	section .wrap article.container .content h4.ex mark:nth-child(3) { display:inline-block; border-bottom:1px solid #404040; margin-top:5px; }
	
	.code li:first-child { width:100%; margin-bottom:4px; }
	.code li.refresh { width:100%; }
	.code li.voice { width:50%; }
	.code li.image { width:50%; }
	.code li.last { width:100%; }

	.name li { width:100%; margin-top:4px; }
	.name li:first-child { margin:0; }
	
	.birth li { width:100%; margin-top:4px; }
	.birth li:first-child { margin:0; }
	
	.agree li { width:100%; }
	
	.idnum li:nth-child(1) { width:100%; margin-bottom:4px; }
	.idnum li:nth-child(2) { display:none; }
	.idnum li:nth-child(3) { width:100%; }
	
	.select_two li { width:100%; margin-top:4px; }
	.select_two li:first-child { margin:0; }
	
	.reason li:nth-child(1) { width:100%; }
	.reason li:nth-child(2) { width:100%; margin-top:4px; }
	
	/* 20160309추가 */
	.fieldset li .radio { margin-left:0; }
	.fieldset li .radio li { margin:0; }
}

/* @media all and (max-width:281px) {
	section.main { background-position-y: 0px;  background-size: 139% !important; }
	.btn_type1.pred { font-size: 16px !important; }
} */
/* 2020-11-20 지구본 백그라운드 기기별 사이즈 조절 START */
/* @media all and (max-width:320px) {
	section.main { background-size: 138% !important; }
} */

/* @media all and (max-width:360px) {
	section.main { background-size: 121%; }
} */
/* 2020-11-20 지구본 백그라운드 기기별 사이즈 조절 END */
@media all and (max-width:321px) {
	section .wrap article.container .content h4 { font-size: 16px; }
	section .wrap article.container .content p.sub_tit { font-size: 14px; }
	section .wrap article.container .content .text { font-size: 13px; }
	.btn_type1.pred { font-size: 18px; }
}

section .wrap article.container .content h4:before { content:""; display:block; overflow:hidden; float:left; width:12px; height:12px; background-color:#666; margin:2px 10px 1px 0; border: 3px solid #666; }
section .wrap article.container .content .guide_tit h4 { margin: 13px 0 0 0; text-align: center; width: 200px; }
section .wrap article.container .content .guide_tit h4:before { display: none; }

/*<--20201021 추가  */
.forms.document li .field .fieldset.name li:nth-child(3){margin-top: 4px;}
.forms.document li .field .fieldset.name li:nth-child(4){margin-top: 4px;}
/*20201021 추가-->  */

/* <--20201021 추가 */
.fieldset.birth li:nth-child(3){margin-top: 4px;}
.fieldset.birth li:nth-child(4){margin-top: 4px;}
section .wrap article.container .content h4 span > span{color: #cf3e4a;}
section .wrap article.container .content .end li span{color: #cf3e4a;}

/* <!--20220125 명부열람 추가 */
.bigo {color: #737373; font-size: 15px; line-height: 18px; font-weight: bold;}