@charset "utf-8";
#m_wrap{width:100%;height:100%;margin:0px;padding:0px;}

/* PC 버전 위치 수정 */
.PCver_fixed_divs{position:fixed;bottom:64px;right:10px;}
.PCver_fixed_divs a {display:block;border:1px solid #fff;border-radius:20px;padding:5px 10px 5px 10px;color:#fff;font-size:14px;}

/* 브런치 패럴렉스 --------------------------------------------------------------------------- */
.wrap_author{background-color:#fff;position:relative;z-index:10; } /*height:100%;*/
.wrap_author .wrap_author_inner{position:relative;top:-40px}
.wrap_author .author_profile_image{text-align:center;font-size:0;z-index:20}
.wrap_author .author_profile_image img{width:80px;height:80px;border-radius:40px}
.wrap_author .writer_book .wrap_cont,.wrap_author .writer_book .wrap_thumb,.wrap_author .writer_book img{
	border-top-right-radius:3px;border-bottom-right-radius:3px
}
.wrap_author .author_profile_name{
	text-align:center;padding:14px 0 5px;font-size:17px;color:#333;font-weight:700
}
.wrap_author .author_profile_desc{
	text-align:center;color:#959595;font-size:14px;width:520px;
	word-break:break-word;word-wrap:break-word;margin:0 auto;padding-bottom:5px;
}
.wrap_author .author_profile_desc pre{white-space:pre-line}
.wrap_article{min-width:940px;word-break:break-word;word-wrap:break-word}
.wrap_article .wrap_cover{position:fixed;width:100%;top:0;z-index:0}
.wrap_article .wrap_cover.cover_type_text{position:inherit;width:100%;top:0;z-index:0}
.wrap_article .wrap_body{overflow:hidden;background:#fff;z-index:10;position:relative}
.wrap_author .writer_book{
	overflow:hidden;margin:40px auto -27px;padding:30px 160px;width:700px;height:250px;
	background:#fff;box-sizing:border-box
}
.wrap_author .writer_book .wrap_thumb{overflow:hidden;float:left;position:relative}
.wrap_author .writer_book .wrap_thumb::before{position:absolute;top:0;bottom:0;left:0;width:8px;background:rgba(0,0,0,.04);content:''}
.wrap_author .writer_book .wrap_thumb::after{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.02);content:''}
.wrap_author .writer_book img{display:block;width:130px;height:190px}
.wrap_author .writer_book .wrap_cont{float:right;width:222px;height:190px;white-space:nowrap;vertical-align:middle}
.item_type_img .img_float,.item_type_video .wrap_video iframe,
.wrap_item.img_align_left .wrap_img_content_float,.wrap_item.img_align_left .wrap_img_outer_float{float:left}
.wrap_author .writer_book .wrap_cont:after{display:inline-block;height:190px;line-height:150px;vertical-align:middle;content:''}
.wrap_author .writer_book .inner_book{display:inline-block;vertical-align:middle;word-break:break-all}
.wrap_author .writer_book em{display:block;color:#959595;letter-spacing:-.25px;height:14px}
.wrap_author .writer_book .tit_book{
	display:-webkit-box;overflow:hidden;max-height:48px;margin-top:20px;font-weight:400;
	font-size:20px;line-height:24px;-webkit-line-clamp:2;-webkit-box-orient:vertical;
	white-space:normal;letter-spacing:-.5px;max-width:222px
}
.wrap_author .writer_book .txt_info{display:block;margin-top:7px;color:#959595;letter-spacing:-.25px;height:14px}
.wrap_author .writer_book .txt_btn{
	display:block;width:100px;height:32px;margin:22px 0 4px;padding-top:6px;
	border-radius:32px;border:1px solid #ddd;font-size:13px;color:#959595;
	text-align:center;box-sizing:border-box;letter-spacing:.25px
}
.wrap_author .writer_book .txt_info .txt_info_publisher,
.wrap_author .writer_book .txt_info .txt_info_writer{
	display:inline-block;overflow:hidden;max-height:1.5em;
	-webkit-line-clamp:1;white-space:nowrap;max-width:103px;
	text-overflow:ellipsis
}
.wrap_author .writer_book .txt_info .txt_info_line{
	overflow:hidden;display:inline-block;white-space:normal;
	max-width:5px;margin:0 4px;color:#ddd
}
.cover_item{position:relative;max-height:none!important}
.cover_item.cover_color{height:450px}
.cover_item.cover_text{height:380px;border-bottom:1px solid #eee}
.cover_color .cover_sub_title,
.cover_color .cover_title,
.cover_full .cover_sub_title,
.cover_full .cover_title,
.cover_half .cover_sub_title,
.cover_half .cover_title{color:#fff; }
.cover_half .cover_image,.cover_half .cover_inner{height:270px} /* 브런치 패럴렉스 서브 비주얼 높이값 */
.cover_image{display:none}
.cover_inner{display:block;position:absolute;top:0;left:0;width:100%}
.cover_color .cover_inner{display:block;overflow:hidden;background-color:transparent;height:450px}
.cover_full .cover_inner,.cover_half .cover_inner{display:block;background-color:#000;opacity:.3}
.cover_full .cover_image,.cover_half .cover_image{position:relative;display:block;background-size:cover;background-position:50% 50%}
.cover_full .cover_image,.cover_half .cover_image .cover_dim_image{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);position:absolute;z-index:1;}
.cover_cell{position:absolute;z-index:11;width:700px;right:50%}
.cover_cell.cover_direction_left{
	text-align:left;bottom:0;transform:translate(50%,-80px);
	-webkit-transform:translate(50%,-80px);-ms-transform:translate(50%,-80px)
}
.cover_cell.cover_direction_center{
	text-align:center;top:50%;transform:translate(50%,-50%);
	-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%)
}
.cover_half .cover_cell.cover_direction_center{padding-top:10px}
.cover_cell .cover_title{font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:30px;line-height:40pt;word-wrap:break-word;margin-top:30px; font-weight:700; color:#3ca2ff; }
.cover_cell .cover_title3{
	font-family: font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:30px;line-height:40px;word-wrap:break-word;margin-top:50px;color:#3ca2ff;
	/*margin-top:100px;*/
}
.cover_cell .cover_direction_left .cover_title{margin-left:-3px}
.cover_cell .cover_sub_title{font-family: font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:15px;line-height:20px;opacity:0.7;
padding-top:10px;word-wrap:break-word;
display:block; width:40%; margin:0 auto;
margin-top:-10px;letter-spacing:1px;}
.cover_full .cover_image,.cover_full .cover_inner{padding:0!important}
.cover_full .ico_down{background-position:-67px -57px;position:absolute;width:22px;height:24px;cursor:pointer}
.cover_full .ico_down.align_center{left:50%;margin-left:-14px;bottom:30px}
.cover_full .ico_down.align_right{right:34px;bottom:50px;}
/* 브런치 패럴렉스 --------------------------------------------------------------------------- */

/* 인사말 2018-02-27 */
.general_greeting{background-color:#eaf9fc;padding: 0px 20px 20px 20px;box-sizing:border-box;height:210px;position:relative;  }
.general_greeting > h2 {
	font-size:20px;
	line-height:30px;
	font-weight:100;
	letter-spacing:-1px;
	background:#fff;
	margin-top:20px;
}
.general_greeting > h2 > span{font-weight:400;}
.general_greeting > p{line-height:25px;text-align:justify;height:200px;padding:40px 0px 40px 0px}
.general_greeting_img1 > img{padding: 0px 20px 0 20px;box-sizing:border-box;width:100%;}
.general_greeting_img2 {padding:20px;background-color:#ffefef;box-sizing:border-box;line-height:25px;margin-top:62px;position:relative;}
.general_greeting_img2 > p {padding:20px 0px 20px 0;text-align:justify;}
.general_flow_last_text{padding:20px 20px 10px 0px;height:20px;line-height:20px;}
.general_flow_last_text_left{
	background:url("../../_images/sub_09.png");
	background-repeat:repeat-x;
	width:70%;
	height:20px;
	float:left;
	background-position:center center;
}
.general_flow_last_text_right{
	/*width:26%;*/
	float:right;
	/*margin-left:10px;*/
}

/* footer yellow content 2018-02-27 */
.footer_yellow{
	width:100%;
	height:270px;
	background:#ffed4d url(../images/cs_info.png)no-repeat 100% 100%;
	clear:left;
	box-sizing:border-box;
    margin-top: 120px;
}
.footer_yellow > h2 {	font-size:31px; font-weight:800; color:#fff;text-shadow: 0px 0px 5px rgba(0,0,0,0.3); text-align:left;padding-top:40px; margin-left:40px;}
.footer_phone_numbers{padding:30px 40px 10px 40px;display:table;letter-spacing:-1px;}
.footer_phone_numbers > img {vertical-align:middle; width:50px; height:50px; }
.footer_phone_numbers > span {margin-left:5px;vertical-align:middle;color:#ff8400;font-size:30px;font-weight:800; letter-spacing: -1px; }
.footer_phone_numbers_info{padding:0px 40px 10px 40px;letter-spacing:-1px;}
.footer_phone_numbers_info > p{font-size:15px; color:#575757; } /*line-height:20px;*/
.footer_phone_numbers_info > p > span{font-weight:bold;color:#575757;}
.footer_phone_numbers_info .email { margin-top:10px; }

/* back-top button 2018-02-27 */
#back-top{
	position:fixed;
	bottom:45px;
	right:25px;
	padding:0;
	margin:0;
	z-index:8999;
	display:block;
}
#back-top a{
	text-decoration:none;
	width: 38px;
	height: 38px;
	display: block;
	background-color:#ffff;
	background-image:url(../images/footer_scroll_top.png);
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:50% 50%;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	z-index:8999;
}

/* 오시는길 2018-02-27 */
.location_content{padding:20px;box-sizing:border-box;}
.location_content_under_line > img{width:30%;height:10px;}
.location_content_text > h2{font-size:20px;margin-top:30px;}
.location_map{margin-top:20px;} /*padding:20px;*/
.mobile_address_general_use > p {font-size:15px;line-height:25px;}
.mobile_address_general_use > p > span{color:#246cd8;letter-spacing:-1px;}


/* 수입대행 서비스 2018-02-28 */
.service_content{padding:20px 20px 0px 20px;box-sizing:border-box;}
.service_content_under_line > img{width:30%;height:10px;}
.service_content_text > h2{font-size:22px;margin-top:30px; font-weight:700; color:#414146;}
.service_content_text span { color:#414146;  font-weight:300;}
.service_title > p {color:#000;line-height:25px; text-align: justify; }
.location_map{} /*padding:20px;*/
.service_one {
	line-height:25px;width:100%;background-color:#fff;
}
.service_one > ul { margin-top:50px; }
.service_one > ul > li {background:url(../images/sub_04_bullet_1.png)no-repeat 0% 50%; margin-left:20px; margin-bottom:10px; padding-left:15px; } /*padding: 0px 20px 0px 20px; */
.service_one > ul > li:first-child{} /*padding-top:20px;*/

.service_one_sub_bg img { width:100%; margin-top: 20px; } 
.service_one_sub_bg2 img { width:100%; }
.service_one_sub_bg .exportImg { width:100%; height:683px; background:red; box-sizing:border-box; } /*url(../images/sub_05_img1.jpg)no-repeat 50% 50%*/

/*이미지 너비 여유있게, 중앙정렬*/
.subConImg1 { width:100%; text-align:center; margin:30px 0;}
.subConImg1 img { width:90%; margin-left:-20px; }

/*이미지 너버 꽉차게*/
.subConImg2 { width:100%; }
.subConImg2 img { width:100%; }

/*컨텐츠 스타일  : 이미지 + 컬러타이틀 텍스트 + li형 리스트 텍스트*/
.subConTxt1 { margin:30px 0;}
.subConTxt1 h2 { margin-bottom:10px; font-weight:700; color:#0e499a; font-size:18px; }
.subConTxt1 h2.color1 { color:#0e499a; }
.subConTxt1 h2.color2 { color:#246cd8; }
.subConTxt1 h2.color3 { color:#35b4f1; }
.subConTxt1 li { line-height:26px; color:#191919; font-size:16px; }





.service_two {
	line-height:25px;height:435px;background-color:#eee;
	background:url("../images/sub_05_img1.jpg");
	background-repeat:no-repeat;
	background-position:0% 100%;
	background-size: 100%;
}
.service_two {box-sizing:border-box;padding:0px 0px 0px 20px;line-height:25px; }
.service_two > ul { margin-top:50px; }
.service_two > ul > li {background:url(../images/sub_04_bullet_1.png)no-repeat 0% 50%; margin-bottom:10px; padding-left:15px; font-size:15px; } /*padding: 0px 20px 0px 20px; margin-left:20px; */


.service_three {
	line-height:25px;height:530px;background-color:#eee;
	background:url("../images/sub_06_img1.jpg");
	background-repeat:no-repeat;
	background-position:0% 100%;
	background-size: 100%;
}
.service_three {padding:0px 0px 0px 20px;line-height:25px;}
.service_three > ul { margin-top:50px; }
.service_three > ul > li {background:url(../images/sub_04_bullet_1.png)no-repeat 0% 50%; margin-bottom:10px; padding-left:15px; } /*padding: 0px 20px 0px 20px; margin-left:20px; */
.service_three > p {color:#000;line-height:25px; text-align: justify;padding-right:20px;}


/* 지재권 & 위생허가 신청 대행 서비스 2018-02-28 */
.service3_content_text > h2{font-size:22px;margin-top:30px;line-height:24px;}
.service_one_sub_bg3{
	width:100%;
	/*background:url("http://placehold.it/700x500");*/
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	/*height:500px;*/
}
.service_one_sub_bg3 > p {color:#f00;font-size:30px;font-weight:800;letter-spacing:-1px;} /*padding:10px 20px 0px 20px;*/
.service_submit_go{width:197px;height:30px;background:#fff url(../images/sub_06_btn_bullet_.png)no-repeat 92% 50%; border:1px solid #ccc;line-height:30px;padding-left:10px;}

/* 딤처리 풀 팝업 2018-02-28 */
#mask {  
	position:absolute;  
	z-index:9000;  
	background-color:#000;
	display:none;  
	left:0;
	top:0;
}
.window{
	display: none;
	position:fixed;
	top:100px;
	z-index:10000;
	font-size:20px;
	color:#fff;
	width:50%;
	margin-left:22%;
	text-align:center;
}
.window > i {
	position:fixed;
	top:30px;
	right:30px;
}
.window > ul{margin:0px;padding:0px;}
.window > ul > li > a {color:#fff;}
.window > ul > li > a:after{content:'';display:block;margin:0px auto;padding-top:10px;width:50px;border-bottom:1px solid #fff;}
.window > ul > li {padding:10px 0px 10px 0px;}


/* 비밀번호 입력 폼 2018-03-02 */
.sub_cont_title_pw {text-align:center;padding:0px 0px 10px 0px;}
.oknopw {
	height:250px;
	display:flex;align-items:center;
	justify-content:center;
	background:url("../images/oknopw.png");
	background-repeat:no-repeat;
	background-position:center center;
}
#pass_ok {
	width:150px;height:30px;vertical-align:middle;transition:0.5s;text-indent:5px;border:1px solid #333;background:transparent;
	color:#000;font-size:20px;
}
#pass_ok:focus{background-color:rgba(255,255,255,0.8);transition:0.5s;}
#pass_btn_ok{width:50px;height:34px;vertical-align:middle;margin-left:-5px;color:#000;background:rgba(255,255,255,0.8);border:1px solid #333;}
.small_txt_pw{font-size:20px;}

/* 로그인 폼 2018-03-02 */
#login_id {
	width:85%;height:30px;vertical-align:middle;transition:0.5s;text-indent:5px;border:1px solid #333;background:transparent;
	color:#000;font-size:17px;margin-bottom:5px;background:rgba(255,255,255,0.8);
}
#login_id:focus{background-color:rgba(255,255,255,0.8);transition:0.5s;}
#pw {
	width:85%;height:30px;vertical-align:middle;transition:0.5s;text-indent:5px;border:1px solid #333;background:transparent;
	color:#000;font-size:17px;margin-bottom:5px;background:rgba(255,255,255,0.8);
}
#pw:focus{background-color:rgba(255,255,255,0.8);transition:0.5s;}
.submit_login_mobile {
	width:85%;height:30px;vertical-align:middle;transition:0.5s;text-indent:5px;border:1px solid #333;background:rgba(255,255,255,0.8);
	color:#000;font-size:17px;margin-bottom:5px;
}





/* 회사소개 변리사 슬라이드 css 2018-03-16 */
.spatent_test_div{box-sizing:border-box;} /* 전체 영역 */
.display_block_div{width:100%;box-sizing:border-box;position:relative;} /* display 초기화 */
.smart_slide_title > p > span {
	display:block;width:30px;height:30px;border-radius:100%;background-color:#246cd8;float:left;
	line-height:16px;margin-right:10px;
}
.smart_slide_title > p {
	font-size:17px;line-height:30px;width:100%;padding:5px;color:#246cd8;border:1px solid #246cd8;float:left;
	display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-weight:bold;
}
.smart_slide_title > p > span > i {
	color:#fff;font-size:15px;display:flex;justify-content:center;align-items:center;
	position:relative;top:7px;
}
.smart_people > img{border-radius:100%;}
.smart_people > p{text-align:center;}
.smart_info{width:100%;}
.smart_info > h2 {display:block;width:100%;background-color:#f1f7ff;color:#246cd8;border-top:2px solid #246cd8;font-size:17px;font-weight:bold;}
.smart_info > ul{display:block;padding:10px 0px 10px 0px}
.smart_info > ul > li {padding:5px 0px 5px 0px;font-size:13px;text-align:left;line-height:17px;}
.smart_info > ul > li > img{margin-right:5px;}

.smart_infos{width:100%;border-bottom:2px solid #246cd8}
.smart_infos > h2 {display:block;width:100%;background-color:#f1f7ff;color:#246cd8;font-size:17px;font-weight:bold;}
.smart_infos > ul{display:block;padding:10px 0px 10px 0px}
.smart_infos > ul > li {padding:5px 0px 5px 0px;font-size:13px;text-align:left;line-height:17px;}
.smart_infos > ul > li > img{margin-right:5px;}





/* 특허법인 스마트 업무분야 */
.service_one_title{box-sizing:border-box;width:100%;padding:20px;}
.service_one_content{border:1px solid #ccc;}
.service_one_title > .service_one_content > h2{
	display:block;background-color:#2e7aeb;color:#fff;font-size:17px;text-align:center;padding:10px 0px 10px 0px;
}
.service_one_title > .service_one_content > img{box-sizing:border-box;width:100%;}
.service_one_title > .service_one_content > p {
	font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;display:block;border-left:#ccc;border-right:#ccc;border-bottom:#ccc;
	box-sizing:border-box;width:100%;padding:0px 20px 10px 20px;
}

/* accordion */
.accordion{width:100%;background:#fff;}
.accordion ul{list-style:none;margin:0;padding:0;}
.accordion li{margin:0;padding:0;}
.accordion [type=radio], .accordion [type=checkbox]{display:none;}
.accordion label {
	display:block;background-color:#2e7aeb;color:#fff;font-size:17px;text-align:center;padding:10px 0px 10px 0px;
    cursor:pointer;
    text-transform:uppercase;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
}

.accordion label.first  { background:#2d79eb; }
.accordion label.second  { background:#00a698; }
.accordion label.third  { background:#178d31; }
.accordion label.forth  { background:#828d17; }

/* accordion 분류 2018-03-19 */
.accordion label.firsts{background:#2d79eb;text-align:left;padding-left:10px;font-size:20px;}
.accordion label.seconds{background:#00a698;text-align:left;padding-left:10px;font-size:20px;}
.accordion label.thirds{background:#178d31;text-align:left;padding-left:10px;font-size:20px;}
.accordion label.forths{background:#828d17;text-align:left;padding-left:10px;font-size:20px;}

.accordion label.firsts > img {width:32px;height:32px;box-sizing:border-box;vertical-align:middle;}
.accordion label.seconds > img {width:32px;height:32px;box-sizing:border-box;vertical-align:middle;}
.accordion label.thirds > img {width:32px;height:32px;box-sizing:border-box;vertical-align:middle;}
.accordion label.forths > img {width:32px;height:32px;box-sizing:border-box;vertical-align:middle;}

.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
    color:#FFF;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.accordion .content {
    overflow:hidden;
    border:1px solid #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
.accordion p{padding:0px 20px 20px 20px;color:#333;line-height:24px;text-align:justify;letter-spacing:-0.5px;}

.accordion .radio-1 { background:red; }

/* Vertical  *//*아코디언 - 이미지 width 100% + 텍스트 좌측정렬*/
.vertical1 ul li {
    overflow:hidden;
}
.vertical1 [type=radio]:checked ~ label, .vertical1 [type=checkbox]:checked ~ label {
    border-bottom:0;
}
.vertical1 ul li label:hover {
    border:1px solid #ccc;
}
.vertical1 ul li .content {
    height:0px;
    border-top:0;
}
.vertical1 .content > img{box-sizing:border-box;width:100%;}
.vertical1 [type=radio]:checked ~ label ~ .content, .vertical1 [type=checkbox]:checked ~ label ~ .content {
    height:370px;
    border:1px solid #ccc;
}

/* Vertical  *//*아코디언 - 이미지 width 70% (텍스트 없음)*/
.vertical2 ul li {
    overflow:hidden;
}
.vertical2 [type=radio]:checked ~ label, .vertical2 [type=checkbox]:checked ~ label {
    border-bottom:0;
}
.vertical2 ul li label:hover {
    border:1px solid #ccc;
}
.vertical2 ul li .content {
    height:0px;
    border-top:0;
}
.vertical2 .content > img{box-sizing:border-box;width:70%;}
.vertical2 [type=radio]:checked ~ label ~ .content, .vertical2 [type=checkbox]:checked ~ label ~ .content {
    height:435px;
    border:1px solid #ccc;
	text-align:center;
}

/* Vertical  *//*아코디언 - 이미지 width 100% + 텍스트 양측정렬 내용 많음*/
.vertical3 ul li {
    overflow:hidden;
}
.vertical3 [type=radio]:checked ~ label, .vertical3 [type=checkbox]:checked ~ label {
    border-bottom:0;
}
.vertical3 ul li label:hover {
    border:1px solid #ccc;
}
.vertical3 ul li .content {
    height:0px;
    border-top:0;
}
.vertical3 .content > img{box-sizing:border-box;width:100%;}
.vertical3 [type=radio]:checked ~ label ~ .content, .vertical3 [type=checkbox]:checked ~ label ~ .content {
    height:450px;
    border:1px solid #ccc;
}


/* 특허법인 스마트 기술사업화 */
.accordion_div{width:100%;box-sizing:border-box;padding:20px;}

.flagZone{position:fixed; bottom:60px; left:10px;}
.flagZone a{width:30px;height:30px; border-radius:15px; display:inline-block;background-size:cover; }
.flagZone .krBtn{background-image:url("../images/flag_kr_m.png");}
.flagZone .cnBtn{ background-image:url("../images/flag_cn_m.png");}
.flagZone .usBtn{background-image:url("../images/flag_us_m.png"); }