@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*******************************************************************
default
********************************************************************/
html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button { font-family: "NanumBarunGothic", "나눔바른고딕", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #5d5d5d; letter-spacing: -.15px; }
html, body { height: 100%; min-width: 320px; position: relative; }

/* Form */
button { overflow: visible; width: auto; margin: 0; padding: 0; border: none; background: none; }
textarea { resize: none; }
a:link, a:visited, a:active, a:hover { text-decoration: none; cursor: pointer; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
.container, .content-body { max-width: 900px; }
div.all { max-width: 100%; padding: 0; }
.br { display: block; }

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

.container.sub { max-width: 870px; position: relative; margin: 0 auto; }
.content-wrap { width: 100%; padding-left: 20px; vertical-align: top;float: none; width: 100%; padding: 0 15px; }
#content { position: relative; }
#content .content-body { min-height: 400px; }

.content-header { border-bottom: 1px solid #5D93CA; padding-top: 30px; margin-bottom: 40px; position: relative; }
.content-header h1, .content-header h2 { font-size: 32px; font-weight: bold; color: #333; margin-top: 15px; padding-bottom: 15px; }


.h3-title { font-size: 16px; color: #5D93CA; margin-bottom: 1em; line-height: 1.4; }
.h4-title { font-size: 16px; font-weight: 700; color: #464646; line-height: 1.4; margin-bottom: 1em; }
.text { font-size: 14px;  color: #464646; line-height: 1.4; }
.list-dash li { font-size: 14px; line-height: 1.4; padding: 5px 0 5px 15px; position: relative; }
.list-dash li:before { display: inline-block; content: '-'; position: absolute; left: 0; }
.list-dot li { padding: 2px 0 2px 15px; position: relative; }
.list-dot li:before { display: inline-block; content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; background: url(/resources/personalinfo/images/ico_dot.gif) 50% 0 no-repeat; }
.section-content { margin-bottom: 2em; }

.table-info { width: 100%; border: 1px solid transparent; }
.table-info .divide-line { border-left: 3px double #ccc; }
.table-info caption:after { display: inline-block; content: '(단위:만원)'; position: absolute; right: 0; bottom: 0; line-height: 18px; font-weight: 400; }
.table-info th, .table-info td { font-size: 14px;  line-height: 1.6; vertical-align: middle; padding: 14px 20px; border: 1px solid #ccc; }
.table-info th { background-color: #ececec; text-align: center; font-weight: 700; border-bottom: 0; }
.table-info th.ed { border-bottom: 1px solid #ccc; }
.table-info td { width: auto; }
.table-info td.title { font-weight: 700; text-align: center; }
.table-info td.tc { text-align: center; }
.table-info.tc td { text-align: center; }

/* .div-privacy */
.div-privacy { margin-bottom: 3em; }
.div-privacy ul { font-size: 14px; overflow: hidden; line-height: 1.4; border-top: 1px solid #ccc; }
.div-privacy ul li { float: left; border-bottom: 1px solid #ccc; }
.div-privacy ul li:nth-child(2n+1) { border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 50%; }
.div-privacy ul li:nth-child(2n+2) { border-right: 1px solid #ccc; width: 50%; }
/* .div-privacy ul li:nth-child(3n+3) { border-right: 1px solid #ccc; width: 32%; } */
.div-privacy ul li a { display: inline-block; width: 100%; height: 100%; padding: 11px 11px; text-decoration: none; color: #464646; }
.div-privacy ul li:hover { font-weight: 700; }
.div-privacy ul:after { display: table-cell; content: ''; clear: both; }


.section-content ol.person_data { margin-top: 5px; font-size: 14px; line-height: 24px; padding-left: 1em; }
.section-content ol.person_data > li { list-style-type: decimal; margin: 4px 0; }
.section-content ol.person_data > li a { color: #464646; }
.section-content ol.person_data > li a:hover { text-decoration: underline; }
.section-content ol.person_data > li > table { margin-top: 8px; }
.section-content ol.person_data > li > ol { padding-left: 1em; margin: 4px 0; }
.section-content ol.person_data > li > ol > li { position: relative; margin: 2px 0; padding: 0 0 0 1.3em; }
.section-content ol.person_data > li > ol > li > ol { margin: 2px 0; padding-left: 1em; }
.section-content ol.person_data > li > ol > li > ol li { position: relative; padding: 0 0 0 1.4em; }
.section-content ol.person_data > li > ol > li > ol li:before { display: inline-block; position: absolute; left: 0; }
.section-content ol.person_data > li > ol > li > ol li:nth-child(1):before { content: "가."; }
.section-content ol.person_data > li > ol > li > ol li:nth-child(2):before { content: "나."; }
.section-content ol.person_data > li > ol > li > ol li:nth-child(3):before { content: "다."; }
.section-content ol.person_data > li > ol > li > ol li:nth-child(4):before { content: "라."; }
.section-content ol.person_data > li > ol > li > ol li:nth-child(5):before { content: "마."; }
.section-content ol.person_data > li > ol > li:before { display: inline-block; position: absolute; left: 0; }
.section-content ol.person_data > li > ol > li:nth-child(1):before { content: "①"; }
.section-content ol.person_data > li > ol > li:nth-child(2):before { content: "②"; }
.section-content ol.person_data > li > ol > li:nth-child(3):before { content: "③"; }
.section-content ol.person_data > li > ol > li:nth-child(4):before { content: "④"; }
.section-content ol.person_data > li > ol > li:nth-child(5):before { content: "⑤"; }
.section-content ol.person_data > li > ol > li:nth-child(6):before { content: "⑥"; }

.section-subcontent { margin-bottom: 2em; }
.move-list {font-size: 15px;background-color: #0f3cdd;padding: 10px;border-radius: 10px;font-weight: bold;color: white;}
.addmg-top1em {margin-top: 1em;}


#contents .box{margin:30px 0;padding:30px;background-color:#fff;border:1px solid #e5e5e5;border-bottom-color:#c4c4c4;border-radius:7px;box-sizing:border-box;color:#666;overflow:hidden;}
#contents .box.ico_box{background:url('/resources/personalinfo/images/box_pattern.gif') repeat;border-top:2px solid #151515;}
#contents .ico_box > div{position:relative;margin-top:-2px;padding:30px;background-color:#fff;border-top:2px solid #666;font-size: 14px;line-height: 1.8;}
#contents .box.ico_box div h2{margin:0 0 15px;padding:0;background:none;color:#454343;font-size:23px;line-height:25px;}
#contents .box.ico_box div h2 span{font-size:23px;font-weight:600;line-height:25px;}
#contents .ico_box .ico_img{position:absolute;left:-135px;top:0;right:auto;bottom:0;width:135px;height:100%;margin:auto 0;background-repeat:no-repeat;background-position:50%;}
#contents .ico_box .ico_img.icon1{background-image:url('/resources/personalinfo/images/box_icon1.png');}
	
.before_privacy {color: black; }
.before_privacy a:hover{text-decoration: underline;}


/* 라벨링 테이블 영역 */
table{border-collapse: callapse; border-spacing: 0;}
.h4-title{font-size: 1.6rem; font-weight: 700; color: #464646; line-height: 1.4; margin-bottom: 1em;}
.tableLayer{margin-botton: 70px; width: 100%;}
.tableLayer td{height: 30px; padding: 10px; text-align: center;}
.tableLayer td img{max-width: 80px;}
.tableLayer .l_title {font-weight: bold; padding-top: 10px;}

.lable_detail {display:none; width: 350px; position: absolute; box-sizing: border-box; border-radius: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); z-index: 90; box-shadow: rgba(126, 126, 126, 0.28) 0.1rem 0.2rem 0.8rem; text-align: left; padding:10px; margin-top:-20px;}
.lable_detail .detail_sub{list-style: none; font-weight: bold;}
.lable_detail .detail_sub li{font-weight: normal;}