@import url("basic.css");
@import url("common.css");
@import url("pop.css");
@import url("pop1.css");

/* 검색테이블 */
.lineTableArea table	{width:100%; border-collapse:collapse; border-top:2px solid #ff6d11;}
.lineTableArea table th	{font-size:13px; text-align:right; letter-spacing: -.8px; border:1px solid #ccc; padding:7px 7px;  *padding:4px 5px; background:#f1f1f1;}
.lineTableArea table th.center {text-align:center;}
.lineTableArea table td	{border:1px solid #ccc; padding:7px 7px; *padding:4px 5px; background:#fff; }
.lineTableArea table td input[type="radio"] {vertical-align:-3px;}
.lineTableArea table td.txsm {font-size:0.4em; letter-spacing: -.8px;}
.lineTableArea table td table.viewnoTable tbody td {border-top:0px solid #fff; border-left:0px solid #fff; border-right:0px solid #fff; border-bottom:1px solid #ccc;  }

.lineTableArea table td ul {display:inline-block; width:100%;}
.lineTableArea table td ul li {display:inline-block; width:19%;}

/*2020.0918 추가*/
.lineTableArea table.noline	{border-top:none;}
.lineTableArea table th.noline, .lineTableArea table td.noline	{border-top:none;}


/*테이블안 테이블*/
.lineITableArea table	{width:100%; border-collapse:collapse; border-top:0px solid #fff;}
.lineITableArea table td	{border-left:0px solid #ccc;border-top:0px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding:7px 4px; *padding:4px 5px; background:#fff; }
.lineITableArea table td:nth-last-child(-n+1) {border-right:0;}
.lineITableArea:last-child table tr:last-child td {border-bottom:0;}

/* 리스트 테이블 영역 */ 
.listTableArea table	    {width:100%; border-collapse:collapse; border:1px solid #ccc; background:#fff}
.listTableArea table th   	{font-size:13px; color:#000; background:#dfdfdf; padding:7px 10px; *padding:5px 10px; font-weight:bold; text-align:center;border-right:1px solid #ccc;  border-bottom:1px solid #878787; }
.listTableArea table td  	{font-size:12px;color:#666; font-weight:normal; padding:7px 3px; *padding:6px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  text-align: center; }
.listTableArea table td a 	{text-decoration: underline;}
.listTableArea table td.sel 	{border:1px solid #f00;}
.listTableArea table tr:hover	{background:#fdf9c6;}
.listTableArea table tr.stotal	{background:#d5e1ff;}
.listTableArea table tfoot td {background:#35405d; color:#fff; font-size:13px; font-weight:bold;}


.listTable2{width:100%;border-collapse:collapse;table-layout: fixed;} 
.listTable2 thead th {background:#f1f1f1; font-size:14px; font-weight:bold; color:#000; padding:15px 7px;} 
.listTable2 tbody {border-top:1px solid #a1a1a1;} 
.listTable2 tbody tr:hover {background:#f5f4ed !important; cursor:pointer;} 
.listTable2 tbody tr.on {background:#fdebe1 !important; cursor:pointer;} 
.listTable2 tbody td {border-bottom:1px solid #ddd;font-size:14px;color:#666;padding:15px 7px;text-align:center;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}   
.listTable2 tbody td:first-child {border-left:1px solid #fff;}  
.listTable2 tbody td.title {text-align:left; white-space:normal; }  
.listTable2 tbody td.title a {color:#000; font-weight:bold;} 
.listTable2 tbody td.name {white-space:normal;} 
.listTable2 tfoot td {border-bottom:1px solid #000; background: #f5f5f5;	padding:5px 7px 3px;} 

/*gong, board view*/
.detailTableArea table	    {width:100%; border-collapse:collapse; }
.detailTableArea table th   {position:relative;font-size:20px; color:#000;   padding:15px 10px; *padding:5px 10px; font-weight:bold; text-align:center; border-bottom:2px solid #878787; text-align:left; }
.detailTableArea table td  	{font-size:13px;color:#666; font-weight:normal; padding:15px 10px; *padding:13px 10px; border-bottom:1px solid #ccc;  text-align: left; line-height:25px;}
.detailTableArea table th .catego {position:absolute; color:#999; font-size:13px; top:-10px;}
.detailTableArea table th .viewinfo {position:relative;width:100%; font-size:13px; color:#999; padding-top:18px;}
.detailTableArea table th .viewinfo .view{font-size:13px; color:#999;  padding-left:20px;}
.detailTableArea table th .viewinfo .boardobj {float:right; }
.detailTableArea table th .viewinfo .boardpoi {position:absolute; right:100px;}
.detailTableArea table th .viewinfo .boardpoh {position:absolute; right:260px;}

/* paging */
.pageWrap {width:100%; margin:15px auto; text-align:center;}
.pageWrap.nomargin {width:100%; margin:0 auto; text-align:center;}
.pageWrap a {display:inline-block; border:1px solid #ccc; padding:4px 6px 2px 5px; font:bold 11px/11px dotum;	color:#333;	background:#fff;}
.pageWrap a.active {border:1px solid #ff7800; color:#fff; background:#ff7800}
.pageWrap .before {font:normal 12px/12px dotum; color:#333; border:none; background:none;}
.pageWrap .next {font:normal 12px/12px dotum; color:#333; border:none; background:none;}

.contactTitle {font-size:14px; color:#333; font-weight:bold; line-height:30px; padding-top:15px; }

.f_search{float:left; display:block; width:100%;border-top:1px solid #999; border-bottom:1px solid #ddd; background:#f7f7f7; padding:7px 0; text-align:center;}
.f_search table {float:left; text-align:center; padding-left:28%;}
.f_search select{border:1px solid #ccc; padding:4px 4px 5px; }
.f_search input{width:200px; height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 5px; padding:3px 4px 3px;}


/* button */
.btnArea { display:inline-block; width:100%; padding-bottom:15px;}

/* 탭 */
ul.tabs {margin: 0; padding: 0;	float: left; list-style: none; height: 31px; border-bottom: 1px solid #b5b5b5;	 width: 100%;}
ul.tabs li {float: left; margin: 0;	padding: 0; height: 30px; line-height: 30px; margin-right:3px;	text-align: center; background: #f4f4f4; overflow: hidden;	position: relative; border-left: 1px solid #e1dfdf; border-top: 1px solid #e1dfdf; border-right: 1px solid #e1dfdf; border-bottom: 1px solid #b5b5b5; }
ul.tabs li a {text-decoration: none;  display: block; font-size: 13px;	padding: 0 20px; margin-bottom: -1px;}
ul.tabs li a:hover {color:#0e5ba3; font-weight:bold; text-decoration: none; }
ul.tabs li.active { background: #fff;  font-weight:bold; line-height: 30px; border-left: 1px solid #b5b5b5;border-top: 2px solid #0e5ba3; border-right: 1px solid #b5b5b5;	border-bottom: 1px solid #fff; }
ul.tabs li.active a {color:#0e5ba3;}
.tab_container {/* clear: both; */float: left;width: 100%;background: #fff;box-sizing: border-box;padding: 10px;border: 1px solid #b5b5b5;border-top: none;}
.tab_content {padding-top: 10px; }

/* 로그인 */ 
#loginArea { margin:0 auto; *zoom:1; width:500px;padding:100px 0 0 0; text-align:center; }
.loginAreawrap {display:block;float:left; position:relative;  width:100%; padding:20px 5.0% 20px 5.0%; box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.loginAreawrap .login_txt {display:flex; align-items: top; justify-content:center; line-height:20px; font-size:30px; color:#656565; font-weight:600; padding-bottom:28px;}
.loginAreawrap .loginboxid {display: inline-block; position:relative; width:100%; height:60px; padding:10px 0.8% 10px 35px; background:#fff url(../../images/login/icon_id.png) no-repeat 15px 50%; vertical-align: middle; box-sizing: border-box; border:1px solid #b6b6b6;}
.loginAreawrap .loginboxpw {display: inline-block; position:relative; width:100%; height:60px; padding:10px 0.8% 10px 35px; background:#fff url(../../images/login/icon_pw.png) no-repeat 15px 50%; vertical-align: middle; box-sizing: border-box; border:1px solid #b6b6b6;}
.loginAreawrap .inputText { width:95%; border:0px solid #d8d8d8;  height:2.2em; padding:.3em 0 0 .5em; background:#ffffff; font-size:1.2em; _font-size:9pt; font-family: nanumgothic; color:#666666; font-weight:bold;}
.loginAreawrap .checkbox {position:relative; text-align:left;font-size:14px; font-family:'nanumgothic'; color:#666;}
.loginAreawrap .checkbox .forgot {position:absolute; right:5px;  }
.loginAreawrap .checkbox .forgot a {font-size:13px; font-weight:bold; text-decoration:none; color:#666666;}
.loginAreawrap .btn_login {height:58px;  background:#153650; font-size:20px; color:#fff;   line-height:56px; border:1px solid #276494;}
.loginAreawrap .btn_login a {display:block; height:100%; height:58px; font-size:18px; color:#fff; font-weight:bold; text-decoration:none;}
.loginAreawrap .btn_login a:hover {background:#276494; }
.loginAreawrap .wrong { overflow:hidden;  position:absolute;   background:#f00; top:200px; color:#ffffff; font-weight:bold;  padding:0 10px;}

/*findid*/
.findTxt {font-size:14px; font-weight:bold;}
.findok {display:flex; align-item:center; justify-content:center; border:3px solid #ccc; padding:40px; box-sizing:border-box; }
.findok p {font-size:15px; line-height:25px; text-align:center; }
.findok p span {font-weight:bold; color:#094777;}

/* 약관 등*/
.agreeTitle {font-size:14px; color:#333; font-weight:bold;}
.agree_box{overflow:hidden}
.agree_box .agree_cont{border:1px solid #e0e0e0;padding:28px 30px 25px;line-height:1.5;max-height:200px;overflow:auto}
.agree_box .agree_cont .inner>ul>li{margin-top:7px}
.agree_box .agree_cont .inner ul li ul,
.agree_box .agree_cont .inner ul li dl{padding:5px 0 0 15px}
.agree_box .agree_cont .inner strong+p{margin-top:5px}
.agree_box .agree_cont .inner .tit_agree{display:block;margin-bottom:20px;font-size:14px;color:#333}
.agree_box .agree_cont .inner .tbl_type1 strong{display:block;padding:7px 0 4px}
.agree_box fieldset{margin:13px 0 0}
.agree_box fieldset label{padding-right:15px;padding-left:4px;vertical-align:middle}
.agree_box fieldset input{vertical-align:middle}
.agree_box .btn_area{float:right;padding-top:14px}
.agree_box fieldset{overflow:hidden}
.desc_area+.agree_cont{margin-top:10px}
.agree_box .agree-cont-small { height: 150px; max-height: 150px; margin-bottom: 2px; }

.agree_radio {padding:10px 0 10px 10px}
.agree_radio .text {color:#00457b; font-weight:bold}
.agree_radio span {padding-right:10px;}

.member_end {width:100%;padding-bottom:100px;}
.member_end .member_end_area {width:500px; height:200px; margin:0 auto; padding-top:100px;}
.member_end .member_end_area .member_end_check {display:flex; align-item:center; justify-content:center;}
.member_end .member_end_area .member_end_good {font-size:24px; color:#666; font-weight:bold; text-align:center; padding-top:20px;padding-bottom:30px;}
.member_end .member_end_area .member_end_good span {color:#333;}
.member_end .member_end_area .member_end_txt {font-size:16px; color:#999; text-align:center; line-height:22px;}
.member_end .member_end_area .member_end_txt b {color:#000;} 

/* use site */
#content .privacy_cont > ul {margin-left:20px; margin-top:40px;} 
#content .privacy_cont > ul > p {font-size:20px; font-weight:bold;  margin:40px 0 20px;border-bottom:1px solid #ccc; padding-bottom:10px;}
#content .privacy_cont > ul > li {margin-top:7px; margin-bottom:20px; font-size:14px; font-weight:bold;}
#content .privacy_cont > ul > li > p {margin-left:10px; margin-top:5px; font-size:12px;}
#content .privacy_cont > ul > li > ul{padding:5px 0 0 15px; margin:0;}
#content .privacy_cont > ul > li > ul > li {margin-top:5px; font-size:12px; margin-bottom:5px;}
#content .privacy_cont > ul > li > ul > li > p{margin-left:10px; font-weight:normal;}

.email {margin-top:40px;background:#f7f7f7; padding:50px 60px 100px; box-sizinig:border-box;}
.email .emailimg {width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding-bottom:30px;} 
.email .emailTitle {font-size:18px; font-weight:bold; padding-bottom:20px; text-align:center; } 
.email .emailtxt {font-size:14px; font-weight:bold; color:#888; text-align:center; padding:0 50px; box-sizing:border-box;} 

.memberout {float:left; display:inline-block; width:100%; border:3px solid #ccc; padding:40px 50px; box-sizing:border-box; margin-top:40px; background:url(../../images/content/qna_end_bg.gif) no-repeat right top; }
.memberout .outimg {float:left;display:inline-block; width:170px; border-right:1px solid #ccc;}
.memberout .outtxt {float:right;display:inline;width:481px; padding-left:80px; padding-top: 10px;}
.memberout .outtxt .title {font-size: 26px;font-weight:bold;line-height:26px;padding-top: 20px;padding-bottom:10px;}
.memberout .outtxt .scriptxt {font-size:13px;font-weight: bold;}
.pwinput {float:left; width:100%; padding:50px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc;}

.memberout2 {float:left; display:inline-block; width:100%; border-bottom:1px solid #ccc; font-size:18px; font-weight:bold; margin-top:40px; padding-bottom:20px; padding-left:10px;}
.memberout2 span {font-size:13px; padding-left:40px; color:#999;}
.sayu table{width:100%; font-size:13px; padding-bottom:20px;border-bottom:1px solid #999;}
.sayu table th { height:25px; padding:5px }

.pointinfo {float:left; display:inline-block; position:relative; width:100%; background:#f1f1f1; border:1px solid #ddd; padding:30px; box-sizing:border-box;}
.pointinfo .infoTitle {font-size:16px; font-weight:bold; padding-bottom:10px; }
.pointinfo ul {padding-bottom:20px; }
.pointinfo li {padding-left:18px; line-height:20px; }
.pointinfo .pointcharge {position:absolute; top:45px; right:40px;}

/*연관기사*/
.lastnewsTable table{width:100%; border-collapse:collapse; border-top:2px solid #a1a1a1; }
.lastnewsTable table th {font-size:13px; font-weight:bold; color:#000; padding:9px 7px 9px 20px; border-bottom:1px solid #ddd;text-align:left; background:url("../../images/btn/btn_control.gif") no-repeat 10px 15px;}
.lastnewsTable table th a {text-decoration:none;}
.lastnewsTable table tr:hover {background:#f5f4ed !important; cursor:pointer;}
.lastnewsTable table td {border-bottom:1px solid #ddd;  font-size:12px ; color:#a7a7a7; padding:9px 20px 9px 7px; text-align:right; white-space:nowrap; }  

/* tabList  */
.tabdownNav  {width:100%;margin:0;padding:0;}
 
.tabdownNav .nav li {margin-bottom:5px;}
.tabdownNav ul{overflow:hidden; list-style-type: none; margin:0; padding:0;}
.tabdownNav li ul{border:none;padding:15px 10px 10px; border-left:1px solid #ee690c; border-right:1px solid #ee690c; border-bottom:1px solid #ee690c;} /* 클릭시 보이는 컨텐츠 영역 */
.tabdownNav .caption{  margin:0; border:1px solid #999; border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; letter-spacing:-.9px; font-size:15px; color: #333333; font-weight:bold; background: url(../../images/content/icon_tabarrow.png) no-repeat 18px 8px, url(../../images/content/icon_plusminu.png) no-repeat 98% 7px, #e2e2e2; padding:14px 0px 12px 60px; cursor:pointer;}
.tabdownNav .caption:hover {border:1px solid #ee690c; background:url(../../images/content/icon_tabarrow.png) no-repeat 18px 8px, url(../../images/content/icon_plusminu.png) no-repeat 98% 7px, #ffefdd; padding:14px 0px 12px 60px;}
.tabdownNav .show ul{display:block; }
.tabdownNav .hide ul{display:none;}
.tabdownNav .show div.caption{color:#fff; border:1px solid #ee690c; background:url(../../images/content/icon_tabarrow_on.png) no-repeat 18px 8px, url(../../images/content/icon_minu.png) no-repeat 98% 7px, #ee690c; padding:14px 0px 12px 60px; border-bottom-left-radius : 0px; border-bottom-right-radius : 0px;
                             -ms-border-bottom-left-radius : 0px; -ms-border-bottom-right-radius : 0px;
							 -moz-border-bottom-left-radius : 0px; -moz-border-bottom-right-radius : 0px;
							 -o-border-bottom-left-radius : 0px; -o-border-bottom-right-radius : 0px;
							 -webkit-border-bottom-left-radius : 0px; -webkit-border-bottom-right-radius : 0px;
							 }

#steptwo, #stepthree, #stepfour, #stepfive {display:none; } 
#steptwo1, #stepthree1, #stepfour1, #stepfive1 {display:block; } 

/* 스크롤 */
#back-top {position: absolute; bottom: 50px; right:0px;}
#back-top a {width: 35px; display: block; text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover {color: #000;}
#back-top span {width:30px; height:30px; display:block; margin-bottom:7px; background:#ddd url(../../images/common/top.png) no-repeat center center;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span {background-color: #777;}

/*sub visual 2020.09.10*/
.subvisualarea {float:left; display:inline-block; width:100%; height:118px; background:#ededed;}
.subvisualarea .imgarea {float:left; display:inline-block; width:182px; height:118px; }
.subvisualarea .imgarea .thumnail {width:100%;}
.subvisualarea .scriptarea {float:right; display:inline-block; position:relative; width:calc(100% - 182px); background:#ededed; padding:15px 30px; box-sizing:border-box;}
.subvisualarea .scriptarea .step1 {font-size:15px; color:#666; font-weight:bold;}
.subvisualarea .scriptarea .step2 {position:absolute; left:30px; top:55px; font-size:13px; color:#ea5c15; font-weight:bold;}
.subvisualarea .scriptarea .step3 {position:absolute; left:30px; top:78px;font-size:11px; color:#0c5aa4; font-weight:bold; line-height:15px;}

#inoutArea {float:left; display:inlne-block; width:200%; overflow:hidden;}
#inoutArea .left {float:left; display:inline-block; width:49.2%;}
.notopline {border-top:1px solid #ccc !important;}
.titleName {font-size:14px; font-weight:bold; padding:3px 0;}
.subtitleshape {font-size:16px; font-weight:bold; background:#fff3e6; border-radius:5px;padding: 9px 0;margin-bottom: 15px;}
#inoutArea .contents {float:left;position:relative;display:inline-block;width:49.2%;padding-left: 45px; box-sizing: border-box;}
#inoutArea .contents .print_title {display: inline-block;width: 100%;line-height:35px;border-bottom:2px solid #ccc;}
.left_bt {position:absolute; left:0; top:0px;}


/*layer popup 2020.11.26*/
.popup {display:none; position: fixed; top: 40%; left: 55%; width:750px; transform: translate(-50%, -50%); padding:10px 20px 20px 20px; background:#fff; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); border-radius: 10px; z-index: 9999; }
.popup a { display: inline-block; text-decoration: none; color: grey; font-weight:bold;}
.btnclose {text-align: right;}
.infomation { padding-top:0px;}
.infomation .layertitle {font-size:16px; font-weight:bold; padding-bottom:6px;}
.popup:target {opacity: 1; display:block;}
.allpd5 {padding:8px; box-sizing:border-box; border-radius:5px;}
.lineTableAreaP table	{width:100%; border-collapse:collapse; border-top:2px solid #ff6d11;}
.lineTableAreaP table th	{font-size:13px; text-align:center; letter-spacing: -.8px; border:1px solid #ccc; padding:4px 4px;  *padding:4px 5px; background:#f1f1f1;}
.lineTableAreaP table td	{text-align:center; border:1px solid #ccc; padding:4px 4px; *padding:4px 5px; background:#fff; }


/* company introduce */
.orange {color:#f85d00;}
.bgblue {background:#e6f0fb;}
.bggray {background:#f3f3f3;}
.pd60 {padding:60px 0;}
.pd100 {padding:100px 0;}
.pd850 {padding:80px 0 50px 0;}

.subBox {float:left; display:block; width:100%;}
.subBox .companyBox {width:1100px; margin:0 auto;}
.subBox .companyBox .com_step01 {float:left; display:inline-block; width:100%;  text-align: center;}
.subBox .companyBox .com_step01 .bigtxt { font-size:33px; font-weight:bold;  line-height: 35px; padding-bottom:70px; letter-spacing: -.8px;}
.subBox .companyBox .com_step01 .midtxt { font-size:13px; font-weight:bold; color:#666; line-height:23px; padding-bottom:25px;}
.subBox .companyBox .com_step01 .samtxt { font-size:15px; font-weight:bold; color:#f85d00; line-height:26px; padding-bottom:50px;}

.subBox .companyBox .com_step01 .threeboxArea {float:left; display:flex; justify-content: space-between; align-items: top; width:100%; margin-top:40px; margin-bottom:135px;}
.subBox .companyBox .com_step01 .threeboxArea .onesqare {float:left; display:inline-block; width:30%; background:#fff; text-align: center; padding:30px 30px 10px 30px; box-sizing: border-box;}
.subBox .companyBox .com_step01 .threeboxArea .onesqare .syimg {padding-bottom:20px;}
.subBox .companyBox .com_step01 .threeboxArea .onesqare .sltxt {font-size:18px; color:#f85d00; font-weight:bold; padding-bottom:25px;}
.subBox .companyBox .com_step01 .threeboxArea .onesqare li {text-align: left; font-size:12.5px; color:#999; font-weight:bold; letter-spacing: -.4px; background:url(../../images/content/com_dot.png) no-repeat left 8px; padding-left:12px; margin-bottom:20px; box-sizing: border-box;} 
.subBox .companyBox .com_step01 .threeboxArea .onesqare li .subtip {display:block; font-size:11.5px; padding-left:10px;}

.subBox .companyBox .comStitle {float:left; display:inline-block; width:100%; font-size:36px; font-weight:bold;  text-align: center; line-height: 36px; padding-bottom:80px;}
.subBox .companyBox .comStitle .subtitle {font-size:14px; color:#666; padding-top:8px;}
.subBox .companyBox .comviusal {float:left; display:inline-block; width:410px;}
.subBox .companyBox .comlibra {float:left; display:inline-block; width:610px;}
.subBox .companyBox .comlibra .diving {float:left; display:inline-block; width:100%; padding-bottom:40px;}
.subBox .companyBox .comlibra .diving .librTitle {font-size:17px; color:#e42600; font-weight:bold; padding-bottom:12px;}
.subBox .companyBox .comlibra .diving .librTitle a.btngo {font-size:12px; color:#e42600; font-weight:bold; padding:3px 5px; border:1px solid #e42600; background:#ffd394; text-decoration: none; margin-left:10px;}
.subBox .companyBox .comlibra .diving .librsTitle {font-size:14px; color:#666; font-weight:bold; }
.subBox .companyBox .comlibra .diving ul {margin-left:30px; margin-top:7px;}
.subBox .companyBox .comlibra .diving li {color:#999; font-weight:bold; line-height:20px; }

.subBox .companyBox .treebox  {display:inline-block; width:100%;  text-align: center;}
.subBox .companyBox .treebox .simtxt {font-size:14.5px; color:#666; font-weight:bold; letter-spacing: -.65px; padding-bottom:20px;}
.subBox .companyBox .treebox .topbox {margin:0 auto; width:550px; text-align: center;}
.subBox .companyBox .treebox .topbox .topboxtitle {width:100%; font-size:18px; color:#fff; font-weight:bold; padding:12px 0; text-align: center; background:#463e57; }
.subBox .companyBox .treebox .topbox .topboxbody {float:left; padding:40px 70px 20px 70px; background:#eef3f2;}
.subBox .companyBox .treebox .topbox .topboxbody .img {float:left; display:inline-block; width:80px; text-align: left; }
.subBox .companyBox .treebox .topbox .topboxbody .txt {float:left; display:inline-block; font-size:14px; color:#4e4e4e; font-weight:bold; text-align: left; line-height:23px;}
.subBox .companyBox .treebox .topbox .topboxbody .txt a.btngo {font-size:12px; color:#e42600; font-weight:bold; padding:3px 8px; border:1px solid #dfdfdf; background:#fff; text-decoration: none; margin-left:10px;}


.subBox .companyBox .treebox .underbox {float:left; display:flex; justify-content: space-between; align-items: top;  width:100%;}
.subBox .companyBox .treebox .underbox .eachbox {float:left; display:inline-block; width:260px;}
.subBox .companyBox .treebox .underbox .eachbox .toptitle  {position:relative; width:100%; font-size:18px; color:#fff; font-weight:bold; padding:12px 0; text-align: center;  }
.subBox .companyBox .treebox .underbox .eachbox .toptitle .titlearrow {position:absolute; right:-28px; top:2px; width:37px; height:27px; padding-top:10px; border-radius:50%; background:#fff; z-index: 9999;}
.subBox .companyBox .treebox .underbox .eachbox .topboxbody { width:100%; height:370px; font-size:13px; color:#666; font-weight:bold; padding:15px 10px 0 15px ; background:#f2f2f2; box-sizing: border-box;}
.subBox .companyBox .treebox .underbox .eachbox .topboxbody .twotitle {float:left; display:inline-block; width:100%; font-size:15px; color:#000; font-weight:bold; text-align: left; padding-bottom:8px;}
.subBox .companyBox .treebox .underbox .eachbox .topboxbody ul {width:100%; padding-bottom:30px;}
.subBox .companyBox .treebox .underbox .eachbox .topboxbody li { font-size:12px; color:#666; padding-bottom:8px; line-height:17px; text-align: left; letter-spacing: -.5px;}

.eachbg01 {background:#ca7c7c;}
.eachbg02 {background:#a4403d;}
.eachbg03 {background:#703f4b;}
.eachbg04 {background:#595252;}
a.btngo {font-size:12px; color:#e42600; font-weight:bold; padding:3px 8px; border:1px solid #dfdfdf; background:#fff; text-decoration: none; margin-left:10px;}
.subBox .companyBox .treebox .pronation {float:left; display:inline-block; width:100%; color:#666; text-align: right;padding-top:20px;}

.qnabg {background:url(../../images/content/qnabg.png) no-repeat; background-size:cover !important;}
.subBox .companyBox .qnabtnarea {float:left; display:inline-block; width:100%; text-align: center; margin-top:50px; margin-bottom:120px;}
.subBox .companyBox .qnabtnarea a.qnabtn {font-size:16px; color:#fff; font-weight:bold; padding:15px 25px; border:1px solid #fff; background:#f86f00; text-decoration: none;}


/*/////////////////////////////////////////////////////////
///////////////////////2021.11.02//////////////////////////
/////////////////////////////////////////////////////////*/

.cateArea {float:left; display:inline-block; width:100%; background:#f2f2f2; padding:15px; box-sizing: border-box;}
.cateArea li {float:left; display:inline-block; font-size:14px; font-weight:bold;   text-decoration: none; background:url(../../images/content/div_line.png) no-repeat right center;}
.cateArea li:nth-last-child(-n+1) {background:none;}
.cateArea li a { padding:5px 13px;}
.cateArea li a:hover {color:#fff; background:#ff6d11; text-decoration: none;}
.cateArea li a.on {color:#fff; background:#ff6d11; text-decoration: none;}

table.workgroup {width:100%; border-top:2px solid #ff6d11; border-collapse: collapse;}
table.workgroup td {font-size:14px; color:#666; font-weight:bold; text-align:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 20px 7px 20px;}
table.workgroup td:nth-last-child(-n+1) {border-right:none;}

.namecardArea {display:inline-block; width:100%;}
.namecardArea ul {float:left; padding-bottom:30px;}
.namecardArea li {float:left;width:265px; margin-top: 30px;margin-right:40px; border:1px solid #ccc;}
.namecardArea li:hover {border:1px solid #ff5000;}
.namecardArea li .imgArea {display:flex; justify-content: center; align-items: center; height:173px; text-align: center; padding:15px; box-sizing: border-box;}
.namecardArea li .TxtArea {float:left; display:block; position:relative; width:100%; height:130px; background:#f8f8f8; padding:20px 15px 15px 15px; box-sizing: border-box; }
.namecardArea li .TxtArea .titleh2 a{font-size:15px; color:#ff6c00; font-weight:bold; line-height:18px; letter-spacing: -1.0px;}
.namecardArea li .TxtArea .phone {position:absolute; top:70px; left:15px; font-size:14px; color:#999; font-weight:bold; line-height:18px; letter-spacing: -.8px;}
.namecardArea li .TxtArea .homeurl {position:absolute; top:90px; left:15px; font-size:14px; color:#999; font-weight:bold; line-height:18px; letter-spacing: -.8px;}
.namecardArea li .TxtArea .bubble {display:inline-block; position:absolute; width:100px; height:31; bottom:22px; right:0px; font-size:12px; color:#ff5000; font-weight:bold; text-align: center; line-height:22px; }
.namecardArea li.point {float:left;width:572px; margin-top: 30px;margin-right:40px; border:1px solid #ccc;}
.namecardArea li:hover.point {border:1px solid #ff5000;}
.namecardArea li.point .dejungbo {float:left; display:inline-block; width:265px; border-right:1px solid #ccc; }
.namecardArea li.point .depic {float:left; display:inline-block; width:306px; padding:15px; box-sizing: border-box;}
.namecardArea li.point .depic img {width:276px; height:270px;}


.gotop 		{position:fixed; _position:absolute; left:96%; top:88%; width:38px; height:38px; background-color:#777; z-index:3; -moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;}
.gotop div 	{z-index:4; display:block; position:relative; width:38px; height:38px; background:url("../images/common/top_arrow.png") no-repeat 7px 10px;}


.listTableAreaFix table {width:100%;border-collapse:collapse;border:1px solid #ccc;border-top:2px solid #ff6d11;background:#fff;}
.listTableAreaFix table th {font-size:13px;color:#000;background:#dfdfdf;padding:7px 10px;*padding:5px 10px;font-weight:700;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #878787;}
.listTableAreaFix table td {font-size:12px;color:#000;font-weight:400;padding:7px 3px;*padding:6px 10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;}
.listTableAreaFix table td a {text-decoration:underline;}
.listTableAreaFix table td.sel {border:1px solid red;}
.listTableAreaFix table tr:hover {background:#f5f4ed!important;cursor:pointer;}
.listTableAreaFix table tr.stotal {background:#d5e1ff;}
.listTableAreaFix table tfoot td {background:#35405d;color:#fff;font-size:13px;font-weight:700;}


/* 주각부설계 2022.03.31 > 04.25 > 08.17*/
.jukabu {float:left; display:inline-block; position:relative; width:100%; height:140px;}
.jukabu .ltMain {float:left; display:inline-block; position:relative; width: 400px; }
.jukabu .ltMain .title {position:absolute; left: 150px; top:5px; font-size:26px; font-weight:bold; }
.jukabu .ltArea {float:right; display:flex; justify-content: flex-end; width: calc(100% - 400px); }
.jukabu .ltArea .imgbt {float:left; display:inline-block;width: 116px;margin-left: 5px;}
.jukabu .ltArea .imgbt img {width: 116px}
.w84 {width:84px !important;}
.w105 {width:105px;}
a.btn_sm_blue2 {display:inline-block; line-height:14px;padding: 3px 5px 2px 5px; background:#e8f3ff; font-family:'Nanum Gothic';  font-size:11px; font-weight:bold; color:#1f6dc5;  border:1px solid #1f6dc5; text-decoration:none !important;}
a.btn_sm_blue2:hover {background:#bdd7f4;}



.jukakinp {float:left; display:flex; width:100%; justify-content: space-around; }
.jukakinp .jukakcad {float:left; display:inline-block; position:relative; width:640px; height:400px; border:1px solid #c1c1c1;  margin-bottom:20px;}
.jukakinp .jukakcad .inp01 {position:absolute;left: 141px;top: 252px;}
.jukakinp .jukakcad .inp02 {position:absolute;left: 141px;top: 202px;}
.jukakinp .jukakcad .inp03 {position:absolute;left: 187px;top: 95px;}
.jukakinp .jukakcad .inp04 {position:absolute;left: 315px;top: 77px;}
.jukakinp .jukakcad .inp05 {position:absolute;left: 443px;top: 95px;}
.jukakinp .jukakcad .inp06 {position:absolute;left: 315px;top: 32px;}
.inptype { width: 50px; border:1px solid #333;  height: 1.4em; padding:.1em .3em 0 .3em; background:#ffffff; font-size:1.2em; _font-size:9pt; font-family: nanumgothic; color:#666666; font-weight:bold;}
.inptype_p { width: 40px; border:0px solid #333;  height: 1.4em; padding:.1em .3em 0 .3em; background:#ffffff; font-size:1.2em; _font-size:9pt; font-family: nanumgothic; color:#666666; font-weight:bold;} 


/* 2022. 4.25 */
.jukakinp .jukakcad .inp21 {position:absolute;left: 130px;top: 97px;}
.jukakinp .jukakcad .inp22 {position:absolute;left: 198px;top: 97px;}
.jukakinp .jukakcad .inp23 {position:absolute;left: 266px;top: 97px;}
.jukakinp .jukakcad .inp24 {position:absolute;left: 361px;top: 175px;}
.jukakinp .jukakcad .inp25 {position:absolute;left: 361px;top: 205px;}
.jukakinp .jukakcad .inp26 {position:absolute;left: 361px;top: 236px;}
.jukakinp .jukakcad .inp27 {position:absolute;left: 466px;top: 206px;}
.jukakinp .jukakcad .inp24_1 {position:absolute;left: 365px;top: 161px;}
.jukakinp .jukakcad .inp25_1 {position:absolute;left: 365px;top: 196px;}
.jukakinp .jukakcad .inp26_1 {position:absolute;left: 365px;top: 244px;}
.jukakinp .jukakcad .inp27_1 {position:absolute;left: 365px;top: 279px;}
.jukakinp .jukakcad .inp28 {position:absolute;left: 470px;top: 220px;}

.jukakinp .jukakcad .inp31 {position:absolute;left: 226px;top: 89px;}
.jukakinp .jukakcad .inp32 {position:absolute;left: 301px;top: 89px;}
.jukakinp .jukakcad .inp33 {position:absolute;left: 429px;top: 135px;}
.jukakinp .jukakcad .inp34 {position:absolute;left: 429px;top: 206px;}
.jukakinp .jukakcad .inp31_1 {position:absolute;left: 182px;top: 77px;}
.jukakinp .jukakcad .inp32_1 {position:absolute;left: 258px;top: 77px;}
.jukakinp .jukakcad .inp33_1 {position:absolute;left: 370px;top: 146px;}
.jukakinp .jukakcad .inp34_1 {position:absolute;left: 370px;top: 189px;}
.jukakinp .jukakcad .inp35_1 {position:absolute;left: 370px;top: 238px;}
.jukakinp .jukakcad .inp36_1 {position:absolute;left: 370px;top: 281px;}
.jukakinp .jukakcad .inp37_1 {position:absolute;left: 476px;top: 214px;}

.jukakinp .jukakcad .inp71 {position:absolute;left: 108px;top: 143px;}
.jukakinp .jukakcad .inp72 {position:absolute;left: 108px;top: 187px;}
.jukakinp .jukakcad .inp73 {position:absolute;left: 108px;top: 230px;}
.jukakinp .jukakcad .inp74 {position:absolute;left: 26px;top: 187px;}
.jukakinp .jukakcad .inp75 {position:absolute;left: 239px;top: 78px;}
.jukakinp .jukakcad .inp76 {position:absolute;left: 307px;top: 78px;}
.jukakinp .jukakcad .inp77 {position:absolute;left: 240px;top: 296px;}
.jukakinp .jukakcad .inp78 {position:absolute;left: 477px;top: 157px;}
.jukakinp .jukakcad .inp79 {position:absolute;left: 477px;top: 187px;}
.jukakinp .jukakcad .inp80 {position:absolute;left: 477px;top: 217px;}
.jukakinp .jukakcad .inp81 {position:absolute;left: 553px;top: 187px;}
.jukakinp .jukakcad .inp71_1 {position:absolute;left: 61px;top: 133px;}
.jukakinp .jukakcad .inp72_1 {position:absolute;left: 61px;top: 169px;}
.jukakinp .jukakcad .inp73_1 {position:absolute;left: 61px;top: 204px;}
.jukakinp .jukakcad .inp74_1 {position:absolute;left: 262px;top: 63px;}
.jukakinp .jukakcad .inp75_1 {position:absolute;left: 329px;top: 63px;}
.jukakinp .jukakcad .inp76_1 {position:absolute;left: 440px;top: 133px;}
.jukakinp .jukakcad .inp77_1 {position:absolute;left: 440px;top: 169px;}
.jukakinp .jukakcad .inp78_1 {position:absolute;left: 440px;top: 204px;}
.jukakinp .jukakcad .inp79_1 {position:absolute;left: 440px;top: 240px;}
.jukakinp .jukakcad .inp80_1 {position:absolute;left: 518px;top: 186px;}

.jukakinp .jukakcad .inp91 {position:absolute;left: 52px;top: 224px;}
.jukakinp .jukakcad .inp92 {position:absolute;left: 191px;top: 44px;}
.jukakinp .jukakcad .inp93 {position:absolute;left: 263px;top: 44px;}
.jukakinp .jukakcad .inp94 {position:absolute;left: 442px;top: 192px;}
.jukakinp .jukakcad .inp95 {position:absolute;left: 442px;top: 224px;}
.jukakinp .jukakcad .inp96 {position:absolute;left: 442px;top: 255px;}
.jukakinp .jukakcad .inp97 {position:absolute;left: 524px;top: 224px;}
.jukakinp .jukakcad .inp91_1 {position:absolute;left: 14px;top: 216px;}
.jukakinp .jukakcad .inp92_1 {position:absolute;left: 95px;top: 141px;}
.jukakinp .jukakcad .inp93_1 {position:absolute;left: 95px;top: 179px;}
.jukakinp .jukakcad .inp94_1 {position:absolute;left: 95px;top: 217px;}
.jukakinp .jukakcad .inp95_1 {position:absolute;left: 95px;top: 269px;}
.jukakinp .jukakcad .inp96_1 {position:absolute;left: 294px;top: 68px;}
.jukakinp .jukakcad .inp97_1 {position:absolute;left: 366px;top: 68px;}
.jukakinp .jukakcad .inp98_1 {position:absolute;left: 481px;top: 141px;}
.jukakinp .jukakcad .inp99_1 {position:absolute;left: 481px;top: 179px;}
.jukakinp .jukakcad .inp100_1 {position:absolute;left: 482px;top: 217px;}
.jukakinp .jukakcad .inp101_1 {position:absolute;left: 482px;top: 254px;}
.jukakinp .jukakcad .inp102_1 {position:absolute;left: 563px;top: 198px;}

.w50 {width:50px !important;}

.jukakinp_M {float:left; display:flex; width:100%; justify-content: space-around; }
.jukakinp_M .jukakcad {float:left; display:inline-block; position:relative; width:640px; height:400px; border:1px solid #c1c1c1;  margin-bottom:20px;}

.jukakinp_M .jukakcad .inp01 {position:absolute;left: 141px;top: 256px;}
.jukakinp_M .jukakcad .inp02 {position:absolute;left: 141px;top: 202px;}
.jukakinp_M .jukakcad .inp03 {position:absolute;left: 187px;top: 95px;}
.jukakinp_M .jukakcad .inp04 {position:absolute;left: 315px;top: 77px;}
.jukakinp_M .jukakcad .inp05 {position:absolute;left: 443px;top: 95px;}
.jukakinp_M .jukakcad .inp06 {position:absolute;left: 315px;top: 32px;}
.jukakinp_M .jukakcad .inp01_1 {position:absolute;left: 69px;top: 257px;}
.jukakinp_M .jukakcad .inp02_1 {position:absolute;left: 69px;top: 202px;}
.jukakinp_M .jukakcad .inp03_1 {position:absolute;left: 185px;top: 76px;}
.jukakinp_M .jukakcad .inp04_1 {position:absolute;left: 314px;top: 76px;}
.jukakinp_M .jukakcad .inp05_1 {position:absolute;left: 442px;top: 76px;}


.jukakinp_M .jukakcad .inp21 {position:absolute;left: 211px;top: 90px;}
.jukakinp_M .jukakcad .inp22 {position:absolute;left: 275px;top: 90px;}
.jukakinp_M .jukakcad .inp23 {position:absolute;left: 446px;top: 136px;}
.jukakinp_M .jukakcad .inp24 {position:absolute;left: 446px;top: 204px;}
.jukakinp_M .jukakcad .inp25 {position:absolute;left: 446px;top: 275px;}

.jukakinp_M .jukakcad .inp21_1 {position:absolute;left: 201px;top: 100px;}
.jukakinp_M .jukakcad .inp22_1 {position:absolute;left: 265px;top: 100px;}
.jukakinp_M .jukakcad .inp23_1 {position:absolute;left: 404px;top: 165px;}
.jukakinp_M .jukakcad .inp24_1 {position:absolute;left: 404px;top: 218px;}
.jukakinp_M .jukakcad .inp25_1 {position:absolute;left: 404px;top: 274px;}
.jukakinp_M .jukakcad .inp26_1 {position:absolute;left: 484px;top: 218px;}

.jukakinp_M .jukakcad .inp31 {position:absolute;left: 178px;top: 81px;}
.jukakinp_M .jukakcad .inp32 {position:absolute;left: 242px;top: 81px;}
.jukakinp_M .jukakcad .inp33 {position:absolute;left: 306px;top: 81px;}
.jukakinp_M .jukakcad .inp34 {position:absolute;left: 368px;top: 167px;}
.jukakinp_M .jukakcad .inp35 {position:absolute;left: 447px;top: 256px;}
.jukakinp_M .jukakcad .inp31_1 {position:absolute;left: 198px;top: 87px;}
.jukakinp_M .jukakcad .inp32_1 {position:absolute;left: 262px;top: 87px;}
.jukakinp_M .jukakcad .inp33_1 {position:absolute;left: 326px;top: 87px;}
.jukakinp_M .jukakcad .inp34_1 {position:absolute;left: 399px;top: 153px;}
.jukakinp_M .jukakcad .inp35_1 {position:absolute;left: 399px;top: 193px;}
.jukakinp_M .jukakcad .inp36_1 {position:absolute;left: 399px;top: 280px;}
.jukakinp_M .jukakcad .inp37_1 {position:absolute;left: 489px;top: 216px;}


.jukakinp_W {float:left; display:flex; width:100%; justify-content: space-around; }
.jukakinp_W .jukakcad {float:left; display:inline-block; position:relative; width:640px; height:400px; border:1px solid #c1c1c1;  margin-bottom:20px;}


.jukakinp_W .jukakcad .inp21 {position:absolute;left: 165px;top: 39px;}
.jukakinp_W .jukakcad .inp22 {position:absolute;left: 230px;top: 39px;}
.jukakinp_W .jukakcad .inp23 {position:absolute;left: 296px;top: 39px;}
.jukakinp_W .jukakcad .inp24 {position:absolute;left: 358px;top: 126px;}
.jukakinp_W .jukakcad .inp25 {position:absolute;left: 441px;top: 217px;}
.jukakinp_W .jukakcad .inp26 {position:absolute;left: 358px;top: 309px;}

.jukakinp_W .jukakcad .inp21_1 {position:absolute;left: 174px;top: 90px;}
.jukakinp_W .jukakcad .inp22_1 {position:absolute;left: 242px;top: 90px;}
.jukakinp_W .jukakcad .inp23_1 {position:absolute;left: 308px;top: 90px;}
.jukakinp_W .jukakcad .inp24_1 {position:absolute;left: 383px;top: 159px;}
.jukakinp_W .jukakcad .inp25_1 {position:absolute;left: 383px;top: 201px;}
.jukakinp_W .jukakcad .inp26_1 {position:absolute;left: 383px;top: 292px;}
.jukakinp_W .jukakcad .inp27_1 {position:absolute;left: 478px;top: 226px;}


.jukakinp_W .jukakcad .inp71 {position:absolute;left: 104px;top: 303px;}
.jukakinp_W .jukakcad .inp72 {position:absolute;left: 104px;top: 217px;}
.jukakinp_W .jukakcad .inp73 {position:absolute;left: 104px;top: 131px;}
.jukakinp_W .jukakcad .inp74 {position:absolute;left: 182px;top: 48px;}
.jukakinp_W .jukakcad .inp75 {position:absolute;left: 246px;top: 48px;}
.jukakinp_W .jukakcad .inp76 {position:absolute;left: 312px;top: 48px;}

.jukakinp_W .jukakcad .inp71_1 {position:absolute;left: 101px;top: 156px;}
.jukakinp_W .jukakcad .inp72_1 {position:absolute;left: 162px;top: 30px;}
.jukakinp_W .jukakcad .inp73_1 {position:absolute;left: 227px;top: 30px;}
.jukakinp_W .jukakcad .inp74_1 {position:absolute;left: 292px;top: 30px;}
.jukakinp_W .jukakcad .inp75_1 {position:absolute;left: 374px;top: 94px;}
.jukakinp_W .jukakcad .inp76_1 {position:absolute;left: 374px;top: 124px;}
.jukakinp_W .jukakcad .inp77_1 {position:absolute;left: 374px;top: 219px;}
.jukakinp_W .jukakcad .inp78_1 {position:absolute;left: 228px;top: 350px;}


@media all and (min-width:1060px) and (max-width: 1580px) {
	.jukakinp  {float:none; display:block;}
	.jukakinp_M  {float:none; display:block;}
	.jukakinp_W  {float:none; display:block;}
}

.subvisualarea .scriptarea .priceinfo {float:left; position:absolute;  right:20px; top:11px; font-weight:bold;}
.subvisualarea .scriptarea .priceinfo li {font-size:12px; font-weight:bold; line-height: 14px; padding-left:4px;}
.subvisualarea .scriptarea .priceinfo li:before {content:'.'; vertical-align: 5px; padding-right:4px;}


/* 2022. 05. 24*/
.guard {padding:10px 20px 15px; background:#fff; border:3px solid #eaeaea; border-radius:7px;}


/* 2022. 09. 07 업체소개페이지 */
.cominfo {float:left; display:inline-block; position:relative; width:235px;  }
.comperform {float:left; display:inline-block; position:relative; width:730px; }

.cominfo .cominfobox {float:left; display:inline-block; padding:10px; box-sizing: border-box; border:1px solid #ccc;}
.cominfo .cominfobox .h1 {height:70px; padding-bottom:10px; border-bottom:1px solid #b8b8b8; text-align: center;}
.cominfo .cominfobox .h2 {font-size:18px;color:#000;font-weight:bold;line-height: 28px;border-top:1px solid #fff;text-align: center;letter-spacing: -.8px;background:#eee;padding: 10px 0;}
.cominfo .cominfobox .infotxt {font-size:13px; color:#666; font-weight: bold; padding-top:13px; padding-bottom:15px;}
.cominfo .cominfobox .infofix {display:block; font-size:14px; color:#333; font-weight:bold; padding-top:10px;  }
/* .cominfo .cominfobox .infoinp {display:block; font-size:13px; color:#666; font-weight:bold; padding :0 0 10px 17px ; border-bottom:1px dashed #bfbfbf; box-sizing: border-box;} */
.cominfo .cominfobox .infoinp {display: block; font-size: 13px; color: #666; font-weight: bold; padding : 0 0 10px 17px; border-bottom: 1px dashed #bfbfbf; box-sizing: border-box; word-wrap: break-word; width: 213px;}
.cominfo .cominfobox .infoinp:nth-last-child(-n+1) {border:none !important;}
.cominfo .cominfobox a.conbtn {float:left; display:block; width:100%; font-size:14px; color:#fff; font-weight:bold; padding:12px 0; background:#ff9145; text-align: center; margin-top:5px;}
.cominfo .cominfobox a:hover {background:#ff6800; text-decoration: none;}

.cominfo .tagbox {float:left; display:inline-block;  width:100%; padding:30px 0 20px 0; }
.cominfo .tagbox .titname {font-size:15px; color:#666; font-weight:bold; padding-bottom:8px; border-bottom:1px solid #afafaf;}
.cominfo .tagbox .tagarea {float:left; display:inline-block; position:relative; width:100%; height:120px;  margin-bottom:5px; padding:10px; box-sizing: border-box;}
.cominfo .tagbox .tagarea .ft1 {font-size:12px; color:#666; font-weight:bold; letter-spacing: -.8px;}
.cominfo .tagbox .tagarea .ft2 {font-size:13px; color:#666; font-weight:bold; letter-spacing: -.8px;}
.cominfo .tagbox .tagarea .ft3 {font-size:15px; color:#666; font-weight:bold; letter-spacing: -.8px;}
.cominfo .tagbox .tagarea .ft4 {font-size:17px; color:#666; font-weight:bold; letter-spacing: -.8px;}
.cominfo .tagbox .tagarea .ft5 {font-size:20px; color:#666; font-weight:bold; letter-spacing: -.8px;}
.cominfo .tagbox .tagarea .lo1 {position:absolute; top:15px ; left:13px;}
.cominfo .tagbox .tagarea .lo2 {position:absolute; top:40px ; right:15px;}
.cominfo .tagbox .tagarea .lo3 {position:absolute; top:55px ; left:13px;}
.cominfo .tagbox .tagarea .lo4 {position:absolute; top:70px ; right:60px;}
.cominfo .tagbox .tagarea .lo5 {position:absolute; top:83px ; left:43px;}

.cominfo .businfo {float:left; display:inline-block; width:100%; border:1px solid #e6e6e6; border-radius:5px; padding:0 20px; background:#f1f1f1; box-sizing: border-box; }
.cominfo .businfo .businfobox {float:left; display:block; width:100%; padding:18px 0 18px 0;}
.cominfo .businfo .businfobox dl {float:left; width:100%; display:flex; align-items: center; padding:9px 0;}
.cominfo .businfo .businfobox dt.icon {float:left;display:inline-block; width:30%; }
.cominfo .businfo .businfobox dd.text {float:left;display:inline-block;  width:70%; font-size:12px; color:#666; font-weight: bold; text-align: left;}
.cominfo .businfo .businfobox dd.text .gonsu {font-size:14px;padding:3px 15px; border:1px solid #999; border-radius:10px; background:#fff; margin-left:10px;}

/* business rightArea */
.comperform .topbanner {float:left; display:inline-block; margin-bottom:10px; }
.comperform .topbanner img {width:730px; height:135px;}

.comperform .picBox {float:left; display:inline-block; width:100%; padding:10px 0 30px 0;}
.image { position: absolute; top:50%; left:50%; width:100%; height:100%;   transform: translate(-50%, -50%);}
.cover { object-fit: cover;}

/* 유형 2-a */
.comperform .picBox .photo2a {display:grid; width:730px; grid-template-rows: repeat(1, 400px); grid-template-columns: 480px 240px; gap:0 10px; grid-template-areas: "pic2a1 pic2a2";}
pic2a1 {grid-area:pic2a1; background:#f1f1f1; position: relative; overflow: hidden;}
pic2a2 {grid-area:pic2a2; background:#f1f1f1; position: relative; overflow: hidden;}
/* 유형 2-b */
.comperform .picBox .photo2b {display:grid; width:730px; grid-template-rows: repeat(1, 400px); grid-template-columns: 360px 360px; gap: 10px; grid-template-areas: "pic2b1 pic2b2";}
pic2b1 {grid-area:pic2b1; background:#f1f1f1; position: relative; overflow: hidden;}
pic2b2 {grid-area:pic2b2; background:#f1f1f1; position: relative; overflow: hidden;}
/* 유형 3-a */
.comperform .picBox .photo3a {display:grid; width:730px; grid-template-rows: repeat(2, 195px); grid-template-columns: 480px 240px; gap: 10px; 
	grid-template-areas: "pic3a1 pic3a2" "pic3a1 pic3a3";}
pic3a1 {grid-area:pic3a1; background:#f1f1f1; position: relative; overflow: hidden;}
pic3a2 {grid-area:pic3a2; background:#f1f1f1; position: relative; overflow: hidden;}
pic3a3 {grid-area:pic3a3; background:#f1f1f1; position: relative; overflow: hidden;}

/* 유형 3-b */
.comperform .picBox .photo3b {display:grid; width:730px; grid-template-rows: repeat(1, 400px); grid-template-columns: 235px 235px 240px; gap: 10px; 
	grid-template-areas: "pic3b1 pic3b2 pic3b3";}
pic3b1 {grid-area:pic3b1; background:#f1f1f1; position: relative; overflow: hidden;}
pic3b2 {grid-area:pic3b2; background:#f1f1f1; position: relative; overflow: hidden;}
pic3b3 {grid-area:pic3b3; background:#f1f1f1; position: relative; overflow: hidden;}

/* 유형 4-a */
.comperform .picBox .photo4a {display:grid; width:730px; grid-template-rows:270px 270px; grid-template-columns: 360px 360px; gap: 10px; 
	grid-template-areas: "pic4a1 pic4a2" "pic4a3 pic4a4";}
pic4a1 {grid-area:pic4a1; background:#f1f1f1; position: relative; overflow: hidden;}
pic4a2 {grid-area:pic4a2; background:#f1f1f1; position: relative; overflow: hidden;}
pic4a3 {grid-area:pic4a3; background:#f1f1f1; position: relative; overflow: hidden;}
pic4a4 {grid-area:pic4a4; background:#f1f1f1; position: relative; overflow: hidden;}

/* 유형 4-b */
.comperform .picBox .photo4b {display:grid; width:730px; grid-template-rows:270px 270px; grid-template-columns: 235px 235px 240px; gap: 10px; 
	grid-template-areas: "pic4b1 pic4b1 pic4b2" "pic4b3 pic4b4 pic4b4";}
pic4b1 {grid-area:pic4b1; background:#f1f1f1; position: relative; overflow: hidden;}
pic4b2 {grid-area:pic4b2; background:#f1f1f1; position: relative; overflow: hidden;}
pic4b3 {grid-area:pic4b3; background:#f1f1f1; position: relative; overflow: hidden;}
pic4b4 {grid-area:pic4b4; background:#f1f1f1; position: relative; overflow: hidden;}

/* 유형 4-c */
.comperform .picBox .photo4c {display:grid; width:730px; grid-template-rows:300px 235px; grid-template-columns: 235px 235px 240px; gap: 10px; 
	grid-template-areas: "pic4c1 pic4c1 pic4c1" "pic4c2 pic4c3 pic4c4";}
pic4c1 {grid-area:pic4c1; background:#f1f1f1; position: relative; overflow: hidden;}
pic4c2 {grid-area:pic4c2; background:#f1f1f1; position: relative; overflow: hidden;}
pic4c3 {grid-area:pic4c3; background:#f1f1f1; position: relative; overflow: hidden;}
pic4c4 {grid-area:pic4c4; background:#f1f1f1; position: relative; overflow: hidden;}

/* 유형 5-a */
.comperform .picBox .photo5a {display:grid; width:730px; grid-template-rows:300px 235px; grid-template-columns: 235px 235px 240px; gap: 10px; 
	grid-template-areas: "pic5a1 pic5a1 pic5a2" "pic5a3 pic5a4 pic5a5";}
pic5a1 {grid-area:pic5a1; background:#f1f1f1; position: relative; overflow: hidden;}
pic5a2 {grid-area:pic5a2; background:#f1f1f1; position: relative; overflow: hidden;}
pic5a3 {grid-area:pic5a3; background:#f1f1f1; position: relative; overflow: hidden;}
pic5a4 {grid-area:pic5a4; background:#f1f1f1; position: relative; overflow: hidden;}
pic5a5 {grid-area:pic5a5; background:#f1f1f1; position: relative; overflow: hidden;}

.comperform .portinfo {float:left; display:inline-block; width:100%; margin-bottom:35px;}
.comperform .portinfo .portTitle {font-size:18px; color:#666; font-weight:bold; padding-bottom:10px; margin-bottom:5px;  border-bottom:1px solid #888;}
.comperform .portinfo .portBox {float:left; display:inline-block; position:relative; width:100%; padding:16px 0 13px 0; border-bottom:1px solid #e8e8e8; }
.comperform .portinfo .portBox .portimg {float:left; display:inline-block; border:1px solid #ccc; margin-right:20px;}
.comperform .portinfo .portBox .portimg img {width:138px;height:88px;float: left;}
.comperform .portinfo .portBox .portbody {float:left; display:inline-block; width:450px;}
.comperform .portinfo .portBox .portbody .porttit {font-size:15px; color:#000; font-weight:bold; margin-bottom:18px;}
.comperform .portinfo .portBox .portbody .portscript {width:450px; font-size:13px; color:#666; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.comperform .portinfo .portBox .portbtn  {float:left; display:inline-block; position:absolute;  width:95px; top:18px; right:10px; }
.comperform .portinfo .portBox .portbtn .portbtn1 {float:left; display:block; width:95px; height:25px; font-size:14px; color:#f27c2a; font-weight:bold;  background:#efefef;  border:1px solid #efefef; margin-bottom:10px; text-align:center; line-height:25px;}
.comperform .portinfo .portBox .portbtn .portbtn2 {float:left; display:block;width:95px; height:25px; font-size:12px; color:#666; font-weight:bold;  background:#fff; border:1px solid #ccc; margin-bottom:10px; text-align:center; line-height:25px;}
.comperform .portinfo .portBox .portbtn .portbtn3 {float:left;display:block;width:95px;height:25px;font-size:12px;color:#666;font-weight:bold;background: #fbf2ed;border:1px solid #ccc;margin-bottom:10px;text-align:center;line-height:25px;}
.comperform .portinfo .portBox .portbtn a:hover {text-decoration: none; border:1px solid #f27c2a;}
.comperform .portinfo .portBox .portbody .noimg {width:600px !important; }

.comperform .portinfo .gallbox {float:left; display:flex; justify-content: space-between; align-items: center; width:100%; margin-top:15px;}
.comperform .portinfo .gallbox .gallery {float:left; display:inline-block; width:235px;}
.comperform .portinfo .gallbox .gallery .gallimg {width:235px; height:129px;}
.comperform .portinfo .gallbox .gallery .gallinfo {float:left; display:inline-block; position:relative; width:100%; height:115px; padding:13px 10px 10px 10px;  border:1px solid #ccc; border-top:none; box-sizing: border-box;}
.comperform .portinfo .gallbox .gallery .gallinfo  .galltit {font-size:15px; color:#333; font-weight:bold;}
.comperform .portinfo .gallbox .gallery .gallinfo  .gallcate {position:absolute; left:10px; bottom:30px; font-size:12px; color:#666; font-weight:bold;}
.comperform .portinfo .gallbox .gallery .gallinfo  .tag {position:absolute; left:10px; bottom:10px; }
.comperform .portinfo .gallbox .gallery .gallinfo  .tag span {margin-right:6px; font-size:11px; color:#666;}


/*/////////////////////////////////
///////////2022.12.26//////////////
/////////////////////////////////*/
.chatbotWrap {float:left; display:none; position:fixed; width:355px; height:515px; right:15px; bottom:135px; box-shadow:1px 1px 25px rgba(0, 0, 0, .4);  border-radius: 21px; z-index: 9999;}
.chatbotWrap .chatHead {float:left; display:block; position:relative; width:100%; background:#f58221; padding:15px 20px; border-top-left-radius:20px; border-top-right-radius:20px;  box-sizing: border-box;}
.chatbotWrap .chatHead .btn_close {position:absolute; right:25px; top:21px;}
.chatbotWrap .chatBody {float:left; display:block; align-items: flex-end;  width:100%; height:380px; background:#f4ebe5; padding:10px 20px; overflow:hidden; overflow-y: auto;  box-sizing: border-box;}
.chatbotWrap .chatBody .chatWrap {float:left; display:block;}
.chatbotWrap .chatBody .chatWrap .chatbottalk {float:left;display:block;width:100%;margin-bottom: 20px;}
.chatbotWrap .chatBody .chatWrap .chatbottalk .chatname {float:left; display:block; width:100%; height:33px; font-weight:600; line-height: 33px; margin-bottom:8px;}
.chatbotWrap .chatBody .chatWrap .chatbottalk .chatname .comname {vertical-align: 14px; padding-left:6px;}
.chatbotWrap .chatBody .chatWrap .chatbottalk .chatArea {float:left;display: flex;width:100%;vertical-align: bottom;height: 100%;justify-content: space-between;align-items: flex-end;}
.chatbotWrap .chatBody .chatWrap .chatbottalk .chatArea .chatbotai {float:left; display:inline-block; width:240px; font-size:13px; font-weight:600; padding:15px; line-height: 20px; box-sizing: border-box; background:#fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
.chatbotWrap .chatBody .chatWrap .chatbottalk .chatArea .time {width: 65px;float: right;display: inline-block;vertical-align: bottom;height: 100%; font-size:10px; color:#666; font-weight:600}

.chatbotWrap .chatBody .chatWrap .usertalk {float:left;display:block;width:100%;margin-bottom: 20px;}
.chatbotWrap .chatBody .chatWrap .usertalk .chatArea {float:left;display: flex; flex-direction:row-reverse; width:100%;vertical-align: bottom;height: 100%;justify-content: space-between;align-items: flex-end;}
/* .chatbotWrap .chatBody .chatWrap .usertalk .chatArea {float:left;display: flex;width:100%;vertical-align: bottom;height: 100%;justify-content: space-between;align-items: flex-end;} */
.chatbotWrap .chatBody .chatWrap .usertalk .chatArea .chatbotai {float:right; display:inline-block; width:240px; font-size:13px; color:#fff; font-weight:600; padding:15px; line-height: 20px; box-sizing: border-box; background:#fff; border-top-right-radius: 20px; border-top-left-radius: 20px;border-bottom-left-radius: 20px; background:#ff9503; }
.chatbotWrap .chatBody .chatWrap .usertalk .chatArea .time {width: 65px;float: left;display: inline-block;vertical-align: bottom;height: 100%; font-size:10px; color:#666; font-weight:600; text-align: right;}

.chatbotWrap .chattype {float:left; display:inline-block; width:100%; height:62px; background:#fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding:10px 10px 20px; box-sizing: border-box; }
.chatbotWrap .chattype .typingArea {float:left; display:inline-block; width:93%; }
.chatbotWrap .chattype .typingArea .chattext {width:95%; height:25px; border:1px solid #e3e5ef; border-radius:5px; padding:10px; box-sizing: border-box;}
textarea::placeholder { color: #e1dedc; font-weight: bold;}
.chatbotWrap .chattype .sendArea {float:right; display:inline-block; width:7%; }
.chatbotWrap .chattype .sendArea li {height:35px; padding-top:0px;}
.chatbotWrap .chattype .sendArea li button {border:none; cursor:pointer;}
/* scrollbar design */
.chatbotWrap .chatBody { overflow: auto;}
.chatbotWrap .chatBody::-webkit-scrollbar { width: 7px;}
.chatbotWrap .chatBody::-webkit-scrollbar-thumb {background-color: #c6c2c0; border-radius: 7px;}
.chatbotWrap .chatBody::-webkit-scrollbar-track {background-color: #f4ebe5; border-radius: 10px; box-shadow: inset 0px 0px 5px white;}

.realtalk {float:left; display:block; position:fixed; right:23px; bottom:135px; z-index: 9998;}
.realtalk .talkbtn a{float:left; display:flex; justify-content: center;align-items: center; width:70px; height:70px; background:#f58221; border-radius:50%; }
.realtalk .talkbtn a:hover {box-shadow: 1px 1px 8px rgba(0, 0, 0, .8);}

.modpop{position:absolute;top:0;left:0;width:100%;height:100%;display:none; }
.modpop .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);border-radius:20px;}
.modpop .writearea{position:absolute;top:40%;left:9%;padding:20px;background:#fff; border-radius:10px;}
.modpop .writearea .writeWrap {display:block; width:250px;}
.modpop .writearea .writeWrap .mwtitle {font-size:18px; font-weight:600; margin-bottom:10px; text-align: center;}
.modpop .writearea .writeWrap .writefield  {float:left; display:inline-block; width:100%; font-size:13px; color:#b1b1b1; font-weight:600; text-align: center; line-height: 20px;}
.modpop .writearea .popbtn {float:left; display:inline-block; width:100%; text-align: center; padding-top:20px;}
.modpop .writearea a.popcan {padding:8px 30px; font-size:14px; font-weight:600; color:#ff9145; border:1px solid #ff9145; background:#fff; border-radius:8px; text-align: center; text-decoration: none; margin-right:7px}
.modpop .writearea a.popclose {padding:8px 30px; font-size:14px;  color:#fff;background:#ff9145; border:1px solid #ff9145; border-radius:8px; text-align: center; text-decoration: none;}
.chatbtn {display: inline-block; font-size: 13px; font-weight: bold; line-height: 20px;  padding: 3px 8px 5px 8px; transition: all 0.3s ease; background: #ffe8c7; -webkit-border-radius: 15px;}
.chatbtn:hover {color: #fff; background: #ff9503; text-decoration: none;}

.signInArea {width: 100%;}


#tabcontainer .tableft{float:left;width: 960px;margin:0 -960px 0 0;}
#tabcontainer .tabcontents{margin:0 0 0 959px;min-height:330px;background:#fff;float: left;position: relative;}
#tabcontainer .tabconbody{width:940px; margin: 0 0 0 45px;min-height:330px;background:#fff;}
#tabcontainer .tabcontents .left_bt{width:100px;color:#fff;position: absolute;left: 0;}
#tabcontainer .tabcontents .aa {padding-top:30px;}