@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/


@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(https://www.career.go.kr/webres/webfont/NanumGothic-Regular.eot);
	src:local(※), url(https://www.career.go.kr/webres/webfont/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-Regular.woff2) format('woff2'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-Regular.woff) format('woff'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(https://www.career.go.kr/webres/webfont/NanumGothic-Bold.eot);
	src:local(※), url(https://www.career.go.kr/webres/webfont/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-Bold.woff2) format('woff2'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-Bold.woff) format('woff'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 800;
	src: url(https://www.career.go.kr/webres/webfont/NanumGothic-ExtraBold.eot);
	src:local(※), url(https://www.career.go.kr/webres/webfont/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-ExtraBold.woff) format('woff'),
		url(https://www.career.go.kr/webres/webfont/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* Reset */
body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
hr {
	margin:0;
	padding:0;
	letter-spacing:-1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ul, ol {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	border-spacing:0;
	border:0;
	_border-collapse:collapse;
}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content: '';
}
input, select, button, textarea {
	color:#767676;
	font-size:100%;
	font-family: "Nanum Gothic", sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Base */
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
	color:#767676;
	font-size:14px;
	font-family: "Nanum Gothic", sans-serif;
	line-height:26px;
	/*-webkit-font-smoothing:antialiased;*/
}
hr {display:none}
caption, legend {
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
}
/**, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/
#skipNavi{position:absolute; top:0; left:0; right:0; z-index:1000;}
#skipNavi a{position:absolute;top:-100px;left:0; right:0; padding:7px 0;text-align:center;font-weight:bold;color:#000;background:#ebebeb;border:1px solid;}
#skipNavi a:focus,#skip a:active{top:3px; left:0px;}
a {
	color:#767676;
	text-decoration:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a:-moz-focusring {
	outline-color:#000;
}
/*a:focus, a:active {
	text-decoration:underline;
}*/
input[type='text'],
input[type='password'] {height:50px; padding:0 0 0 17px; border:1px solid #dcdcdc; font-size:18px; font-weight:700; font-family: "Nanum Gothic", sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
input[type='password'] {font-family:dotum,sans-serif;}
input[type='text']::-ms-clear {display:none;}
input[type='password']::-ms-reveal {display:none;}
*::-webkit-input-placeholder {color:#666; font-family: "Nanum Gothic", sans-serif; font-weight:700;}
*::-moz-placeholder {color:#666; font-family: "Nanum Gothic", sans-serif; font-weight:700;}
*:-ms-input-placeholder {color:#666; font-family: "Nanum Gothic", sans-serif; font-weight:700;}
*:-moz-placeholder {color:#666; font-family: "Nanum Gothic", sans-serif; font-weight:700;}
textarea.textarea {
	max-width:100%;
	padding:15px;
	border:1px solid #dcdcdc;
	font-size:18px;
	font-weight:700;
	font-family: "Nanum Gothic", sans-serif;
	vertical-align:top;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
}
/*input:focus {outline:none;}*/
label,
input.button, input.submit , input.image,input[type='submit'],input[type='button'],input[type='images'],
button {
	border:none;
	cursor:pointer;
}
textarea, pre {
	overflow:auto;
	resize:none;
}
select {
	height:50px;
	padding:0 40px 0 17px;
	border:1px solid #dcdcdc;
	background-image:url('../images/common/icon/bl_select.png');
	background-position:right center;
	background-repeat:no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	font-size:18px;
	color:#767676;
	font-weight:700;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	cursor:pointer;
}
select::-ms-expand { /* for IE 11 */
	display:none;
}
.clearfix:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */

.cboth {
	clear:both;
}
.invisible {
	overflow:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	left:-9999px;
}

.agree-chk label{color:#686868; font-size: 16px; font-weight: 700; vertical-align: middle;}
label input[type="radio"]{vertical-align:middle; margin-top: -3px;}
.terms-agree .box-terms{margin-bottom: 10px;}

/* layout */
#wrap {position:relative; width:100%; min-width:1000px;}
#header {position:relative; border-bottom:1px solid #e9e9eb;}
#header .dim-submenu {content:''; position:absolute; left:0; top:91px; width:100%; border-bottom:1px solid #e9e9eb; background:#fff; z-index:2;}
#header .header-inner {max-width:1000px; margin:0 auto; height:90px;}
#header h1 {float:left; font-size:0; line-height:0;}
#header h1 a {display:inline-block; background-repeat:no-repeat; background-position:0 0; vertical-align:top;}
#header h1 a:first-child {width:133px; height:42px; margin:26px 0 0 16px; background-image:url('../images/common/logo.png');}
#header h1 a:nth-child(2) {width:89px; height:34px; margin:27px 0 0 19px; background-image:url('../images/common/logo_moe.png');}
#header .gnb {float:right;}
#header .gnb > li {position:relative; float:left;}
#header .gnb > li > a {display:block;height:90px;padding: 35px 20px 0 20px;color:#222;font-size:16px;font-weight:800;}
#header .gnb > li > a:hover {color:#D14800;}
#header .gnb > li:last-child > a {padding-right:0;}
#header .gnb > li ul {display:none; position:absolute; left:0; right:0; top:88px; padding:20px 0; border-top:3px solid #D14800; background:#f8f8f8; z-index:3;}
#header .gnb > li.selected ul {display:block;}
#header .gnb > li ul li a {display:block; color:#413c39; font-size:14px; line-height:30px; text-align:center;}
#header .gnb > li ul li a:hover {text-decoration:underline;}
#header .btn-menu, #header .btn-back{display:none;}

#container {position:relative;}
#container .container-inner {max-width:1000px; margin:0 auto; padding:60px 0 80px 0;}

#footer {position:relative; border-top:1px solid #e9e9eb; font-size:12px; line-height:21px;}
#footer .footer-inner {position:relative; overflow:hidden; max-width:1000px; margin:0 auto; height:170px; letter-spacing:0;}
#footer .footer-inner ul {overflow:hidden; margin-top:30px;}
#footer .footer-inner ul li {position:relative; float:left;}
#footer .footer-inner ul li:before {content:''; position:absolute; left:10px; top:50%; width:1px; height:10px; margin-top:-5px; background:#767676;}
#footer .footer-inner ul li:first-child:before {content:''; position:absolute;  top:50%; width:1px; height:10px; margin-top:-5px; background:#ffffff;}
#footer .footer-inner ul li strong, #footer .footer-inner ul li strong a {color:#EE0000 !important;}


#footer .footer-inner p {margin-top:10px;}
#footer .footer-inner address {font-weight:700;}
#footer .footer-inner div {position:absolute; right:0; top:45px; font-size:0; line-height:0;}
#footer .footer-inner div a {display:inline-block; margin-left:40px; font-size:0; line-height:0;}
#footer .footer-inner div .f-logo01 {width:200px; height:45px; background:url('../images/common/f_logo01.png') no-repeat;}
#footer .footer-inner div .f-logo02 {width:80px; height:45px; background:url('../images/common/f_logo02.png') no-repeat;}

.layer-dimmed:after {content:''; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5);}

/* layer popup */
.layer-popup {position:relative; width:460px; background:#fff; box-shadow: 2px 2px 2px #202020; -webkit-box-shadow: 2px 2px 2px #202020; -moz-box-shadow: 2px 2px 2px #202020;}
.layer-popup .tit-popup {display:block; height:80px; padding:0 0 0 20px; background:#323232; color:#fff; font-size:24px; font-weight:800; line-height:80px;}
.layer-popup .layer-content {padding:40px 20px;}
.layer-popup .layer-content .stit {display:block; margin:0; color:#413c39; font-size:20px; font-weight:800;}
.layer-popup .layer-content .stit-center {display:block; margin:0; font-size:20px; font-weight:800; color:#413c39; text-align:center;}
.layer-popup .layer-content .btn-c {margin-top:40px;}
.layer-popup .layer-content .btn-c .btn-full-w {margin:0;}
.layer-popup .layer-content .point-text {margin-top:3px; font-size:14px; font-weight:700; color:#666; text-align:center;}
.layer-popup .layer-content .ctab:first-child {margin:0;}
.layer-popup .layer-type {padding:0 !important;}
.layer-popup .layer-noti {padding:25px 20px; border-top:1px dashed #e0e0e0; background:#f4f4f4;}
.layer-popup .layer-noti ul li {padding-left:15px; color:#666; font-weight:700; line-height:24px; text-indent:-15px;}
.layer-popup .layer-close {position:absolute; right:0; top:0; width:64px; height:80px; background:url('../images/common/btn_layer_close.png') no-repeat center; font-size:0; line-height:0;}

/* common */
input[type="radio"].common-radio,
input[type="checkbox"].common-check {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
input[type="checkbox"].common-check + label {position:relative; display:inline-block; min-height:20px; padding-left:30px; color:#686868; font-size:16px; font-weight:700; vertical-align:middle;}
input[type="checkbox"].common-check + label:before {content:''; position:absolute; left:0; top:2px; width:18px; height:18px; border:1px solid #666; background:none; /*background:#fff url('../images/common/icon/icon_ckeckbox.png') no-repeat center;*/ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
input[type="checkbox"].common-check:checked + label:before {border-color:#0074E5; background:#0074E5;}
input[type="checkbox"].common-check:checked + label:after {content:''; position:absolute; left:0; top:2px; width:20px; height:20px; background:url('../images/common/icon/icon_ckeckbox_on.png') no-repeat center;}
input[type="checkbox"].common-check:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
input[type="checkbox"].common-check.no-txt + label {padding-left:20px; font-size:0; line-height:0;}
input[type="checkbox"].common-check.no-txt + label:before,
input[type="checkbox"].common-check.no-txt + label:after {top:0;}
input[type="radio"].common-radio + label {position:relative; display:inline-block; min-height:20px; padding-left:30px; color:#686868; font-size:16px; font-weight:700; vertical-align:middle;}
input[type="radio"].common-radio + label:before {content:''; position:absolute; left:0; top:2px; width:16px; height:16px; border:2px solid #6c6a6b; background:#fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
input[type="radio"].common-radio + label:after {display:none; content:''; position:absolute; left:5px; top:7px; width:10px; height:10px; background:#D14800; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
input[type="radio"].common-radio:checked + label:after {display:block;}
input[type="radio"].common-radio:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
input[type="radio"].common-radio.no-txt + label {padding-left:20px; font-size:0; line-height:0;}
input[type="radio"].common-radio.no-txt + label:before {top:0;}
input[type="radio"].common-radio.no-txt + label:after {top:5px;}
input[type="text"].datepicker2 + label {display:inline-block; width:23px; height:23px; margin-left:5px; background:url('../images/jg/icon_datepicker.png') no-repeat; font-size:0; line-height:0; vertical-align:middle;}
input[type="text"].datepicker1 + label {display:inline-block; width:23px; height:23px; margin-left:5px; background:url('../images/jg/icon_datepicker.png') no-repeat; font-size:0; line-height:0; vertical-align:middle;}

/* 첨부파일 */
.file-input { position:relative; display:inline-block; width:calc(100% - 115px); width:-webkit-calc(100% - 115px); width:-moz-calc(100% - 115px);}
.file-input input[type="file"] { position:absolute; top:0; left:0; width:0; height:0;}
.file-input label { position:relative; display:block; padding:0 0 0 17px; border:1px solid #dcdcdc; background:#fff; color:#dcdcdc; font-size:18px; font-weight:700; line-height:50px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.file-input input[type="file"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
/*.file-input label:after { content:''; position:absolute; top:7px; right:12px; width:22px; height:22px; background:url(../images/common/btn_add_file.png) no-repeat 0 0; }*/
.file-input span {position:absolute; right:-115px; top:0; width:105px; height:50px; background:#323232; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:48px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.file-box p {margin-top:7px; color:#757575; font-weight:700; font-size:16px;}
.file-box p a {display:inline-block; width:20px; height:20px; margin-right:10px; background:url('../images/common/btn_file_delete.gif') no-repeat; vertical-align:16px; font-size: 0; line-height: 0;}

/* 우편번호 */
.input-zipcode .zip-code input[type='text'] {width:190px; vertical-align:middle;}
.input-zipcode .address {margin-top:10px;}
.input-zipcode .address input[type='text'] {width:calc((100% - 11px) / 2); width:-webkit-calc((100% - 11px) / 2); width:-moz-calc((100% - 11px) / 2);}
.input-zipcode .address input[type='text'] ~ input[type='text'] {margin-left:8px;}

/* 전화번호 */
.input-phone select,
.input-phone input[type='text'] {width:118px;}

/* 생년월일 */
input:read-only{background: #f5f5f5; color:#767676; font-weight: 400;}
select[readonly]{background: #f5f5f5; color:#767676; font-weight: 400;}
select:disabled{opacity: 1;background: #f5f5f5; color:#767676; font-weight: 400;}

/* 이메일 */
.input-email input[type='text'] {width:190px;}
.input-email span {display:inline-block; width:34px; color:#666; font-size:20px; text-align:center;}

/* 이름 성별 */
.name-sex input[type='text'] {vertical-align:middle;}
.name-sex .sex {display:inline-block; margin-left:8px; font-size:0; line-height:0; vertical-align:middle;}
.name-sex .sex input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.name-sex .sex input[type="radio"] + label {position:relative; display:inline-block; width:70px; height:48px; margin-left:-1px; border:1px solid #dcdcdc; color:#666; font-size:18px; font-weight:700; text-align:center; line-height:48px;  border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;}
.name-sex .sex input[type="radio"] + label ~ label {border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;}
.name-sex .sex input[type="radio"]:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
.name-sex .sex input[type="radio"]:checked + label {border-color:#0074E5; color:#0071D0; z-index:2; background-color:#f1f9fc !important;}
.user-name, .user-nickname{position: absolute; top: 13px; left: 10px; font-weight: bold; font-size: 18px;}
#encptRealNm, #encptUserNm{padding-left: 60px;}

.full-w {width:100%;}
.input-btn select,
.input-btn input[type='text'] {width:calc(100% - 130px); width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); vertical-align:middle;}
.textarea-box {position:relative;}
.textarea-box .txt-byte {position:absolute; right:10px; bottom:10px;}
.textarea-byte {border:1px solid #dcdcdc; padding-bottom:45px;}
.textarea-byte textarea {border:0;}

/* visual */
.cbox-visual {border-bottom:2px solid #f1ede0;}
.cbox-visual .visual-inner {display:table; width:100%; max-width:1000px; height:120px; margin:0 auto; background-image:url('../images/common/sub_visual01.png'); background-position:left bottom; background-repeat:no-repeat;}
.cbox-visual .visual-inner div {display:table-cell; padding:0 20px 0 540px; vertical-align:middle;}
.cbox-visual .visual-inner h2 {color:#222; font-size:36px; line-height:40px;}
.cbox-visual.notice .visual-inner {background-image:url('../images/common/visual_notice.png'); background-position:left bottom; background-repeat:no-repeat;}

/* title */
.stit {margin-top:40px; color:#303030; font-size:22px;}
.stit strong {color:#0074E5;}

/* btn */
.btn-r {text-align:right;}
.btn-c {margin-top:50px; text-align:center;}
.btn-c a {margin:0 6px;}
.btn-l {margin-top:50px;}
.btn-l a {margin-right:10px;}
.btn-r-line {margin-top:40px; padding-top:20px; border-top:1px solid #e7e7e7; text-align:right;}
.btn-r-line a {margin-left:10px;}
.btn-full-w {width:100% !important;}
.btn-orange,
.btn-ok {display:inline-block; min-width:160px; height:60px; padding:0 25px; background:#D14800; color:#fff; font-size:20px; font-weight:700; text-align:center; line-height:60px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-dark-gray2,
.btn-dark-gray,
.btn-list,
.btn-cancel {display:inline-block; min-width:160px; height:60px; padding:0 25px; background:#6c6a6b; color:#fff; font-size:20px; font-weight:700; text-align:center; line-height:60px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-gray {display:inline-block; min-width:120px; height:50px; padding:0 20px; border:1px solid #dcdcdc; background:#f4f4f4; color:#666; font-size:18px; font-weight:700; text-align:center; line-height:48px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-sky {display:inline-block; width:250px; height:50px; background:#0074E5; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:48px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-black {display:inline-block; width:120px; height:50px; background:#323232; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:48px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-dark-gray-small {display:inline-block; min-width:120px; height:50px; padding:0 30px; background:#6c6a6b; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:48px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-download {display:inline-block; height:50px; padding:0 20px; border:1px solid #dcdcdc; background:#f4f4f4; color:#303030; font-size:18px; font-weight:700; text-align:center; line-height:48px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-download:before {content:''; display:inline-block; width:22px; height:20px; margin-right:10px; background:url('../images/common/icon_download.png') no-repeat; vertical-align:-2px;}
.btn-list{min-width:120px; height:50px; line-height:50px;background: #9a9a9a;}
.btn-question {display:inline-block; width:40px; height:40px; background:url('../images/common/icon/icon_question.png') no-repeat; font-size:0; line-height:0; vertical-align:middle;}
.btn-more {display:block; width:100%; height:60px; margin-top:10px; border:1px solid #dcdcdc; background:#fff; color:#413c39; font-size:20px; font-weight:700; line-height:58px; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-white {display:inline-block;padding:4px 10px 5px 9px;border-radius:4px;border:1px solid #b7b7b7;background:#fff;}
.btn-blue{display:inline-block; min-width:120px; height:50px; padding:0 0px; border:1px solid #dcdcdc; background:#0074E5; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:48px; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.info-input .btn-blue{width: 105px;}
.info-input input[type='text'] + .btn-blue{margin-left: 8px;}

/* step */
.step-list {display:table; width: calc(100% - 28px); width: -webkit-calc(100% - 28px); width: -moz-calc(100% - 28px); table-layout:fixed;}
.step-list li {position:relative; display:table-cell; padding-left:40px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; vertical-align:middle;}
.step-list li div {overflow:hidden; height:98px;}
.step-list li:before {content:''; position:absolute; left:0; top:-1px; width:41px; height:100px; background:url('../images/common/bg_step_before_off.png') no-repeat;}
.step-list li:after {content:''; position:absolute; right:-28px; top:-1px; width:41px; height:100px; background:url('../images/common/bg_step_after_off.gif') no-repeat;}
.step-list li strong {position:relative; display:block; margin-top:15px; color:#000; font-size:18px; font-weight:800; z-index:2;}
.step-list li strong em {font-weight:800;}
.step-list li p {position:relative; margin-top:3px; color:#686868; line-height:18px; font-weight:700; z-index:2;}
.step-list li.selected {border-color:#0079D0;}
.step-list li.selected div {background:#0079D0 url('../images/common/bg_patten_01.png');}
.step-list li.selected:before {background:url('../images/common/bg_step_before_on.png') no-repeat;}
.step-list li.selected:after {background:url('../images/common/bg_step_after_on.gif') no-repeat;}
.step-list li.selected strong {color:#fff;}
.step-list li.selected p {color:#fff;}

/* tab */
.ctab {display:table; width:100%; margin-top:40px; vertical-align:top; table-layout:fixed;}
.ctab li {position:relative; display:table-cell; border:1px solid #e7e7e7; border-left:none;}
.ctab li:first-child {border-left:1px solid #e7e7e7;}
.ctab li a {display:block; height:68px; padding-top:20px; color:#000; font-size:18px; font-weight:700; text-align:center;}
.ctab li.selected a {border-bottom:3px solid #D14800;}
.ctab li a:before {content:''; display:inline-block; width:30px; height:30px; margin-right:10px; vertical-align:middle;}

.tab-content {display:none;}
.tab-content-selected {display:block;}

/* text */
.txt-msg {color:#666; line-height:20px;}
.txt-error {color:#EE0000; line-height:20px;}
.txt-noti {color:#0074E5; line-height:20px;}
.txt-byte {color:#666; font-size:18px;}
.txt-byte em {color:#666;}
.ctext {color:#686868; font-size:16px; font-weight:700;}
.ctext.tab-cmnt-top {margin:40px 0 10px;}
.ctext.tab-cmnt-top + .ctab {margin-top:0;}

/* text icon */
.c-required {display:inline-block; height:20px; padding:0 8px; border:1px solid #EE0000; color:#EE0000; font-size:12px; font-weight:700; line-height:18px; vertical-align:middle; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.c-completion,
.c-choice {display:inline-block; height:20px; padding:0 8px; border:1px solid #0074E5; color:#0074E5; font-size:12px; font-weight:700; line-height:18px; vertical-align:middle; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.c-incomplete {display:inline-block; height:20px; padding:0 8px; border:1px solid #686868; color:#686868; font-size:12px; font-weight:700; line-height:18px; vertical-align:middle; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}

/* banner */
.banner-list {overflow:hidden; margin-top:20px; padding:9px; border:1px solid #eaeaea; background:#f4f4f4; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.banner-list li {float:left; margin:1px;}
.banner-list li a {position:relative; overflow:hidden; display:block; width:241px; height:152px; border:1px solid #dedede; background:url('../images/jh/bg_banner.gif') repeat; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.banner-list li a img {vertical-align:middle;}

/* 약관동의 */
.terms-agree {position:relative; margin-top:35px;}
.terms-agree em {margin-left:10px;}
.terms-agree .box-terms {overflow-x:hidden; overflow-y:auto; height:240px; margin-top:5px; padding:20px; border:1px solid #e7e7e7; line-height:24px;}
.terms-agree .txt-error {margin-top:5px;}

/* qrcode */
.box-qrcode div {width:178px; height:178px; margin:0 auto; padding:10px; border:1px solid #dcdcdc; box-sizing:initial; -moz-box-sizing:initial; -webkit-box-sizing:initial;}
.box-qrcode div img {width:100%; height:100%;}
.box-qrcode table {width:100%; margin-top:40px; border-bottom:1px solid #dedede; color:#413c39; text-align:center; table-layout:fixed;}
.box-qrcode table tbody th {padding:10px 0; border:1px solid #dedede; border-bottom:none; background:#f4f4f4; font-weight:400;}
.box-qrcode table tbody td {padding:10px 0; border-right:1px solid #dedede; border-top:1px solid #dedede;}



/* notice */
.board-list.notice {width:100%; border-top:1px solid #979797; table-layout:fixed; line-height:20px;margin:0 0 30px 0;border-bottom:none;}
.board-list.notice th {padding:16px 5px; border-bottom:1px solid #dde2eb; color:#666;}
.board-list.notice td {padding:16px 5px; border-bottom:1px solid #dde2eb; color:#333; text-align:center;}
.board-list.notice td.b-point {color:#ff5200; font-weight:700;}
.board-list.notice td img {vertical-align:middle;}
.board-list.notice td a {color:#333;vertical-align: middle;}
.board-list.notice td.subject {padding-left:20px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-list.notice td.subject a>img{margin-right:5px;vertical-align:middle;}
.board-list.notice td .attach{width:20px;height:20px;margin:0 auto;background:url(../images/common/icon_file01.png) no-repeat;display:block;text-indent:-9999px;}
.board-list.notice td.approval-refusal a {margin:0 5px;}
.btn-c + .board-list.notice {margin-top:50px;}
.btn-c + .board-scroll {margin-top:50px;}
.search-box + .board-list {margin-top:30px;}
.board-scroll {overflow-x:hidden; overflow-y:auto; height:219px;}
.stit .btn-white{float:right;font-size:14px;margin-top:-10px;}

.list-count{padding:0 0 10px 0 ;}
.list-count strong{color:#D14800;padding:0 3px;}

.ctext-g{color: #686868;font-size: 16px;font-weight: 700;padding-top:20px} /*2020.06.23 추가*/

/* padding */
.board-pagging {margin-top:40px; text-align:center;}
.board-pagging a {display:inline-block; width:37px; height:37px; margin:0 2px; border:1px solid #b7b7b7; background:#fff; color:#333; line-height:35px; vertical-align:middle; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.board-pagging a.pagging-prev {background:url('../images/common/pagging_prev.png') no-repeat center; font-size:0; line-height:0;}
.board-pagging a.pagging-next {background:url('../images/common/pagging_next.png') no-repeat center; font-size:0; line-height:0;}
.board-pagging strong {display:inline-block; width:35px; height:35px; margin:0 2px; border:1px solid #f26522; background:#D14800 url(../images/common/bg_patten_01.png); color:#fff; line-height:35px; vertical-align:middle; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.board-view{width:100%; border-top:2px solid #979797;border-bottom:1px solid #979797;}
.board-view .board-headline{border-bottom:1px solid #dde2eb;padding:12px 0;}
.board-view .board-headline:after{content:'';display:block;clear:both;}
.board-view .board-headline>span{width:10%;float:left;text-align:center;position:relative;}
.board-view .board-headline>span:before{content:'|';display:inline-block;float:left;color:#ddd;}
.board-view .board-headline>span:first-child:before{content:'|';display:inline-block;right:10px;color:#ddd;position:absolute;}
.board-view .board-headline>h3{width:70%;float:left;font-size:16px;padding: 0 10px;}
.board-view .board-descript{border-bottom:1px solid #dde2eb;padding:25px 10px;min-height:200px;}
.board-file li{padding:10px 0;width:100%;display:block;}
.board-file li span{width:10%;float:right;text-align:center;}
.board-file li>a{width:100%;float:left;display:block;background:url(../images/common/icon_file01.png) left 2px no-repeat;padding:0 0 0 28px;color: #0b85f1;}
.board-file li:after{content:'';display:block;clear:both;}
.board-page{width:100%; border-top:1px solid #979797;border-bottom:1px solid #979797;margin:30px 0;}
.board-page li{padding:12px 0;width:100%;display:block;}
.board-page li:first-child{border-bottom:1px solid #dde2eb;}
.board-page li span{width:10%;float:left;text-align:center;}
.board-page li span b{display:inline-block; padding:0 0 0 18px;}
.board-page li>a{width:80%;float:left;display:block;padding:0 0 0 28px;}
.board-page li:after{content:'';display:block;clear:both;}
.btn-more{display:none;}

/*이메일 인증 추가*/
.layer-popup.unemail{width:780px; height: 600px; position: absolute; top:185px; left:50%; transform: translateX(-50%); z-index: 9999;}
.layer-popup.unemail .box-unemail{padding: 0 20px;}
.layer-popup.unemail .unemail-txt{text-align: center; padding-top: 160px; background:url(../images/unemail.jpg) no-repeat top center;}
.layer-popup.unemail .unemail-txt strong{font-size: 24px; color:#000}
.layer-popup.unemail .unemail-txt p{font-size: 14px; color:#666; margin: 20px 0 30px}
.layer-popup.unemail .layer-noti{border-top:none;}
.layer-popup.unemail .layer-noti.une{padding: 30px; }
.layer-popup.unemail .layer-noti.une ul li{color:#666;}


@media (max-width:768px) {
	/* layout */
	body {font-size:14px; line-height:26px;}
	html.mobilemenu-open #wrap {overflow:hidden;}
	html.mobilemenu-open #header .gnb {display:block;}
	html.mobilemenu-open #header .btn-menu:before {display:none;}
	html.mobilemenu-open #header .btn-menu:after {display:block;}
	body {font-size:14px; line-height:21px;}
	#wrap {min-width:320px;}
	#header .header-inner {height:45px;}
	#header h1 {margin:13px 0 0 0;}
	#header h1 a { background-size:100% auto; }
	#header h1 a:first-child {width:134px; height:14px; margin:4px 0 0; background-image:url('../images/common/m_logo.png');}
	#header h1 a:nth-child(2) {width:50px; height:20px; margin:0 0 0 13px; background-image:url('../images/common/m_logo_moe.png');}
	#header .gnb {position:absolute; top:46px; left:0; display:none; overflow:hidden; width:100%; background:#fff; z-index:10;}
	#header .gnb > li {float:none; border-bottom:1px solid #efefef;}

	#header .gnb > li > a {padding:12px 0 0 12px; height:44px; color:#000; font-size:12px;}
	#header .gnb > li > ul {position:static; padding:0; border-top:1px solid #efefef;}
	#header .gnb > li > ul li a {position:relative; padding-left:28px; color:#000; font-size:12px; line-height:30px; text-align:left;}
	#header .gnb > li > ul li a:before {content:''; position:absolute; left:13px; top:50%; width:5px; height:1px; background:#000;}
	#header .btn-menu {position:relative; float:right; display:block; width:45px; height:45px; font-size:0; line-height:0;}
	#header .btn-menu:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/common/m_menu_open.png') no-repeat center; background-size:20px auto;}
	#header .btn-menu:after {display:none; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/common/m_menu_close.png') no-repeat center; background-size:19px auto;}
    #header .btn-back {position:relative; float:left; display:block; width:45px; height:45px; font-size:0; line-height:0;}
	#header .btn-back:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/common/m_menu_back.png') no-repeat center; background-size:20px auto;}

	#container .container-inner {padding:40px 12px;}

	#footer .footer-inner {height:auto; padding:20px 12px;}
	#footer .footer-inner div {display:none;}
	#footer .footer-inner ul {margin:0;}
	#footer .footer-inner p {margin-top:6px; letter-spacing:-1px;}

	/* layer popup */
	.layer-popup {width:300px; box-shadow:none;}
	.layer-popup .tit-popup {height:60px; padding:0 0 0 15px; font-size:21px; font-weight:400; line-height:60px;}
	.layer-popup .layer-content {padding:30px 10px;}
	.layer-popup .layer-content .stit {color:#222; font-size:18px; font-weight:400;}
	.layer-popup .layer-content .stit-center {font-size:18px; font-weight:400; text-align:left;}
	.layer-popup .layer-content .txt-msg,
	.layer-popup .layer-content .txt-error,
	.layer-popup .layer-content .txt-noti {font-size:14px;}
	.layer-popup .layer-content .btn-c {margin-top:30px;}
	.layer-popup .layer-content .btn-c a {width:132px;}
	.layer-popup .layer-content .point-text {margin-top:6px; font-weight:400; color:#222; text-align:left;}
	.layer-popup .layer-noti {padding:15px 5px 15px 12px; border-top:1px dashed #e0e0e0; background:#f4f4f4;}
	.layer-popup .layer-noti ul li {margin-top:4px; color:#222; font-weight:400; line-height:20px;}
	.layer-popup .layer-noti ul li:first-child {margin:0;}
	.layer-popup .layer-close {width:55px; height:60px; background:url('../images/common/m_btn_layer_close.png') no-repeat center; background-size:19px auto;}

	/* common */
	.m-hidden {display:none;}
	.m-br {display:block;}
	textarea.textarea {padding:12px; font-size:14px; font-weight:400; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
	select {height:40px; padding-right:30px; padding-left:12px; background-image:url('../images/common/icon/m_bl_select.png'); background-size:23px auto; font-size:14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
	input[type='text'],
	input[type='password'] {height:40px; padding-left:12px; font-size:14px; font-weight:400; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
	input[type="checkbox"].common-check + label {padding-left:20px; color:#767676; font-size:14px; font-weight:400; line-height:20px;}
	input[type="checkbox"].common-check + label:before {width:13px; height:13px; background:#fff url('../images/common/icon/m_icon_ckeckbox.png') no-repeat center; background-size:10px auto;}
	input[type="checkbox"].common-check:checked + label:after {width:15px; height:15px; background:url('../images/common/icon/m_icon_ckeckbox_on.png') no-repeat center; background-size:10px auto;}

	input[type="radio"].common-radio + label {min-height:16px; padding-left:20px; font-size:14px; font-weight:400;}
	input[type="radio"].common-radio + label:before {top:2px; width:14px; height:14px; border-width:1px;}
	input[type="radio"].common-radio + label:after {left:4px; top:6px; width:8px; height:8px;}
	input[type="radio"].common-radio.no-txt + label {padding-left:16px;}
	input[type="radio"].common-radio.no-txt + label:after {top:4px;}

	/*이름, 별명*/
	.user-name, .user-nickname{font-size: 14px; top: 11px;}
	#encptRealNm, #encptUserNm{padding-left: 48px;}

	/* 첨부파일 */
	.file-input {width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px);}
	.file-input label {padding:0 0 0 12px; font-size:14px; line-height:38px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
	.file-input span {right:-100px; top:0; width:95px; height:40px; font-size:14px; line-height:40px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
	.file-box p {margin-top:5px; color:#666; font-weight:400; font-size:14px;}
	.file-box p a {width:15px; height:15px; margin-right:7px; background:url('../images/common/m_btn_file_delete.gif') no-repeat; background-size:15px auto; vertical-align:-3px;}

	/* 우편번호 */
	.input-zipcode a {min-width:auto; width:95px;}
	.input-zipcode .zip-code input[type='text'] {width:calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px);}
	.input-zipcode .address {margin-top:5px;}
	.input-zipcode .address input[type='text'] {display:block; width:100%;}
	.input-zipcode .address input[type='text'] ~ input[type='text'] {margin:5px 0 0 0;}

	/* 전화번호 */
	.input-phone select,
	.input-phone input[type='text'] {width:calc((100% - 6px)/3); width:-webkit-calc((100% - 6px)/3); width:-moz-calc((100% - 6px)/3);}

	/* 이메일 */
	.input-email input[type='text'] {width:calc((100% - 33px)/2); width:-webkit-calc((100% - 33px)/2); width:-moz-calc((100% - 33px)/2);}
	.input-email span {width:27px; font-size:16px;}

	/* 이름 성별 */
	.name-sex input[type='text'] {width:calc(100% - 101px); width:-webkit-calc(100% - 101px); width:-moz-calc(100% - 101px);}
	.name-sex .sex {margin-left:0;}
	.name-sex .sex input[type="radio"] + label {width:48px; height:40px; font-size:14px; line-height:40px;}

	.input-btn select,
	.input-btn input[type='text'] {width:calc(100% - 88px); width:-webkit-calc(100% - 88px); width:-moz-calc(100% - 88px);}

	/* visual */
	.cbox-visual {border-width:1px;}
	.cbox-visual .visual-inner {height:90px; background-image:url('../images/common/m_sub_visual01.png'); background-size:165px auto;}
	.cbox-visual .visual-inner div {padding-left:175px;}
	.cbox-visual .visual-inner h2 {font-size:21px;}

	/* title */
	.stit {margin-top:30px; font-size:16px;}

	/* step */
	.step-list {display:table; width:100%;}
	.step-list li {padding-left:0; border:1px solid #e7e7e7; border-left-width:0;}
	.step-list li:first-child {border-width:1px;}
	.step-list li div {height:70px;}
	.step-list li:before,
	.step-list li:after,
	.step-list li p {display:none;}
	.step-list li strong {margin-top:6px; color:#222; font-size:14px; font-weight:400; line-height:17px;}
	.step-list li strong em {display:block; margin-bottom:5px; font-weight:700;}

	.step-list li.selected {border-right-color:#fff;}
	.step-list li:last-child.selected {border-right-color:#0074E5;}

	/* ctab */
	.ctab {display:inline-block;}
	.ctab li {float:left; width: calc(33% + 1px); width: -webkit-calc(33% + 1px); width: -moz-calc(33% + 1px); margin:-1px -1px 0 0; border-left:1px solid #e7e7e7;}
	.ctab li:nth-child(3n + 1) {width: calc(34% + 1px); width: -webkit-calc(34% + 1px); width: -moz-calc(34% + 1px); border-left:1px solid #e7e7e7;}
	.ctab li.half-type {width: calc(49% + 1px); width: -webkit-calc(49% + 1px); width: -moz-calc(49% + 1px);}
	.ctab li.half-type + .half-type {float:right; width: calc(51% + 1px); width: -webkit-calc(51% + 1px); width: -moz-calc(51% + 1px);}
	.ctab li.selected {border:1px solid #D14800; z-index:2;}
	.ctab li a {height:39px; padding:0; font-size:14px; font-weight:normal; line-height:40px;}
	.ctab li.selected a {border:none;}
	.ctab li a:before {display:none;}

	/* btn */
	.btn-c {margin-top:30px;}
	.btn-c a {margin: 0 0.5%;width: 44%;}
	.btn-l a {margin-right:3px;}
	.btn-r-line {margin-top:15px; padding-top:10px;}
	.btn-r-line a {margin-left:3px;}
	.btn-download,
	.btn-orange,
	.btn-ok,
	.btn-dark-gray,
	.btn-cancel,
	.btn-gray,
	.btn-black,
	.btn-list,
	.btn-sky {width:140px; min-width:auto; height:40px; padding:0; font-size:16px; line-height:38px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
	.btn-black,
	.btn-gray {width:85px; min-width:auto; padding:0; font-size:14px;}
	.btn-list {width:85px; min-width:auto; padding:0; font-size:14px;}
	.btn-sky {background:#0074E5;}
	.btn-download {padding:0 12px; font-size:14px; line-height:38px;}
	.btn-download:before {width:18px; height:16px; margin-right:5px; background:url('../images/common/m_icon_download.png') no-repeat; background-size:18px auto; vertical-align:-2px;}
    .btn-ok.event{display: block;width: 90%;margin: 0 auto 5px auto;}
	.m-btn-w100 {width:100%;}

	.btn-question {background:url('../images/common/icon/m_icon_question.png') no-repeat; background-size:40px auto;}

	.btn-more {height:40px; font-size:16px; line-height:38px;}
	.btn-blue{width: 85px; min-width: auto; padding: 0 8px; height: 40px; line-height: 38px; font-size: 16px;}
	.info-input .btn-blue{width: 95px;}

	/* text */
	.txt-msg,
	.txt-error,
	.txt-noti {line-height:17px;}
	.txt-byte {font-size:14px;}
	.ctext {color:#767676; font-size:14px; font-weight:400;}

	/* text icon */
	.c-incomplete,
	.c-choice,
	.c-required,
	.c-choice {height:15px; padding:0 5px; font-size:11px; line-height:15px;}

	/* banner */
	.banner-list {margin-top:10px; padding:3px;}
	.banner-list li {width:33%; margin:0; padding:2px;}
	.banner-list li:nth-child(3n + 1) {width:34%;}
	.banner-list li a {width:100%; height:77px;}
	.banner-list li a img {position:absolute; top:50%; left:0; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); max-width:91px; margin:0 auto;}

	/* 이용약관 */
	.terms-agree {margin-top:25px;}
	.terms-agree em {margin-left:3px;}
	.terms-agree .agree-chk input[type="checkbox"].common-check + label {color:#222;}
	.terms-agree .box-terms {height:115px; margin-top:5px; padding:10px; font-size:14px; line-height:20px;}

	/* qrcode */
	.box-qrcode div {border:none;}
	.box-qrcode table {margin-top:30px;}
	.box-qrcode table tbody th {padding:4px 0;}
	.box-qrcode table tbody td {padding:4px 0;border-right:1px solid #dedede; border-top:1px solid #dedede;}

	.board-list.notice thead{display:none;}
	.board-list.notice, .board-list tbody, .board-list tr{display:block;}
	.board-list.notice tr{border-bottom:1px solid #dde2eb;padding:12px 0;}
	.board-list.notice tr td{border:none;padding:0;text-align:left;}
	.board-list.notice tr td{color:#666;font-size:13px;display:inline;display: inline-block;padding: 0 5px 0 0;}
	.board-list.notice td .attach{display:inline-block;margin-right:5px;position: absolute;right: 20px;margin: -10px 0 0 0;}
	.board-list.notice td.subject {display:block;padding:0 0 3px 5px;overflow: visible;text-overflow: inherit;white-space: inherit;font-size: 15px;}
	.board-list.notice tr td:nth-child(1){display:none;}
	.board-list.notice tr td:last-child:before{content:'|';display:inline-block;padding: 0 5px 0 0;color:#ddd;}

	.board-view{width:100%; border-top:1px solid #979797}
	.board-view .board-headline>span{width:auto;float:none;text-align:left;display:inline-block;padding:0 0 0 5px;}
	.board-view .board-headline>span:first-child{display:none;}
	.board-view .board-headline>span:before{content:'|';display:inline-block;float:right;color:#ddd;padding:0 10px;}
	.board-view .board-headline>span:last-child:before{content:none;}
	.board-view .board-headline>h3{width:auto;float:none;font-size:16px;padding:0 0 5px 5px;}
	.board-view .board-descript{padding:15px 5px;min-height:200px;}
	.board-file li span{display:none}
	.board-view .board-descript img{width:auto;max-width: 100%;}

	.board-page{}
	.board-page li{padding:12px 0;width:100%;display:block;}
	.board-page li span:last-child{display:none;}
	.board-page li span{width:20%;float:left;text-align:center;}
	.board-page li>a{width:80%;float:left;display:block;padding:0 0 0 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


	.cbox-visual.notice .visual-inner {background-image:url('../images/common/visual_notice.png'); background-position:40% bottom; background-repeat:no-repeat;background-size: cover;}
	.board-pagging{display:none;}
	.btn-more{display:block;}

	.agree-chk label{color:#222; font-size: 14px; font-weight: 400; line-height: 20px;}

	/* 2020.09.23 이메일 인증 추가 */
	.unemail-cap{overflow: scroll;}
	.layer-popup.unemail{width:90%; height: auto; top:5%}
	.layer-popup.unemail .box-unemail{padding:0}
	.layer-popup.unemail .unemail-txt{padding-top: 30%; background-size: 30%;}
	.layer-popup.unemail .unemail-txt strong{font-size: 15px;}
	.layer-popup.unemail .unemail-txt p{font-size: 14px; margin: 10px 0 15px}
	.layer-popup.unemail .layer-noti.une{padding: 15px;}

}

@media (max-width: 360px){
		.layer-popup .layer-content .btn-c a {width: 122px; font-size:15px}
}


#layer_mate_qr{display: none;}

@media (min-width:587px) {
	#layer_mate_qr{width: 460px; position: absolute; top:100px; left: 50%; margin-left: -230px; z-index: 10;}
}

@media (max-width:586px) {
	#layer_mate_qr{width: 80%; position: absolute; top:100px; left: 50%; margin-left: -40%; z-index: 10;}
}

/* 웹접근성 추가 RHD 20250825 */
/* focus 공통 */
*:focus-visible {outline: 2px dotted #E71825; outline-offset: 4px; transition: none;}
 
/* focus 예외처리 */
#header .gnb > li > a, #footer .footer-inner div a {outline-offset: -2px;}
.ctab li a, #footer .footer-inner ul li a {outline-offset: -1px;}
.banner-list li a {outline-offset: 1px;}
.ctab.member-check li a {outline-color:#0071D0;}
 
/* placeholder 명도 대비 */
input::placeholder {color: #767676 !important;}
textarea::placeholder {color: #767676 !important;}