/*@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css"); /* ±¸±Û ³ª´®°íµñ À¥ÆùÆ® Ãß°¡*/
@font-face {
    font-family:'Nanum Gothic';
    src: url('/lims/font/NanumGothic.eot');
    src: url('/lims/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/lims/font/NanumGothic.woff') format('woff'),
         url('/lims/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Nanum GothicBold';
    src: url('/lims/font/NanumGothicBold.eot');
    src: url('/lims/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/lims/font/NanumGothicBold.woff') format('woff'),
         url('/lims/font/NanumGothicBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

	body {font-family:Pretendard;}
/************************************************************* Layout *************************************************************/
    div#introWrap {max-width:700px;width:100%;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
    div#introWrap .logo {padding-bottom:26px;text-align:center;max-width: 360px;width:70%;margin: 0 auto;}
    div#introWrap .logo img{width:100%; cursor:pointer;}
    div#introWrap div#introContents {display:flex;justify-content:center;margin-bottom:60px;padding:0 60px;gap:40px;}
        div#introContents div {position:relative;}
        div#introContents div > p {font-size:18px;color:#000;line-height:32px;margin:0 0 8px 0;position:relative;}
        div#introContents div > p span {font-size:13px;color:#817d7e;}
        div#introContents div > p > a {display:inline-block;position:absolute;right:0;top:3px;text-decoration:none;}
        div#introContents div > a.btndtlView {
            position:absolute;
            display:inline-block;
            width:103px;
            height:24px;
            background:url('/lims/images/intro/btn_dtlView.png') no-repeat;
            text-decoration:none;
            color:transparent;
            right:0;
            bottom:-24px;
            }
        div#introContents div ul {margin:0;padding:0;}
        div#introContents div ul li {list-style:none;margin-bottom:10px;}
        div#introContents div ul li a {display:inline-block;text-decoration:none;width:100%;padding:0 0 0px 0px;text-align:left;}
        div#introContents div ul li a:hover p {color:rgb(78 105 236); }
        div#introContents div ul li a p {line-height:18px;font-size:16px;color:#2B2D2F;margin:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
        div#introContents div ul li a span {line-height:18px;font-size:14px;color:#8991A6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


	.search_wrap{display:flex; gap:20px; justify-content:space-between;margin-bottom:24px;}
    div#introWrap div#introContainer p.sech {position: relative;width:100%;border-radius:30px;display:flex;align-items:center;box-shadow: 0px 4px 4px 0px rgba(187, 187, 187, 0.48);}
        div#introContainer p.sech a {position: absolute;text-decoration:none;font-size:16px;font-weight:bold;color:#ffffff00;display:inline-block;padding:0 10px;background:url('/lims/images/intro/img_search-btn.png') no-repeat center;width:66px;height:55px;}
        div#introContainer p.sech input {border: 1px solid #8991A6;border-radius:50px;font-size:17px;padding:4px 55px;height:55px;width:100%;box-sizing:border-box;background-color:transparent;flex-grow:1;}
        div#introContainer p.sech input::placeholder{color: #B9C0D2;}
        div#introContainer p.sech input:focus{outline-color: #4E69EC;outline-offset: 1px;}
    div#introFooter {width:100%; height:7%; border-top:1px solid #D8DDE8;position:fixed;bottom:0;background:#fff;}
    div#introFooter ul {margin:20px auto;padding:0;display:flex;flex-direction:column;align-items:center;}
    div#introFooter ul li {list-style:none;line-height:22px; text-align: center;}
    div#introFooter ul li.copy {font-size:12px;color:rgb(185 192 210);margin-top:5px;font-weight:500; text-align: center;}

	.chat-lawyer_btn{width:112px;height:55px;display:flex;gap:4px;justify-content:center;align-items:center;border:1px solid #4E69EC;border-radius:999px;transition-duration: 150ms;text-decoration:none;position:absolute;right:-135px;}
	.chat-lawyer_btn:hover{transform:scale(1.05);background-color: rgb(247 248 251)}
	.chat-lawyer_btn .chat-lawyer_title-wrap{font-weight:500;margin-left:-4px;}
	.chat-lawyer_btn .chat-lawyer_title-wrap p:first-child{color:#4E69EC;font-size:16px;}
	.chat-lawyer_btn .chat-lawyer_title-wrap p:last-child{color:#083360;font-size:13px}

.pc-only{display:block;}
.mobile-only{display:none;}
/* ¹Ìµð¾îÄõ¸® ¸ð¹ÙÀÏ */
@media (max-width: 500px) {
/*     #introWrap{max-width:500px;position:relative;transform: initial;left: initial;top: 30px;} */
	div#introWrap {top:60%;}
    div#introWrap div#introContents{flex-direction:column;gap:12px;}
    .search_wrap{padding:0 12px; gap: 10px;}
    div#introWrap div#introContents{padding:0 30px;}
    .pc-only{display:none;}
	.mobile-only{display:block;}

	/*     .chat-lawyer_btn{position: fixed;    right: 10px;top: 400px; z-index:9999} */

	/* 2025-04-28 */
	.chat-lawyer_btn{position: static; min-width: 100px;}
	div#introContainer p.sech input {padding-right: 5px;}
	div#introContents div ul {display: flex; flex-direction: column; align-items: center;}
	div#introContents div ul li {margin-bottom: 5px;}
	div#introContents div ul li a {text-align: center;}
	div#introFooter ul li.copy {text-align: center; margin-top: 5px;}
}
@media (max-width: 400px) {
/* 	div#introWrap {top: 55%;} */
	.chat-lawyer_btn {min-width: 90px;}
	.chat-lawyer_icon {width: 36px;}
	div#introContainer p.sech input {min-width: 225px; font-size: 14px; padding-left: 45px;}
	div#introContainer p.sech a {width: 55px; height: 44px;}
	div#introContents div ul li a p {font-size: 13px;}
	div#introContents div ul li a span {font-size: 11px;}
}
.ios-device input,
.ios-device select,
.ios-device textarea {
  font-size: 16px !important;
}