@charset "utf-8";

/* 서브레이아웃 시작 */

#svisual-layout{ width:100%; height:436px; text-align:center; display:block; position:relative; overflow: hidden;}
#svisual-layout .svisual-wrap{ width:100%;  height:100%; background:url(/fund/img/common/svisual_sub01_img.jpg) no-repeat center center; background-size:cover; display:inline-block; animation-name: svisual_motion;animation-duration: 3.5s;animation-iteration-count: 1;}
#svisual-layout .svisual-wrap .title-wrap{ display:block;width:100%; text-align:left; margin-top:180px; text-align: center;}/* 비쥬얼 컨텐츠 넓이 */
#svisual-layout .svisual-wrap .title-wrap strong{ display:inline-block; position:relative; z-index: 1; width:682px; height: 66px; background: url(/fund/img/common/svisual_tit.png) no-repeat; background-size: contain; font-size: 0; text-align:center; }/* 타이틀 폰트 설정 */
#svisual-layout .svisual-wrap .title-wrap p{ display:inline-block; position:relative; width:100%; font-size:18px; color:#fff; text-align:center; line-height:22px; margin-top:30px;}/* 보조문구 설정 */
#svisual-layout .svisual-wrap .svisualMov { max-width: none; max-height: none; width: 100%; height: auto; padding: 0; margin: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

@keyframes svisual_motion {
  0% {transform: scale(1); -webkit-transform: scale(1);}
  50% {transform: scale(1.1); -webkit-transform: scale(1.1);}
  100% {transform: scale(1); -webkit-transform: scale(1);}
}

@media (max-width:1023px){
	#svisual-layout{ height: 230px; }
	#svisual-layout .svisual-wrap .title-wrap{ margin:90px 0 0 0;}
	#svisual-layout .svisual-wrap .title-wrap strong{ width: 400px; }
	#svisual-layout .svisual-wrap .title-wrap p{ display: none; }
}

@media (max-width:767px){
	#svisual-layout .svisual-wrap{ padding:0 20px; box-sizing:border-box;}
	#svisual-layout .svisual-wrap .title-wrap strong{ width: 280px; }
}

#snb{ width:100%; height: 65px; position: relative; z-index: 2; margin-top: 2.5rem;}
#snb .nav{ position: relative; width:1300px; height:65px; display:inline-block; margin:0 auto; background-color:#35373c;}/* 3차메뉴 활성화시 lnb 전체 밑줄 */
#snb .title{ display:none;}
#snb .nav > ul{ float:left; display:inline-block; position:relative; width:auto; border-right: 1px solid #57595d;}
#snb .nav > ul:first-child{ margin-left:65px;}
#snb .nav > a{ float: left; display:inline-block; width: 65px; height:65px; line-height: 65px; font-family: 'xeicon'; font-size: 1rem; color:#fff; background-color:#a61e2e;}
#snb .nav > ul { position: relative; width:auto; height: 65px; display:inline-block; float:left;}
#snb .nav > ul.menuOpen li{ visibility: visible; opacity: 1; display: table; }
#snb .nav > ul > li{ display:none; visibility: hidden; overflow: hidden; height: 65px; opacity: 0; background-color: #35373c; width: 290px;}
#snb .nav > ul > li.active{ display: table; visibility: visible; opacity: 1; }
#snb .nav > ul.on{ height: auto; }
#snb .nav > ul.on > li{visibility: visible;overflow: visible; opacity: 1;-webkit-transition: all 0.2s;transition: all 0.2s;}
#snb .nav > ul > li > a{ position: relative; z-index: 1; width:100%; text-align:left; border:0; transition: 0.2s;-webkit-transition: 0.2s;}/* 2차메뉴 오른쪽 보더 */
#snb .nav > ul > li.active > a:after{ position: absolute; right: 25px; top: 22px; content: "\e913"; font-family: 'xeicon'; display: inline-block; vertical-align: middle; }
#snb .nav > ul > li:first-child > a{padding:0 35px 0 30px;}
#snb .nav > ul > li > a{ position:relative; display:table-cell; vertical-align:middle; font-size:17px; line-height:20px; color:#fff; line-height:1.2; word-break: keep-all; padding:0 35px 0 30px;}/* 2차메뉴 폰트설정 2차메뉴 높이 */
#snb .nav > ul > li > a:after{ position: absolute; right: 25px; top: 22px; content: "\e913"; font-family: 'xeicon'; display: inline-block; vertical-align: middle; }
#snb .nav > ul > li > a[target="_blank"]:after{ font-family: 'xeicon'; content: "\e980"; display: inline-block; width: auto; height: auto; font-size: .8rem; color:#fff; margin-left: 5px; vertical-align: middle;}
#snb .nav > ul > li > a:hover,
#snb .nav > ul > li > a:focus,
#snb .nav > ul > li.on > a,
#snb .nav > ul > li.ov > a{ text-decoration: underline; }
#snb .nav > ul > li.active > a:hover,
#snb .nav > ul > li.active > a:focus{ border:0; text-decoration: none;}/* 2차메뉴 오버시 폰트 설정 */
#snb .control{display: none;}

/*
#snb .nav > ul > li > a:hover:after,
#snb .nav > ul > li > a:focus:after,
#snb .nav > ul > li.on > a:after,
#snb .nav > ul > li.ov > a:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
*/
#snb .nav > ul > li > a[target="_blank"]:hover:after,
#snb .nav > ul > li > a[target="_blank"]:focus:after{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
#snb .nav > ul > li.on > a,
#snb .nav > ul > li.ov > a{ color:#fff; }
#snb .nav > ul > li.on > a:before,
#snb .nav > ul > li.ov > a:before{ display: none; }
#snb .nav > ul > li > ul{ display: none !important; }

#container .body-wrap{ width:100%; z-index:0;} 
#container > .body-wrap > .content-wrap{ width:100%; display:inline-block; padding:90px 0 80px 0;}/* 컨텐츠 사이즈 및 아래 여백 설정 */
#contentWrap{ padding-bottom: 80px; text-align: center; word-break: keep-all;}
#contentWrap .content_info{ width:100%; display:inline-block; position:relative;}/* 페이지 타이틀 설정 */

#content { position: relative; padding-top:500px;}
#content .content_info > h3{ width:100%; color:#252525; line-height:40px; font-size:2rem; font-weight: 500; color:#222; padding:0; display:block; text-align: center;}/* 페이지 타이틀 폰트 설정 */
#content .content_info > h3:before{ display:none;}

#contentWrap .content_info .utile-wrap{ width:100%; margin-top:10px;}/* 유틸설정 */
#contentWrap .content_info .location{ display: none; }
#content #sns_wrap { position: absolute; top: 371px; right: 0; z-index: 2; padding-right: 20px;}
#content #sns_wrap li { display: inline-block; }
#content #sns_wrap li > a { display: inline-block; margin-left: 0.5rem; vertical-align: top; padding: 16px 20px 16px 0;}
#content #sns_wrap li > a::before { font-size: 1rem; display: inline-block; font-family: "xeicon"; color: #000; content: '\e9bb'; line-height: inherit; margin-right: 5px; color:#fff; vertical-align: top;}
#content #sns_wrap > ul > li > a span.IR{ position: static; display: inline-block; width: auto; height: auto; margin: 0; font-size: 0.85rem; color: #c2c3c3}
#content #sns_wrap .zoomP, #content #sns_wrap .zoomM { display: none; }
#content #sns_wrap .snsBox { display: inline-block; vertical-align: top; }
#content #sns_wrap .snsBox > a::before { content: ''; }
#content #sns_wrap .snsBox::before { font-size: 1rem; display: none; float: right; width: 2rem; height: 2rem; margin-bottom: 0.455rem; border-radius: 100%; border: 1px solid #ddd; font-family: "xeicon"; color: #000; content: ''; text-align: center; line-height: 1.95rem; vertical-align: top; }
#content #sns_wrap .snsBox.active #share { visibility: visible; overflow: visible; height: auto; opacity: 1; }
#content #sns_wrap .snsBox.active #share::before { visibility: visible; overflow: visible; height: auto; opacity: 1; top: -0.25rem; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#content #sns_wrap .snsBox #share { visibility: hidden; overflow: hidden; height: 0; opacity: 0; display: block !important; clear: both; position: absolute; right: 0; top: 100%; z-index: 2; height: 2.4rem !important; margin-top: -1px; padding: 0.4rem 0.3rem 0 0.75rem; border: 1px solid #ddd; background-color: #fff; line-height: 2.4rem; white-space: nowrap; }
#content #sns_wrap .snsBox #share::before { visibility: hidden; overflow: hidden; height: 0; opacity: 0; position: absolute; right: 3.25rem; top: 0; width: 0.5rem; height: 0.5rem !important; border: 1px solid #ddd; border-right: 0 none; border-bottom: 0 none; background-color: #fff; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#content #sns_wrap .snsBox #share a { width: 1.5rem; height: 1.5rem; margin: 0 0.4rem 0 0; padding: 0 0 0 2px; border: 0 none; line-height: 1.5rem; }
#content #sns_wrap .snsBox #share .sns_icon01 a { background-color: #435e99; }
#content #sns_wrap .snsBox #share .sns_icon01 a::before { font-size: .9rem; color: #fff; content: ''; }
#content #sns_wrap .snsBox #share .sns_icon02 a { background-color: #26a8e0; }
#content #sns_wrap .snsBox #share .sns_icon02 a::before { font-size: .9rem; color: #fff; content: ''; }
#content #sns_wrap .snsBox #share .sns_icon04 a { background-color: #ffca0a; }
#content #sns_wrap .snsBox #share .sns_icon04 a::before { font-size: 1rem; color: #fff; content: '\ebef'; text-indent: 1px; line-height: 1.6rem; }
#content #sns_wrap .snsBox #share .sns_icon03 a { display: none; }

#content{ display:inline-block; width:1300px;}
#txt{ display:inline-block; width:100%; margin-top:50px; text-align: left;}

