@charset "utf-8";
@import url("common.css"); /* 기본정보 */
@import url("icon.css"); /* 기본정보 */
@import url("board.css"); /* 게시판 */

#header {
	width: 100%;
	background:#212121;
}

/* 1 Depth 상단메뉴 */
#nav {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 950;
	top: 0;
	left: 0;
	height: 80px;
	background-color: rgba(0,0,0,0);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	transition-duration: 0.4s;
	transition-timing-function: ease;
}
#nav.down {
	background-color: rgba(47,50,68,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	box-shadow:0 3px 5px 3px rgba(22,33,97,0.3);
}
#nav ul.main_menu {
	position: relative;
	width:1020px;
	margin: 0 auto;
	text-align:center;
}
#nav .main_menu li {
	display: inline-block;
	margin: 30px 15px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}
#nav .main_menu li a {
	color: #ffffff;
}
#nav .main_menu li.on, #nav .main_menu li a:hover {
	border-bottom:2px solid #ff4081;
	padding-bottom:3px;
}
#nav .main_menu li.on a {
	font-weight: bold;
}

/* 우측 사이드메뉴 */
#nav .side_menu {
	position: absolute;
	top: 25px;
	right: 30px;
	display: inline-block;
	background: rgba(33,33,33,0.7);
	border-radius: 20px;
	padding: 5px 15px  5px 8px;
}
#nav .side_menu li {
	float: left;
	margin-left: 10px;
}
#nav .side_menu li a {
	font-size: 11px;
	color: #ffffff;
}
#nav .side_menu li::before {
	content: "|";
	color: #a9a9a9;
	font-size: 11px;
	padding-right: 10px;
}
#nav .side_menu li:first-child::before {
	content: none;
}

/* Visual 타이틀 + 내용 */
#sub_title {
	width: 100%;
	height: 240px;
	padding-top: 106px;
	text-align: center;
	line-height: 1.4;
	background-size: cover;
}
#sub_title.pensionclear {
	background: #212121 url(../images/common/visual_pension_clear.jpg) no-repeat center center;
}
#sub_title.isanet {
	background: #212121 url(../images/common/visual_isa_net.jpg) no-repeat center center;
}
#sub_title.pensionaccount {
	background: #212121 url(../images/common/visual_pension_account.jpg) no-repeat center center;
}
#sub_title.errorlist {
	background: #212121 url(../images/common/visual_error_list.jpg) no-repeat center center;
}
#sub_title.contracttransfer {
	background: #212121 url(../images/common/visual_contract_transfer.jpg) no-repeat center center;
}
#sub_title.transmittingerror {
	background: #212121 url(../images/common/visual_transmitting_error.jpg) no-repeat center center;
}
#sub_title.serviceinfo {
	background: #212121 url(../images/common/visual_service_information.jpg) no-repeat center center;
}
#sub_title.etc {
	background: #212121 url(../images/common/visual_etc.jpg) no-repeat center center;
}
#sub_title.adminmenu {
	background: #212121 url(../images/common/visual_etc.jpg) no-repeat center center;
}
#sub_title h2 {
	font-size: 36px;
	color: #ffffff;
}
#sub_title p {
	font-size: 14px;
	color: #ffffff;
	font-weight: lighter;
}

/* 2 Depth 중간메뉴 */
#gnb {
	position: relative;
	display:inline-block;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	background:#303f9f;
}
#gnb ul {
	margin: 0 auto;
	width:1020px;
	text-align:center;
}
#gnb li {
	display: inline-block;
	padding: 36px 30px;
	font-weight:lighter;
	font-size: 16px;
	text-align:center;
}
#gnb li a {
	color: rgba(255,255,255,0.5);
}
#gnb li.on a, #gnb li a:hover {
	font-weight: bold;
	border-bottom:1px solid #ffffff;
	padding-bottom:3px;
	color:#ffffff;
}
#gnb li a:hover {
	color: #ffffff;
	font-weight: lighter;
}
#gnb li.on a {
	font-weight: bold;
}

/* 회원가입 스텝 */
#step {
	position: relative;
	display:inline-block;
	float:right;
}
#step li {
	width:150px;
	padding:10px 0 20px 0;
	display:inline-block;
	color:#999999;
	font-weight:normal;
	font-size:16px;
	text-align:center;
}
#step li.completed .circle {
	width:30px;
	height:30px;
	border-radius:50%;
	display:inline-block;
	line-height:2.2;
	background:#e5e5e5 url(../images/common/process_check.png) no-repeat center center;
	margin-right:5px;
	text-indent:-10000px;
}
#step li .circle  {
	font-size:14px;
	width:30px;
	height:30px;
	color:#ffffff;
	border-radius:50%;
	display:inline-block;
	line-height:2.2;
	text-align:center;
	background:#e5e5e5;
	margin-right:5px;
}
#step li.active {
	border-bottom:3px solid #ff4081;
}
#step li.active .circle {
	font-size:14px;
	width:30px;
	height:30px;
	color:#ffffff;
	border-radius:50%;
	display:inline-block;
	line-height:2.2;
	text-align:center;
	background:#ff4081;
	margin-right:5px;
	font-weight:bold;
	margin-right:10px;
	text-align:center;
}
#step li.active .label {
	color:#222222;
	font-weight:bold;
}

