/* latest version 19032101 */

/* ************************************** *
 * common
 * ************************************** */
/* 컨텐츠 공통 탑 */
.content-common-top { text-align: center;}
.content-common-top img { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: img-rotate; animation-name: img-rotate; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.content-common-top p { width: 80%; padding: 0 10%; margin-top: 30px; font-size: 21px; color: #333; font-weight: bold; line-height: 1.6em; word-break: keep-all; letter-spacing: -0.075em;}
/* 컨텐츠 공통 레이아웃 */
.content-common-layout { position: relative; margin-top: 80px;}
.content-common-layout h3 { position: absolute; top: 0; left: 0; width: 270px; padding: 50px 0 0 30px; border-top: solid 1px #00b0a8; font-family: 'Montserrat', 'Noto Sans KR', sans-serif !important; font-size: 27px; font-weight: 500; color: #111; letter-spacing: -0.075em; line-height: 1.3em; text-transform: uppercase;}
.content-common-layout .layout-in { margin-left: 300px; padding-top: 50px; border-top: solid 1px #d8d8d8;}
.content-common-layout .layout-in h4 { margin: 50px 0 20px; font-weight: bold; font-size: 20px; color: #00b0a8;}
.content-common-layout .layout-in p { padding-bottom: 20px; font-size: 17px; color: #333; letter-spacing: -0.05em; line-height: 1.7em;}
/* 리스트 */
.bu-list > li { padding-left: 20px; margin-bottom: 10px; background:url('image/bu-list.png') no-repeat; background-position: left 9px; font-size: 17px; color: #333; line-height: 1.6em;}
.bu-list > li > ul { padding-top: 7px;}
.bu-list > li > ul > li { padding-left: 15px; margin-bottom: 5px; background:url('image/bu_list02.png') no-repeat; background-position: left 8px; font-size: 15px; color: #444; line-height: 1.6em;}
.ol-list > li { padding-left: 35px; margin-bottom: 10px; font-size: 17px; color: #333; line-height: 1.6em; background-position: left 7px !important;}
.ol-list > li.ol-list01 { background:url('image/ol-list01.gif') no-repeat;}
.ol-list > li.ol-list02 { background:url('image/ol-list02.gif') no-repeat;}
.ol-list > li.ol-list03 { background:url('image/ol-list03.gif') no-repeat;}
.ol-list > li.ol-list04 { background:url('image/ol-list04.gif') no-repeat;}
.ol-list > li.ol-list05 { background:url('image/ol-list05.gif') no-repeat;}
.ol-list > li.ol-list06 { background:url('image/ol-list06.gif') no-repeat;}
.ol-list > li.ol-list07 { background:url('image/ol-list07.gif') no-repeat;}
.ol-list > li.ol-list08 { background:url('image/ol-list08.gif') no-repeat;}
/* 테이블 */
.tbl-top { border: solid 1px #ddd;}
.tbl-top th { padding: 15px 20px; font-size: 17px; border: solid 1px #ddd; background: #00b0a8; font-weight: bold; color: #fff; text-align: center;}
.tbl-top td { padding: 17px 20px; font-size: 16px; border: solid 1px #ddd; color: #444; text-align: center;}
.tbl-top th.bg-black { background: #444;}
.tbl-top th.bg-gray { background: #999;}
.tbl-top td.td-left { text-align: left !important;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* 컨텐츠 공통 레이아웃 */
    .content-common-layout h3 { position: static; width: 100%; padding: 50px 0 0 0; border-top: solid 1px #d8d8d8;}
    .content-common-layout .layout-in { margin-left: 0; padding-top: 35px; border-top: 0;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:640px) {
    /* 컨텐츠 공통 탑 */
    .content-common-top img { width: 100px;}
    .content-common-top p { width: 90%; padding: 0 5%; margin-top: 20px; font-size: 16px;}
    /* 컨텐츠 공통 레이아웃 */
    .content-common-layout { margin-top: 50px;}
    .content-common-layout h3 { font-size: 22px; padding: 35px 0 0 0;}
    .content-common-layout .layout-in { padding-top: 25px;}
    .content-common-layout .layout-in h4 { margin: 35px 0 13px; font-size: 16px;}
    .content-common-layout .layout-in p { padding-bottom: 15px; font-size: 14px; line-height: 1.6em;}
    /* 리스트 */
    .bu-list > li { padding-left: 15px; margin-bottom: 5px; background-position: left 7px; font-size: 14px;}
    .bu-list > li > ul { padding-top: 5px;}
    .bu-list > li > ul > li { margin-bottom: 3px; font-size: 12px;}
    .ol-list > li { margin-bottom: 5px; font-size: 14px; background-position: left 5px !important;}
    /* 테이블 */
    .tbl-top th { padding: 10px; font-size: 14px;}
    .tbl-top td { padding: 12px 10px; font-size: 13px;}
}
@-webkit-keyframes img-rotate {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg); transform: perspective(400px) rotate3d(0, 1, 0, -90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
    40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg); transform: perspective(400px) rotate3d(0, 1, 0, 20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
    60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -10deg); transform: perspective(400px) rotate3d(0, 1, 0, -10deg); opacity: 1;}
    80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 5deg); transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
    100% { -webkit-transform: perspective(400px); transform: perspective(400px);}
}
@keyframes img-rotate {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg); transform: perspective(400px) rotate3d(0, 1, 0, -90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
    40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg); transform: perspective(400px) rotate3d(0, 1, 0, 20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
    60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -10deg); transform: perspective(400px) rotate3d(0, 1, 0, -10deg); opacity: 1;}
    80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 5deg); transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
    100% { -webkit-transform: perspective(400px); transform: perspective(400px);}
}






/* ************************************** *
 * content
 * ************************************** */
/* 0101-인사말 */
.greeting-top { text-align: center;}
.greeting-top h3 { display: inline-block; margin-bottom: 70px; border-top: dotted 1px #aaa; border-bottom: dotted 1px #aaa; padding: 10px 0 10px 15px; font-family: 'Montserrat', sans-serif !important; font-weight: 500; font-size: 17px; color: #999; text-transform: uppercase; letter-spacing: 0.75em;}
.greeting-top h3 span { letter-spacing: 0.75em;}
.greeting-top p { padding-top: 30px; font-size: 20px; color: #444; line-height: 1.9em;}
.greeting-top p:nth-of-type(2) { padding-top: 0; font-size: 80px; color: #b6b6b6; font-family: 'Nanum Myeongjo', serif !important;}
.greeting li { float: left; width: 50%;}
.greeting li:nth-of-type(2) { width: 45%; margin-left: 5%;}
.greeting li p { font-size: 17px; color: #444; line-height: 1.8em; word-break: keep-all;}
.greeting li p.p-sign { padding-top: 70px; font-size: 18px; color: #222; text-align: right;}
.greeting li p.p-sign img { padding-top: 10px;}
/* 0102-변호사소개 */
.lawyer ul { width: 1200px; margin: 0 auto;}
.lawyer li { float: left; width: 30.33%; margin: 1.5%;}
.lawyer li a { display: block; border: solid 2px #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}
.lawyer li a:hover { border: solid 2px #00b0a8;}
.lawyer li a:hover .cover { display: block;}
.lawyer li a:hover h3 { color: #fff;  background: #00b0a8;}
.lawyer li .img-box { position: relative;}
.lawyer li .img-box .cover { display: none; position: absolute; left: 0; top: 0; z-index: 10; width: 70px; height: 70px; background: url('image/bg-lawyer-more.png') no-repeat left top;}
.lawyer li .txt-box { text-align: center;}
.lawyer li .txt-box h3 { padding: 25px 0 20px; font-size: 22px; color: #000; letter-spacing: -0.075em; line-height: 1.5em;}
.lawyer li .txt-box h3 span { padding-right: 5px; font-size: 33px;}
.lawyer-view > ul > li { float: right; width: 50%;}
.lawyer-view > ul:nth-of-type(1) > li:nth-of-type(1) { margin-left: 5%; width: 45%;}
.lawyer-view .img-box { text-align: center;}
.lawyer-view .txt-box h3 { padding: 20px 0; font-size: 28px; color: #000; letter-spacing: -0.075em; line-height: 1.5em;}
.lawyer-view .txt-box h3 span { padding-right: 5px; font-weight: bold; font-size: 42px;}
.lawyer-view .txt-box p { color: #00b0a8; font-size: 20px;}
.lawyer-view .p-info { margin: 40px 0 60px; padding: 20px 20px 20px 50px; border-top: dotted 1px #999; border-bottom: dotted 1px #999; font-family: 'Montserrat', sans-serif !important; font-weight: 500; font-size: 15px; color: #444; line-height: 1.7em; letter-spacing: 0;}
.lawyer-view .p-con { font-size: 16px; line-height: 1.8em; color: #444; letter-spacing: -0.05em;}
.lawyer-view .img-certi li { float: left; width: 200px; margin-right: 20px; border: solid 5px #f3f3f3; box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.lawyer-view .tit-nemo { width: 50px; height: 50px; line-height: 50px; margin-bottom: 30px; font-size: 19px; font-weight: bold; color: #fff; text-align: center;}
.lawyer-view .tit-nemo.bg-nemo1 { background: #999;}
.lawyer-view .tit-nemo.bg-nemo2 { background: #00b0a8;}
.btn-lawyer-view { margin-top: 70px; text-align: center;}
/* 0103-영우의특별함 */
.special { text-align: center;}
.special h4 { margin: 70px 0 20px; font-weight: bold; font-size: 30px; color: #00b0a8;}
.special p { font-size: 17px; color: #555; line-height: 1.6em;}
/*  0104-CI소개*/
.ci .content-common-layout .layout-in p.txt-gray { font-weight: 600; font-family: 'Montserrat', sans-serif !important; letter-spacing: 0 !important;}
.ci .logo-list { margin-top: 40px;}
.ci .logo-list li { float: left; margin-right: 30px; text-align: center;}
.ci .logo-list li p { padding-top: 15px; font-size: 15px; color: #000; font-family: 'Montserrat', 'Noto Sans KR', sans-serif !important;}
.ci .bg-box { margin-bottom: 20px; padding: 15px 0; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif !important; letter-spacing: 0 !important; line-height: 1.6em; color: #fff; text-align: center;}
.ci .box-blue { background: #005d99;}
.ci .box-black { background: #000;}
.ci .box-gray { background: #727171;}
.ci .box-navy { background: #091f3c;}
/* 0105-오시는길 */
.location .map-top { margin-bottom: 40px; font-size: 17px;}
.location .map-top dl { margin-top: 15px;}
.location .map-top dt { float: left; width: 10%; line-height: 30px; font-family: 'Montserrat', sans-serif !important; font-weight: 500; font-size: 17px; color: #00b0a8;}
.location .map-top dd { float: left; width: 90%; line-height: 30px; font-family: 'Montserrat', sans-serif !important; font-weight: 500; font-size: 17px; color: #222;}
.location .btn-map { margin-top: 40px; text-align: center;}
.location .loca-way { margin-top: 80px;}
.location .loca-way li { padding-left: 120px; margin-bottom: 60px;}
.location .loca-way li:nth-of-type(1) { background: url('image/ico-loca01.gif') no-repeat left top;}
.location .loca-way li:nth-of-type(2) { background: url('image/ico-loca02.gif') no-repeat left top;}
.location .loca-way li:nth-of-type(3) { background: url('image/ico-loca03.gif') no-repeat left top;}
.location .loca-way li h4 { margin-bottom: 15px; font-weight: bold; font-size: 17px; color: #111;}
.location .loca-way li h4 span { font-weight: normal; color: #999;}
.location .loca-way li p { font-size: 15px; margin-bottom: 5px; color: #444; letter-spacing: -0.05em;}
.location .loca-way li p strong { padding-right: 10px;}
.location .loca-way li i { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: 3px 5px 0 0; border-radius: 50%; font-family: 'Montserrat', sans-serif !important; font-size: 12px; font-weight: 700; font-style: normal; text-align: center; color: #fff;}
.location .loca-way .circle-green { background: #12aa58;}
.location .loca-way .circle-olive { background: #606d00;}
.location .loca-way .circle-navy { background: #263c96;}
.location .loca-way .txt-green { color: #12aa58;}
.location .loca-way .txt-olive { color: #606d00;}
.location .loca-way .txt-yellow-green { color: #80bc00;}
.location .loca-way .txt-navy { color: #263c96;}

.loca-wrap.tab .tab-nav { display: table; margin: 0 auto 30px;}
.loca-wrap.tab .tab-nav li { position: relative; float: left; margin: 0 5px;}
.loca-wrap.tab .tab-nav button { display: inline-block; padding: 10px 30px; background: #eee; border-radius: 3px; border: solid 1px #aaa; font-size: 17px; color: #333;}
.loca-wrap.tab .tab-nav button:hover,
.loca-wrap.tab .tab-nav li.on button { background: #00b0a8; border: solid 1px #00b0a8; color: #fff;}
.loca-wrap.tab .tab-con { z-index: 1;}
.loca-wrap.tab .tab-con > li { display: none;}
.loca-wrap.tab .tab-con > li.on { display: block;}
.loca-wrap .map-top2 { text-align: center; font-size: 18px;}
.loca-wrap .map-top2 dl { padding-bottom: 20px;}
.loca-wrap .map-top2 dt { font-weight: 700; font-size: 16px; color: #111;}
.loca-wrap .map-top2 dd { padding-bottom: 20px; font-size: 16px; color: #555;}
.loca-wrap .map-top2 dd span { font-size: 25px; color: #009e97;}

/* 0702-온라인발급센터 */
.issue-box { float: left; width: 30.33%; margin: 1.5%; box-sizing: border-box; border: solid 1px #aaa; box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1); -ms-box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.issue-box img { margin: 40px auto;}
.issue-box ul { height: 120px; border-top: solid 1px #ccc; padding-top: 20px; background: #f5f5f5;}
.issue-box li { float: left; width: 45%; padding-left: 5%; margin: 3px 0;}
.issue-box li a { display: block; font-size: 16px; color: #333;}
.issue-box li a:hover { color: #00b0a8; text-decoration: underline;}
/* 0703-관련법령 */
.statute-list ul { border-top: solid 1px #333;}
.statute-list li { padding: 30px 50px; border-bottom: solid 1px #ccc;}
.statute-list p { float: left; line-height: 46px; font-size: 18px; color: #222;}
.statute-list a { float: right; padding-left: 45px; background: url('image/btn_search.gif') no-repeat; background-position: 15px center; background-size: 25px;}

/* 0904-자기진단 */
.self-check { position: relative; height: 800px; padding-top: 50px;background: url('image/bg-self.jpg') no-repeat; -webkit-background-size: cover !important; -ms-background-size: cover !important; background-size: cover !important;}
/* .self-check .tit-box { padding-top: 150px; font-family: 'GmarketSansMedium',sans-serif !important; font-size: 4.5rem; color: #fff; text-align: right; line-height: 5.5rem;}
.self-check .tit-box span { display: block; padding-right: 40px; font-size: 2rem;} */
.self-check .cont-wrap { overflow: hidden; /*margin-top: 50px;*/ background: #fff; border-radius: 25px; padding: 50px 50px 50px 60px; box-sizing: border-box; box-shadow: -6px 5px 17.64px 3.36px rgba(26, 26, 26, 0.12);}
.self-check .cont-wrap .info-guide { float: left; position: relative; width: 400px; min-height: 650px; border-right: 1px solid #e4e4e4;}
.self-check .cont-wrap .info-guide h2 { margin: 60px 0 15px; font-family: 'GmarketSansBold',sans-serif !important; font-size: 2.5rem; color: #121212;}
.self-check .cont-wrap .info-guide p { font-family: 'GmarketSansMedium',sans-serif !important; font-size: 1rem; color: #707070;}
.self-check .cont-wrap .tell-info { position: absolute; bottom:0;}
.self-check .cont-wrap .tell-info h3 { font-family: 'GmarketSansBold',sans-serif !important; font-size: 1.3rem; color: #5e5e5e;}
.self-check .cont-wrap .tell-info p { font-family: 'GmarketSansBold',sans-serif !important; font-size: 2.5rem; color: #00b0a8;}
.diagnosis-wrap .chk-wrap input::placeholder, .form-wrap textarea::placeholder  { color: #b3b3b3; font-family: 'GmarketSansMedium',sans-serif !important; font-size:1rem; text-align: right;}
.diagnosis-wrap .chk-wrap {
    float: right;
	position: relative;
	overflow: hidden;
	width: 800px;
	height:650px;
	background: rgb(255, 255, 255)-;
	vertical-align: middle;
}
.diagnosis-wrap .chk-wrap > form {
	height: 100%;
}

.diagnosis-wrap .chk-wrap .tabcnt {
	display: none;
	height: 100%;
	padding-bottom: 90px;
}
.diagnosis-wrap .chk-wrap .tabcnt0 {
	display:block;
}
.diagnosis-wrap .chk-wrap .tabcnt-inner {
	position:relative;
	height:100%;
	font-size:12px;
}

.diagnosis-wrap .chk-wrap .move_btn {
	position:absolute;
    left: 0%;
	bottom:0px;
	width:100%;
	text-align: right;
}

.diagnosis-wrap .chk-wrap .move_pc {
	bottom:100px !important;
}
.diagnosis-wrap .chk-wrap .move_btn a {
	display:inline-block;
	box-sizing: border-box;
	cursor:pointer;
	border-radius: 80px;
	letter-spacing:-0.04rem;
	font-family: 'GmarketSansMedium',sans-serif !important;
	text-align: left;
}

/* .diagnosis-wrap .chk-wrap .move_btn a.start {
	width: 320px;
	height:70px;
	margin: 0 auto;
	background:#00b0a8 url('image/ico-arrow.png') no-repeat center right 30px;
	color:#fff;
	font-size:1.7rem;
	line-height:75px;
	padding-left:40px;
} */

.diagnosis-wrap .chk-wrap .move_btn a.back {
	float: left;
	width:200px;
	height:50px;
	background:#e9e9e9 url('image/ico-arrow02.png') no-repeat center left 30px;
	color:#666666;
	text-align:right;
	line-height:50px;
	padding-right:30px;
	font-size:1.2rem;
}

.diagnosis-wrap .chk-wrap .move_btn a.white {
	width:200px;
	height:50px;
	background:#b4b4b4 url('image/ico-arrow03.png') no-repeat center left 30px;
	color:#fff;
	text-align:right;
	line-height:50px;
	padding-right:30px;
	font-size:1.2rem;
	margin-right: 10px;
}

.diagnosis-wrap .chk-wrap .move_btn a.next {
	width:200px;
	height:50px;
	background:#00b0a8 url('image/ico-arrow.png') no-repeat center right 30px;
	background-size: 13px;
	color:#fff;
	line-height:50px;
	padding-left:30px;
	font-size:1.2rem;
	margin-right: 50px;
}

.diagnosis-wrap .chk-wrap .move_btn a.block {
	width: 320px !important;
	height:70px !important;
	margin: 0 auto;
	background:#00b0a8 url('image/ico-arrow.png') no-repeat center right 30px;
	color:#fff;
	font-size:1.7rem;
	line-height:75px;
	padding-left:40px;
}
.diagnosis-wrap .chk-wrap #submit_btn
{
	display:inline-block;
	box-sizing: border-box;
	cursor:pointer;
	border-radius: 80px;
	letter-spacing:-0.04rem;
	font-family: 'GmarketSansMedium',sans-serif !important;
	text-align: left;
	width: 200px;
	height:50px;
	background:#00b0a8 url('image/ico-arrow.png') no-repeat center right 30px;
	background-size: 15px;
	color:#fff;
	font-size:1.2rem;
	line-height:50px;
	padding-left:40px;
	margin-right: 50px;
}
.diagnosis-wrap .chk-wrap .first-tem {
	position:absolute; top:30%; left:50%;
	 width:100%;
	text-align:center;
    font-family: 'GmarketSansLight',sans-serif !important; font-size: 2.8rem; color: #121212;
	-ms-transform: translate(0,0);
	-webkit-transform: translate(-50%,-30%);
	transform: translate(-50%,-30%);
}

.diagnosis-wrap .chk-wrap .first-tem h2 {
	font-family: 'GmarketSansBold',sans-serif !important; font-size: 4.5rem; color: #00b0a8;
}

.diagnosis-wrap .chk-wrap .first-tem p {
    display: inline-block;
	padding: 40px 55px 0 0;
    font-family: 'GmarketSansLight',sans-serif !important; font-weight: 600; font-size: 1.3rem; color: #373737;
    background: url('image/ico-pen.png') no-repeat right bottom 5px;
}
.diagnosis-wrap .chk-wrap .first-tem p span {
    color: #00b0a8;
    font-family: 'GmarketSansMedium',sans-serif !important;
}
.diagnosis-wrap .chk-wrap .step-wrap {
	padding:20px 50 0;
}
.diagnosis-wrap .chk-wrap .step-wrap .step {
	position:relative;
	font-size:0;
	margin-bottom: 100px;
}
.diagnosis-wrap .chk-wrap .step-wrap .step:after {
	content:'';
}
.diagnosis-wrap .chk-wrap .step-wrap .step li {
	display:inline-block;
	position:relative;
	width:14.5%;
	margin:0 1%;
	color:#808080;
	font-size: 1.1rem;
	letter-spacing:-0.04rem;
	line-height:1;
	text-align:center;
	vertical-align:top;
	font-family: 'GmarketSansMedium',sans-serif !important;
	background: url('image/bg-step-arr.png') no-repeat center right;
}

.diagnosis-wrap .chk-wrap .step-wrap .step li:nth-of-type(6) { background: none;}


.diagnosis-wrap .chk-wrap .step-wrap .step li.active,
.diagnosis-wrap .chk-wrap .step-wrap .step li.fin {
	color:#00a099;
	font-weight:700;
}

.tab-bg { width: 75px; margin: 0 auto; height: 17px; padding-top: 5px; border-radius:20px; background-color:#b4b4b4; color:#fff; font-size: 0.7rem; letter-spacing: 0.05rem;}
.tab-bg-on {background-color:#00b495;}

.diagnosis-wrap .chk-wrap .step-wrap .step li .bg-step {
	width: 85px; height: 85px;
	border-radius:50%;
	background-color:#f6f6f6;
}

.diagnosis-wrap .chk-wrap .step-wrap .step li i {
	color: #b4b4b4;
	font-size: 2rem;
	line-height: 3.3rem;
	display: block;
	margin-bottom: 30px;
}

.diagnosis-wrap .chk-wrap .step-wrap .step li i.on { color:#00b495;}

.diagnosis-wrap .chk-wrap .step-wrap .step li .step01 {
	background-image:url('/images/sub/diagnosis_step01.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.step02:after {
	background-image:url('/images/sub/diagnosis_step02.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.step03:after {
	background-image:url('/images/sub/diagnosis_step03.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.step04:after {
	background-image:url('/images/sub/diagnosis_step04.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.step05:after {
	background-image:url('/images/sub/diagnosis_step05.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.step06:after {
	background-image:url('/images/sub/diagnosis_step06.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.active:after {
	background-color:#f6f6f6;
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.fin:after {
	background-color:#00a099;
	background-image:url('/images/sub/diagnosis_stepfin.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 {
	padding-bottom: 10px;
	color:#333;
	font-size:1.5rem;
	letter-spacing:-0.06rem;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 span {
	font-weight: 600;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 span.text-q {
	color:#acacac;
	font-family: 'GmarketSansMedium',sans-serif !important;
	font-size:1.7rem;
	display: inline-block;
	padding-right: 15px;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 span.text-s {
	font-size:1.3rem;
	font-weight: 400;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul {
	overflow-y:auto;
	margin-left:-50px;
	padding:0 50px 20px;
}

.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li {
	color:#333;
	font-size:1.7rem;
	margin-bottom: 5px;
}

.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li + li {
	margin-top: 7px;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg {
	position:relative;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio],
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox] {
	display:none;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio] + label,
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox] + label {
	display:block;
	min-height:40px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	padding:0 0 0 30px;
	box-sizing: border-box;
	background:url('image/diagnosis_chk.png') no-repeat right 15px center;
	background-size: 25px;
	color:#1a1a1a;
	font-size:1rem;
	font-family: 'GmarketSansMedium',sans-serif !important;
	letter-spacing:-0.04rem;
	cursor:pointer;
	line-height:40px;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio]:checked + label,
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox]:checked + label {
	background: #f9f9f9 url('image/diagnosis_chk_on.png') no-repeat center right 15px;
	background-size: 25px;
	border:1px solid #b9dad8;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=text] {
	width:96%;
	height:50px;
	padding:0 10px;
	box-sizing: border-box;
	border:1px solid #e0e0e0;
	border-radius: 5px;
	font-family: 'GmarketSansMedium',sans-serif !important;
	color:rgb(0, 0, 0);
	font-size: 1.2rem;
	font-weight:300;
	letter-spacing:-0.04rem;
	text-align: right;
}
.diagnosis-wrap .last-tem {
	padding: 50px 0 0;
}
.diagnosis-wrap .last-tem .text {
	text-align:center;
}
.diagnosis-wrap .last-tem .text h3 {
	color:#1a1a1a;
	font-size: 2.2rem;
	font-family: 'GmarketSansMedium',sans-serif !important;
}
.diagnosis-wrap .last-tem .text h5 {
	padding-top: 10px;
	color:#1a1a1a;
	font-size: 1.2rem;
	font-weight:300;
	letter-spacing:-0.04rem;
	line-height:32px;
}
.diagnosis-wrap .last-tem .table {
	padding-top:40px;
}
.diagnosis-wrap .last-tem .table li {
	position: relative;
	padding-left: 110px;
}
.diagnosis-wrap .last-tem .table li + li {
	margin-top:18px;
}
.diagnosis-wrap .last-tem .table li label {
	position:absolute; top:0; left:0;
	color:#1a1a1a;
	font-family: 'GmarketSansMedium',sans-serif !important;
	font-size: 1rem;
	line-height:3rem;
	letter-spacing:-0.04rem;
}
.diagnosis-wrap .last-tem .table li input[type=text] {
	display:block;
	width: 90%;
	height:45px;
	min-height:45px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	padding:0 0 0 30px;
	padding:0 8px;
	font-size: 1rem;
	font-weight:300;
	letter-spacing:-0.04rem;
	font-family: 'GmarketSansMedium',sans-serif !important;
	color:rgb(0, 0, 0);
}
.diagnosis-wrap .last-tem .table li input::placeholder, .form-wrap textarea::placeholder  { color: #b3b3b3; font-family: 'GmarketSansMedium',sans-serif !important; font-size: 1rem; text-align: left;}



/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:1200px) {
    /* 0102-변호사소개 */
    .lawyer ul { width: 100%;}
    /* 0702-온라인발급센터 */
    .issue-box { width: 47%;}
    .issue-box li a { font-size: 15px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* 0101-인사말 */
    .greeting li { float: none; width: 100%;}
    .greeting li:nth-of-type(2) { width: 100%; margin: 50px 0 0 0;}
    /* 0102-변호사소개 */
    .lawyer li .txt-box h3 { font-size: 16px;}
    .lawyer li .txt-box h3 span { font-size: 27px;}
    .lawyer-view .p-info { margin: 30px 0 40px; padding: 20px 20px 20px 30px;}
    .lawyer-view .img-certi li { width: 120px;}
    /* 0105-오시는길 */
    .location .map-top dt { width: 20%;}
    .location .map-top dd { width: 80%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    /* 0101-인사말 */
    .greeting-top h3 { margin-bottom: 40px; padding: 6px 3px 6px 10px; font-size: 14px; letter-spacing: 0.4em;}
    .greeting-top h3 span { letter-spacing: 0.4em;}
    .greeting-top img { width: 125px;}
    .greeting-top p { padding-top: 30px; font-size: 16px; line-height: 1.6em;}
    .greeting-top p:nth-of-type(2) { font-size: 65px;}
    .greeting li:nth-of-type(2) { margin: 35px 0 0 0;}
    .greeting li p { font-size: 15px;}
    .greeting li p.p-sign { padding-top: 50px; font-size: 16px;}
    .greeting li p.p-sign img { padding-top: 10px; width: 100px;}
    /* 0102-변호사소개 */
    .lawyer li { width: 47%; margin: 0 1.5% 40px;}
    .lawyer li .img-box .cover { width: 45px; height: 45px; background-size: 45px;}
    .lawyer li .txt-box h3 { padding: 18px 0 13px; font-size: 14px;}
    .lawyer li .txt-box h3 span { font-size: 21px;}
    .lawyer-view .txt-box h3 { padding: 13px 0; font-size: 17px;}
    .lawyer-view .txt-box h3 span { font-size: 27px;}
    .lawyer-view .txt-box p { font-size: 15px;}
    .lawyer-view .p-info { margin: 20px 0 30px; padding: 10px 15px 10px 15px; font-size: 12px;}
    .lawyer-view .p-con { font-size: 13px;}
    .lawyer-view .img-certi li { width: 70px; margin-right: 5px; border-width: 3px;}
    .lawyer-view .tit-nemo { width: 38px; height: 38px; line-height: 38px; margin-bottom: 20px; font-size: 14px;}
    .btn-lawyer-view { margin-top: 40px;}
    /* 0103-영우의특별함 */
    .special h4 { margin: 40px 0 15px; font-size: 21px;}
    .special p { font-size: 13px;}
    /*  0104-CI소개*/
    .ci .logo-list { margin-top: 25px;}
    .ci .logo-list li { margin-right: 15px;}
    .ci .logo-list li p { font-size: 14px;}
    .ci .bg-box { padding: 10px 0; font-size: 11px;}
    /* 0105-오시는길 */
    .location .map-top { margin-bottom: 25px; font-size: 14px;}
    .location .map-top dl { margin-top: 10px;}
    .location .map-top dt { line-height: 24px; font-size: 14px;}
    .location .map-top dd { line-height: 24px; font-size: 14px;}
    .location .btn-map { margin-top: 30px;}
    .location .btn-map img { width: 130px;}
    .location .loca-way { margin-top: 60px;}
    .location .loca-way li { padding-left: 80px; margin-bottom: 40px; background-size: 60px !important;}
    .location .loca-way li h4 { margin-bottom: 10px; font-size: 15px;}
    .location .loca-way li p { font-size: 13px;}
    .location .loca-way li p strong { padding-right: 5px;}
    /* 0702-온라인발급센터 */
    .issue-box { width: 97%;}
    .issue-box img { margin: 25px auto;}
    .issue-box ul { height: auto; padding: 15px 0;}
    .issue-box li { float: none; width: 95%;}
    .issue-box li a { font-size: 14px;}

    /* 0703-관련법령 */
    .statute-list li { padding: 20px 10px;}
    .statute-list p { line-height: 38px; font-size: 15px;}
    .statute-list a { padding-left: 35px; background-position: 12px center; background-size: 20px;}
}



/* 0102-변호사소개 201014-리스트수정*/
.lawyer4 ul { width: 1200px; margin: 0 auto;}
.lawyer4 li { float: left; width: 30.33%; margin: 1.5%; position: relative;}
.lawyer4 li a { width:100%; display: block; border: solid 2px #fff; -webkit-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}
.lawyer4 li .img-box {position: relative;}
.lawyer4 li .img-box .cover {display: block; position: absolute; right: 10px; bottom: 50px; z-index: 10; width: 22px; height: 22px; background: url('image/bg-plus-white.png') no-repeat right bottom;}
.lawyer4 li .txt-box { background: rgba(0,0,0,0.8);text-align: center;width:100%; position:absolute;bottom:1px; }
.lawyer4 li .txt-box h3 { padding: 25px 0 20px; font-size: 22px; color: #fff; letter-spacing: -0.075em; line-height: 1.5em;}
.lawyer4 li .txt-box h3 span { padding-right: 5px; font-size: 33px;}
.lawyer-view > ul > li { float: right; width: 50%;}
.lawyer-view > ul:nth-of-type(1) > li:nth-of-type(1) { margin-left: 5%; width: 45%;}
.lawyer-view .img-box { text-align: center;}
.lawyer-view .txt-box h3 { padding: 20px 0; font-size: 28px; color: #000; letter-spacing: -0.075em; line-height: 1.5em;}
.lawyer-view .txt-box h3 span { padding-right: 5px; font-weight: bold; font-size: 42px;}
.lawyer-view .txt-box p { color: #0076fc; font-size: 20px;}
.lawyer-view .p-info { margin: 25px 0; padding: 20px 20px 20px 50px; border-top: dotted 1px #999; border-bottom: dotted 1px #999; font-family: 'Open Sans', sans-serif !important; font-weight: 500; font-size: 15px; color: #444; line-height: 1.7em; letter-spacing: 0;}
.lawyer-view .p-con { padding-top: 25px; font-size: 17px; line-height: 1.8em; color: #444; letter-spacing: -0.05em;}
.lawyer-view .p-con .img-certi { float: left; width: 200px; margin-right: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.lawyer-view .tit-nemo { width: 50px; height: 50px; line-height: 50px; margin-bottom: 30px; font-size: 19px; font-weight: bold; color: #fff; text-align: center;}
.lawyer-view .tit-nemo.bg-nemo1 { background: #999;}
.lawyer-view .tit-nemo.bg-nemo2 { background: #133e8c;}
.btn-lawyer-view { margin-top: 70px; text-align: center;}

/* view04 / view05 */
.lawyer-view .view-new>li{width:50%;}
.lawyer-view .view-new>li:first-child{float:right;}
.lawyer-view .view-new>li:last-child{float:left;}

/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1400px) {

    /* 0102-변호사소개 201014-리스트수정*/
    .lawyer4 ul{width:100%;margin:0 auto;}
    .lawyer4 li .txt-box{width:100%;}
    /* view04 / view05 */
    .lawyer-view .view-new>li{width:50%;}
    .lawyer-view .view-new>li:first-child{float:left;}
    .lawyer-view .view-new>li:last-child{float:right;}

	/* 0904-자기진단 */
	.self-check .cont-wrap { padding: 40px;}
	.self-check .cont-wrap .info-guide { width: 350px;}
	.self-check .cont-wrap .info-guide h2 { font-size: 2rem;}

}


/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:1280px) {

    /* 0102-변호사소개 201014-리스트수정*/
    .lawyer4 ul{width:100%;margin:0 auto;}
    .lawyer4 li { width: 47%; margin: 0 1.5% 40px;}
    .lawyer4 li .img-box .cover { width: 15px; height: 15px; background-size: 15px; right:5px; bottom:30px;}
    .lawyer4 li .txt-box h3 { padding: 18px 0 13px; font-size: 14px;}
    .lawyer4 li .txt-box h3 span { font-size: 21px;}
    .lawyer-view .txt-box h3 { padding: 10px 0 15px; font-size: 17px;}
    .lawyer-view .txt-box h3 span { font-size: 27px;}
    .lawyer-view .txt-box p { font-size: 15px;}
    .lawyer-view .p-info { margin: 20px 0 30px; padding: 10px 15px 10px 15px; font-size: 12px;}
    .lawyer-view .p-con { font-size: 13px;}
    .lawyer-view .tit-nemo { width: 38px; height: 38px; line-height: 38px; margin-bottom: 20px; font-size: 14px;}
    .btn-lawyer-view { margin-top: 40px;}

    /* view04 / view05 */
    .lawyer-view .view-new>li{width:50%;}
    .lawyer-view .view-new>li:first-child{float:left;}
    .lawyer-view .view-new>li:last-child{float:right;}

	/* 0904-자기진단 */
	.con-m { display: none;}
	.br-t { display: inline;}
	.br-pc { display: inline;}
	.self-check { height: 350px; margin-bottom: 800px;}
	.self-check .tit-box { padding-top: 50px; font-size: 2rem; text-align: center; line-height: 2.5rem;}
	.self-check .tit-box span { padding-right: 0; font-size: 1rem;}
	.self-check .cont-wrap .info-guide { float: none; width: 100%; min-height: 250px; border-right: none; border-bottom: 1px dashed #e4e4e4; padding-bottom: 30px}
	.self-check .cont-wrap .info-guide .tell-info { display: none;}
	.self-check .cont-wrap .tell-info { left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); text-align: center;}
	.diagnosis-wrap .chk-wrap { float: none; width: 100%; height: 780px; margin-top: 30px}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 span.text-s { display: block; margin-left: 40px; font-size: 1rem;}
	.diagnosis-wrap .chk-wrap .step-wrap .step li {width: 14%; margin:0 1.3%;}
	.tab-bg { width: 60px; font-size: 0.4rem}
	.diagnosis-wrap .chk-wrap .step-wrap .step li .bg-step { width: 60px; height: 60px;}
	.diagnosis-wrap .chk-wrap .step-wrap .step li i { font-size: 1.2rem; line-height: 2rem;}
	.diagnosis-wrap .chk-wrap .move_pc { bottom: 200px !important;}
	.diagnosis-wrap .chk-wrap .move_btn a.white, .diagnosis-wrap .chk-wrap .move_btn a.next, .diagnosis-wrap .chk-wrap .move_btn a.back { background-size: 12px; font-size: 1rem; margin-right: 0;}
	.diagnosis-wrap .chk-wrap .move_btn a.block { width: 150px; margin: 0 auto; font-size:1.5rem; }
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul { margin-left: 0px; padding:0;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=text] { width: 95%; padding:0 3px; box-sizing: border-box;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li { font-size: 1.3rem; text-align: left;}
	.diagnosis-wrap .chk-wrap #submit_btn{ width: 200px; font-size: 0.9rem; background-size: 10px; line-height: 48px; font-size:1.2rem; margin-right: 0;}
	.diagnosis-wrap .last-tem .table li input[type=text] {width: 96%;}
}

/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {

    /* 0102-변호사소개 201014-리스트수정*/
    .lawyer4 li { width: 47%; margin: 0 1.5% 40px;}
    .lawyer4 li .img-box .cover { width: 15px; height: 15px; background-size: 15px; right:3px; bottom:30px;}
    .lawyer4 li .txt-box h3 { padding: 18px 0 13px; font-size: 14px;}
    .lawyer4 li .txt-box h3 span { font-size: 21px;}
    .lawyer-view .txt-box h3 { padding: 10px 0 15px; font-size: 17px;}
    .lawyer-view .txt-box h3 span { font-size: 27px;}
    .lawyer-view .txt-box p { font-size: 15px;}
    .lawyer-view .p-info { margin: 20px 0 30px; padding: 10px 15px 10px 15px; font-size: 12px;}
    .lawyer-view .p-con { font-size: 13px;}
    .lawyer-view .p-con .img-certi { float: none; margin: 0 0 30px;}
    .lawyer-view .tit-nemo { width: 38px; height: 38px; line-height: 38px; margin-bottom: 20px; font-size: 14px;}
    .btn-lawyer-view { margin-top: 40px;}

	/* 0904-자기진단 */
	.br-m { display: block;}
	.self-check { height: 250px; margin-bottom: 650px;}
	.self-check .cont-wrap .info-guide h1 img { display: none;}
	/* .self-check .tit-box { padding-top: 30px; font-size: 2rem; text-align: center; line-height: 2.5rem;}
	.self-check .tit-box span { padding-right: 0; font-size: 1rem;} */
	.self-check .cont-wrap { margin-top: 10px; padding: 30px 15px; text-align: center;}
	.self-check .cont-wrap .info-guide { float: none; width: 100%; min-height: 100px; border-right: none; border-bottom: 1px dashed #e4e4e4; padding-bottom: 30px}
	.self-check .cont-wrap .info-guide h2 { margin: 0 0 10px; font-size: 1.8rem;}
	.self-check .cont-wrap .info-guide .tell-info { display: none-;}
	.diagnosis-wrap .chk-wrap { float: none; width: 100%; height: 640px; margin-top: 30px;}
	.self-check .cont-wrap .tell-info { left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
	.self-check .cont-wrap .tell-info p { font-size: 2rem;}
	.diagnosis-wrap .chk-wrap .first-tem { top: 20%; left: 50%; -webkit-transform: translate(-50%,-20%); transform: translate(-50%,-20%); font-size: 1.5rem;}
	.diagnosis-wrap .chk-wrap .first-tem h2 { font-size: 3.5rem; line-height: 4.1rem;}
	.diagnosis-wrap .chk-wrap .first-tem p { padding: 20px 0 0; font-size: 1.1rem; background: none;}
	.diagnosis-wrap .chk-wrap .move_pc { bottom: 200px !important;}
	.tab-bg { display: none;}
	.diagnosis-wrap .chk-wrap .step-wrap .step { margin-bottom: 30px;}
	.diagnosis-wrap .chk-wrap .step-wrap .step li .bg-step { width: 40px; height: 40px;}
	.diagnosis-wrap .chk-wrap .step-wrap .step li i { font-size: 1.2rem; line-height: 2.5rem; margin-bottom: 10px;}
	.diagnosis-wrap .chk-wrap .step-wrap .step li { width: 20%; margin: 0 1% 40px; font-size: 0.8rem; background-size: 5px; background-position:  center right 5px;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 { padding-bottom: 15px; font-size: 1.2rem; text-align: left;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 span.text-q { color:#acacac; font-size:1.3rem; vertical-align: middle; padding-right: 5px;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 span.text-s { display: block; margin-left: 30px; font-size: 1rem;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul { margin-left: 0px; padding:0;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li { font-size:1rem; text-align: left;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=text] { width: 93%; height:40px; padding:0 5px;}
	.mb80 { margin-bottom: 40px !important}
	.diagnosis-wrap .chk-wrap .move_btn a.white { width:90px;  height:45px; background-image: none; text-align: center; line-height: 48px; padding-right:0; font-size: 1rem;}
	.diagnosis-wrap .chk-wrap .move_btn a.back { width:90px;  height:45px; background-image: none; text-align: center; line-height: 48px; padding-right:0; font-size: 1rem;}
	.diagnosis-wrap .chk-wrap .move_btn a.next { width:90px; height:45px; background-image: none; text-align: center; line-height: 48px; padding-left:0; font-size:1rem; margin-right: 0;}
	.diagnosis-wrap .chk-wrap .move_btn a.block
	 { width: 90% !important; margin: 0 auto; background:#00b0a8 url('image/ico-arrow.png') no-repeat center right 30px; background-size: 10px; font-size:1.5rem; line-height:75px; padding-left: 40px; text-align: left;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li { margin-bottom: 0px;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio] + label,
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox] + label { min-height: 35px; line-height: 35px; padding:0 0 0 10px; background-size: 20px; font-size: 0.9rem;}
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio]:checked + label,
	.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox]:checked + label { background-size: 20px;}
	.diagnosis-wrap .last-tem .text h3 { font-size: 1.5rem;}
	.diagnosis-wrap .last-tem .text h5 { font-size: 1rem; line-height: 22px;}
	.diagnosis-wrap .chk-wrap #submit_btn{  width:100px; height:45px; background-image: none; text-align: center; line-height: 48px; padding-left:0; font-size:1rem; margin-right: 0;}
	.diagnosis-wrap .last-tem .table li input[type=text] {width: 90%;}
}

.grecaptcha-badge {
    visibility: hidden;
}