.contentInfo { margin: 6rem 0 3rem; border: 1px solid #ddd; color: #555; text-align: left;}
.contentInfo .duty-wrap { overflow: hidden; height: 3rem; padding: 0 1.5rem; border-bottom: 1px solid #eee; line-height: 3rem; font-size: .8rem; }
.contentInfo .duty-wrap .duty { float: left; }
.contentInfo .duty-wrap .duty span { display: inline-block; overflow: hidden; position: relative; top: -2px; width: 1.5rem; height: 1.5rem; margin-right: 0.25rem; border-radius: 100%; background-color: #3c4165; text-align: center; line-height: 1.5rem; vertical-align: middle; }
.contentInfo .duty-wrap .duty span::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; line-height: inherit; }
.contentInfo .duty-wrap .duty dl { display: inline; }
.contentInfo .duty-wrap .duty dt { display: inline; font-weight: 500; color: #3c4165; }
.contentInfo .duty-wrap .duty dt::after { display: inline-block; width: 1px; height: 0.7rem; margin: 0 0.25rem 0 0.5rem; background-color: #d5d9df; content: ''; vertical-align: middle; }
.contentInfo .duty-wrap .duty dd { display: inline; margin-right: 1rem; }
.contentInfo .duty-wrap .duty_date { float: right; font-family: "Noto Sans KR",sans-serif; }
.contentInfo .duty-wrap .duty_date strong { font-weight: 500; color: #3c4165; }
.contentInfo .duty-wrap .duty_date strong::after { display: inline-block; width: 1px; height: 0.7rem; margin: 0 0.25rem 0 0.5rem; background-color: #d5d9df; content: ''; vertical-align: middle; }
.contentInfo #satisfy-wrap { padding: 1.5rem; background-color: #f6f7f9; }
.contentInfo #satisfy-wrap .satisfyTitle { overflow: hidden; height: 1.25rem; margin-bottom: 0.25rem; font-weight: 500; color: #333; }
.contentInfo #satisfy-wrap .satisfyTitle::before { display: block; content: '이 페이지에서 제공하는 정보에 대하여 만족하십니까?'; font-size: .8rem; }
.contentInfo #satisfy-wrap .satisfyForm { overflow: hidden; height: 2rem; line-height: 2rem; }
.contentInfo #satisfy-wrap .satisfyForm ol { float: left; width: 25rem; }
.contentInfo #satisfy-wrap .satisfyForm li { font-size: .75rem; display: inline-block; position: relative; margin-right: 0.8rem; vertical-align: middle; }
.contentInfo #satisfy-wrap .satisfyForm li input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.contentInfo #satisfy-wrap .satisfyForm li input:checked + label::after { background-color: #3c4165; }
.contentInfo #satisfy-wrap .satisfyForm li label { position: relative; padding-left: 1.4rem; }
.contentInfo #satisfy-wrap .satisfyForm li label::before { position: absolute; left: 0; top: 0; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }
.contentInfo #satisfy-wrap .satisfyForm li label::after { position: absolute; left: 0.25rem; top: 0.25rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #ddd; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
.contentInfo #satisfy-wrap .satisfyForm .opinion { float: right; position: relative; width: 56%; max-width: calc(100% - 25rem); height: 100%; padding-right: 3.75rem; }
.contentInfo #satisfy-wrap .satisfyForm .textarea { width: 100%; height: 2rem; padding: 0 1rem; border: 1px solid #ddd; vertical-align: top; }
.contentInfo #satisfy-wrap .satisfyForm .Btn { position: absolute; right: 0; top: 0; width: 3.75rem; height: 100%; border: 0 none; background-color: #333; color: #fff; padding: 0; }
.contentInfo #satisfy-wrap .satisfyForm .opinion_right { display: none; }
.contentInfo .qr-wrap { display: none; }


@media (max-width:1699px){
	#container,
	#snb .nav,
	#svisual-layout .svisual-wrap{ padding:0 60px; box-sizing:border-box;}
	
	#container .body-wrap,
	#svisual-layout .svisual-wrap .title-wrap,
	#contentWrap{ width: 100%; /* padding-bottom:80px; */}
	#contentWrap .content_info,
	#contentWrap #content{ width:100%;}
	/*#contentWrap #content{ padding: 80px 40px 0; }	*/

	#snb .nav{ width:100%; }
	#snb .nav:before{ left:65px; }

	#container{ padding:0;}

}

@media (max-width:1399px){
	#snb .nav, #svisual-layout .svisual-wrap{ padding: 0 20px; }
	#snb .nav:before{ left:22px; }
	#sns_wrap{ margin-right: 0; right: 40px; }
}

@media (max-width:1199px){
	html {font-size: 18px;}
	#snb .nav > ul:last-child > li{ width: 250px; }

}
@media (max-width:1024px){
	#snb{margin-top:0}
	#snb .nav > ul{padding-left: 0;}
	#snb .nav > ul > li.n0,
	#snb .nav > ul > li.topmenu,
	#snb .nav > ul > li.submenu{ display:none; }
	#snb .nav > ul.menuOpen,
	#snb .nav > ul.menuOpen > li{ width: 100%; }

	#content .content_info > h3{ font-size: 1.6rem;}
	#contentWrap .content_info .utile-wrap{ width:100%; text-align:center; margin:5px 0 15px 0; position:relative; top:auto; right:auto;}/* 유틸설정 */
	#contentWrap .content_info .utile-wrap .location-wrap,
	#contentWrap .content_info .utile-wrap .print-wrap{ float:none;}
	#contentWrap .content_info .utile-wrap .print-wrap{ position:absolute; bottom:-55px; right:0;}
	#contentWrap .content_info .utile-wrap .print-wrap li.n1{ display:none;}
	#contentWrap .content_info .utile-wrap .print-wrap li.on .sns-wrap{ padding:0 29px 0 0;}
	#contentWrap .content_info .utile-wrap .print-wrap li .sns-wrap a{ left:auto; right:0;}
	#content #sns_wrap li.btnPrint{ display: none; }
	#content #sns_wrap li.snsBox{ display: none; }
	#content #sns_wrap li > a{ padding:20px 0; }
	#content #sns_wrap > ul > li > a span.IR{ position: absolute; width: 1px; height: 1px; margin:-1px; font-size: 0; }
	#content #sns_wrap .snsBox #share::before{ right: 1.4rem; }
	#contentWrap #content{ padding: 280px 20px 0; margin:0;}
	
	#snb .nav > ul{display:none; border-right: 0;}
	#snb .nav > ul:last-child{display:inline-block;}
	#snb .nav > ul:last-child > li{ width: 200px; }
	#snb .nav > ul.menuOpen li{ width: 100%;}
	#snb .nav > ul > li > a,
	#snb .nav > ul > li:first-child > a{ padding: 0 20px; }
	#snb .nav{ padding:0;}
	#snb .nav .utile-wrap{ padding-right: 20px; }
	#snb .nav > ul.on{ position: absolute; top:0; left:0; width:100%; z-index: 1;}
	#snb .nav > ul.on > li{ width:100%; }
	#snb .nav > ul:after{ display: none; }
	#snb .nav > ul > li > a:hover:after, 
	#snb .nav > ul > li > a:focus:after, 
	#snb .nav > ul > li.on > a:after {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}

@media (max-width: 768px){
	.contentInfo { margin: 1.5rem 0; }
	.contentInfo .duty-wrap { display: none; }
	.contentInfo #satisfy-wrap { position: relative; padding: 0 1rem 1rem; }
	.contentInfo #satisfy-wrap::before { display: block; height: 3rem; margin: 0 -1rem 1rem; padding-left: 2.8rem; border-bottom: 1px solid #eee; background-color: #fff; content: '만족도조사'; line-height: 3rem; }
	.contentInfo #satisfy-wrap::after { position: absolute; left: 1rem; top: 0.75rem; width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: #3c4165; font-family: "xeicon"; color: #fff; content: ''; text-align: center; line-height: 1.5rem; }
	.contentInfo #satisfy-wrap .satisfyForm { height: auto; }
	.contentInfo #satisfy-wrap .satisfyForm ol { float: none; width: 100%; margin: 0.25rem 0 0.5rem; line-height: 1.5; }
	.contentInfo #satisfy-wrap .satisfyForm .opinion { float: none; width: 100%; max-width: inherit; }
}

/* 서브레이아웃 끝 */

.red{ color:#a61e2e !important;  }

/* 헤딩태그 */
h4.cont-tit { display: block; font-size: 1.45rem; font-weight: 500; color: #000; line-height: 1.25; word-break: keep-all; margin-top: 30px; margin-bottom: 20px;}
h4.cont-tit:first-child { margin-top: 0;}
h4.cont-tit:before{ content: ""; display: block; width: 46px; height: 4px; background-color:#b31d2e; margin-bottom: 1rem;}
h5.cont-tit { position: relative; display: block; margin-top: 30px; margin-bottom: 20px; font-size: 1.15rem; font-weight: 500; line-height: 1.4; color: #b91628; text-align: left; word-break: keep-all;}
h5.cont-tit:first-child { margin-top: 0;}
h6.cont-tit { position: relative; display: block; font-size: 0.9rem; font-weight: 500; color: #2d4478; line-height: 1.2; margin-bottom: 20px; padding-left: 22px; text-align: left;}
h6.cont-tit:before { position: absolute; top: 5px; left: 11px; content: ""; display: inline-block; width: 3px; height: 15px; background-color: #2d4478;}
p.text { margin-bottom: 5px;}
.point-red{  display: block; font-size: 0.8rem; color:#a61e2e;}
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }
/* 헤딩태그 */

/* 리스트 */
.list_bar { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left; word-break: keep-all;}
.list_bar li { position: relative; display: inline-block; width: 100%; padding-left: 23px; color: #555; line-height: 1.4;}
.list_bar li:before { position: absolute; top: 11px; left: 9px; content: ""; display: inline-block; width: 7px; height: 2px; background-color: #4b4b4b; color: #555; line-height: 1.2;}
.list_dot li { position: relative; display: inline-block; width: 100%; padding-left: 14px; color: #555; line-height: 1.4;}

.list_dot { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left;}
.list_dot li:before { position: absolute; top: 11px; left: 6px; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #4b4b4b; color: #555; line-height: 1.2;}
.list_number { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left;}
.list_number li { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; padding-left: 40px; color: #555; line-height: 1.4;}
.list_number li .num { position: absolute; top: 0px; left: 9px; display: inline-block; width: 24px; height: 24px; background-color: #a61e2e; color: #fff; border-radius: 50%; text-align: center; font-size: 0.6rem; line-height: 24px; }
/* 리스트 */

/* 텍스트 */

.text_box { margin-bottom: 30px; padding: 35px 30px 25px; background-color: #f7f8f8;}
.text_box--border { background-color: transparent; text-align: center; border: 1px solid #ddd;}
.text_box--ref { position: relative; padding: 35px 30px; margin-bottom: 30px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.text_box i.location{ display: inline-block; width: 19px; height: 26px; background:url(../img/contents/sub0103_img02.png) no-repeat; vertical-align: middle; margin-right: 10px;}
/* 텍스트 */

/* 탭메뉴 */
.tab_menu { position: relative; margin-top: 2rem; margin-bottom: 1.5rem; display: table; width: 100%; table-layout: fixed;}
.tab_menu li { display: table-cell;}
.tab_menu--row li { display: inline-block; width: 25%;}
.tab_menu--row li:nth-child(n+5) a { border-top: none}
.tab_menu li a { position:relative; display: block;padding: .7rem 0;color: #323232;border: 1px solid #ddd;background-color: #f9f9f9;font-size: .95rem;text-align: center;margin-left: -1px;transition: 0.3s;-webkit-transition: 0.3s;}
.tab_menu li a:hover,
.tab_menu li a:active,
.tab_menu li a:focus { background: #a61e2e; color: #fff;}
.tab_menu li.on a {background: #fff;color: #000;border-bottom: 0;font-weight: 400;border-top-color: #a61e2e;}
.tab_menu li a i{ display: none; position: absolute; top:16px; right: 20px; color:#a61e2e; font-size: 1.4rem; }
.tab_menu li.on a i{ display: inline-block; }
.tab_menu li .hidden { display: none;}
.tab_menu li.on .hidden { display: inline-block;}

@media (max-width:767px) {
	.tab_menu li, .tab_menu--row li { display: inline-block; width: 50%; }
    .tab_menu li:nth-child(n+3) a { border-top: none; }
}

#depth4_menu_ul { position: relative; margin-top: 2rem; margin-bottom: 1rem; display: table; width: 100%;}
#depth4_menu_ul li { display: inline-block; vertical-align: middle; margin-left: 10px;}
#depth4_menu_ul li:first-child{ margin-left: 0; }
#depth4_menu_ul.tab-col-4 li { float: left; width: 25%;}
#depth4_menu_ul li a { display: block; padding: .7rem 7rem; color: #323232; border: 1px solid #ddd; font-size: .95rem; text-align: center; margin-left: -1px; transition: 0.3s; -webkit-transition: 0.3s; border-radius: 50px;}
#depth4_menu_ul.tab-col-4 li:nth-child(n+5) a{border-top:none;}
#depth4_menu_ul li a:hover, 
#depth4_menu_ul li a:active, 
#depth4_menu_ul li a:focus { background: #a61e2e; color:#fff;}
#depth4_menu_ul li.active a { background: #a61e2e; color: #fff;}
#depth4_menu_ul li .hidden{ display: none; }
#depth4_menu_ul li.active a .hidden{ display: inline-block; }

@media (max-width:767px) {
	#depth4_menu_ul li a{ padding: .7rem 3rem; }
}

.cont_tab{ position:relative; margin-top: 2rem;}
.cont_tab .tab-ul:after{display:block;clear:both;overflow:hidden;content:'';}
.cont_tab .tab-ul{ display: block; width: 100%; height: auto; margin: 0 0 50px 0;  padding-top:65px;}
.cont_tab .tab-ul > li{ height: auto; vertical-align: middle; text-align:center; margin:0;}
.cont_tab .tab-ul > li:first-child > a{ border-left: 1px solid #d6d6d6; }
.cont_tab .tab-ul > li > a{ position: absolute; top:0; z-index: 1; height:65px; border:1px solid #d6d6d6; border-left: 0; line-height: 65px; background-color:#f8f8f8; letter-spacing:-1px; font-weight:500; color:#555; font-size:0.95rem; transition: 0.2s;-webkit-transition: 0.2s;}
.cont_tab.col2 .tab-ul > li > a{ width:50%;}
.cont_tab.col3 .tab-ul > li > a{ width:33.33%;}
.cont_tab.col4 .tab-ul > li > a{ width:25%;}
.cont_tab.col5 .tab-ul > li > a{ width:20%;}
.cont_tab.col6 .tab-ul > li > a{ width:16.66%;}
.cont_tab .tab-ul > li.t1 > a{ left:0; }
.cont_tab .tab-ul > li.t2 > a{ left:50%; }
.cont_tab.col3 .tab-ul > li.t2 > a{ left:33.33%; }
.cont_tab.col3 .tab-ul > li.t3 > a{ left:66.66%; }
.cont_tab.col4 .tab-ul > li.t2 > a{ left:25%; }
.cont_tab.col4 .tab-ul > li.t4 > a{ left:75%; }
.cont_tab.col5 .tab-ul > li.t2 > a{ left:20%; }
.cont_tab.col5 .tab-ul > li.t3 > a{ left:40%; }
.cont_tab.col5 .tab-ul > li.t4 > a{ left:60%; }
.cont_tab.col5 .tab-ul > li.t5 > a{ left:80%; }

.cont_tab .tab-ul > li .tab_con{ position: relative; width: 100%;} 
.cont_tab .tab-ul > li .tab_obj{ display: none; width: 100%; text-align: center;}
.cont_tab .tab-ul > li.on .tab_obj{display:inline-block;}
.cont_tab .tab-ul > li > a .hidden{ display: none; }
.cont_tab .tab-ul > li.on > a .hidden{ display: block; }
.cont_tab .tab-ul > li.on > a,
.cont_tab .tab-ul > li > a:hover,
.cont_tab .tab-ul > li > a:focus{ border-bottom:0; border-top:2px solid #a61e2e; background-color:transparent;}
.cont_tab .tab-ul > li > a > i{ display: none; position: absolute; top:20px; right: 20px; color:#a61e2e; font-size: 1.4rem; }
.cont_tab .tab-ul > li.on > a i{ display: inline-block; }

@media (max-width:767px) {
.cont_tab .tab-ul > li.on > a i{ display: none;}
}

/* 탭메뉴 */

/* 버튼 */

.BtnArea { text-align: center; margin-bottom: 1.5rem; }
.BtnArea button { min-width: 5rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .6rem 0; }
.BtnArea button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.BtnArea .btn_list, .BtnArea .btn_submit { background: #333; color: #fff; border-color: #333; }
.BtnArea .btn_list:hover, .BtnArea .btn_submit:hover { background: #fff; color: #555; border: 1px solid #333; }
.BtnArea .btn_md { min-width: 4.4rem; padding: .5rem 1.5rem; font-size: .75rem; }
.BtnArea .btn_sm { min-width: 3.7rem; padding: .4rem 1.2rem; font-size: .75rem; }

.btn_basic,
.BtnArea .btn_basic{ min-width: auto; padding: .6rem 2rem;}
.btn_basic.btn_submit,
.BtnArea .btn_basic.btn_submit{ background-color:#a61e2e; border: 1px solid #a61e2e;}
.btn_basic.btn_submit:hover,
.btn_basic.btn_submit:focus,
.BtnArea .btn_basic.btn_submit:hover,
.BtnArea .btn_basic.btn_submit:focus {background: #fff;color: #555;border: 1px solid #ddd;}
.btn_basic.lt1,
.BtnArea .btn_basic.lt1 { height: 2.3rem; line-height: 2.2rem; border: 1px solid #a61e2e; background-color: #a61e2e; color: #fff; font-size: .75rem; padding: 0 1rem; width: 7.75rem; text-align: left; position: relative; }
.btn_basic.lt1:before,
.BtnArea .btn_basic.lt1:before { content: ''; width: 1rem; line-height: 2.2rem; right: .5rem; font-family: 'xeicon'; color: #fff; font-size: 1rem; position: absolute; }
.btn_basic.lt1:hover,
.BtnArea .btn_basic.lt1:hover { background-color: #fff; color: #a61e2e; }
.btn_basic.lt1:hover:before, 
.BtnArea .btn_basic.lt1:hover:before{ color: #a61e2e }
/* 버튼 */

/* 탑박스 */
.bodo_box { position: relative; margin-bottom: 50px; padding: 50px 90px; overflow: hidden; border: 1px solid #ddd; text-align: left; }
.bodo_box--bg { border: none; background: url(../../images/common/bodo_box_bg_example.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
.bodo_box--icon { padding: 50px 90px 50px 180px; }
.bodo_box--image {padding: 55px 400px 65px 75px; border: 5px solid #e8e8e8; }
.bodo_box_icon_wrap { position: absolute; top: 35px; left: 50px; display: inline-block; }
.bodo_box_image_wrap { position: absolute; top: 50px; right: 50px; display: inline-block; width: 224px; top: 25px;  overflow: hidden; }
.bodo_box_image { width: 100%; height: auto; min-height: 100%; }
.bodo_box_icon_wrap--circle { width: 110px; height: 110px; padding: 10px; border: 1px solid #ebebeb;background-color:#ebebeb; border-radius: 50%; }
.bodo_box_icon { display: inline-block; width: 90px; height: 90px; background: url(../img/contents/icon_ir.png) no-repeat; }
.bodo_box_icon--icon1 { background-position: 0 0; }
.bodo_box_icon--icon2 { background-position: -90px 0; }
.bodo_box_icon--icon3 { background-position: -180px 0; }
.bodo_box_icon--icon4 { background-position: -270px 0; }
.bodo_box_icon--icon5 { background-position: -360px 0; }
.bodo_box_icon--icon6 { background-position: 0 -90px; }
.bodo_box_icon--icon7 { background-position: -90px -90px; }
.bodo_box_icon--icon8 { background-position: -180px -90px; }
.bodo_box_icon--icon9 { background-position: -270px -90px; }
.bodo_box_icon--icon10 { background-position: -360px -90px; }
.bodo_box_icon--icon11 { background-position: 0 -180px; }
.bodo_box_icon--icon12 { background-position: -90px -180px; }
.bodo_box_icon--icon13 { background-position: -180px -180px; }
.bodo_box_icon--icon14 { background-position: -270px -180px; }
.bodo_box_icon--icon15 { background-position: -360px -180px; }
.bodo_box_icon--icon16 { background-position: 0 -270px; }
.bodo_box_icon--icon17 { background-position: -90px -270px; }
.bodo_box_icon--icon18 { background-position: -180px -270px; }
.bodo_box_icon--icon19 { background-position: -270px -270px; }
.bodo_box_icon--icon20 { background-position: -360px -270px; }
.bodo_box_tit { display: block; margin-bottom: 20px; font-size: 1.2rem; word-break: keep-all; }
.bodo_box_txt { font-size: 0.85rem; line-height: 1.5; word-break: keep-all; }
.bodo_box--col2 .bodo_box {float: left; width: 49%; margin-left: 2%;}
.bodo_box--col2 .bodo_box:first-child{ margin-left: 0; }
.bodo_box--col2 .bodo_box_tit {font-size: 1.05rem; font-weight: 500; margin-bottom: 15px;}
.bodo_box--col2 .bodo_box--icon { padding: 50px 20px 50px 160px;}
.bodo_box--col2 .bodo_box_icon_wrap { top: 45px; left: 40px; }

@media (max-width:1279px) {
	.bodo_box--col2 .bodo_box{ height: 230px;}
}

@media (max-width:1023px) {
    .bodo_box,
    .bodo_box--icon,
	.bodo_box--image { padding: 30px; text-align: center;}
	.bodo_box_icon_wrap,.bodo_box_image_wrap { position: static; margin: 0 auto 20px;}
	.bodo_box_image_wrap { width: auto; height: auto;}
	.bodo_box_txt { text-align: center;}
	.bodo_box--col2 .bodo_box{ float: none; width: 100%; height: auto; margin-left: 0; padding: 30px;}
	.cont_tab .tab-ul > li > a{ font-size: .7rem;}
}
/* 탑박스 */

/* 테이블 */
.table_box { position: relative; margin-bottom: 30px;}
.table_box::before { content: ''; width: 100%; height: 1px; background: #000; position: absolute; top: 0; left: 0; }
.table.left td { text-align: left; padding: 1rem .5rem; }
.table { display: table; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #ccc; border-collapse: collapse; letter-spacing: 0; margin-top: -1px;}
.table th { padding: 10px; line-height: 1; border-left: 1px solid transparent; border-bottom: 1px solid transparent; margin-left: -1px; vertical-align: middle; word-wrap: break-word; word-break: keep-all; color: #2d2d2d }
.table td { padding: 10px; border-left: 1px solid transparent; border-bottom: 1px solid transparent; margin-left: -1px; vertical-align: middle; word-wrap: break-word; word-break: keep-all; text-align: center; font-weight: 400; }
.table th { background: #fafafa }
.table th:first-child,
.table td:first-child { border-left: 0; color: #000; }
.table tbody th,
.table thead th { vertical-align: middle }
.table tbody th { text-align: center; }
.table tfoot th,
.table tfoot td { background-color: #f3f3f3; border-bottom: 0 }
.table tbody th { color: #323232; font-size: 0.8rem; font-weight: 500; line-height: 1.2 }
.table thead th { color: #323232; font-size: 0.8rem; font-weight: 500; line-height: 1.2; text-align: center; }
.table th.left,
.table td.left { text-align: left; }
.table th:last-child,
.table td:last-child { border-right: 0 }
.table th { border-left-color: #ddd; border-bottom-color: #ddd }
.table td { border-left-color: #ddd; border-bottom: 1px solid #ddd; color: #555; font-size: 0.8rem; }
.table th.row_fir{ border-right: 1px solid #ddd; }
.table td p+ul { margin-top: 10px; }
.table td .point-red{ display: inline-block; }
.table_scroll_icon { display: none; text-align: right; }
.table_scroll_icon i { font-size: 1rem; }
.table_scroll_icon p { display: inline-block; }
.table_box--scroll { border-top: none; }
.table td a:hover,
.table td a:focus { text-decoration: underline; }
.table td.file img:nth-child(n+2) { margin-left: 5px; }
.list-box-border+.table_box { margin-top: 70px; }
.table p { margin-bottom: 0; }

.content_body .table input[type="text"]{ padding: .2rem; margin-bottom: 5px; vertical-align: middle; }
.content_body .table input[type="button"]{ vertical-align: top; }
.table select{ width: 200px; padding: 3px; border: 1px solid #ddd; vertical-align: top; }

@media (max-width: 1023px) {
    .table_box { width: 100%;}
    .table_box--scroll { overflow-x: scroll;}
    .table_scroll_icon { display: block;}
}

@media(max-width: 767px) {
    .table td.file img:nth-child(n+2) { margin-left: 0;}
}
/* 테이블 */

/* 절차도 시작 */
.step_list .step{ position: relative; float: left; width: 22.75%; height:480px; margin-left: 3%; border-top: 1px solid #5c5c5c; border-bottom: 1px solid #bababa; padding: 47px 60px 40px 60px; text-align: center;}
.step_list--col2 .step{ width: 48.5%; padding: 47px 20px 40px 20px;}
.step_list--col3 .step{ width: 31.33%; padding: 47px 20px 40px 20px;}
.step_list .step:before{ position: absolute; top:6.5rem; left:-2rem; content:"\e93e"; font-family: 'xeicon'; font-size: 2rem; color:#b91628; }
.step_list .step.step1{ margin-left: 0; }
.step_list .step.step1:before{ display: none; }
.step_list .step_num{ display: block; font-weight: 500; color: #b91628; margin-bottom: 30px;}
.step_list .step_list_icon{ display: block; width: 110px; height: 110px; background-color:#f0f0f0; border-radius:50%; margin: 0 auto 30px;}
.step_list .step_icon{ display: inline-block; width: 100%; height: 100%; background: url(../img/contents/step_icon.png) no-repeat; vertical-align: middle; }
.step_list .step_icon--icon1{ background-position: 0 0; }
.step_list .step_icon--icon2{ background-position: -110px 0; }
.step_list .step_icon--icon3{ background-position: -220px 0; }
.step_list .step_icon--icon4{ background-position: -330px 0; }
.step_list .step_icon--icon5{ background-position: -440px 0; }
.step_list .step_icon--icon6{ background-position: -550px 0; }
.step_list .step_icon--icon7{ background-position: -660px 0; }
.step_list .step_icon--icon8{ background-position: -770px 0; }
.step_list .step_tit{ display: block; font-size: 1rem; font-weight: 500; color:#000; margin-bottom: 30px; word-break: keep-all;}

@media(max-width: 1279px){
	.step_list .step{ padding: 47px 20px 40px 20px;}
}

@media(max-width: 1023px){
	.step_list .step{ width: 49%; margin-left: 2%; padding: 20px 0;}
	.step_list--col2 .step,
	.step_list--col3 .step{ width: 100%; height: auto; margin-left: 0; }
	.step_list .step:nth-child(2n+1){ margin-left: 0; }
	.step_list .step:nth-child(2n+1):before{ display: none; }
	.step_list--col2 .step:before,
	.step_list--col3 .step:before{ display: none; }
}

@media(max-width: 767px){
	.step_list .step:before { top: 5.3rem; left: -.9rem; font-size: 1.5rem;}
}

/* 절차도 끝 */

/* 게시판 */
input,
select{ border: 1px solid #ddd; border-radius: 3px;}
#content div.tstyle_list > div.dbody > ul > li a{ width: 85%; }
div.tstyle_list > div.dbody > ul > li:first-child{ float: none !important;}
#content div.tstyle_list > div.dbody > ul > li a.issue{ width: auto; text-align: center; background-color: #333; padding: 5px 10px; color: #fff; word-break: keep-all; white-space: normal; font-size: 13px;}
#content .board_info fieldset span.form-btn button{ background-color:#a61e2e;}
#content .board_pager a{ width: 1.5rem; height: 1.5rem; padding-top: 0; border-radius: 0; }
#content .board_pager .pageNow{ background-color: #a61e2e; border-color: #a61e2e;}
.galleryList.thumbnail > ul li .txt{ text-align: left; }
div.tstyle_view *{ text-align: left;}
div.tstyle_view{ margin-top: 50px; }


@media(max-width: 767px){
	#content .sub0303 div.tstyle_list > div.dbody > ul > li{ padding: 0 .25rem 0 0; font-size: 12px;}
	#content .sub0303 div.tstyle_list > div.dbody > ul > li a.issue{ padding: 5px;; font-size: 12px;}
	#content div.tstyle_list > div.dbody > ul > li{ float:left; width: auto !important; text-align: left; }
	#content div.tstyle_list > div.dbody > ul > li.title{ width: 93% !important; }
	#content .board_pager .pageNow { background: none;border: none;}
	#content .board_pager .pageNow strong { color: #999;}
	
}

/* 게시판 */

/* 달력 */
.ui-datepicker{ background-color: #fff; border: 1px solid #ddd; }
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{ cursor: pointer; }
.ui-datepicker .ui-datepicker-prev:hover{ left: 2px; } 
.ui-datepicker .ui-datepicker-next:hover{ right: 2px; }
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span{ font-size: .6rem; }
.ui-datepicker-trigger{ margin-top: -3px; margin-right: 5px; }
/* 달력 */

/* margin-bottom */
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb70{ margin-bottom: 70px; }
.mb80{ margin-bottom: 80px; }
.mb90{ margin-bottom: 90px; }
.mb100{ margin-bottom: 100px; }
/* margin */

/* 개인정보 수집 및 이용동의 시작 */
.personal-assent{ margin-bottom: 70px; }
.personal-assent .textarea{ border:1px solid #ddd; text-align: left; padding: 30px 30px 30px; margin: 15px 0;}
.personal-assent .textarea h5{ margin-bottom:25px; padding-left: 0;}
.personal-assent .textarea h5 + p{ margin-bottom: 30px; }
.personal-assent .textarea h5:before{ display: none; }
.personal-assent .textarea dl dt,
.personal-assent .textarea dl dd{ line-height: 1.4; }
.personal-assent .textarea dl dt{ margin-bottom: 5px; font-size: 0.9rem;}
.personal-assent .textarea dl dd{ margin-bottom: 20px; }
.personal-assent .check{display:block;text-align: right;padding-bottom: 20px;}
.personal-assent .check + .check{ border-top: 1px solid #ddd; padding-top: 20px; }
.personal-assent .check p{text-align: left;display: inline-block;float: left;}
.personal-assent .check label{ display:inline-block; padding-right: 15px; }
.personal-assent-info{ padding: 30px; background-color:#fafafa; border: 1px solid #ddd;}
@media(max-width: 767px){
	.personal-assent .check{ text-align: left; }
	.personal-assent .check p{ float: none; display: block; }
}
/* 개인정보 수집 및 이용동의 끝 */

/* sub01 시작 */
.sub0101 .thumb{ margin-top: 50px; }
.sub0102 .cont-tit{ color: #000; }
.sub0102 .text{ font-size: 0.9rem; }
.greeting { position: relative; width: 100%; margin-bottom: 60px;}
.greeting:before{ position: absolute; bottom:0; right:0; content:""; display: inline-block; width: 16.55rem; height: 19.15rem; background: url(../img/contents/sub0102_img01.png) no-repeat; background-size: contain; }
.greeting_top{ background: url(../img/contents/sub0102_img02.jpg) 50% 50% no-repeat; background-size:cover; vertical-align: middle; text-align: left;}
.greeting_txt{ display:inline-block; padding: 3.5rem 1rem 3.5rem 5rem; text-align: left; word-break: keep-all;}
.greeting_top .en_tit{ opacity: 0.3; margin-bottom: 25px; color: #fff; font-size: 0.9rem; font-family: 'Times New Roman'; letter-spacing: 2px;}
.greeting_top h4{ font-size: 1.75rem; color: #fff; font-family: 'Nanum Square',sans-serif; font-weight: 400; line-height: 1.5;}
.greeting_top strong{ color:#ceae87; }
.greeting .sign_box{ padding: 1rem 18rem 1rem 0; border-bottom: 2px solid #000; font-size: 0.9rem; color:#000; font-weight: 500; text-align: right;}
.greeting .sign{ display: inline-block; margin-left: 1rem; height: 100%; width: auto; }

@media(max-width: 1199px){
	.greeting:before{ right: 0; bottom: 0; /* width: 284px; height: 290px; */}
	.greeting_top{ background-position-x: 80%;}
	.greeting_top h4{ font-size: 1.4rem; }
	.greeting_txt{ padding-left: 2rem; padding-bottom: 5rem;}
	/* .greeting .sign_box{ padding-right: 15rem; } */
}

@media(max-width: 767px){
	/* .greeting:before{ display: none; } */
	.greeting:before{ right: 0; bottom: 0; height: 18rem;  background-position-x: 100%;}
	.greeting_top,
	.greeting .sign_box{ text-align: left; padding: 1rem;}
	.greeting_top{padding: 1rem 1rem 5rem 1rem;}
	.greeting_txt{ padding: 2rem 1rem }
	.greeting_top .en_tit{ font-size: 0.7rem; }
	.greeting_top h4{ font-size: 0.9rem; }
	.greeting .sign{display: block; height:2.5rem; margin-left: 0;}
}


@media(max-width: 550px){
	.greeting{margin-bottom: 6.5rem; }
	.greeting:before{ height: 15rem;}
	.greeting_top{padding-bottom: 14rem;background: url(../img/contents/sub0102_img02_mobile.jpg) 90% 100% no-repeat; background-size: auto; background-color: #1f3b60;}
	.greeting_txt{padding: 2rem 0;}
	.greeting .sign_box{position: absolute; bottom: -5.5rem; display: block; width: 100%;padding: 1rem 0; text-align:center;}
	.greeting .sign{display: block; height:2rem; margin: 0 auto;}
}


/** 조직도 시작 **/

.org-tree { text-align: center; position: relative; }
.org-tree span { display: block; padding: 12px 0; letter-spacing: 0;}
.org-tree .board-director:before, .org-tree .sub-org::before, .org-tree .head::before, .org-tree .quarter::before, .org-tree .quarter2::before { content: ""; background: #e1e1e1; position: absolute; top: -30px; left: 50%; z-index: -1; }
.org-tree .board-director { display: block; width: 285px; height: 240px; line-height: 260px; padding:0; margin: 0 auto 1rem; color: #fff; background:url(../img/contents/sub0103_img01.png); font-size: 1rem; font-weight: 400; text-align: center; position: relative; z-index: 1; }
.org-tree .board-director::before { width: 1px; height: 5.8rem; top: 100%; left: 50%; }
.org-tree .audit, .org-tree .director { position: relative; z-index: 2; display: block; width: 10.5rem; color: #fff; font-size: 0.8rem;}
.org-tree .audit { left: 50%; margin-left: -380px; background-color: transparent; margin-bottom: 2rem; color:#fff; background-color:#a61e2e;}
.org-tree .audit::after {content: "";background: #e1e1e1;width: 8.5rem;height: 1px;position: absolute;top: 1.2rem;right: -8.5rem;}
.org-tree .director { -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #1b6cb8; margin-bottom: 2rem; }
.org-tree .sub-org { position: relative; text-align: center;}
.org-tree .sub-org::before { width: 545px; height: 1px; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0px; }
.org-tree .sub-org > li { display:inline-block; width: 250px; margin: 2.75rem 0.8% 0; padding: 0 1rem; position: relative; }
.org-tree .sub-org > li:before{ content:""; display: inline-block; width: 1px; height: 2.7rem; background-color:#e1e1e1; position: absolute; left: 50%; top:-2.7rem;}
.org-tree .sub-org > li .head { position: relative; background-color:#464a57; color: #fff; font-size: 0.8rem; display: block; width: 100%; margin-bottom: 20px; }

@media(max-width: 1023px){
	.org-tree::before { -webkit-transform: translate(-50%); transform: translate(-50%); }
	.org-tree .board-director { margin-bottom: 0; }
	.org-tree .board-director:before, .org-tree .sub-org::before, .org-tree .head::before, .org-tree .quarter::before, .org-tree .quarter2::before { display: none; }
	.org-tree .audit { width: 100%; position: static; margin-left:0; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-top:20px; margin-bottom: 0;}
    .org-tree .audit::after,
	.org-tree .sub-org::before,
	.org-tree .sub-org > li:before { display: none; }
	.org-tree .sub-org > li { width: 100%; padding: 0; margin: 0; margin-top:20px;}
	.org-tree .sub-org > li .head { border-width: 2px; margin-bottom: 0; }
}

/** 조직도 끝 **/

/* 인포박스 시작 */
.business-list{ position: relative; margin-top: 60px; margin-bottom: 50px;}
.business-list > li{ position: relative; float: left; width: 32%; margin-left: 2%; padding: 60px 35px 40px; min-height: 345px; border: 1px solid #c8c8c8; border-top-width: 2px; text-align: center;}
.business-list > li:first-child{ border-top-color: #a61e2e; margin-left: 0;}
.business-list > li:nth-child(2){ border-top-color: #917962; }
.business-list > li:last-child{ border-top-color: #484f69; }
.business-list > li:before{ position: absolute; top: -35px; left: 50%; margin-left: -35px; content:""; display: inline-block; width: 70px; height: 70px; border-radius: 50%; }
.business-list > li:first-child:before{ background: #a61e2e url(../img/contents/sub0103_icon.png) no-repeat; vertical-align: middle;}
.business-list > li:nth-child(2):before{ background: #917962 url(../img/contents/sub0103_icon.png) -70px 0 no-repeat; vertical-align: middle;}
.business-list > li:last-child:before{ background: #484f69 url(../img/contents/sub0103_icon.png) -140px 0 no-repeat; vertical-align: middle;}
.business-list > li > ul{ text-align: left; }
.business-list > li li{ padding-left: 20px; word-break: keep-all; }
.business-list > li li:before{ width: 4px; height: 4px; }
.business-list > li:first-child li:before{ background-color:#a61e2e; }
.business-list > li:nth-child(2) li:before{ background-color:#917962; }
.business-list > li:last-child li:before{ background-color:#484f69; }
.business-tit{ display: block; font-size: 1.05rem; color:#000; margin-bottom: 20px;}
/* 인포박스 끝 */

@media(max-width: 1279px){
	.business-list > li{ min-height: 450px; padding: 60px 20px 20px;}
}

@media(max-width: 1023px){
	.business-list > li{ float: none; width:100%; min-height: 0; margin-left: 0; margin-bottom: 50px;}
}

.sub0103 .text_box{ position:relative; border-top: 1px solid #484f69; padding-left: 255px;}
.sub0103 .text_box strong{ position: absolute; top: 30px; left: 55px; }
.sub0103 .text_box b{ display: inline-block; margin-left: 20px; font-weight: 500; }
.sub0103 .text_box b:first-child:before{ content:""; display: inline-block; width: 1px; height: 15px; background-color: #ccc; margin-right: 20px; vertical-align: middle;}

@media(max-width: 1023px){
	.sub0103 .text_box { padding-left: 20px; }
	.sub0103 .text_box strong{ position: static; display: block; margin-bottom: 20px; }
}

/* sub01 끝 */

/* sub02 시작 */

/** 기부하기 **/
#txt.sub0203 .bodo_box{ border: 1px solid #ddd; background-color:#fafafa; padding: 50px;}
#txt.sub0203 .bodo_box--icon.left{ padding-left: 180px; }
#txt.sub0203 .bodo_box--icon.left *{ text-align: left; }
#txt.sub0203 .bodo_box *{ text-align: center; }
#txt.sub0203 input[type="text"]{ max-width: 200px; padding: 5px;}
#txt.sub0203 input[type="text"]#zip_code{ max-width: 120px;}
#txt.sub0203 input[type="text"].full{ width: 100%; max-width: 100%; margin-bottom: 0;}
#txt.sub0203 input[type="button"]{ padding: .3rem .2rem; font-size: .7rem; }
#txt.sub0203 select.selectPhone,
#txt.sub0203 select.selectmail,
#txt.sub0203 input[type="text"].selectPhone,
#txt.sub0203 input[type="text"].selectMail{ max-width: 90px; }

.donation-finish{ position: relative; width: 100%; background-color: #f6f6f6; padding: 15px; text-align: center;}
.donation-finish .inner{ padding: 55px 50px 75px 50px; border: 1px solid #d5d5d5; }
.donation-finish h4:before{ content: ""; display: block; width: 415px; height: 214px; margin: 0 auto 48px; background: url(../img/contents/donation_finish.png) no-repeat; background-size: contain; vertical-align: middle;}
.donation-finish p{ font-size: 0.9rem; font-weight: 400; color:#555; word-break: keep-all;}

@media(max-width: 1023px){
	#txt.sub0203 .bodo_box--icon.left .bodo_box_tit { text-align: center;}
}
@media(max-width: 767px){
	.donation-finish h4:before{ width: 100%; height: 0; padding-bottom: 51.56%; }
}

/* sub02 끝 */

/* sub03 시작 */

.sub0301 .list_number li{ width: auto; }

/** 본인인증 시작 **/
.certif_cont{ display: block; }
.certif_box{ float:left; display: inline-block; width: 49%; min-height: 540px; margin-left: 2%; text-align: center; padding: 60px 80px; background-color:#f1f2f4;}
.certif_tit{ display: block; font-size: 1.1rem; color:#000; font-weight: 500; margin-bottom: 20px;}
.certif_tit:before{ content: ""; display: block; width: 112px; height: 112px; background: #fff url(../img/contents/certif_icon.png) 0 0 no-repeat; vertical-align: middle; margin:0 auto 15px; border-radius: 50%;}
.certif_tit .red{ color:#b21f30; }
.certif_txt{ margin-bottom: 20px; padding: 20px; background-color: #fff; font-weight: 400; font-size: 0.85rem;}
.certif_box p{ line-height: 1.5; margin-bottom: 30px; }
.certif_box:first-child{ margin-left: 0 }
.certif_box button{padding:25px 125px; line-height: 1; font-size: 0.8rem; font-weight: 300;}
.certif_box .BtnArea .btn_basic.lt1{ width: 9rem; }
.certif_form{ margin-bottom: 70px; text-align: left; }
.certif_form p{ position: relative; padding-left: 120px; margin-bottom: 10px;}
.certif_form p label{ position: absolute; left: 0; top: 8px; font-weight: 500; color: #555;}
.certif_form p input{ width: 100%;}
.certif_form input.crNum{ width: 31.2%;}
.certif_btn_tit{ display: block; margin-bottom: 20px; font-size: 0.9rem;}

@media(max-width: 1619px){
	.certif_box{ padding: 50px; }
}
@media(max-width: 1199px){
	.certif_form input.crNum{ width: 30.5%;}
}
@media(max-width: 1023px){
	#txt.sub0203 .bodo_box--icon.left{ padding:30px; }
    .certif_box{ float:none; width: 100%; min-height: 0; padding: 20px; margin-left: 0; margin-bottom: 20px;}
    .certif_tit:before{ margin-bottom: 30px }
    .certif_box p br{ display: none; }
    .certif_box button{ padding:20px; width: 100%; }
	.certif_form p{ padding-left: 0; }
    .certif_form p label{ position: static; display: block; margin-bottom: 5px;}
    .certif_form input.crNum {width: 32.4%;}
}
@media(max-width: 767px){
	.certif_tit:before{ display: none; }
    .certif_box{ float: none; display: block; width: 100%; margin-left: 0; margin-bottom: 20px; }
    .certif_box p br{ display: block; }
    .certif_form input.crNum {width: 30.5%;}
}

/** 기부내역조회 시작 **/
#receipt_wrap{ position: relative;display:inline-block; width: 100%; height: 100%; margin: 0 auto; padding: 0; background-color:#fff;}
#receipt_wrap .btnPrint{ display: block; width: 100px; height: 40px; line-height: 40px; background-color: #333; color: #fff; text-align: center; }
#receipt_wrap .btnPrint a{ display: inline-block; width: 100%; height: 100%;}

#contentWrap.receipt_cont #content{ padding-top: 0;}
#contentWrap.receipt_cont #txt{ margin-top: 0;}
#receipt{ position: relative; margin-top:0;}
#receipt .table_box{ margin-bottom: 0; border-top: 1px solid #000;}
#receipt .table_box::before{ display: none;}
#receipt .table tbody th,
#receipt .table tbody td,
#receipt .table th{ padding: 0; font-size: .7rem;}
#receipt .table .break-word{ word-break: break-all;}
#receipt .center{ text-align: center;}
#receipt p{ font-size: .7rem;}
#receipt p.small{ font-size: .55rem; }
#receipt .num_box{ display: inline-block; position: absolute; top: 30px; left: 0; border: 1px solid #000; }
#receipt .num_box *{ padding: 10px;display: inline-block; }
#receipt .num_tit{ border-right: 1px solid #000;}
.receipt_tit{ display: block; text-align: center; font-size: 2rem; font-weight: 500; letter-spacing: 10px; }
#receipt .table_tit{  font-size: .8rem; font-weight: 400; margin-bottom: 5px;}
#receipt .date{ position: relative; z-index: 2; display: block; text-align: right; }
#receipt .date em{ display: inline-block; padding-left: 10px; }
#receipt .sign{ text-align: right; border-bottom: 1px solid #000; }
#receipt .sign_name{ margin-left: 50px; margin-right: 10px; letter-spacing: 5px;}
#receipt .sign2{ position:relative; z-index: 2;}
#receipt .thumb{ position: absolute; top: -60px; right: 0; z-index: -1; content:""; display: inline-block; width: 80px; height: 80px;}
#receipt .thumb img{ width: 100%; height: 100%; }
#contentWrap #content.yakjung_cont{ padding: 0;}
#contentWrap #content.yakjung_cont #txt{ margin-top: 30px;}
#yakjung{ position: relative; margin-top:0;}
.yakjung_tit{ display: block; text-align: center; font-size: 2rem; font-weight: 500; margin-bottom: 20px;}
#yakjung .table_box{ margin-bottom: 0; border-top: 1px solid #000;}
#yakjung .table_box::before{ display: none;}
#yakjung .table tbody th,
#yakjung .table tbody td,
#yakjung .table th{ padding: 0; font-size: .7rem;}
#yakjung .table tbody td{ padding: 5px;}
#yakjung .table tbody td input + label{ display: inline-block; margin-left: 5px; }
#yakjung .table .break-word{ word-break: break-all;}
#yakjung .center{ text-align: center;}
#yakjung .w100{ display: inline-block; width: 100px; border-bottom: 1px solid #000;}
#yakjung p{ font-size: .7rem;}
#yakjung p.small{ font-size: .55rem; }
#yakjung strong.bt_tit{  display: block; text-align: center; font-size: 1.3rem; padding: 20px;}
#yakjung .num_box{ display: inline-block; position: absolute; top: 30px; left: 0; border: 1px solid #000; }
#yakjung .num_box *{ padding: 10px;display: inline-block; }
#yakjung .num_tit{ border-right: 1px solid #000;}
#yakjung_tit{ display: block; text-align: center; font-size: 2rem; font-weight: 500; letter-spacing: 10px; }
#yakjung .table_tit{  font-size: .8rem; font-weight: 400; margin-bottom: 5px;}
#yakjung .date{ position: relative; z-index: 2; display: block; text-align: right; }
#yakjung .date em{ display: inline-block; padding-left: 10px; }
#yakjung .sign{ text-align: right; border-bottom: 1px solid #000; margin-top: 10px; }
#yakjung .sign_name{ margin-left: 10px;}
#yakjung .sign2{ position:relative; z-index: 2;}
#yakjung .thumb{ position: absolute; top: -60px; right: 0; z-index: -1; content:""; display: inline-block; width: 80px; height: 80px;}
#yakjung .thumb img{ width: 100%; height: 100%; }
#yakjung .personal-assent{ margin-bottom : 0;}
#yakjung .personal-assent .textarea,
#yakjung .personal-assent-info{ padding: 5px; margin: 5px 0;}
#yakjung .personal-assent-info b{ font-size: .75rem;}
#yakjung .personal-assent .textarea .title{ font-size: .75rem; }
#yakjung .personal-assent .textarea dl dt,
#yakjung .personal-assent .textarea dl dd{ font-size: .75rem; margin-bottom: 5px;}
#yakjung .personal-assent .check{ padding-bottom : 0;}
#yakjung .personal-assent .check span.text{ display: inline-block; float:left; margin-right:10px;}
#yakjung .tb_bottom_txt{ font-size: .9rem; margin-top: 10px;}
.write_info{ margin-top: 5px; }
.write_info .table{ margin: 10px 0; }
.write_tit{ display: block; text-align: center; background-color: #fafafa; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 1px;}

@media(max-width: 767px){
	#receipt_wrap,
	#yakjung_wrap{ padding: 20px; }
	#receipt,
	#yakjung{ width: 100%; overflow: hidden; }
	#yakjung .personal-assent .check{ text-align: right;}
	
}


.sub0305 .bodo_box--image{ padding: 55px 400px 65px 75px; border: 5px solid #e8e8e8;}

/** 명예의 전당 시작 **/
.honer_wrap{ margin-bottom: 50px; }
.honer_list{ float: left; position: relative; width: 32%; margin-left: 2%; margin-bottom: 20px; padding: 60px 0 70px 45px; border: 1px solid #ddd;}
.honer_list:nth-child(3n+1){ margin-left: 0; }
.honer_thumb{ position: absolute; z-index: -1; top:38px; right: 18px; display:block; height: 100px; overflow: hidden; max-width: 200px;}
.honer_thumb img{ height: 100%; width: auto;}
.honer_txt,
.honer_tit,
.honer_desc{ display: block; }
.honer_tit{ font-size: 0.85rem; color:#11339f; margin-bottom: 5px;}
.honer_desc{ font-size: 1.05rem; color:#555; font-weight: 500;}

@media(max-width: 1279px){
	.honer_list{ padding: 20px;}
 	.honer_thumb{ position: static; text-align: center; width: 100%; height: 150px; margin: 0 auto 10px; max-width: none;}
}
@media(max-width: 1023px){
	.honer_list{ width: 49%;}
	.honer_list:nth-child(3n+1){ margin-left: 2%; }
	.honer_list:nth-child(2n+1){ margin-left: 0; }
	.sub0305 .bodo_box_image_wrap{ width: auto; height: auto; }
	.sub0305 .bodo_box--image{ padding: 30px; text-align: center; }
}
@media(max-width: 767px){
	.honer_list{ width: 100%;}
	.honer_list:nth-child(3n+1){ margin-left: 0; }
}

/* sub03 끝 */

/* sub04 시작 */

.family_house{ position: relative; background-color:#f6f6f6; padding: 15px;}
.family_house_inner{ border: 1px solid #d5d5d5; text-align: center; padding: 70px 85px;}
.family_house h4{ display: block; width: 203px; height: 48px; margin: 0 auto 30px; background:url(../img/contents/sub040101_img01.png) no-repeat; vertical-align: middle; background-size: contain; line-height: 40px; color:#fff; font-weight: 400;}
.family_house h5{ display: block; font-size: 1.4rem; font-weight: 500; letter-spacing: -1px; line-height: 1; color:#000; margin-bottom: 10px;}
.family_house_benefit{ margin-top: 50px; padding-top:40px; border-top: 1px dashed #d5d5d5; text-align: center;}
.family_house_blist{ width: 590px;  margin:0 auto; text-align: left; }
.family_house_blist span{ display: inline-block; padding: 1px 20px; margin-right: 10px; margin-bottom: 8px; border: 1px solid #303e71; border-radius: 30px; background-color: #fff;}
.sub040101 .business-list > li{ min-height: 240px; }

@media(max-width: 1024px){
	.family_house_inner{ padding: 50px; }
	.family_house_blist{ width: 100%; margin-bottom: 10px; word-break: keep-all; }
	.family_house_blist span{ display: block; width: 80px; }
}


@media(max-width: 1024px){
	.family_house_inner{ padding: 50px 20px; }
}

/* 
.family_house_status{ position: relative; }
.family_house_list{ float: left; width: 49.5%; margin-left: 1%; margin-bottom: 15px;}
.family_house_list:nth-child(2n+1){ margin-left: 0; }
.family_house_list a{ position: relative; display: inline-block; width: 100%; height: 100%; padding:65px 20px 65px 300px; border: 1px solid #ddd; transition: .2s; -webkit-transition: .2s;}
.family_house_list a:after{ opacity: 0; position:absolute; bottom:0; right: 0; content: "\e9c5"; width:62px; height: 62px; background-color: #af2d3c; color:#fff; font-family: 'xeicon'; font-size: 1.5rem; padding: 10px 16px;  transition: .2s; -webkit-transition: .2s;}
.family_house_list a:hover,
.family_house_list a:focus{ border-color: #af2d3c; }
.family_house_list a:hover:after,
.family_house_list a:focus:after{ opacity: 1; }

.family_house_list strong{ display:block; font-size: 1.05rem; font-weight: 500; margin-bottom: 10px; }
.family_house_list .thumb{ position: absolute; top: 50px; left: 50px; width: 205px; height: 150px;}
.family_house_list .thumb img{ width:100%; height: auto; min-height: 100%; }
.family_house_list ul{ display:block; margin-bottom: 10px; }
.family_house_list li{ display: block; font-size: 0.85rem; color:#555; word-break: keep-all;}
.family_house_list li i{color:#b6b6b6; margin-right: 5px;}
.family_house_list .date{ display: block; color:#555; }

@media(max-width: 1199px){
	.family_house_list a{ padding: 20px 20px 20px 190px; }
	.family_house_list .thumb{ top:20px; left:20px; width:150px; height:109px;  }	
}

@media(max-width: 767px){
	.family_house_list{ float: none; width: 100%; margin-left: 0; }
}
 */

.sub040302 .galleryList{ border-top:none; }
.sub040302 .galleryList.thumbnail > ul li{ float: left; width: 49.5%; margin-left: 1%; margin-bottom: 15px; border: none; padding: 0;}
.sub040302 .galleryList.thumbnail > ul li:nth-child(2n+1){ margin-left: 0; }
.sub040302 .galleryList.thumbnail > ul li a{ position: relative; display: inline-block; width: 100%; height: 100%; padding:50px 20px 65px 300px; border:1px solid #ddd; transition: .2s; -webkit-transition: .2s;}
.sub040302 .galleryList.thumbnail > ul li a:after{ opacity: 0; position:absolute; bottom:0; right: 0; content: "\e9c5"; width:62px; height: 62px; background-color: #af2d3c; color:#fff; font-family: 'xeicon'; font-size: 1.5rem; padding: 10px 16px;  transition: .2s; -webkit-transition: .2s;}
.sub040302 .galleryList.thumbnail > ul li a:hover,
.sub040302 .galleryList.thumbnail > ul li a:focus{ border-color: #af2d3c; }
.sub040302 .galleryList.thumbnail > ul li a:hover:after,
.sub040302 .galleryList.thumbnail > ul li a:focus:after{ opacity: 1; }
.sub040302 .galleryList.thumbnail > ul li .thumb{ position: absolute; top: 50px; left: 50px; width: 205px; height: 150px; padding-bottom: 0;}
.sub040302 .galleryList.thumbnail > ul li .thumb img{ width:100%; height: auto; min-height: 100%; }
.sub040302 .galleryList.thumbnail > ul li .txt{ padding:0; }
.sub040302 .galleryList > ul > li .desc{ display: none; }
.sub040302 .galleryList > ul > li .address,
.sub040302 .galleryList > ul > li .call{ display: block; }
.sub040302 .galleryList > ul > li .address i,
.sub040302 .galleryList > ul > li .call i{ color: #b6b6b6; margin-right: 5px;}
.sub040302 .galleryList > ul > li .address{ white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow:hidden;}

@media(max-width: 1199px){
	.sub040302 .galleryList.thumbnail > ul li a{ padding: 20px 20px 20px 190px; }
	.sub040302 .galleryList.thumbnail > ul li .thumb{ top:20px; left:20px; width:150px; height:109px;  }	
}

@media(max-width: 767px){
	.sub040302 .galleryList.thumbnail > ul li{ float: none; width: 100%; margin-left: 0; }
}

.bar_group{ position: relative; width: 100%; padding-left: 200px; padding-right: 100px; padding-bottom: 16px; border-top:1px solid #000; border-bottom: 1px solid #ddd; overflow: hidden;}
.bar_group:after{ content: ""; display: inline-block; height: 100%; width: 1px; background-color: #ddd; position: absolute; right: 130px; top:0; }
.bar_group__bar::before{ display: block; content: ''; position: absolute; z-index: -1;}
.bar_group__bar { position:relative; width: 0%; height: 20px; border-radius: 2px; background: #515e7f; margin-top: 30px; -webkit-transition: width 1s; transition: width 1s;}
.bar_group__bar.red{ background-color:#c04250; }
.bar_group__bar.bar1{ margin-top: 20px; }
.bar_group__bar:after{ position: absolute; top: 35px; left:-200px; z-index: 1; content: ""; width: 1300px; height: 1px; background-color: #ddd; }
/* 
.bar_group__bar.bar2:after{ top: 105px; }
.bar_group__bar.bar3:after{ top: 155px; }
.bar_group__bar.bar4:after{ top: 205px; }
.bar_group__bar.bar5:after{ top: 255px; }
.bar_group__bar.bar6:after{ top: 305px; }
.bar_group__bar.bar7:after{ top: 355px; }
.bar_group__bar.bar8:after{ top: 405px; }
.bar_group__bar.bar9:after{ top: 455px; }
.bar_group__bar.bar10:after{ top: 505px; }
.bar_group__bar.bar11:after{ top: 555px; }
.bar_group__bar.bar12:after{ top: 605px; } 
*/
.bar_group__bar.barEnd:after{ display: none;}
.b_label{ position: absolute; left: 0; display: block; padding: 25px 0 15px 0; background-color: #f9f9f9; border-right: 1px solid #ddd;color: #000; font-size: 0.85rem; text-align: center;}
.bar_group1 .b_label{ width: 200px; }
.bar_group2 .b_label{ left:100px; width:100px; background-color:transparent; font-size: 0.8rem;}
.bar_tit{ position: absolute; left: 0; top: 0; z-index: 2; width: 100px; height: 100px; background-color:#f8f8f8; line-height: 105px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-weight:400; color:#555; text-align: center;}
.bar_tit1{ height: 106px; }
.bar_tit2{ top: 106px; }
.bar_tit3{ top: 206px; }
.bar_tit4{ top: 306px; }
.bar_tit5{ top: 406px; }
.bar_tit6{ top: 506px; }
.bar_tit7{ top: 606px; }
.bar_tit8{ top: 706px; }
.bar_tit9{ top: 806px; }
.bar_tit10{ top: 906px; }
.bar_tit11{ top: 1006px; }
.bar_tit12{ top: 1106px; }
.bar_tit13{ top: 1206px; }
.bar_tit14{ top: 1306px; }
.bar_tit15{ top: 1406px; }
.bar_tit16{ top: 1506px; }
.bar_tit17{ top: 1606px; }
.bar_tit18{ top: 1706px; }
.bar_tit19{ top: 1806px; }
.bar_tit20{ top: 1906px; }
.bar_tit21{ top: 2006px; }
.bar_tit22{ top: 2106px; }
.bar_tit23{ top: 2206px; }
.bar_tit24{ top: 2306px; }
.bar_tit25{ top: 2406px; }
.bar_tit26{ top: 2506px; }
.bar_tit27{ top: 2606px; }
.bar_tit28{ top: 2706px; }
.bar_tit29{ top: 2806px; }
.bar_tit30{ top: 2906px; }
.bar_tit31{ top: 3006px; }
.bar_tit32{ top: 3106px; }
.bar_tit33{ top: 3206px; }
.bar_tit34{ top: 3306px; }
.bar_tit35{ top: 3406px; }
.bar_tit36{ top: 3506px; }
.bar_tit37{ top: 3606px; }
.bar_tit38{ top: 3706px; }
.bar_tit39{ top: 3806px; }
.bar_tit40{ top: 3906px; }
.bar_tit41{ top: 4006px; }
.bar_tit42{ top: 4106px; }
.bar_tit43{ top: 4206px; }
.bar_tit44{ top: 4306px; }
.bar_tit45{ top: 4406px; }
.bar_tit46{ top: 4506px; }
.bar_tit47{ top: 4606px; }
.bar_tit48{ top: 4706px; }
.bar_tit49{ top: 4806px; }
.bar_tit50{ top: 4906px; }
.bar_tit51{ top: 5006px; }
.bar_tit52{ top: 5106px; }
.bar_tit53{ top: 5206px; }
.bar_tit54{ top: 5306px; }
.bar_tit55{ top: 5406px; }
.bar_tit56{ top: 5506px; }
.bar_tit57{ top: 5606px; }
.bar_tit58{ top: 5706px; }
.bar_tit59{ top: 5806px; }
.bar_tit60{ top: 5906px; }
.bar_tit61{ top: 6006px; }
.bar_tit62{ top: 6106px; }
.bar_tit63{ top: 6206px; }
.bar_tit64{ top: 6306px; }
.bar_tit65{ top: 6406px; }
.bar_tit66{ top: 6506px; }
.bar_tit67{ top: 6606px; }
.bar_tit68{ top: 6706px; }
.bar_tit69{ top: 6806px; }
.bar_tit70{ top: 6906px; }
.bar_tit71{ top: 7006px; }
.bar_tit72{ top: 7106px; }
.bar_tit73{ top: 7206px; }
.bar_tit74{ top: 7306px; }
.bar_tit75{ top: 7406px; }
.bar_tit76{ top: 7506px; }
.bar_tit77{ top: 7606px; }
.bar_tit78{ top: 7706px; }
.bar_tit79{ top: 7806px; }
.bar_tit80{ top: 7906px; }
.bar_tit81{ top: 8006px; }
.bar_tit82{ top: 8106px; }
.bar_tit83{ top: 8206px; }
.bar_tit84{ top: 8306px; }
.bar_tit85{ top: 8406px; }
.bar_tit86{ top: 8506px; }
.bar_tit87{ top: 8606px; }
.bar_tit88{ top: 8706px; }
.b_label:first-child,
.bar_tit1 + .b_label{ padding-top:14px; }
p.value{ position: absolute; right: 20px; margin-top: -23px;}

@media(max-width: 1279px){
	.bar_group1{ padding-left: 100px; }
	.b_label{ width: 100px; }
	.b_label{ padding: 25px 0 18px 0; }
	.bar_group2 .b_label { padding: 30px 0 17px 0;}
	.bar_group2 .bar_tit1 + .b_label{ padding-top: 20px; }
}

@media(max-width: 1023px){
	.bar_group{ padding: 0;}
	.bar_group2{ min-widht: 0;}
	.bar_group:after,
	.bar_group__bar{ display: none;}
	p.value{ position:static; margin: 0; text-align:center; }
	.b_label{ position:static; }
	.b_label,
	.bar_group2 .b_label,
	p.value{ float:left; width: 50%; border-bottom: 1px solid #ddd;}
	.bar_group2 .bar_tit1 + .b_label,
	.bar_group2 .b_label{ padding: 0;}
	.bar_tit{ clear: both; position:static; height: auto; display:block; width: 100%; line-height:1; padding: 10px; border: none; }
	.sub0406 .bar_group1 .b_label{ width: 30%; height: 50px; padding: 0; line-height: 50px;}
	.sub0406 p.value{ width: 70%; height: 50px; line-height: 50px; }
}
@media(max-width: 767px){
	.bar_group--scroll{ overflow-x: auto; overflow-y: hidden;}
	.bar_group:after{ right: 100px; }
	.bar_group1 .b_label { width: 85px;}

}

.sub0404 .tab_obj{ padding-top: 80px; }
.sub0404 .greeting_type2 {height: 21rem;margin-top: 2rem;margin-bottom: 4rem;background-color: #fff;position: relative;padding: 3rem 0 1rem;text-align: left;display: block;}
.sub0404 .greeting_type2:before { content: 'MESSAGE'; font-size: 1rem; color: #eeeeee; position: absolute; top: 0; left: 0; letter-spacing: 1.5rem; font-family: 'Gotham'; font-weight: 500; }
.sub0404 .greeting_type2:after {content: '';width: 284px;height: 185px;background: url(/fund/img/contents/sub0404_greeting_after.png) no-repeat;background-size: contain;position: absolute;bottom: 25px;right: 14rem;/* z-index: 1; */}
.sub0404 .greeting_type2 .title { font-size: 1.9rem; color: #333; margin-bottom: 2.5rem; line-height: 2.6rem; }
.sub0404 .greeting_type2 .title .underline { color: #1a3759; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #d8d4cd), color-stop(90%, #d8d4cd), color-stop(90%, transparent)); background: linear-gradient(transparent 70%, #d8d4cd 70%, #d8d4cd 90%, transparent 90%); font-weight: 600; }
.sub0404 .greeting_type2 .title .underline span { color: #9c1c2b; }
.sub0404 .greeting_type2 .sign {font-size: 1rem;color: #333;font-weight: 500;}
.sub0404 .greeting_type2 .sign img {margin-left: 0.5rem;}
.sub0404 .gimg {/* float: right; */-webkit-box-shadow: 0.25rem 0.5rem 0.7rem rgba(100, 100, 100, 0.25);box-shadow: 0.25rem 0.5rem 0.7rem rgba(100, 100, 100, 0.25);margin-top: -2rem;position: absolute;right: 0;top: 0;}
.sub0404 .greeting_text{ clear: both; text-align: left; }
.sub0404 .greeting_text .text{ margin-bottom: 15px; }
.sub0404 .cont-tit,
.sub0404 p.red{ text-align: left; }

.campaign_topbox{ position: relative; width: 100%; background-color: #f6f6f6; padding: 15px; margin-bottom: 95px; text-align: center;}
.campaign_topbox .inner{ padding: 55px 50px 75px 50px; border: 1px solid #d5d5d5; }
.campaign_topbox .cont-tit{ text-align: center; }
.campaign_topbox h4:before{ content: ""; display: block; width: 415px; height: 214px; margin: 0 auto 48px; background: url(../img/contents/sub0404_campaign_topbox.png) no-repeat; background-size: contain; vertical-align: middle;}
.campaign_topbox p{ font-size: 0.9rem; font-weight: 400; color:#555; word-break: keep-all;}

.step_list.type2 .step{ width: 33.33%; margin-left: 0; border: none; border-left: 1px solid #ddd; word-break: keep-all; }
.step_list.type2 .step:first-child{ border-left: none; }
.step_list.type2 .step:before{ display: none; }
.step_list.type2 .step_list_icon{ width: 130px; height: 130px; background-color:#bd2a3c; }
.step_list.type2 .step2 .step_list_icon{ background-color: #b6a18d; }
.step_list.type2 .step3 .step_list_icon{ background-color: #4a536f; }
.step_list.type2 .step_icon{ display: inline-block; width: 100%; height: 100%; background: url(../img/contents/step_icon2.png) no-repeat; }
.step_list.type2 .step_icon--icon1{ background-position: 0 0; }
.step_list.type2 .step_icon--icon2{ background-position: -130px 0; }
.step_list.type2 .step_icon--icon3{ background-position: -260px 0; }

.sub0404 .step_list--col3 .step{ height: 350px; }
.sub0404 .BtnArea a{ position: relative; padding: .6rem 3rem .6rem 2.5rem;}
.sub0404 .BtnArea a i{ position: absolute; right: 20px; top: 16px; }

@media(max-width: 1279px){
	.sub0404 .greeting_type2{/* width: 26rem; */}
/* 	.sub0404 .greeting_type2:after{ display: none; } */
}
@media(max-width: 1023px){
	.sub0404 .greeting_type2{/* width: 18rem; */}
	.sub0404 .greeting_type2 .title{ font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 2rem;}
	.sub0404 .greeting_type2 .sign img{ display: block; }
	.sub0404 .greeting_type2:after{
    bottom: -75px;
    right: 11rem;
}
	.step_list.type2 .step{ padding: 20px; }
}
@media(max-width: 767px){
	.sub0404 .greeting_type2 {width: 100%;text-align: center;margin: 0;position: inherit;background: #f7f7f6;height: auto;padding: 3rem 0 2rem;padding-bottom: 0;margin-bottom: 4rem;}
	.sub0404 .greeting_type2:before { display: none; }
	.sub0404 .greeting_type2 .title { margin-bottom: .5rem; font-size: 1.5rem; line-height: 2rem; }
	.sub0404 .gimg { width: 100%; float: inherit; }
	.sub0404 .greeting_type2 .sign img{ display: inline-block; }
    .sub0404 .greeting_type2 .gimg{
    position: relative;
    margin-top: 2rem;
}
	.sub0404 .greeting_type2:after{ display: none; }
	.campaign_topbox{ margin-bottom: 50px; }
	.campaign_topbox h4:before{ width: 100%; height: 0; padding-bottom: 51.56%; }
	.step_list.type2 .step{ float:none; width: 100%; height: auto; border-left: none; border-bottom: 1px solid #ddd; padding: 20px 0;}
	.step_list.type2 .step:last-child{ border-bottom: none; }
}
/* sub04 끝 */

/* 사이트맵 */

.sitemap { border-top: 2px solid #000; margin-top: 50px;}
.sitemap dl { display: table; width: 100%; border-bottom: 1px solid #ddd; table-layout: fixed; }
.sitemap dt { font-size: 1.1rem; display: table-cell; width: 7.5rem; padding: 1rem 0; border-right: 1px solid #ddd; font-weight: 400; color: #000; vertical-align: top; text-align: left;}
.sitemap dd { display: table-cell; padding: 1rem 0; vertical-align: top; text-align: left; }
.sitemap .menu { overflow: hidden; }
.sitemap .menu > li { float: left; width: 25%; padding-left: 1.25rem; word-break: keep-all; }
.sitemap .menu > li:nth-child(4n + 1) { clear: both; }
.sitemap .menu > li:nth-child(n + 5) { margin-top: 3rem; }
.sitemap .menu > li > a { font-size: 0.9rem; display: inline-block; margin-bottom: 0.25rem; font-weight: 400; color: #010101; }
.sitemap .sub-menu li + li { margin-top: 0.25rem; }
.sitemap .sub-menu a:hover, .sitemap .sub-menu a:focus a:active { color: #a01d2c; text-decoration: underline; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (max-width: 768px) { 
  .sitemap dt { display: block; width: 100%; padding: 0.5rem 1rem; border: 0 none; border-bottom: 1px solid #efefef; }
  .sitemap dd { display: block; }
  .sitemap .menu > li { width: 50%; padding-left: 1rem; }
  .sitemap .menu > li:nth-child(n + 3) { margin-top: 1.5rem; }
}

/* 로그인 */

.tbox3 { border: 1px solid #ddd; border-top: 1px solid #9ca7b2; padding: 2.5rem 2rem; background-color: #fff; margin-bottom: 1rem; position: relative; min-height: 9.5rem; }
.tbox3:before { content: ''; width: 5.5rem; height: 5.5rem; background-color: #efefef; border-radius: 50%; position: absolute; left: 2rem; top: 2rem; }
.tbox3 img { width: 2.5rem; height: 2.5rem; position: absolute; left: 3.5rem; top: 3.5rem; }
.tbox3 .title { padding-left: 7.5rem; font-size: 1.1rem; color: #333; font-weight: 500; padding-bottom: .3rem; text-align: left;}
.tbox3 .desc { padding-left: 7.5rem; font-size: .8rem; color: #333;  text-align: left;}

/*로그인*/
.member{ margin-top: 50px; }
.member .MemberForm { border: 1px solid #ddd; width: 100%; float: left; margin-right: -1px; position: relative; }
.member .MemberForm .title { width: 100%; background-color: #f6f7f9; height: 3.5rem; line-height: 3.5rem; padding: 0 2rem; display: block; color: #333; font-weight: 500; font-size: 1rem; }
.member .MemberForm #login { padding: 2rem 10rem; height: 9.5rem; }
.member .MemberForm #login .loginBox .InfoBox { width: calc(100% - 5.25rem); margin-right: .25rem; float: left; }
.member .MemberForm #login .loginBox .InfoBox span label { width: 5rem; display: inline-block; float: left; padding-left: .5rem; line-height: 2.1rem; font-size: .9rem; font-weight: 500; color: #333; position: relative; }
.member .MemberForm #login .loginBox .InfoBox span label:before { content: ''; width: .25rem; height: .25rem; background-color: #c7c7c7; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.member .MemberForm #login .loginBox .InfoBox span input { width: calc(100% - 5rem); margin: 0; margin-bottom: .3rem; border: 1px solid #ddd; height: 2.1rem; background: #f8f8f8; padding: .2rem .5rem; }
.member .MemberForm #login .loginBox .btnBox { width: 5rem; height: 4.5rem; float: left; background: #9c1c2b; text-align: center; color: #fff; line-height: 4.5rem; font-weight: 500; font-size: .9rem; }
.member .MemberForm #login .loginBox .btnBox button { width: 100%; height: 100%; }
.member .MemberForm #login .loginBox:after { content: ''; display: block; clear: both; }
.member .MemberForm p.search { position: absolute; right: 2rem; top: 1.2rem; font-size: .75rem; padding-right: .7rem; color: #333; }
.member .MemberForm p.search:before { content: ''; font-family: 'xeicon'; width: 1rem; height: 1.1rem; line-height: 1.375; font-size: .8rem; color: #333; position: absolute; right: 0; }
.member .MemberForm .certification { padding: 2rem; height: 9.5rem; }
.member .MemberForm .certification .secure { width: calc(100% - 5.25rem); margin-right: .25rem; float: left; font-size: .8rem; color: #666; }
.member .MemberForm .certification .secure strong { display: block; font-size: .9rem; font-weight: 500; color: #333; position: relative; padding-bottom: .5rem; }
.member .MemberForm .certification > a { width: 5rem; height: 4.5rem; float: left; background: #162943; text-align: center; color: #fff; line-height: 4.5rem; font-weight: 500; font-size: .9rem; }
.member .MemberForm .certification:after { content: ''; display: block; clear: both; }
.member .info { font-size: .75rem; color: #333; margin-top: 1rem; display: inline-block; }
.member .info i { color: #9c1c2b; font-weight: 500; }
.member .pwsearchBox { border: 1px solid #ddd; }
.member .pwsearchBox .title { width: 100%; height: 3.5rem; line-height: 3.5rem; background-color: #f6f7f9; padding: 0 2rem; color: #333; font-weight: 500; font-size: 1rem; margin-bottom: 1.5rem; }
.member .pwsearchBox .desc { color: #666; font-size: .8rem; padding: 0 2rem; }
.member .pwsearchBox form { margin: 1rem 2rem 2rem; border-top: 1px solid #ddd; padding-top: 1rem; }
.member .pwsearchBox form ul li { margin-bottom: .25rem; }
.member .pwsearchBox form ul li label.ti { width: 7.5rem; padding-left: .8rem; color: #333; font-size: .9rem; font-weight: 500; line-height: 2rem; position: relative; display: inline-block; float: left; }
.member .pwsearchBox form ul li label.ti:before { content: ''; width: .25rem; height: .25rem; background-color: #c7c7c7; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.member .pwsearchBox form ul li input.radio_i { display: none; opacity: 0; }
.member .pwsearchBox form ul li label.radio_l { position: relative; padding-left: 1.4rem; height: 2rem; line-height: 2rem; display: inline-block; margin-right: .5rem; }
.member .pwsearchBox form ul li label.radio_l:before { position: absolute; left: 0; top: .6rem; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }
.member .pwsearchBox form ul li label.radio_l:after { position: absolute; left: 0.25rem; top: 0.85rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #ddd; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
.member .pwsearchBox form ul li input:checked + label::after { background-color: #3c4165; }
.member .pwsearchBox form ul li input[type='text'] { height: 2rem; line-height: 2rem; padding: 0 .5rem; border: 1px solid #ddd; background-color: #f8f8f8; width: calc(100% - 7.5rem); }
.member .pwsearchBox form ul li input[type='password'] { height: 2rem; line-height: 2rem; padding: 0 .5rem; border: 1px solid #ddd; background-color: #f8f8f8; }
.nonMemberLogin .box2 { border: 1px solid #ddd; background-color: #f8f8f8; margin: 1.5rem 0 1rem; padding: 2.75rem; }
.nonMemberLogin .box2 p { font-size: 0.8rem; line-height: 1.5625; font-weight: 300; color: #666; text-align: center; }
.nonMemberLogin .box2 p img { width: 3rem; }
.nonMemberLogin .box2 p strong { font-size: 1rem; display: block; margin: 2.25rem 0 1rem; font-weight: 400; color: #000; }
.nonMemberLogin .box2 p .btn-b { font-size: 0.8rem; width: 15.75rem; max-width: 100%; height: 3rem; margin-top: 1rem; font-weight: 300; line-height: 3rem; border: 1px solid #162943; background-color: #162943; display: inline-block; color: #fff; }
.nonMemberLogin .box2 p .btn-b:hover { background-color: #fff; color: #333; }
.nonMemberLogin .txt2 i { color: #d53746; }

@media (max-width: 768px) {
  .member .MemberForm { width: 100%; margin-right: 0; margin-bottom: 1rem; }
  .member .info { margin-top: 0; }
  .member .pwsearchBox form ul li input[type='password'] { width: calc(100% - 7.5rem); }
  .member .pwsearchBox form ul li span.notice { display: inline-block; } 
}