﻿
/*! mobile 버전 - css */
@media (max-width: 1023px){
.system-error-wrap #header{background-color:#fff;-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05)}
.system-error-wrap #header .logo a:lang(ko){background-image:url("../image/logo_pc_ko_on.svg")}
.system-error-wrap #header .logo a:lang(en){background-image:url("../image/logo_pc_en_on.svg")}
.system-error-wrap #header .logo a:lang(ja){background-image:url("../image/logo_pc_en_on.svg")}
.system-error-wrap #header .logo a:lang(zh){background-image:url("../image/logo_pc_en_on.svg")}
.system-error-wrap #header .btn-search-mobile .ico-header-search{background-image:url("../image/ico_header_mobile_search_black.png")}
.system-error-wrap #header .btn-all-menu .bar01,.system-error-wrap #header .btn-all-menu .bar02,.system-error-wrap #header .btn-all-menu .bar03{background-color:#000}
.system-error-wrap #header.patent-header .header-content .logo a:lang(ko){background-image:url("../image/logo_patent_pc_ko_on.svg")}
.system-error-wrap #header.patent-header .header-content .logo a:lang(en){background-image:url("../image/logo_patent_pc_en_on.svg")}
.system-error-wrap #header.patent-header .header-content .logo a:lang(ja){background-image:url("../image/logo_patent_pc_en_on.svg")}
.system-error-wrap #header.patent-header .header-content .logo a:lang(zh){background-image:url("../image/logo_patent_pc_en_on.svg")}
.systemError-container .top-visual{height:300px;background-color:#fff}
.error-system-container{display:table;width:100%;height:100%}
.error-system{display:table-cell;vertical-align:middle;width:100%;text-align:center;padding-top:130px;padding-top:13rem}
.error-system .tit .ico-system01{display:block;width:66px;width:6.6rem;height:50px;height:5rem;margin:0 auto;background:url("../image/ico_system01_mo.png") no-repeat right 0;background-size:66px 50px;background-size:6.6rem 5rem}
.error-system .tit .txt01{display:block;padding-top:30px;padding-top:3rem;font-size:18px;font-size:1.8rem;line-height:1.3;color:#333;font-weight:500}
.error-system .copy{margin-top:15px;margin-top:1.5rem;font-size:13px;font-size:1.3rem;padding:0 20px 0 20px;padding:0 2rem 0 2rem;line-height:1.625;color:#666;font-weight:300}
.error-system .copy br{display:none}
.search-box{position:relative;padding:40px 20px 48px 20px;padding:4rem 2rem 4.8rem 2rem;border-bottom:1px solid #ddd}
.search-box:after{content:'';width:100%;height:8px;height:0.8rem;background-color:#eee;position:absolute;left:0;bottom:0}
.search-box .in ul{position:relative}
.search-box .in li{height:45px;height:4.5rem;border:2px solid #ddd;border:0.2rem solid #ddd}
.search-box .in li.item1{width:100%;margin-bottom:15px;margin-bottom:1.5rem}
.search-box .in li.item2{width:100%;padding-right:45px;padding-right:4.5rem}
.search-box .in li.item3{position:absolute;right:0;bottom:0;border:none}
.search-box .in .input-txt,.search-box .in .selectbox{border:none;background:#fff;height:100%}
.search-box .in .input-txt input,.search-box .in .input-txt select,.search-box .in .selectbox input,.search-box .in .selectbox select{display:block;height:100%;line-height:41px;line-height:4.1rem}
.search-box .in .btn-search{display:block;width:45px;width:4.5rem;padding-top:13px;padding-top:1.3rem;height:45px;height:4.5rem;background:#444;text-align:center}
.search-box .in .btn-search i{width:18px;width:1.8rem;height:18px;height:1.8rem}
.search-box .in .btn-search i:before{width:14px;width:1.4rem;height:14px;height:1.4rem;border:2px solid #fff;border:0.2rem solid #fff}
.search-box .in .btn-search i:after{height:2px;height:0.2rem;right:-1px;right:-0.1rem;bottom:0;bottom:0}
.search-box{position:relative;padding:40px 20px 48px 20px;padding:4rem 2rem 4.8rem 2rem;border-bottom:1px solid #ddd}
.search-box:after{content:'';width:100%;height:8px;height:0.8rem;background-color:#eee;position:absolute;left:0;bottom:0}
.search-box .in ul{position:relative}
.search-box .in li{border:2px solid #ddd;border:0.2rem solid #ddd;height:45px;height:4.5rem}
.search-box .in li.item1{width:100%;margin-bottom:15px;margin-bottom:1.5rem}
.search-box .in li.item2{width:100%;padding-right:45px;padding-right:4.5rem}
.search-box .in li.item3{position:absolute;right:0;bottom:0;border:0}
.search-box .in .input-txt,.search-box .in .selectbox{border:none;background:#fff}
.search-box .in .input-txt input,.search-box .in .input-txt select,.search-box .in .selectbox input,.search-box .in .selectbox select{height:41px;height:4.1rem}
.search-box .in .btn-search{width:45px;width:4.5rem;padding-top:12px;padding-top:1.2rem;height:100%;display:block;background:#444;text-align:center}
.search-box .in .btn-search i{width:22px;width:2.2rem;height:25px;height:2.5rem}
.search-box .in .btn-search i:before{width:18px;width:1.8rem;height:18px;height:1.8rem;border:2px solid #fff;border:0.2rem solid #fff}
.search-box .in .btn-search i:after{height:2px;height:0.2rem;right:-2px;right:-0.2rem;bottom:2px;bottom:0.2rem}
.search-box .txt{margin-top:27px;margin-top:2.7rem;font-size:16px;font-size:1.6rem;line-height:1.3125;color:#666;text-align:center}
.search-box .txt span{color:#2594c0;font-weight:500;vertical-align:top}
.tab-nav-container.sticky{position:fixed;left:0;
    /* top:60px;top:6rem; */

    width:100%;background:#fff;z-index:90;-webkit-box-shadow:1px 10px 20px #ececec;box-shadow:1px 10px 20px #ececec}
.tab-nav-container.sticky .tab-nav{margin:0 auto;max-width:1240px;width:100%}
}
@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1239px){
.tab-nav-container.sticky .tab-nav{max-width:1024px}
}
@media (max-width: 1023px){
.tab-nav-container.sticky .tab-nav .tab-link:hover{background-color:#f5f5f5}
.tab-nav-container.sticky .tab-nav .tab-link:hover .txt{color:#666}
.tab-nav-container.sticky .tab-nav .tab-link.on{background-color:#2594c0}
.tab-nav-container.sticky .tab-nav .tab-link.on .txt{color:#fff}
.tab-nav-container.sticky .tab-nav .tab-link.on .hide-txt{display:inline-block}
.tit-type1{margin-top:47px;margin-top:4.7rem;font-size:23px;font-size:2.3rem;line-height:1.217;font-weight:500}
.tit-type1 span{color:#333}
.tit-type1 strong{color:#2594c0}
.tit-type1.no-space{margin-top:0}
.business-section{padding:0 20px;padding:0 2rem;border-bottom:1px solid #ddd}
.business-section.active{margin-top:159px;margin-top:15.9rem}
.business-section ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:22px 0 35px;padding:2.2rem 0 3.5rem}
.business-section ul li{width:50%;margin-bottom:9px;margin-bottom:0.9rem}
.business-section ul li a{display:inline-block;position:relative;padding-left:13px;padding-left:1.3rem;font-size:14px;font-size:1.6rem;line-height:1.714;color:#2594c0;font-weight:300}
.business-section ul li a:before{content:'';display:block;position:absolute;left:6px;left:0.6rem;top:12px;top:1.2rem;width:3px;width:0.3rem;height:3px;height:0.3rem;background:#2594c0}
.business-section ul li:nth-child(2n) a{margin-left:15px;margin-left:1.5rem}
.business-section ul li.no-search-results{width:100%;margin-bottom:-20px;margin-top:-10px}
.member-section{padding:0 20px;padding:0 2rem}
.member-section ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:23px;padding-top:2.3rem;margin-left:-19px;margin-left:-1.9rem}
.member-section ul li{position:relative;margin-bottom:30px;margin-bottom:3rem;width:50%}
.member-section ul li a{display:block;position:relative;margin-left:19px;margin-left:1.9rem}
.member-section ul li .img img{width:100%}
.member-section ul li .txt1{padding:17px 0 4px;padding:1.7rem 0 0.4rem;font-size:16px;font-size:1.6rem;line-height:1.3125;font-weight:500;color:#333}
.member-section ul li .txt2{padding:0 0 7px;padding:0 0 0.7rem;font-size:14px;font-size:1.4rem;line-height:1.357;color:#999}
.member-section ul li .txt3{padding:0 0 6px;padding:0 0 0.6rem;font-size:14px;font-size:1.4rem;line-height:1.357;color:#333}
.member-section ul li .email{display:block;position:absolute;right:0;right:0;bottom:0;bottom:0;width:40px;width:4rem;height:40px;height:4rem;background:url("../image/ico_email1_mo.png") no-repeat 0 0;background-size:100% 100%}
.member-section ul li.no-search-results{width:100%;margin-left:19px;margin-bottom:-30px;margin-top:-10px}
.member-section .btn-area{text-align:center}
.insite-section .ing{position:absolute;right:0;right:0;top:30px;top:3rem;display:inline-block;width:60px;width:6rem;height:60px;height:6rem;line-height:1.4;padding:14px 15px 0 15px;padding:1.4rem 1.5rem 0 1.5rem;font-size:12px;font-size:1.2rem;border-radius:60px;border-radius:6rem;text-align:center;font-weight:500;color:#fff;background:#4ac5f8}
.insite-section .end{position:absolute;right:0;right:0;top:30px;top:3rem;display:inline-block;width:60px;width:6rem;height:60px;height:6rem;line-height:1.4;padding:14px 15px 0 15px;padding:1.4rem 1.5rem 0 1.5rem;font-size:12px;font-size:1.2rem;border-radius:60px;border-radius:6rem;text-align:center;font-weight:500;color:#999;background:#f5f5f5}
.insite-section .tit-type1{margin:47px 20px 0;margin:4.7rem 2rem 0}
.insite-section .sorting{margin:33px 0 0;margin:3.3rem 0 0}
.insite-section .sorting a{display:block;position:relative;float:left;width:25%;font-size:14px;font-size:1.4rem;line-height:1.5;color:#666;text-align:center}
.insite-section .sorting a span{display:block}
.insite-section .sorting a:before{content:'';display:block;position:absolute;left:0;top:3px;top:0.3rem;width:1px;height:35px;height:3.5rem;background:#ddd}
.insite-section .sorting a:first-child{padding-left:0}
.insite-section .sorting a:first-child:before{display:none}
.insite-section .sorting a.on{color:#2594c0}
.insite-section .list{margin-top:27px;margin-top:2.7rem;border-top:2px solid #666;border-top:0.2rem solid #666;border-bottom:1px solid #999}
.insite-section .list ul li{padding:0 20px;padding:0 2rem;border-top:1px solid #ddd}
.insite-section .list ul li a{width:100%;display:inline-block;position:relative;padding:27px 0 56px;padding:2.7rem 0 5.6rem}
.insite-section .list ul li a .tit{padding-right:80px;padding-right:8rem}
.insite-section .list ul li a .tit.type01{padding-right:40px;padding-right:4rem;}
.insite-section .list ul li:first-child{border:none}
.insite-section .list .category{margin-bottom:6px;margin-bottom:0.6rem;font-size:14px;font-size:1.4rem;line-height:1.357}
.insite-section .list .category strong{display:block;color:#2594c0}
.insite-section .list .category span{display:block;position:absolute;left:0;left:0;bottom:25px;bottom:2.5rem;color:#999}
.insite-section .list .tit{font-size:17px;font-size:1.7rem;line-height:1.294;color:#333}
.insite-section .page-nav-container{margin-top:40px;margin-top:4rem}
/*! 법적고지 */
.tab-nav-container.h80 .tab-nav .tab-item{height:60px;height:6rem}
.tab-nav-container.h80 .tab-nav .tab-item .m-show{display:block}
.tab-nav-container.h80 .tab-nav .tab-link .txt{font-size:14px;font-size:1.4rem;font-weight:400}
/*! 개인정보처리방침 */
.editor-wrap{margin:50px 0 0 0;margin:5rem 0 0 0;padding:0 20px;padding:0 2rem;font-size:14px;font-size:1.4rem;color:#666;line-height:1.7}
.editor-wrap br{display:none}
.editor-wrap .line-top{padding:44px 0 29px 0;padding:4.4rem 0 2.9rem 0;margin-top:50px;margin-top:5rem;border-top:1px solid #ddd}
.editor-wrap .line-top + div.tit{margin-top:0}
.editor-wrap .interval20{padding-left:17px;padding-left:1.7rem;text-indent:-17px;text-indent:-1.7rem}
.editor-wrap h2{margin-bottom:25px;margin-bottom:2.5rem;font-size:23px;font-size:2.3rem;color:#333;font-weight:500}
.editor-wrap .privacy-role dt{margin-bottom:10px;margin-bottom:1rem;font-size:15px;font-size:1.5rem;color:#2594c0;line-height:1.625;font-weight:500}
.editor-wrap .privacy-role dd{line-height:1.7}
.editor-wrap .privacy-list .privacy-bx{width:100%;margin-top:31px;margin-top:3.1rem}
.editor-wrap .privacy-list .privacy-bx strong{display:block;margin-bottom:7px;margin-bottom:0.7rem;color:#333;font-size:15px;font-size:1.5rem;font-weight:500}
.editor-wrap .privacy-list .privacy-bx li{position:relative;margin-bottom:9px;margin-bottom:0.9rem;padding:0 0 0 12px;padding:0 0 0 1.2rem;color:#2594c0;line-height:1.7}
.editor-wrap .privacy-list .privacy-bx li:last-child{margin-bottom:0}
.editor-wrap .privacy-list .privacy-bx li:before{content:'';width:3px;width:0.3rem;height:3px;height:0.3rem;position:absolute;left:0;top:12px;top:1.2rem;background-color:#2594c0}
.editor-wrap .privacy-list .privacy-bx li a{border-bottom:1px solid #2594c0}
.editor-wrap .detail-bx h3{font-size:23px;font-size:2.3rem;color:#333;font-weight:500;line-height:1.4}
.editor-wrap .detail-bx .tit{display:block;margin-top:35px;margin-top:3.5rem;font-size:15px;font-size:1.5rem;color:#2594c0;font-weight:500;line-height:1.7}
.editor-wrap .detail-bx .txt-copy01{margin-top:8px;margin-top:0.8rem}
.editor-wrap .detail-bx .txt-copy02{margin:25px 0 0;margin:2.5rem 0 0;color:#003}
.editor-wrap .list-type01{margin-top:11px;margin-top:1.1rem}
.editor-wrap .list-type01 > li{padding-left:18px;padding-left:1.8rem;text-indent:-18px;text-indent:-1.8rem}
.editor-wrap .list-type01 > li{margin-bottom:10px;margin-bottom:1rem}
.editor-wrap .list-type01 .list-sub{margin:11px 0 20px;margin:1.1rem 0 2rem}
.editor-wrap .list-type01 .list-sub li{padding-left:17px;padding-left:1.7rem;text-indent:-17px;text-indent:-1.7rem}
.editor-wrap .list-type01 dl{margin-top:10px;margin-top:1rem;margin-left:-17px;margin-left:-1.7rem;padding:0;text-indent:0}
.editor-wrap .list-type01 dt{color:#003}
.editor-wrap .list-type01 dd{padding-left:17px;padding-left:1.7rem}
.editor-wrap .list-type01 .a-link{color:#2594c0;vertical-align:1px}
.editor-wrap .list-type01.single{margin-top:18px;margin-top:1.8rem}
.editor-wrap .list-type01.single li{margin-bottom:8px;margin-bottom:0.8rem;padding-left:16px;padding-left:1.6rem;text-indent:-16px;text-indent:-1.6rem}
.editor-wrap .space01{margin-bottom:25px;margin-bottom:2.5rem}
.editor-wrap .editor-table01{width:100%;margin-top:15px;margin-top:1.5rem;border-width:2px 0 1px 0;border-width:0.2rem 0 0.1rem 0;border-style:solid;border-color:#333;border-bottom-color:#999}
.editor-wrap .editor-table01 table{width:100%}
.editor-wrap .editor-table01 .row-type1 .col01{width:125px;width:12.5rem}
.editor-wrap .editor-table01 tbody td,.editor-wrap .editor-table01 tbody th{padding:18px 15px 18px 15px;padding:1.8rem 1.5rem 1.8rem 1.5rem;border-bottom:1px solid #ddd;text-align:left}
.editor-wrap .editor-table01 tbody th{color:#333;background-color:#f9f9f9}
.editor-wrap .editor-table01 tbody td{padding-right:0;vertical-align:middle}
.editor-wrap .editor-table01 tbody td.align-l{text-align:left}
.editor-wrap .editor-table01 tbody td.align-r{text-align:right}
.editor-wrap .editor-table01 tbody tr:last-child td,.editor-wrap .editor-table01 tbody tr:last-child th{border:0}
.editor-wrap .editor-table02{width:100%;margin-top:17px;margin-top:1.7rem;border-width:2px 0 1px 0;border-width:0.2rem 0 0.1rem 0;border-style:solid;border-color:#333;border-bottom-color:#999}
.editor-wrap .editor-table02 table{width:100%;table-layout:fixed}
.editor-wrap .editor-table02 .col-type1 col{width:25%}
.editor-wrap .editor-table02 .col-type2 col{width:20%}
.editor-wrap .editor-table02 thead th{color:#333;background-color:#f9f9f9}
.editor-wrap .editor-table02 tbody td,.editor-wrap .editor-table02 thead th{padding:14px 10px 14px;padding:1.4rem 1rem 1.4rem;border-right:1px solid #ddd;text-align:center}
.editor-wrap .editor-table02 tbody td{border-top:1px solid #ddd}
.editor-wrap .editor-table02 tbody td:last-child,.editor-wrap .editor-table02 thead th:last-child{border-right:0}
/*! 약관 브래드크럼 + 탭 여백 스타일 */
.law-emailReject-container .tab-nav-container,.law-exemption-container .tab-nav-container,.law-limitedLiability-container .tab-nav-container,.law-privacy-container .tab-nav-container{padding-top:15px;padding-top:1.5rem}
.law-emailReject-container .tab-nav-container:after,.law-exemption-container .tab-nav-container:after,.law-limitedLiability-container .tab-nav-container:after,.law-privacy-container .tab-nav-container:after{content:'';width:100%;height:15px;height:1.5rem;background-color:#eee;position:absolute;left:0;top:0;border-bottom:1px solid #ddd}
.law-emailReject-container .tab-nav-container .tab-nav .tab-item:after,.law-exemption-container .tab-nav-container .tab-nav .tab-item:after,.law-limitedLiability-container .tab-nav-container .tab-nav .tab-item:after,.law-privacy-container .tab-nav-container .tab-nav .tab-item:after{content:'';width:100%;height:15px;height:1.5rem;background-color:#eee;position:absolute;left:0;top:-15px;top:-1.5rem;border-bottom:1px solid #ddd}
}
@media (min-width: 1366px){
    .tab-nav-container.sticky{
        animation:forwards .6s tabContPC;
    }
}
@media (max-width: 1367px){
    .tab-nav-container.sticky{
        animation:forwards .6s tabContMo;
    }

}

@media (min-width: 1024px){
.system-error-wrap{height:-webkit-calc(100vh - 100px);height:calc(100vh - 100px)}
.system-error-wrap .systemError-container{height:100%}
.system-error-wrap #content{height:100%}
.system-error-wrap #header{background:#fff;-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05)}
.system-error-wrap #header .header-content .logo a:lang(ko){background-image:url("../image/logo_pc_ko_on.svg")}
.system-error-wrap #header .header-content .logo a:lang(en){background-image:url("../image/logo_pc_en_on.svg")}
.system-error-wrap #header .header-content .logo a:lang(ja){background-image:url("../image/logo_pc_en_on.svg")}
.system-error-wrap #header .header-content .logo a:lang(zh){background-image:url("../image/logo_pc_en_on.svg")}
.system-error-wrap #header .header-content .gnb > ul > li > a > span{color:#333}
.system-error-wrap #header .header-content .gnb > ul > li > a.on > span{color:#4ac5f8}
.system-error-wrap #header .header-content .btn-map .ico-header-map{display:inline-block;background:url("../image/ico_header_map_black.png") no-repeat 0 0;width:20px;width:2rem;height:27px;height:2.7rem}
.system-error-wrap #header .header-content .lang-select > a .ico-lang.kr{background-image:url("../image/ico_lang_ko_black.png")}
.system-error-wrap #header .header-content .lang-select > a .ico-lang.en{background-image:url("../image/ico_lang_en_black.png")}
.system-error-wrap #header .header-content .lang-select > a .ico-lang.jp{background-image:url("../image/ico_lang_jp_black.png")}
.system-error-wrap #header .header-content .lang-select > a .ico-lang.cn{background-image:url("../image/ico_lang_cn_black.png")}
.system-error-wrap #header .header-content .btn-search .ico-header-search{display:inline-block;width:22px;width:2.2rem;height:25px;height:2.5rem;background:url("../image/ico_header_search_black.png") no-repeat center center}
.system-error-wrap #header .header-content .btn-header-link .bg-area{background-image:url("../image/bg_header_btn_corner0202.png")}
.system-error-wrap #header .header-content .btn-header-link .bg-area::after{background-image:url("../image/bg_header_btn_corner0201.png")}
.system-error-wrap #header .header-content .btn-header-link .txt{color:#2594c0}
.system-error-wrap #header.patent-header .header-content .logo a:lang(ko){background-image:url("../image/logo_patent_pc_ko_on.svg")}
.system-error-wrap #header.patent-header .header-content .logo a:lang(en){background-image:url("../image/logo_patent_pc_en_on.svg")}
.system-error-wrap #header.patent-header .header-content .logo a:lang(ja){background-image:url("../image/logo_patent_pc_en_on.svg")}
.system-error-wrap #header.patent-header .header-content .logo a:lang(zh){background-image:url("../image/logo_patent_pc_en_on.svg")}
.system-error-wrap #footer{position:absolute;width:100%;bottom:0;left:0}
.systemError-container .top-visual{height:300px;background-color:#fff}
.error-system-container{display:table;width:100%;height:100%}
.error-system{display:table-cell;vertical-align:middle;width:100%;text-align:center}
.error-system .tit .ico-system01{display:block;width:107px;width:10.7rem;height:82px;height:8.2rem;margin:0 auto;background:url("../image/ico_system01.png") no-repeat right 0}
.error-system .tit .txt01{display:block;padding-top:30px;padding-top:3rem;font-size:28px;font-size:2.8rem;line-height:1.3;color:#333;font-weight:500}
.error-system .copy{margin-top:15px;margin-top:1.5rem;font-size:16px;font-size:1.6rem;line-height:1.625;color:#666;font-weight:300}
.search-box{margin-bottom:60px;margin-bottom:6rem;padding:80px 0 45px;padding:8rem 0 4.5rem;background:#fafafa;border:1px solid #eee}
.search-box .in{margin:0 auto;width:58.1%}
.search-box .in ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}
.search-box .in li{height:60px;height:6rem;border:2px solid #ddd;border:0.2rem solid #ddd}
.search-box .in li.item1{width:20%;border-right:0}
.search-box .in li.item2{width:80%;padding-right:60px;padding-right:6rem}
.search-box .in li.item2.solo{width:100%}
.search-box .in li.item3{position:absolute;right:0;top:0;border:0}
.search-box .in .input-txt,.search-box .in .selectbox{border:none;background:#fff}
.search-box .in .input-txt input,.search-box .in .input-txt select,.search-box .in .selectbox input,.search-box .in .selectbox select{height:56px;height:5.6rem}
.search-box .in .btn-search{width:60px;width:6rem;padding-top:18px;padding-top:1.8rem;height:100%;display:block;background:#444;text-align:center}
.search-box .in .btn-search i{width:22px;width:2.2rem;height:25px;height:2.5rem}
.search-box .in .btn-search i:before{width:18px;width:1.8rem;height:18px;height:1.8rem;border:2px solid #fff;border:0.2rem solid #fff}
.search-box .in .btn-search i:after{height:2px;height:0.2rem;right:-2px;right:-0.2rem;bottom:2px;bottom:0.2rem}
.search-box .txt{margin-top:17px;margin-top:1.7rem;font-size:20px;font-size:2rem;line-height:1.5;color:#666;text-align:center}
.search-box .txt span{color:#2594c0;font-weight:500;vertical-align:top}
.tab-nav-container.sticky{position:fixed;left:0;
    /* top:90px;top:9rem; */
    width:100%;background:#fff;z-index:90;-webkit-box-shadow:1px 10px 20px #ececec;box-shadow:1px 10px 20px #ececec;

}
.tab-nav-container.sticky .tab-nav{margin:0 auto;max-width:1240px;width:100%}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1239px){
.tab-nav-container.sticky .tab-nav{max-width:1024px}
}
@media (min-width: 1024px){
.tit-type1{margin-top:55px;margin-top:5.5rem;font-size:28px;font-size:2.8rem;line-height:1.357;font-weight:500}
.tit-type1 span{color:#333}
.tit-type1 strong{color:#2594c0}
.tit-type1.no-space{margin-top:0}
.business-section{border-bottom:1px solid #ddd}
.business-section.active{margin-top:185px;margin-top:18.5rem}
.business-section ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px 0 22px;padding:2rem 0 2.2rem}
.business-section ul li{width:25%;margin-bottom:24px;margin-bottom:2.4rem}
.business-section ul li a{display:inline-block;position:relative;padding-left:19px;padding-left:1.9rem;font-size:16px;font-size:2rem;line-height:1.625;color:#2594c0;font-weight:300}
.business-section ul li a:before{content:'';display:block;position:absolute;left:6px;left:0.6rem;top:12px;top:1.2rem;width:3px;width:0.3rem;height:3px;height:0.3rem;background:#2594c0}
.business-section ul li.no-search-results{width:100%;margin-bottom:-20px;margin-top:-10px}
.member-section ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:23px;padding-top:2.3rem;margin-left:-29px;margin-left:-2.9rem}
.member-section ul li{position:relative;margin-bottom:50px;margin-bottom:5rem;width:20%}
.member-section ul li a{display:block;position:relative;margin-left:29px;margin-left:2.9rem}
.member-section ul li .img img{width:100%}
.member-section ul li .txt1{padding:14px 0 0 2px;padding:1.4rem 0 0 0.2rem;font-size:20px;font-size:2rem;line-height:1.5;font-weight:500;color:#333}
.member-section ul li .txt2{padding:0 0 0 2px;padding:0 0 0 0.2rem;font-size:16px;font-size:1.6rem;line-height:1.625;color:#999}
.member-section ul li .txt3{padding:8px 0 10px 2px;padding:0.8rem 0 1rem 0.2rem;font-size:16px;font-size:1.6rem;line-height:1.625;color:#333}
.member-section ul li .email{display:block;position:absolute;right:0;right:0;bottom:0;bottom:0;width:48px;width:4.8rem;height:48px;height:4.8rem;background:url("../image/ico_email1.png") no-repeat 0 0;background-size:100% 100%}
}
@media (min-width: 1024px) and (max-width: 1239px){
.member-section ul li .email{right:10px;right:1rem;bottom:10px;bottom:1rem;width:36px;width:3.6rem;height:36px;height:3.6rem}
}
@media (min-width: 1024px){
.member-section ul li.no-search-results{width:100%;margin-left:29px;margin-bottom:-10px;margin-top:-10px}
.member-section .btn-area{padding-top:10px;padding-top:1rem;text-align:center}
.insite-section .ing{position:absolute;top:50%;right:20px;right:2rem;margin-top:-35px;margin-top:-3.5rem;display:inline-block;width:70px;width:7rem;height:70px;height:7rem;line-height:70px;line-height:7rem;font-size:14px;font-size:1.4rem;border-radius:70px;border-radius:7rem;text-align:center;font-weight:500;color:#fff;background:#4ac5f8}
.insite-section .end{position:absolute;top:50%;right:20px;right:2rem;margin-top:-35px;margin-top:-3.5rem;display:inline-block;width:70px;width:7rem;height:70px;height:7rem;line-height:70px;line-height:7rem;font-size:14px;font-size:1.4rem;border-radius:70px;border-radius:7rem;text-align:center;font-weight:500;color:#999;background:#f5f5f5}
.insite-section .sorting{margin-top:28px;margin-top:2.8rem}
.insite-section .sorting a{display:block;position:relative;float:left;margin-right:17px;margin-right:1.7rem;padding-left:17px;padding-left:1.7rem;font-size:20px;font-size:2rem;line-height:1.5;color:#666}
.insite-section .sorting a span{vertical-align:top}
.insite-section .sorting a:before{content:'';display:block;position:absolute;left:0;top:5px;top:0.5rem;width:1px;height:19px;height:1.9rem;background:#ddd}
.insite-section .sorting a:first-child{padding-left:0}
.insite-section .sorting a:first-child:before{display:none}
.insite-section .sorting a.on{color:#2594c0}
.insite-section .list{margin-top:26px;margin-top:2.6rem;border-top:2px solid #666;border-top:0.2rem solid #666;border-bottom:1px solid #999}
.insite-section .list ul li{border-top:1px solid #ddd}
.insite-section .list ul li a{width:100%;position:relative;display:inline-block;margin:34px 0;margin:3.4rem 0}
.insite-section .list ul li:first-child{border:none}
.insite-section .list .category{margin-bottom:7px;margin-bottom:0.7rem;font-size:16px;font-size:1.6rem;line-height:1.625}
.insite-section .list .category strong{position:relative;display:inline-block;color:#2594c0;vertical-align:top}
.insite-section .list .category span{display:inline-block;position:relative;color:#999;vertical-align:top}
.insite-section .list .category strong + span{margin-left:10px;margin-left:1rem;padding-left:12px;padding-left:1.2rem}
.insite-section .list .category strong + span:before{content:'';display:block;position:absolute;left:0;top:6px;top:0.6rem;width:1px;height:15px;height:1.5rem;background:#ddd}
.insite-section .list .tit{font-size:20px;font-size:2rem;line-height:1.5;color:#333}
.insite-section .page-nav-container{margin-top:40px;margin-top:4rem}
/*! 법적고지 */
.tab-nav-container.h80 .tab-nav .tab-item{height:80px;height:8rem}
.m-show{display:none!important}
/*! 개인정보처리방침 */
.editor-wrap{margin:80px 0 0 0;margin:8rem 0 0 0;font-size:16px;font-size:1.6rem;color:#666;line-height:1.625;font-weight:300;letter-spacing:-0.5px}
.editor-wrap .line-top{padding:60px 0 29px 0;padding:6rem 0 2.9rem 0;margin-top:63px;margin-top:6.3rem;border-top:1px solid #ddd}
.editor-wrap .line-top + div.tit{margin-top:0}
.editor-wrap .interval20{padding-left:20px;padding-left:2rem;text-indent:-20px;text-indent:-2rem}
.editor-wrap h2{margin-bottom:25px;margin-bottom:2.5rem;font-size:28px;font-size:2.8rem;color:#333;font-weight:500}
.editor-wrap .privacy-role dt{margin-bottom:10px;margin-bottom:1rem;font-size:18px;font-size:1.8rem;color:#2594c0;line-height:1.4;font-weight:500}
.editor-wrap .privacy-role dd{line-height:1.7}
.editor-wrap .privacy-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:31px;margin-top:3.1rem}
.editor-wrap .privacy-list .privacy-bx{width:50%}
.editor-wrap .privacy-list .privacy-bx strong{display:block;margin-bottom:11px;margin-bottom:1.1rem;color:#333;font-size:18px;font-size:1.8rem;font-weight:500}
.editor-wrap .privacy-list .privacy-bx li{position:relative;margin-bottom:19px;margin-bottom:1.9rem;padding:0 20px 0 13px;padding:0 2rem 0 1.3rem;color:#2594c0;line-height:1}
.editor-wrap .privacy-list .privacy-bx li:last-child{margin-bottom:0}
.editor-wrap .privacy-list .privacy-bx li:before{content:'';width:3px;width:0.3rem;height:3px;height:0.3rem;position:absolute;left:0;top:11px;top:1.1rem;background-color:#2594c0}
.editor-wrap .privacy-list .privacy-bx li a{border-bottom:1px solid #2594c0}
.editor-wrap .detail-bx h3{font-size:28px;font-size:2.8rem;color:#333;font-weight:500}
.editor-wrap .detail-bx .tit{display:block;margin-top:58px;margin-top:5.8rem;font-size:18px;font-size:1.8rem;color:#2594c0;font-weight:500}
.editor-wrap .detail-bx .txt-copy01{margin-top:12px;margin-top:1.2rem}
.editor-wrap .detail-bx .txt-copy02{margin:30px 0 0;margin:3rem 0 0;color:#003}
.editor-wrap .list-type01{margin-top:11px;margin-top:1.1rem}
.editor-wrap .list-type01 > li{padding-left:20px;padding-left:2rem;text-indent:-20px;text-indent:-2rem}
.editor-wrap .list-type01 > li{margin-bottom:15px;margin-bottom:1.5rem}
.editor-wrap .list-type01 .list-sub{margin:7px 0 17px;margin:0.7rem 0 1.7rem}
.editor-wrap .list-type01 .list-sub li{padding-left:17px;padding-left:1.7rem;text-indent:-17px;text-indent:-1.7rem}
.editor-wrap .list-type01 dl{margin-top:16px;margin-top:1.6rem;margin-left:-17px;margin-left:-1.7rem;padding:0;text-indent:0}
.editor-wrap .list-type01 dt{color:#003}
.editor-wrap .list-type01 dd{padding-left:17px;padding-left:1.7rem}
.editor-wrap .list-type01 .a-link{color:#2594c0;vertical-align:1px}
.editor-wrap .list-type01.single{margin-top:18px;margin-top:1.8rem}
.editor-wrap .list-type01.single li{margin-bottom:8px;margin-bottom:0.8rem}
.editor-wrap .space01{margin-bottom:40px;margin-bottom:4rem}
.editor-wrap .editor-table01{width:100%;max-width:1280px;margin-top:17px;margin-top:1.7rem;border-top:1px solid #333;border-bottom:1px solid #333}
.editor-wrap .editor-table01 table{width:100%}
.editor-wrap .editor-table01 .row-type1 .col01{width:240px;width:24rem}
.editor-wrap .editor-table01 tbody td,.editor-wrap .editor-table01 tbody th{padding:18px 0 18px 30px;padding:1.8rem 0 1.8rem 3rem;border-bottom:1px solid #ddd;text-align:left}
.editor-wrap .editor-table01 tbody th{color:#333;background-color:#f5f5f5}
.editor-wrap .editor-table01 tbody td{vertical-align:middle}
.editor-wrap .editor-table01 tbody td.align-l{text-align:left}
.editor-wrap .editor-table01 tbody td.align-r{text-align:right}
.editor-wrap .editor-table01 tbody tr:last-child td,.editor-wrap .editor-table01 tbody tr:last-child th{border:0}
.editor-wrap .editor-table02{width:100%;max-width:1280px;margin-top:17px;margin-top:1.7rem;border-top:1px solid #333;border-bottom:1px solid #333}
.editor-wrap .editor-table02 table{width:100%;table-layout:fixed}
.editor-wrap .editor-table02 .col-type1 col{width:25%}
.editor-wrap .editor-table02 .col-type2 col{width:20%}
.editor-wrap .editor-table02 thead th{color:#333;background-color:#f9f9f9}
.editor-wrap .editor-table02 tbody td,.editor-wrap .editor-table02 thead th{padding:18px 0 18px;padding:1.8rem 0 1.8rem;border-right:1px solid #ddd;text-align:center}
.editor-wrap .editor-table02 tbody td{border-top:1px solid #ddd}
.editor-wrap .editor-table02 tbody td:last-child,.editor-wrap .editor-table02 thead th:last-child{border-right:0}
}





/*!
 * 작업날짜: 20210705
 * 프로젝트명: 고도화 작업
 * 수정내용: 법무법인, 특허법인 통합 검색결과 페이지 제작
 * 참고 : 신규 타이틀 영역 추가
 */
 /*! mobile 버전 - css */
@media (max-width: 1023px){
   .search-title01{
      margin-top: 47px;
      margin-top: 4.7rem;
      margin-bottom: 47px;
      margin-bottom: 4.7rem;
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: 700;
      padding: 0 20px 0 20px;
      padding: 0 2rem 0 2rem;
   }
   .search-title01.space01{
      margin-top: 100px;
      margin-top: 10rem;
   }
}
 /*! pc & tablet 버전 - css */
@media (min-width: 1024px){
   .search-title01{
      margin-top: 75px;
      margin-top: 7.5rem;
      margin-bottom: 55px;
      margin-bottom: 5.5rem;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.625;
      font-weight: 700;
   }
   .search-title01.space01{
      margin-top: 125px;
      margin-top: 12.5rem;
   }
}

@keyframes tabContPC {
	0% {
		top:0;
	}

	100% {
		top:90px;
		top:9rem;
	}
}
@keyframes tabContMo {
	0% {
		top:0;
	}

	100% {
		top:60px;
		top:6rem;
	}
}