.joinmessage {text-align:center; padding:40px 0 0 0;}
.join_tit {font-size:28px; font-weight:lighter;}
.join_con {color:#999999; line-height:1.4; margin-top: 15px; }
.join_gate {text-align:center;}


/* Structure */
#pagetitle {
	overflow: hidden;
	position:relative;
	margin:0 auto;
	width: 1020px;
	padding: 80px 0 20px 0;
}
h3.page-tit {
	font-size: 32px;
	font-weight: bold;
	float:left;
}
hr.bottomline {width:100%; background:#e5e5e5; height:1px;}
hr.bottomline2 {width:100%; background:#eceefd; height:3px;}

/* JIN 로그인 서브페이지 */
.join_gate .chk_in ul.login_link {
	float:right;
}
.join_gate ul.login_link li {
	display:inline-block;
	float:left;
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #e5e5e5;
	font-size:14px;
}
.join_gate ul.login_link li:first-child {
	border-left:0; padding-left:0;
}
.join_gate input {height:48px; border-radius: 3px; background:#fafafa;}
.m_join {font-size:14px; float:left;}


/* 관리자 정보수정 */
#wrap.mypage {
	min-height: 710px;
}
.login.mypage {
	width: 460px;
	padding-bottom: 40px;
}
.login.mypage dl, .login.mypage .btn-set {
	width: 326px;
}
.login.mypage dl dt {
	width: 100px;
}
.login.mypage .btn-set {
	margin-bottom: 50px;
}

/* 아이디-비밀번호 찾기 */
.box_shdw.find {
	width: 550px !important;
	margin-top: 110px;
	margin-bottom: 100px;
}
.find .login {
	width: 548px;
}
.find .login dl {
	margin-left: 60px;
}
.find .login dl dt {
	width: 80px;
}
.find .login legend {
	clear: both;
	display: block;
	overflow: visible;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	top: 40px;
	left: auto;
	height: 50px;
	margin: 0px 0 0px 60px;
	background: url('../images/common/h1_bullet.png') no-repeat 0 0;
	padding-left: 18px;
}
.find .login .ip_txt {
	width: 204px;
}
.box_shdw.find .btn {
	width: 120px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

/* 개인정보 수집 동의 */
.box_certification {
	width: 100%;
	height: 200px;
	font-size: 14px;
	color: #666666;
	margin: 15px 0 5px 0;
	padding: 20px 30px;
	border: 1px solid #e5e5e5;
	overflow-y: scroll;
	white-space: pre-line;
	line-height:1.6;
}
#holdterm {
	color: blue;
	text-decoration: underline;
	font-weight:bold;
}
.btnbox_certi {
	width: 100%;
	position: relative;
	margin-top: 10px;
}
.btnbox_certi li {
	float: left;
	background: #f2f6fa url(../images/member/cert_arrow.png) no-repeat center right 30px;
	width: auto;
	height:100px;
	overflow: hidden;
	border:1px solid #e5e5e5;
	border-radius: 3px;
	color: #222222;
}
.btnbox_certi li:first-child {
	margin-right:20px;
}
a.btn_certification {
	width: 498px;
	height:100px;
	display:inline-block;
	position:relative;
	background: url('../images/member/cert.png') no-repeat 30px 18px;
}

a.btn_certification.btn_c2 {background-position: 30px -86px;}
a.btn_certification strong	{font-size:22px; display: inline-block; margin-top:22px;}
a.btn_certification span {display:block; clear:both; font-size:14px; line-height:2.4; }
a.btn_c1,  a.btn_c2 {padding-left:120px; }

/* 팝업윈도우 */
body.pop_win {
	padding: 20px;
}

/* 연혁 */
ul.listtype li {
	line-height: 2.0;
}
ul.listtype li::before {
	content: "-";
	padding-right: 25px;
	color: #a9a9a9;
}
ul.listtype li .title {
	font-weight: bold;
}

/* 개인정보 : KYJ 20190704 */
.privacy * {word-break: keep-all;}
.privacy table * {word-break: word-break;}
.privacy h4 {margin: 20px 0 10px;}
.privacy ul, .sub_guide .privacy ol {list-style: none;}
.privacy li {	padding-bottom: 5px;}
.privacy li:first-child {padding-top: 10px;}
.privacy li:last-child {padding-bottom: 0;}

.privacy .hngl {margin-left: 1.5rem;}
.privacy .hngl > li {text-indent: -1.5rem;}

.privacy .cclnum {margin-left: 1.2rem;}
.privacy .cclnum > li {text-indent: -1.2rem;}

.privacy .dash {margin-left: 0.8rem;}
.privacy .dash > li {text-indent: -0.8rem;}

.privacy .memo {margin-left: 1.2rem; text-indent: -1.2rem;}

.privacy .cclnum > li > p,
.privacy .hngl > li > p {text-indent: 0; }

.privacy .cclnum > li > p,
.privacy .hngl > li > p,
.privacy > p {margin-bottom: 5px;}

.privacy table tbody td ul li {text-align: left;}
.privacy table th, .sub_guide .privacy table td {margin-left:0 !important; text-indent: 0 !important;}

.privacy table td ul.sec0 li {padding-top: 0;}