.scon p{float:left; width:100%; font-size:16px; font-weight:400; color:#333; box-sizing:border-box; text-align:justify;}
.scon p strong{font-weight:500; text-decoration:underline;}
.scon img{width:100%; margin-top:30px;}

.scon .con_table{float:left; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-top:20px;}
.scon .con_table th, .scon .con_table td{color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px;}
.scon .con_table th{font-size:15px; font-weight:500; line-height:24px; background:#f5f5f5}
.scon .con_table td{font-size:14px; font-weight:400; line-height:24px;}
.scon .con_table td.td_tit{font-size:14px; font-weight:500;}
.scon .con_table td.td_tit2{font-size:14px; font-weight:500;}
 
.h2_tit{float:left; width:100%; font-size:28px; font-weight:100; color:#333; line-height:42px; margin-bottom:22px; letter-spacing:-0.05em;}
.h2_tit strong{font-weight:500; color:#36acf3;}
.h3_tit{float:left; width:100%; font-size:20px; font-weight:500; color:#333; background:url(../images/h3_tit.jpg) no-repeat; padding-left:28px; height:22px; line-height:20px; margin-bottom:20px;}


/* 회사연혁 */
.history{float:left; width:100%; background:url(../images/com02_a.jpg) no-repeat right bottom;}
.history h1{float:left; width:100%; font-size:38px; font-weight:500; color:#36acf3; margin-bottom:20px; margin-top:40px;}
.history ul{display:block; float:left; width:100%;}
.history ul li{display:block; float:left; width:100%; margin-top:10px; font-size:14px;}
.history ul li span{display:inline-block; float:left; font-size:14px; font-weight:600; color:#555; margin-right:10px;}


/* 변리사소개 */
.member{float:left; width:100%; border-bottom:1px dashed #ddd; padding-bottom:30px; margin-bottom:30px;}
.member h3{float:left; width:100%; font-size:18px; font-weight:500; color:#333; background:url(../images/member_tit.jpg) no-repeat 0px 5px; padding-left:12px; margin-bottom:10px;}
.member h3 a{display:inline-block; font-size:13px; font-weight:300; color:#666; margin-left:4px;}
.member_left{float:left; width:calc(50% - 20px); margin-right:19px; padding-right:20px; border-right:1px dashed #ddd;}
.member_right{float:left; width:calc(50% - 20px);}
.member h4{float:left; width:100%; font-size:16px; font-weight:500; color:#333;}
.member ul{display:block; float:left; width:100%; margin-top:4px;}
.member ul li{display:block; float:left; width:100%; font-size:14px; font-weight:300; color:#666; line-height:26px;}
.member .member_img{float:left; width:120px;}
.member .member_img img{float:left; width:100%; margin:0; padding:4px; border:1px solid #eee; box-sizing:border-box; margin-bottom:10px;}


/* 업무분야 */
.business{}


/* 일반게시판 */
.board_wrap{float:left; width:100%;}
.board_wrap table{width:100%;}
.board_wrap th{height:48px; color:#222; background:#f8f8f8; font-size:15px; border-top:2px solid #36acf3; border-bottom:1px solid #ddd;}
.board_wrap td{text-align:center; height:44px; border-bottom:1px solid #ddd; color:#444; font-size:14px; letter-spacing:-0.05em;}
.board_wrap td a{color:#444; font-size:14px;}
.board_wrap td.board_name{text-align:left; padding:0 10px;}
.board_wrap td img{cursor:pointer;}
.board_event{background:#f8f8f8;}
.board_event td{font-weight:bold;}
.board_wrap td.faq_name{text-align:left; padding:0 10px;}
.board_wrap td.faq_ico{background:#fafafa;}
.board_wrap td.faq_ico img{cursor:default;}
.board_wrap td.faq_text{text-align:left; padding:10px; font-size:12px; line-height:20px; background:#fafafa;}
/* 추천도서스타일 추가 */
.board_wrap td.board_book img{width:115px; height:140px; border:1px solid #ddd; margin:6px 0;}
.board_wrap td.board_name2{text-align:left; padding:0 10px; border-top:2px solid #36acf3;}
.board_wrap td.board_text img{max-width:720px;}

/* 게시판 보기 */
.board_wrap td.board_file_down{height:28px; text-align:right; border-bottom:0px;}
.board_wrap td.board_file_down a{text-decoration:underline; font-size:12px; color:#666;}
.board_wrap td.board_file_down img{float:right; margin-left:4px; margin-right:10px;}
.board_wrap td.board_text{text-align:left; padding:20px 10px; line-height:22px;}
.board_wrap td.board_prev{text-align:left; padding:0 10px; }
.board_wrap td.board_next{text-align:left; padding:0 10px; }
.board_go_list{float:right; margin-left:10px; padding:0 20px; height:32px; background:#666; color:#fff; text-align:center; line-height:32px; margin-top:20px; cursor:pointer;}


/* 게시판검색 */
.board_serach_wrap{float:left; width:100%; margin-top:30px;}
.board_serach_wrap ul{display:block; width:366px; margin:0 auto;}
.board_serach_wrap li{float:left; display:inline-block;}
.board_serach_wrap li.search_select{width:80px; height:30px; border:1px solid #ccc; overflow:hidden;}
.board_serach_wrap li.search_select select{display:block; float:left; width:100%; height:30px; border:none; font-size:14px; font-weight:400; color:#555; box-sizing:border-box;}
.board_serach_wrap li.search_input{margin-left:4px; width:190px; height:30px; border:1px solid #ccc; overflow:hidden;}
.board_serach_wrap li.search_input input{display:block; float:left; width:100%; height:30px; border:none; font-size:14px; font-weight:400; color:#555; box-sizing:border-box;}
.board_serach_wrap li.serch_btn{margin-left:4px;}
.board_serach_wrap li.serch_btn p{width:80px; height:30px; background:#fff; font-size:14px; font-weight:400; color:#555; text-align:center; line-height:28px; border:1px solid #ccc; cursor:pointer;}


/* 게시판넘버 */
.page_num{width:100%; height:26px; clear:both; text-align:center;  padding-top:24px; }
.page_num span{font-size:12px;}
.page_num span a{color:#444; background:#fff; padding:4px 10px; border:1px solid #ddd; text-decoration:none; font-size:12px;}
.page_num span a.page_on{background:#36acf3; color:#fff; font-size:12px; border:1px solid #36acf3;}
.page_num span a:hover{background:#36acf3; color:#fff; font-size:12px;}
.page_num span a.prev{background:#f5f8f9; color:#444; font-size:12px;}
.page_num span a.next{background:#f5f8f9; color:#444; font-size:12px;}
.page_num .buttomDiv {float:right;}


/* 게시판 작성, 온라인상담 */
.qna_table{float:left; width:100%;}
.qna_table h3{width:100%; float:left; font-size:16px; margin-bottom:20px;}
.qna_table table{width:100%; border-top:2px solid #36acf3;}
.qna_table th, .qna_table td{/*height:48px;*/ padding:10px 10px; border-bottom:1px solid #ddd;}
.qna_table th{color:#222; background:#f8f8f8; font-size:14px; border-right:1px solid #ddd;}
.qna_table td{color:#444; font-size:13px;}
.qna_table td input{margin-left:0px; border:1px solid #ddd; outline-style:none; width:190px; height:30px;}
.qna_table td textarea{width:100%; height:300px; resize:none; border:1px solid #ddd; /*margin:10px 0 10px 20px;*/}
.qna_table td select{margin-left:0px; border:1px solid #ddd; outline-style:none; width:204px;}
.qna_table td input.input_st1{width:50px;}
.qna_table td input.input_st2{width:50px; margin-left:0px;}
.qna_table td input.input_st3{width:150px;}
.qna_table td select.select_st1{width:152px;}
.qna_table td img{width:auto; margin:0;}
.edu_down{display::inline-block; padding:3px 6px; border:1px solid #ddd; font-size:12px; text-align:center; color:#666; width:60px; background:#f5f5f5;}
.edu_down:hover{font-size:12px;}


/* 갤러리 게시판 */
.gallery_wrap{float:left; width:100%; border-top:2px solid #36acf3;}
.gallery_wrap ul{display:block; float:left; width:100%;}
.gallery_wrap ul li{float:left; margin-left:0px; padding-top:10px; width:25%;}
.gallery_wrap ul li a{text-align:center; color:#222; font-size:13px; display:block; width:176px;padding:5px;}
.gallery_wrap ul li a img{padding:5px; border:1px solid #ddd; width:164px; margin-bottom:8px;}
.gallery_wrap ul li a span{}


/* 개인정보이용동의체크 */
.checking{width:100%; border:1px solid #ddd; float:left; background:#fff; margin-top:20px; color:#444; padding:10px 20px; box-sizing:border-box;}
.checking h3{float:left; width:100%; font-size:16px; margin-bottom:10px;}
.checking ul{display:block; float:left; width:100%; margin-left:0px;}
.checking ul li{display:block; width:100%; float:left; font-size:12px; line-height:20px;}
.checking .checkcheck{width:100%; float:left; padding:10px 0;}
.checking .checkcheck input{float:left; margin-right:10px; margin-top:8px;}
.checking .checkcheck p{float:left; font-size:12px; font-weight:bold; width:auto; margin-bottom:0px;}


/* 태블릿사이즈1 */
@media screen and (min-width:769px) and (max-width:1000px){
.scon p{font-size:15px;}
 
.h2_tit{ font-size:24px; line-height:38px;}
.h3_tit{font-size:18px;}
}


/* 태블릿사이즈2 */
@media screen and (min-width:641px) and (max-width:768px){
.scon p{font-size:15px;}
 
.h2_tit{ font-size:24px; line-height:38px;}
.h3_tit{font-size:18px;}
}


/* 아이폰플러스, 아이폰, 갤럭시*/
@media screen and (min-width:321px) and (max-width:640px){
.scon p{font-size:14px; line-height:24px;}
 
.h2_tit{ font-size:20px; line-height:32px;}
.h3_tit{font-size:16px; background-size:16px auto; padding-left:20px; height:16px; line-height:16px;}


/* 변리사소개 */
.member h3{font-size:16px; background:url(../images/member_tit.jpg) no-repeat 0px 5px; padding-left:10px;}
.member h3 a{font-size:12px; display:block; margin-left:0px;}
.member_left{width:100%; margin-right:0px; padding-right:0px; border-right:none;}
.member_right{width:100%; margin-top:10px;}
.member h4{font-size:15px;}
.member ul li{font-size:13px; line-height:24px;}
}


/* 아이폰4,5, 갤2이하 */
@media screen and (min-width:0px) and (max-width:320px){
.scon p{font-size:14px; line-height:24px;}
 
.h2_tit{ font-size:20px; line-height:32px;}
.h3_tit{font-size:16px; background-size:16px auto; padding-left:20px; height:16px; line-height:16px;}


/* 변리사소개 */
.member h3{font-size:16px; background:url(../images/member_tit.jpg) no-repeat 0px 5px; padding-left:10px;}
.member h3 a{font-size:12px; display:block; margin-left:0px;}
.member_left{width:100%; margin-right:0px; padding-right:0px; border-right:none;}
.member_right{width:100%; margin-top:10px;}
.member h4{font-size:15px;}
.member ul li{font-size:13px; line-height:24px;}
}

/* 260327 변리사소개 리뉴얼 */
.new-member {word-break: keep-all;}
.new-member .member-section {--gap-col: 100px; --gap-row:80px;}

.new-member .member-section + .member-section {margin-top: 120px;}
.new-member .member-section .flex-box {display: flex; flex-wrap: wrap; gap: var(--gap-row) var(--gap-col);}
.new-member .member-section .flex-box .half-box {width: calc(50% - (var(--gap-col)/2)); }
.new-member .member-section .title {margin-bottom: 40px;}
.new-member .member-section .title h3 {font-size: 25px; font-weight: 500; color: #333;}
.new-member .member-section .title.em h3 {color: #2699DD;}
.new-member .profile-frame {background: #F4F4F4; padding: 50px; }
.new-member .profile-frame .img-box {font-size: 0; width: 100%;}
.new-member .profile-frame .img-box img {width: 100%; margin: 0;}
.new-member .profile-frame .info {margin-top: 20px; line-height: 1.4;}
.new-member .profile-frame .info .tit {font-size: 20px; font-weight: 500;  display: flex; align-items: baseline; gap: 10px;}
.new-member .profile-frame .info .tit em {font-style: normal;  font-size: 1em;  color: #222;}
.new-member .profile-frame .info .tit span {color: #555; font-size:0.8em;}
.new-member .profile-frame .info .en {margin-top: 5px; color: #555; font-size: 16px;}
.new-member .profile-frame .info .email {color: #777; font-size: 16px; padding-left: 1.5em; background-image: url(/images/icon_mail.svg); background-repeat: no-repeat; background-position: left 0.35em;  margin-top: 15px; display: block; background-size: 1em;}
.new-member .profile-frame .btn-box {margin-top: 40px;}
.new-member .profile-frame .btn-box a {display: flex; height: 49px; align-items: center; justify-content: center; width: fit-content; margin: auto; border: 1px solid #333; box-sizing: border-box; color: #333; padding: 0 30px; font-size: 16px; font-weight: 500;}

.new-member .profile-info {border-top: 1px solid #ccc; font-size: 20px; padding-top: 1em; line-height: 1.4;}
.new-member .profile-info .top {font-size: 1em; }
.new-member .profile-info .top .name {display: flex; padding-left: 0.75em; position: relative; align-items: baseline; font-weight: 500; gap: 0.5em; }
.new-member .profile-info .top .name::before {content:""; width: 3px; height: 1em; background: #2699DD; position: absolute; left: 0; top: 0.2em;}
.new-member .profile-info .top .name em {font-size: 1em; font-style: normal; color: #222; }
.new-member .profile-info .top .name span {font-size: 0.8em; color: #555;}
.new-member .profile-info .top .en-name {font-size: 0.8em; margin-top: 0.5em; color: #333;}
.new-member .profile-info .top .email {font-size: 0.8em; color: #777; margin-top: 1em; display: block;}
.new-member .profile-info dl {margin-top: 1.5em; }
.new-member .profile-info dl dt {font-size: 0.8em; font-weight: 500; color: #333; margin-bottom: 0.625em;}
.new-member .profile-info dl dd {font-size: 0.8em; line-height: 1.7; color: #777;}


.new-member .rep-layer {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; left: 0; top: 0; z-index: 100; display: none; }
.new-member .rep-layer.open {display: flex;}
.new-member .rep-layer .layer-box {padding: 80px 30px 80px 60px; background: #fff; max-width: 1000px; position: relative; width: 90%; box-sizing: border-box;} 
.new-member .rep-layer .layer-box .close-btn {width: 30px; height: 30px; position: absolute; top: 30px; right: 30px; font-size: 1px; color: rgba(0,0,0,0);}
.new-member .rep-layer .layer-box .close-btn::before,
.new-member .rep-layer .layer-box .close-btn::after {content:""; width: 2px; height: 90%; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.new-member .rep-layer .layer-box .close-btn::after {transform: translate(-50%,-50%) rotate(-45deg);}
.new-member .rep-layer .layer-box .layer-cont {display: flex; gap: 100px; height: clamp(300px, calc(85vh - 160px), 590px); overflow: auto; padding-right: 20px; width: 100%; box-sizing: border-box;}
.new-member .rep-layer .layer-box .layer-cont::-webkit-scrollbar {appearance: none; width: 10px;}
.new-member .rep-layer .layer-box .layer-cont::-webkit-scrollbar-track {width: 10px;}
.new-member .rep-layer .layer-box .layer-cont::-webkit-scrollbar-thumb {width: 10px; background: #d9d9d9; border-radius: 5px;}
.new-member .rep-layer .layer-box .layer-cont > div {width: calc(50% - 50px); }
.new-member .rep-layer .layer-box .layer-cont .img-box {font-size: 0;}
.new-member .rep-layer .layer-box .layer-cont .img-box img {margin: 0; width: 100%;}

.new-member .rep-layer .layer-box .layer-cont .text-box {background: #F4F4F4; font-size: 15px; color: #444; padding: 1.3em; overflow: hidden; margin-top: 1.3em;} 
.new-member .rep-layer .layer-box .layer-cont .text-box p {display: block; text-align: left;}
.new-member .rep-layer .layer-box .layer-cont .text-box p + p {margin-top: 1em;}

.new-member .rep-layer .profile-info dl {}
.new-member .rep-layer .profile-info dl dd {position: relative; padding-left: 0.6em; line-height: 1.5;}
.new-member .rep-layer .profile-info dl dd + dd {margin-top: 0.25em;}
.new-member .rep-layer .profile-info dl dd + dd.gap {margin-top: 1.25em;}
.new-member .rep-layer .profile-info dl dd::before {content:"·"; position: absolute; left: 0; top: 0;}

@media screen and (max-width:1024px) {
  .new-member .member-section {--gap-col: 5%;}

  .new-member .profile-frame {padding: 10%;}
}
@media screen and (max-width:768px){
  .new-member .member-section .flex-box {flex-direction: column;}
  .new-member .member-section .flex-box .half-box {width: 100%; max-width: 500px; margin: auto;}

  .new-member .member-section .title h3 {width: 100%; max-width: 500px; margin: auto;}

  .new-member .rep-layer { }
  .new-member .rep-layer .layer-box {padding: 60px 14px 60px 30px; }

  .new-member .rep-layer .layer-box .close-btn {width: 26px; height: 26px; top: 24px; right: 15px;}

  .new-member .rep-layer .layer-box .layer-cont {padding-right: 10px; flex-direction: column; gap: 60px; }
  .new-member .rep-layer .layer-box .layer-cont::-webkit-scrollbar {width: 6px;} 
  .new-member .rep-layer .layer-box .layer-cont > div {width: 100%;}

  .new-member .rep-layer .layer-box .layer-cont .img-box {max-width: 400px; margin: auto;}

}
@media screen and (max-width:480px){
  .new-member .member-section {--gap-row:48px;}
  .new-member .member-section + .member-section {margin-top: 80px;}
  
  .new-member .member-section .title {margin-bottom: 18px;}
  .new-member .member-section .title h3 {font-size: 20px;}

  .new-member .profile-frame {padding: 8%;}
  .new-member .profile-frame .info .tit {font-size: 17px;}
  .new-member .profile-frame .info .en {font-size: 14px;}
  .new-member .profile-frame .info .email {font-size: 14px;}
  .new-member .profile-frame .btn-box {margin-top: 28px;}
  .new-member .profile-frame .btn-box a {font-size: 40px; padding: 0 24px; font-size: 14px;}

  .new-member .profile-info {font-size: 18px;}

  .new-member .rep-layer .layer-box {padding: 40px 8px 30px 16px; }
  .new-member .rep-layer .layer-box .close-btn {width: 24px; height: 24px; top: 8px; right: 8px;}
  .new-member .rep-layer .layer-box .layer-cont {padding-right: 4px;}
  .new-member .rep-layer .layer-box .layer-cont::-webkit-scrollbar {width: 4px;} 
}