@charset "utf-8";
.clear{display:block;height:0;font-size:0;font-size:0;line-height:0;content:'';overflow:hidden;clear:both}

.lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8); /* ✅ 검은색 배경 */
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out; z-index:99
}

.lightbox.show {
opacity: 1;
visibility: visible;
}

.lightbox img {
max-width: 90%;
max-height: 90%;
box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.3); /* ✅ 부드러운 그림자 */
}

.lightbox_close {
position: absolute;
top: 20px;
right: 30px;
font-size: 30px;
color: white;
cursor: pointer;
}



.dc_pc {display:block;}
.dc_m {display:none;}

.pc_ml20 {margin-left:15px;}
.pc_pl20 {padding-left:15px;}

.pc_none { display: none;}

 
.con_body {padding:10px 0 50px 0;}
.con_body h3 {font-size:2.8em; margin:10px 0; font-weight:bold;text-align:center; padding-bottom:20px; color:#222;}
.con_body h4 {font-size:27px; clear:both; line-height:1.6em; color:#222; padding:25px 0 5px 13px;font-weight:500;  background:url("/images//sub/ico_h5.gif") no-repeat scroll left 43px; }
.con_body h5 {font-size:21px; clear:both; line-height:1.3em;color:#2C7CCC;   padding-left:15px;  }
.con_body h5.h5_brown { color:#855824;      }
.con_body h6 {font-size:18px; clear:both;line-height:1.3em; color:#107BE3;     }

.con_body h4 + p {padding-left:15px;}
.con_body h5 + p {padding-left:15px; margin-bottom:20px;}

  
.gray_box_ul  {display:flex; flex-wrap: wrap;  gap:20px; justify-content: center; margin-top:20px;}
.gray_box_ul li {width:23%; background: #f4f4f4;  border-radius: 20px; box-sizing:border-box; padding:20px; color:#555;}
.gray_box_ul li .img {display:flex;  align-items: center; align-content: center; justify-content: center;  margin:20px auto; background-color:#fff; border-radius:50%; width:160px; height:160px;}
.gray_box_ul li .img img {max-width:80px; width:100%;}
.gray_box_ul li p {font-size:22px; font-weight:bold; margin-bottom:10px; color:#000; text-align:center; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.gray_box_ul li span {font-size:16px;  color:#555;}
.gray_box_ul li > ul > li {width:100%; margin:0; border:0; font-size:16px; letter-spacing:-1px; position:relative; padding-left:10px;}
.gray_box_ul li > ul > li:after { content: '';display: block;width: 2px;height: 2px;position: absolute;background:#555;left: 0;top: 12px; z-index:0;  }

.gray_box_ul .depth01 li {background:none;}


   

/*매수리스트*/
.container2 {margin:30px 0;   }
.container2 .tab-content {display: none; box-sizing:border-box; width: 100%;    font-size: 16px;padding: 10px; }

#tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
#tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}
#tab3:checked ~ #tab-content3 {display: block;background-color: #fff;}
#tab4:checked ~ #tab-content4 {display: block;background-color: #fff;}
.container2 {font-size: 0px;  }
.container2 input[type='radio'] {display: none;}
.container2 label {
display: inline-block;
width: 24%;
box-sizing:border-box;
height: 60px;
font-size: 18px;
cursor: pointer;
padding:15px 20px;
text-align:center;
margin-right:5px;
border:1px solid #ddd; 
background-size:30px;
border-radius:10px 0;
}
.container2 input:checked + label {color: #fff; background:#107BE3 ; font-weight:bold; background-size:30px;}



.contents_tab {display: table;width: 100%;table-layout: fixed;border-left: 1px solid #e7e7e7;position: relative;background-color: #f1f1f1}
.contents_tab li {display: table-cell;height: 60px}
.contents_tab li a {font-size:16px; display: block;position: relative;height: 60px;border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; line-height: 60px;text-align: center;background-color: #fff}
.contents_tab li a:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;width: 1px;background: #e6e3df}
.contents_tab li a:before, .contents_tab li a:before {content: '';display: block;position: absolute;left: 0;top: 0;height: 3px;width: 0;background-color: #2C7CCC}
.contents_tab li.on a:before, .contents_tab li:hover a:before {width: 100%;  height:0}
.contents_tab li.on a, .contents_tab li:hover a {color:#fff; background-color: #104a85;font-weight: 600}

.contents_tab li.on a:before, .contents_tab li.on a:before  {height:0}

.ol_style li {padding:5px 5px; font-size:1.2em;line-height:150%;}
.ol_style li li {background: url('/images//sub/depth02.gif') 15px 15px no-repeat; padding:3px 0px 1px 25px; font-size:1.0em; line-height:140%;}


.depth01 {margin:10px 0 0 0px;}
.depth01 li {background: url('/images//sub/depth01.gif') 5px 14px no-repeat; padding:2px 0px 5px 15px; font-size:18px; line-height:150%;}
.depth01 li th  {font-size:16px!important;}
.depth01 li td {font-size:18px!important;}
.depth01 li li  {background: url('/images//sub/depth02.gif') 2px 15px no-repeat; padding:3px 0px 3px 13px; font-size:17px; line-height:150%;  }

.depth_none li {background:none!important; padding-left:0!important; margin-left:0; } 
.depth_none02   {margin-top:10px;}
.depth_none02 li { padding:3px 0px 3px 13px; font-size:17px; line-height:150%; } 

.depth_inline li  {float:left;  width:20%; background: url('/images//sub/depth_inline02.png') 10px 12px no-repeat; padding:2px 0px 5px 20px; font-size:1.2em; line-height:150%;}


.depth02 {margin:10px 0;}
.depth02 li {background: url('/images//sub/depth02.gif') 10px 18px no-repeat; padding:5px 0px 5px 20px; font-size:18px; line-height:150%;}


.depth0202 {margin:10px 0;}
.depth0202 li {background: url('/images//sub/depth02.gif') 5px 15px no-repeat; padding:5px 0px 5px 15px; font-size:17px; line-height:150%;}

.depth03 {margin:10px 0;}
.depth03 li {background: url('/images//sub/depth03.gif') 3px 18px no-repeat; padding:5px 0px 5px 13px;  font-size:18px;line-height:150%;}
.depth03 li li  {background: url('/images//sub/depth02.gif') 2px 15px no-repeat; padding:3px 0px 3px 13px;  font-size:18px; line-height:150%;  }


.depth04 {margin:10px 0;}
.depth04 li {background: url('/images//sub/depth04.gif') 3px 18px no-repeat; padding:5px 0px 5px 13px;  font-size:18px; line-height:150%;}
.depth04 li li  {background: url('/images//sub/depth02.gif') 2px 15px no-repeat; padding:3px 0px 3px 13px;  font-size:18px;line-height:150%;  }


.h5_p {font-size:16px; padding-left:15px;}

 

.pc_etner {display:block;}
 

.wp30 {width:30px!important;}
.wp50 {width:50px!important;}
.wp70 {width:70px!important;}
.wp100 {width:100px!important;}
.wp130 {width:130px!important;}
.wp150 {width:150px!important;}

/* 페이징 */
.pg_wrap {clear:both;margin:0 auto;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg_page:hover, .pg_current:hover {color:#fff;}

.pg a:focus, .pg a:hover {background-color:#222}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url(../img/page_1.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/page_2.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/page_3.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/page_4.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#222;color:#fff;font-weight:normal}
/*form*/
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.frm_input{height:35px;line-height:32px;border:1px solid #d5d5d5;}
.frm_input_full{width:100%}
select{height:35px;line-height:32px;border:1px solid #d5d5d5;}
textarea{width:100%;border:1px solid #d5d5d5;min-height:80px}
legend {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;border:0;overflow:hidden}
.code_input{font:bold 15px Consolas}



.map_img {box-sizing:border-box;width:90%; background-color:#f6f6f6; margin:0 auto; padding:40px;  border:1px solid #e6e6e6; border-radius:15px;}

.inline_block {display:inline-block;}

.h4{font-size:3.0em;font-weight:bold; clear:both; line-height:1.4em; color:#222;  text-align:center;}
.h5{font-size:1.7em; font-weight:bold; clear:both; line-height:1.4em; color:#222;  text-align:center;}

.ico_live {margin-right:5px; color:#fff; background-color:#DF0005; border-radius:3px; padding:0px 5px; text-align:center;}

.border0 {border:0!important;}
.p_h4 {line-height:150%; font-size:16px!important;}
.p_h4_2 {line-height:170%; font-size:16px;} /*개인정보*/
.p_h4_3 {line-height:150%; font-size:17px; color:#636363;}
.com_h4 {line-height:170%; font-size:17px;} /*참여업체상세*/
.com_h4 img { width:50px; }
.p_h4.st{margin-top:20px;}
.p_h5 {margin: 0 0 0 0px;font-size:14px;line-height:150%;}
.p_h5_02 {margin: 0 0 0 15px;font-size:18px;line-height:150%;}
.p_h6 {margin: 0 0 0 14px;font-size:14px;line-height:150%;}

.ico_import {clear:both; margin-top:10px;font-size:16px; padding:0px 0 0 15px;  background:#fff url(/images/sub/point_blet.gif) no-repeat 0 6px;line-height:150%;}
.ico_import02 {clear:both; color: #777;font-size:13px;padding:0 0 10px 22px;background: url(/images/sub/point_blet02.gif) no-repeat 0 3px;line-height:150%;}

.pc_enter {display:block;}
.pc_enter2 {display:block;}

.br0 {border-right:0!important}
.bl0 {border-left:0!important}

.pc_pt80 {padding-top:80px;} /*pc패딩80 모바일패딩은20*/
.fontweight_bold {font-weight:bold;}
.text_m_line {text-decoration: line-through}

/*전체배경*/
.sub_bg  {width:100%; margin:0 auto; height:auto;position:relative;} 

.sub_bg01 {background: url(/images/sub/kiwi01.jpg) no-repeat 50% bottom;} /*보성키위소개*/
.sub_bg02 {background:#F18101;padding:30px 0;} /*푸드쇼*/
.sub_bg03 {background:#F3F995; padding:50px 0;background-size:cover;} /*개요*/
.sub_bg04 {background:#0575bc;padding:30px 0;} /*랜선특강*/


/*포인트 색상*/
.point_blue {font-weight:bold; color:#005FAF;}
.point_blue_s {font-weight:bold;  color:#005FAF;}
.point_black {font-weight:bold; font-size:17px; color:#222;}
.point_black_s {font-weight:bold; color:#222;}
.point_red {font-size:1.1em;color:#D90005;}
.point_red_s {font-weight:bold;color:#D90005;}
.point_orange {font-weight:bold; font-size:17px; color:#ff6600;}
.point_orange_s {color:#ff6600;}
.point_green {font-weight:bold; font-size:17px; color:#4b9309;}
.point_green_s {font-weight:bold; color:#4b9309;}
.point_yellow {color:#fff200;}
.point_yellow_b {font-size:19px;color:#fcff00;} /*푸드쇼포인트*/
.point_brown {color:#995233;}

.back_gray {background-color:#fbfbfb;}
.back_blue {background-color:#E7F7FE;}
.back_pink {background-color:#FEE7F0;}
.back_yellow {background-color:#FDF5E8;}
.back_yellow2 {background-color:#FBE797;}
.back_orange {background-color:#FCDBCD;}
.back_green {background-color:#D2FACF;}
.back_purple {background-color:#DFE6F7;}

.border_r_0 {border-right:0!important;}


.tbTypeB {   font-size:16px; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed;}
.tbTypeB thead tr th {height:18px; padding:15px 0 13px;  font-weight:500;color:#3e3e3e; text-align:center; line-height:18px; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fbfbfb;}
.tbTypeB thead tr:first-child th {border-top:0;}
.tbTypeB thead tr th:last-child{border-right:0;}
.tbTypeB thead tr th:first-child{border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr:first-child th {border-top:1px solid #6b6b6b;font-weight:500;}
.tbTypeB thead tr th.bdL0 {border-left:0;}
.tbTypeB tbody tr th { font-weight:500;background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr td {height:18px;font-size:1.0em;  padding:8px 0 8px 10px; line-height:170%; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr:first-child td {border-top:1px solid #6b6b6b;}
.tbTypeB tbody tr td:last-child{border-right:0;}
.tbTypeB tbody tr td:first-child{border-right:1px solid #e4e4e4;}
.tbTypeB tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeB tbody tr td .txtList {}
.tbTypeB tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(..//images//common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeB tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeB tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeB tbody tr td.fee {padding-right:10px !important; text-align:right;}

.tbTypeB.mdcCharge td {padding-left:15px; padding-right:15px; font-size:12px; word-break:break-all;}


.tbTypeC {width:100%;  font-size:16px; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed;}
.tbTypeC thead tr th {height:18px; padding:15px 0 13px;  color:#fff; text-align:center; line-height:18px; vertical-align:middle; border-right:1px solid #0294FF; border-bottom:1px solid #0294FF; background:#0071C4;}
.tbTypeC thead tr:first-child th {border-top:0;}
.tbTypeC thead tr th:last-child{border-right:0;}
.tbTypeC thead tr th:first-child{border-right:1px solid #0294FF;}
.tbTypeC tbody tr:first-child th {border-top:1px solid #6b6b6b;}
.tbTypeC thead tr th.bdL0 {border-left:0;}
.tbTypeC tbody tr th { background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr:hover {background-color:#f6f6f6;}
.tbTypeC tbody tr td {height:18px;font-size:1.0em;  padding:6px 10px; line-height:170%; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr:first-child td {border-top:1px solid #6b6b6b;}
.tbTypeC tbody tr td:last-child{border-right:0;}
.tbTypeC tbody tr td:first-child{border-right:1px solid #e4e4e4;}
.tbTypeC tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeC tbody tr td .txtList {}
.tbTypeC tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(..//images//common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeC tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeC tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeC tbody tr td.fee {padding-right:10px !important; text-align:right;}


.tbTypeC input[type="text"], .table_write input[type="password"], .table_write select {
height: 25px;
padding: 5px 5px;
margin-bottom: 5px;
font-size: 14px;
border: 1px solid #ccc;
vertical-align: middle;
color: #363636;
text-align:left;
}

.tbTypeE {width:100%; font-size:1.1em; border-top:3px solid #005BAE; border-bottom:1px solid #ddd;border-spacing:0; table-layout:fixed;}
.tbTypeE thead tr th {padding:15px 0px;  font-size:1.1em;   color:#3e3e3e; text-align:center; line-height:140%; vertical-align:middle; border-top:1px solid #ddd; border-right:1px solid #ddd; background:#F8FCFF;}
.tbTypeE thead tr:first-child th {border-top:0;}
.tbTypeE thead tr th:last-child{border-right:0;}
.tbTypeE thead tr th:first-child{border-right:1px solid #ddd;}
.tbTypeE tbody tr:first-child th {border-top:1px solid #ddd;}
.tbTypeE thead tr th.bdL0 {border-left:0;}
.tbTypeE tbody tr th { background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
.tbTypeE tbody tr td {height:18px;font-size:1.0em;  padding:15px 10px; line-height:150%; vertical-align:middle; border-top:1px solid #ddd; border-right:1px solid #e4e4e4;}
.tbTypeE tbody tr:first-child td {border-top:1px solid #ddd;}
.tbTypeE tbody tr td:last-child{border-right:0;}
.tbTypeE tbody tr td:first-child{border-right:1px solid #ddd;}
.tbTypeE tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeE tbody tr td .txtList {}
.tbTypeE tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(..//images//common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeE tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeE tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeE tbody tr td.fee {padding-right:10px !important; text-align:right;}


span.buscolor1{background:#ffce09;border-radius:50%;display:block;box-sizing:border-box;width:10px;height:10px;float:left;margin:6px 3px}
span.buscolor2{background:#11d236;border-radius:50%;display:block;box-sizing:border-box;width:10px;height:10px;float:left;margin:6px 3px}
span.buscolor3{background:#285cd3;border-radius:50%;display:block;box-sizing:border-box;width:10px;height:10px;float:left;margin:6px 3px}
span.buscolor4{background:#ff0000;border-radius:50%;display:block;box-sizing:border-box;width:10px;height:10px;float:left;margin:6px 3px}
span.buscolor5{background:#b9d69d;border-radius:50%;display:block;box-sizing:border-box;width:10px;height:10px;float:left;margin:6px 3px}


.buscolor1 {
  background-color: #0072bc; /* 파랑 - 일반 시내버스 */
}

.buscolor2 {
  background-color: #d9534f; /* 빨강 - 급행버스 */
}

.buscolor3 {
  background-color: #5cb85c; /* 초록 - 마을버스 */
}



.bus_box {display:inline-block; width:80px;}
 


.point_ul li {width:100%;display:inline-block;margin-top:20px;}
.point_ul li span{font-size:18px;color:#fff;width:150px; border-radius:5px;margin-right:10px; text-align:center;float:left; display:block; padding:5px 10px;}
.point_ul li p{font-size:18px;line-height:180%;float:left;padding-top:3px;}
.point_ul li i{font-size:15px;line-height:180%;float:left;padding-top:3px;}


.ul_orange2 li span{ background:#E3604E; }
.ul_white li span{ background:#0071C7; color:#fff;}
.ul_white2 li span{ background:#8D4D20; color:#fff;}
.ul_white3 li span{ background:#0F50A9; color:#fff;}


.ul_blue li span{ background:#14A6CB; }
.ul_blue2 li span{background:#66569D;}
.ul_blue3 li span{background:#032983;} /*진한블루*/
.ul_purple li span {background:#66569d;}
.ul_green li span {background:#2B9942;}
.ul_orange li span {background:#f79d29;}
.ul_brown li span {background:#483601;}
.ul_red li span {background:#ef3e23;}
.ul_red2 li span {background:#BF1E2E;}
.ul_red3 li span {background:#BF1E2E; margin-left:140px;}

 

/*라인*/
.stripe_line {background:url(/images/sub/bg_diagonal.gif); height:4px; margin:20px 0;}
.stripe_line02 {background:url(/images/sub/border_stripe02.png); height:8px; margin:20px 0 60px 0;}
.dot_line {border-bottom:2px dotted #d1d1d1;}



/*박스*/
.tip_box {border:1px solid #d1d1d1;  padding:10px 33px;margin:10px 0; background:#fff url(/images/sub/ico_ex.png) no-repeat 8px 8px;}
.tip_box02 {border:1px solid #d1d1d1;  padding:10px 33px;margin:10px 0; background:#fff url(/images/sub/bul_tip.gif) no-repeat 8px 8px;}

.base_box_01 {width:100%; border:1px solid #d1d1d1;  font-size:16px; line-height:160%; border-top:2px solid #555; padding:15px;margin:10px 0; box-sizing:border-box;}
.base_box_01 p {line-height:150%; font-weight:bold;font-size:17px; }
.base_box_02 {width:100%; border:1px solid #d1d1d1;  border-top:2px solid #555; padding:18px;margin:10px 0; box-sizing:border-box;  background-color:#fafafa; }
.base_box_02 p {line-height:150%;}

.stripe_box  {clear:both;overflow:hidden;padding:10px;margin-bottom:25px;background:url(/images/sub/border_stripe.png);}
.stripe_box p {background:#fff;padding:25px 10px; line-height:150%;}
.stripe_box p span {font-size:21px; font-weight:600; letter-spacing:-1px; line-height:30px;  display:block; margin-bottom:15px;}

/*인포박스*/
.info_box_big {clear:both;border:1px solid #d1d1d1; height:auto;padding:15px 10px 20px 130px; background:#f9f9f9 url(/images/sub/icn_topinfo.png) no-repeat 20px 50%;}
.info_box_big p{font-size:14px; line-height:150%;}


.dp_none {display:none;}
.dp_block {display:block;}

.border1 {border:1px solid #d1d1d1;}
.border2 {border:2px solid #d1d1d1;}
.border3 {border:3px solid #d1d1d1;}



/* 탭메뉴 여러줄 */
.tabmenu {border:2px solid #d1d1d1; padding:15px 20px; border-top:2px solid #555;}
.tabmenu p {font-size:18px; font-weight:bold; padding-bottom:10px;margin-bottom:5px; border-bottom:2px dotted #d1d1d1; color:#255BA5;}
.tabmenu ul {width:100%;  overflow:hidden;}
.tabmenu li {float:left;font-size:13px; line-height:120%;background:url(/images/sub/carrow_3th.gif) left 15px no-repeat; }
.tabmenu li a {color:#444;display:block; height:20px;padding:10px 20px 0 10px;letter-spacing:-1px;}
.tabmenu li a.over {color:#0056CA; font-weight:bold; font-size:14px;}
.tabmenu li a[target='_blank'] {margin-right:18px; background: url(/images/common/ico_window.gif) no-repeat right 11px;}

/* 탭메뉴 */
.c-tab01 {position:relative;border-left:1px solid #ddd;}
.c-tab01 ul {width:100%;overflow:hidden;background:#fff url(/images/sub/tab01_bg.gif) no-repeat 100% 100%;}
.c-tab01 ul:after {clear:both;content:"";display:block}
.c-tab01 li {float:left;font-size:14px;text-align:center;width:25%;}
.c-tab01 li a {color:#444;display:block;background:#F8F8F8;border:1px solid #DDDDDD;border-left:0px;height:28px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;border-left:1px solid #DDDDDD;}
.c-tab01 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab01 li a.over,.c-tab01 li a:hover {background:#fff;font-weight:bold;text-decoration:underline;padding-top:8px;border-top:3px solid #4BAE2F;}
.c-tab01 li a:hover[target='_blank'] { background:url(/images/common/ico_window.gif) no-repeat 91% 11px;}
.c-tab01 li a[target='_blank'] { background:#F8F8F8 url(/images/common/ico_window.gif) no-repeat 91% 13px;}

.c-tab01 .btn_tab a {position:absolute;top:0;display:inline-block;width:40px;height:40px;background:url(/images/sub/tab04_arr.gif) no-repeat 0 0;}
.c-tab01 a.ck-left {left:0;}
.c-tab01 a.ck-right {right:0;background-position:100% 0;}
.c-tab01 .btn_tab a span {display:inline-block;width:1px;height:1px;visibility:hidden;overflow:hidden;}
.c-tab01 .btn_tab a.ck-left:hover {background-position:left -50px;}
.c-tab01 .btn_tab a.ck-right:hover {background-position:right -50px;}
 

  
/*테이블스타일*/
caption  {font-size:0;width:1px;height:1px;overflow:hidden;line-height:0;}
table {border-collapse:collapse; border-spacing:0;z-index:0; width:100%;}
.alc {text-align:center!important;}
.all {text-align:left!important;}
.alr {text-align:right!important;}
.vatop {vertical-align:top;}
.va_middle {vertical-align:middle;}
.fll {float:left;}
.flr {float:right;}
.font_b {font-weight:bold;}
.bc_red {background-color:#FEEFEF;}
.tc {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}


/*테이블 가로값*/
.width5 {width:5%;}
.width10 {width:10%;}
.width15 {width:15%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width70 {width:70%;}
.width100 {width:100%;}

/*기본테이블*/
.table_01 { text-align:center; box-sizing:border-box; clear:both;width:100%;margin-bottom:3px; font-size:17px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_01 thead tr th {text-align:center; font-weight:bold; height:30px; padding:5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333;}
.table_01 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:3px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;}
.table_01 tbody tr td {padding:5px 5px;  font-size:16px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_01 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_01 tfoot td {text-align:right; padding:10px 10px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}

/*기본테이블_테이블이 긴경우 모바일에서 넓이가 줄어들지않고 좌우로 스크롤되는 테이블 */
.table_02 {text-align:center; clear:both;width:100%; margin-bottom:3px; font-size:14px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_02 thead tr th {text-align:center; font-weight:bold; height:30px; padding:5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333; }
.table_02 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:5px 10px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;line-height:150%;}
.table_02 tbody tr td {padding:7px 8px;  font-size:13px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_02 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_02 tfoot td {text-align:right; padding:10px 10px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}


/*기본테이블_패딩값이 더 적음 테이블이 긴경우 모바일에서 넓이가 줄어들지않고 좌우로 스크롤되는 테이블 */
.table_03 {text-align:center; clear:both; width:100%; margin-bottom:3px; font-size:14px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_03 thead tr th {text-align:center; font-weight:bold; height:30px; padding:3px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333;}
.table_03 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:5px 2px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;}
.table_03 tbody tr td {padding:7px 2px;  font-size:13px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_03 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 3px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_03 tfoot td {text-align:right; padding:10px 5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}



/* 양옆에 선없는 테이블 */
.table_04 {border-top:2px solid #48525E;width:100%;border-collapse:collapse;font-size:16px;table-layout:fixed;clear:both; line-height:150%;}
.table_04 th {border-right: 1px solid #ccc;background:#8D6D4F;border-left:1px solid #ccc;border-bottom:1px solid #ccc;color:#fff;font-weight:normal;text-align: center;}
.table_04 th.line, .table_04 td.line {border-right:1px solid #ccc;} /* 셀병합시 우측라인 안생기는 경우 사용 */
.table_04 th.line2 {border-bottom:1px solid #ccc;}
.table_04 th.line3 {border-left:1px solid #ccc;}
.table_04 thead th {border-bottom:1px solid #ccc;font-weight:bold;line-height:120%;padding:11px 5px;}
.table_04 tbody th {background:#f9f9f9;color:#222;padding:9px 5px;border-right:1px solid #ccc;}
.table_04 th:first-child, .table_04 td:first-child {border-left:0;}
.table_04 th:last-child, .table_04 td:last-child {border-right:0;}
.table_04 td.line3,.table_04 th.line3 {border-left:1px solid #ccc;}
.table_04 td {background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;padding:9px 5px;}
.table_04 tfoot th, .table_04 tfoot td {background:#f9f9f9;color:#333;}
.table_04 .bg th, .table_04 .bg td {background:#f9f9f9;font-weight:bold;}


 
/* 테이블 손가락 */
.hand_wrap {  width:100%; padding-bottom:20px; clear:both;} 

  

/*스트라이프박스*/
.stripe_box02 { margin-top:15px; position:relative; background:url('/images//sub/stripe_bg.png'); padding:0.75rem; margin-bottom:1.5rem; }
.stripe_box02 .bg { position:absolute; right:3rem; bottom:1rem;}
.stripe_box02 .inner { border:1px solid #d4e1ee; background:#fff; box-sizing:border-box; padding:1.5rem 2rem 1.5rem 1.3rem; width:100%;  }
.meister .inner dl { padding-bottom:0.7rem; border-bottom:1px dotted #b2bcc4;}
.meister .inner dl dt { display:inline-block; vertical-align:middle; font-size:1.2rem; color:#014ba8; font-weight:600; }
.meister .inner dl dd { display:inline-block; vertical-align:middle; font-size:1rem; color:#fff; width:7.2rem; line-height:2rem; background:#014ba8; border-radius:1rem; font-weight:600; text-align:center; margin-left:0.5rem; }
.meister .inner p { display:inline-block; vertical-align:middle; font-size:1rem; color:#fff; width:7.2rem; line-height:2rem; background:#014ba8; border-radius:1rem; font-weight:600; text-align:center; margin-left:0.5rem; }
.meister .inner ul { padding:1.5rem 0 0.5rem; height:auto; overflow:hidden; }
.meister .inner ul li { display:block; width:33.333%; float:left; }
.meister .inner ul li i { display:inline-block; width:1.5rem; height:1.5rem; background:#014ba8; border-radius:50%; line-height:1.5rem; text-align:center; color:#fff; margin-right:0.5rem;  }
 
/* 이미지100% 스타일 */
.img100 {}



/* 포인트 박스 */
.point_box {padding:45px 20px 35px 220px;margin-bottom:20px; border:1px solid #ddd;  border-right:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;background:#fff;  color:#444; line-height:21px; }
.point_box .point_title{font-size:26px; font-weight:500; letter-spacing:-1px; line-height:25px; margin-bottom:10px;}
.point_box .point_cont{margin-top:15px; font-size:14px; line-height:150%;}
.point_box .point_cont span { margin-bottom:5px;font-weight:bold; font-size:15px; color:#005FAF;}
.point_box ul {clear:both;} 
.point_box li {color:#636363;background:url(/images/carrow_3th.gif) left 9px no-repeat;padding-left:10px;clear:both;margin:4px 0;}

.p_icon {background-repeat:no-repeat; background-position:40px 50%;} /*아이콘 중간위치*/
.p_ico_top {background-repeat:no-repeat; background-position:40px 40px;} /*아이콘 상단에 위치*/

.p_icon1 {background-image:url(/images/bg_point29.png);}/*개인정보*/

 
/*연혁*/
.history_box {overflow:hidden; }
.history_box .history_tit {padding:30px 0 30px 0; background: url(/images/sub/history_line.png) no-repeat bottom; text-align:center; font-weight:bold; }
.history_box .history_tit .tit_b { /* background: url(/images/sub/history_icon.png) no-repeat center top; */font-size:34px; color:#1E70BF; }
.history_box .history_tit .tit_b span {line-height:34px; font-weight:normal; }
.history_box .history_tit .tit_s {display:block; margin-top:0px; font-size:20px; font-weight:normal;color:#121212; }
.history_box .history_list {overflow:hidden; padding:40px 0 40px 20px; border-bottom:1px solid #d2d2d2; }
.history_box .history_list h2 { color:#222; padding:0; margin:0; background:none; font-size:24px; }
.history_box .history_list ul {margin-top:15px; }
.history_box .history_list ul li {  overflow:hidden; width:100%; padding:0; margin-bottom:10px; background:none; }
.history_box .history_list ul li span {float:left; display:block; }
.history_box .history_list ul li .date {font-size:17px; padding-top:3px; width:auto; font-weight:bold; color:#1E70BF; }
.history_box .history_list ul li .txt {width:65%; padding-left:17px; margin-left:13px; background: url(/images/sub/history_blit.png) no-repeat left 7px; }
.history_box .bg_gray {background:#f2f2f3; }


/*연혁*/
@media only screen and (min-width:768px){
.history_box .history_list h2 {float:left; }
.history_box .history_list ul {float:left; width:80%; padding-left:30px; margin:0 0 0 30px; border-left:3px solid #1E70BF; }
.history_box .history_list ul li .txt { font-size:15px;}

}

/*연혁*/
@media only screen and (min-width:640px){
.history_box .history_list {padding:40px 0 40px 30px; }
.history_box .history_list ul li .txt {width:80%; font-size:18px;}


}


@media (max-width:589px) {
.history_box .history_list {padding-left:10px;}
.history_box .history_list h2 {margin-left:10px;}
.history_box .history_list ul {float:left; width:100%; padding-left:0px; margin:10px 0 0 10px; border-left:0px ; }
.history_box .history_tit {padding:0px 0 10px 0; }
.history_box .history_list ul li .txt {width:78%;}
.history_box .history_list ul li .date {padding-top:0;}
.history_box .history_list ul li .txt { font-size:15px;}
.history_box .history_tit .tit_s {  font-size:16px;  }


}

@media (max-width:400px) {
.history_box .history_list ul li .txt {padding-left: 0;margin-left: 10px;}
.history_box .history_list {padding: 20px 0 20px 10px;}
.history_box .history_list ul li .date {font-size:13px; padding-top:0;}
.history_box .history_list ul li .txt { font-size:13px;}

}

 
  
/*개요*/
.flex_wrap {display:flex; }
.about_left  { margin-top:20px; height:auto; }
.about_left .ap_01 { font-size:2.7em; font-weight:bold;  font-family: 'NEXON Lv2 Gothic'; line-height:130%; color:#222;}
.about_left .ap_01:after {content:''; display:block; width:30px; height:2px; background-color:#222;   margin-top:20px;}    

.about_left .ap_02 { font-size:1.4em; margin:20px 0;}
.about_left .ap_03 { font-size:1.7em; margin:20px 0;}
.about_left .ap_04 { float:right; font-size:1.7em; margin:20px 0;}

.about_right { margin:0 2%;   }
.about_right img {max-width:600px; }

.about_h4 {color:#fff!important; font-size:30px; font-weight:bold;}


/*customer*/
  
.customer_div .customer_title { margin-right:20px; font-size:22px; color:#fff; font-weight:bold;}
.customer_div .time_info .customer_title_p { color:#fff200; font-weight:bold; font-size:24px;}
.customer_div .customer_title_p {font-size:19px; color:#e4e4e4; font-weight:400; }
.customer_div .customer_title_p02 {font-size:15px; opacity:0.8; color:#e4e4e4; font-weight:400 }

.customer_wrap li {font-size:15px; opacity:0.8;color:#e4e4e4;  }
.customer_wrap li i {font-size:13px; font-style:normal;  }

.customer_div {margin-bottom:60px;display:flex;  }
.customer_div_sub {background-color:#1c375c; padding:40px 0px; box-sizing:border-box;}
.customer_div_sub p {color:#fff;}
.customer_div_sub li {color:#ffffffb8;}
.customer_div_sub li i {font-size:13px; font-style:normal;  }

.customer_div_sub .map_btn {margin-top:10px;}

 
.customer_div .map_info{width:100%; display:flex;    align-items: center;justify-content: center;align-content: center;padding-left:0px;}
.customer_div .time_info {border-right:1px solid #ffffff21; margin-right:40px; width:40%; }
.customer_div .tel_info span {font-size:40px; font-weight:bold; color:#fff;}
.customer_div .tel_info span i {font-size:30px; font-weight:normal; margin-right:5px;   font-style: normal;}
.customer_div .tel_info {border-right:1px solid #ffffff21; margin-right:40px;}


.customer_div .map_info  a {font-size:16px; display:inline-block; border-radius:10px; padding:10px 10px 10px 43px; }
.customer_div .map_info .map_btn { display:flex; margin-left:20px;  gap:10px; }
.customer_div .map_info .kakao { color:#3a250a; background: #ffe500 url("/images/sub/btn_kakao.gif") no-repeat 10% 50%}
.customer_div .map_info  .naver {color:#fff; background: #2db400 url("/images/sub/btn_naver.gif") no-repeat 8% 50%}


/* 찾아오신느 길 */
.map_wrap {padding:1% 3%;  width:94%; height:auto;overflow:hidden; background:#0066B3 url(/images/sub/pt02.png) repeat; position:relative;}
.map_wrap .map_title {color:#fff;  font-size:2.0em; font-weight:bold;}
.map_wrap .map_txt {margin:10px 0 15px 0px;}
.map_wrap .map_txt li {color:#fff; padding:3px 0 3px 8px; font-size:16px; background:url(/images/sub/notice_dot.gif) 0px 13px no-repeat;}
.map_wrap .root_daum_roughmap {width:100%;}
.map_wrap .ico_map {position:absolute; right:70px; top:30%; width:115px; height:153px; background: url(/images/sub/ico_map.png)  no-repeat; display:block;}


/*조직도*/
.org-chart { display: flex; flex-direction: column; align-items: center;}  
.org-node { background: #fff; color: #222; padding: 12px 25px; border-radius: 20px; font-weight: bold; position: relative; display: inline-block;   }  
.org-node em {font-size:28px; font-weight:bold;}
.ceo-container { position:relative;  display: flex; flex-direction: column; align-items: center; position: relative; }  
.ceo-node {background: #f6f6f6;  /* fallback for old browsers */
box-sizing:border-box; width:240px; height:240px; padding:100px 0 0 0; text-align:center; color:#222; font-size:25px;  border-radius:50%!important;  } 

.ceo-container:after {content:''; width:300px; height:160px; position:absolute; left:50%; bottom:40px; background: url(/images/sub/org_bg.png)  no-repeat ; background-size:100%;transform: translateX(-50%);  }

 

.ceo-line { width: 1px; height: 60px; background: #ddd; padding-bottom: 10px; }  
.departments {margin-top:10px;  width:100%; display: flex;  justify-content: center;    position: relative; justify-content: center; }  
.dept-container { width:30%; display: flex; flex-direction: column; align-items: center; position: relative;  }  
.dept-node { width:100%; font-size:21px;  padding: 15px 25px; text-align:center;  padding-top: 20px;box-sizing: border-box;}  
.dept-node:nth-child(2) { background: #2EB4F5;  }  

.sub-departments .dept-node {min-height:270px;}

.dept-node ul {padding-top:10px; border-top:1px solid #e6e6e6;}
.dept-node li { font-size:16px; font-weight:normal;}
.employees { width:80%; text-align:center; display: flex; flex-direction: column; gap: 15px; position: relative; }  
.emp-node {  font-size:15px; font-weight:normal; color:#222;  border: 1px solid #aaa;background-color: #f6f6f6;padding: 10px 0px; }  
.org-line-ceo { position: absolute; top: -20px; left: 50%; transform: translateX(-50%);  width: 80%; height: 1px; background: #ddd; }  
.dept-container::before { content: ""; position: absolute; width: 1px; height: 40px; background: #ddd; top: -30px; left: 50%; transform: translateX(-50%); }  
.employees .emp-node::before { content: ""; position: absolute; width: 1px; height: 40px; background: #ddd; top: -20px; left: 50%; transform: translateX(-50%); }  

.org-node.dept-node li {text-align:left;}
.org_color01 {/*background: #fff url(/images/sub/org_icon01.png) no-repeat 50% 30% / 50px;  */border:5px solid #f2258f;}
.org_color02 {/*background: #fff url(/images/sub/org_icon02.png) no-repeat 50% 33% / 75px; */border:5px solid #ff2b00;}
.org_color03 {/*background: #fff url(/images/sub/org_icon03.png) no-repeat 50% 30% / 60px; */border:5px solid #ffae00;}
.org_color04 {/*background: #fff url(/images/sub/org_icon04.png) no-repeat 50% 30% / 50px; */border:5px solid #1dcfbf;}
.org_color05 {padding-top: 40px; font-size:20px;margin-bottom:20px; width:26%;height:110px; background-color:#b823b6; color:#fff; }


.research-lab {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}

.sub-departments {
margin-top: 20px;
width: 100%; gap:20px; 
display: flex;   flex-wrap: wrap;
justify-content: center;
position: relative;
}

.org-line-sub {
width: 63%;
height: 1px;
background: #ddd;
margin: 10px auto;
position: relative;
}

.dept-container_f::before{
content: "";
position: absolute;
width: 1px;
height: 35px;
background: #ddd;
top:auto;
bottom: 10px!important;
transform: translateX(-50%);
}

.dept-container_f {width:100%;}

/*개인정보동의*/
.agreeview_btn {margin-top:10px; font-size:1em; text-align:center; padding:2px 10px; border:2px solid #484848;background-color:#484848; color:#fff; border-radius:5px; cursor:pointer}
.agreeview_btn:hover{background-color:#fff; color:#484848; border:2px solid #484848;}
.check_p {font-size:17px;display:inline-block; vertical-align:middle; }


#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; display:block;height:50%; background-color:#ffffff; border:1px solid #484848; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:20px 20px 20px 20px; padding-bottom:10px; border-bottom:1px solid #f6f6f6;}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#484848; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:100%; height:100%; overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}

 
  
/*수상*/
.award_ul {display:flex;    flex-wrap: wrap;box-sizing: border-box; justify-content: center;}
.award_ul li {position:relative; width:320px; text-align:center; height:380px; box-sizing:border-box; margin:1%; padding-top:140px; background-size: cover;  background: url("/images/sub/award_bg.png") no-repeat 0% 0% / 100%;  }
.award_ul li span{color:#222; font-size:16px; }
.award_ul li p{color:#855F2D; font-size:20px; font-weight:bold; line-height:130%;  }
.award_ul li u {position:absolute; bottom:70px; lefT:50%;transform: translateX(-50%); font-size:14px; text-decoration:none;}



/*인사말*/
.greeting_wrap {display:flex;   justify-content: center; gap:50px; width:90%; margin:0 auto;  }
.greeting_wrap .img {width:600px;}
.greeting_wrap .img  img { width:100%; border-radius:0 20px;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);}

.greeting_wrap .txtbox {flex:1}
.greeting_wrap .txtbox div img {width:100%; max-width:250px; height:auto;}

.greeting_wrap .title  {font-size:35px; color:#222;  line-height: 140%; padding-top:0px;}
.greeting_wrap .title b {position: relative;z-index: 1;}
.greeting_wrap .title b:after {content: '';z-index: -1;display: block;width: 100%;height: 16px;background-color: #9fceff;left: 0;bottom: 0px;position: absolute;}

.greeting_wrap .txt {margin-top:40px; font-size:17px;  text-align: justify;   }

.greeting_wrap .ceo {margin-top:70px; float:right;}
.greeting_wrap .ceo em {font-size:17px; }
.greeting_wrap .ceo em b{font-size:24px; color:#222;}

/*테이블 안 셀렉트*/
.select_box04 {float:left;}
.select_box04 label {display:none;}
.select_box04 select {
height: 50px;
padding-left: 15px;
padding-right: 55px;
margin-right:10px;
border: 1px solid #e0e0e0;
border-radius: 2px;
background: #fff url(/images/sub/ico_select_arrow.png) no-repeat 0 50%;
background-position-x: right;
font-size: 14px;
line-height: 20px;
vertical-align: top;
outline: transparent;
-webkit-appearance: none;
-moz-appearance: none;
display:inline-block;
float:left;
}
.select_box04 select::-ms-expand { display: none; }


.hand_wrap { overflow-y:hidden; width:100%; padding-bottom:20px; clear:both;}




/*기본테이블*/
.tbTypeA {clear:both; width:100%; font-size:1em; border-top:1px solid #ddd; border-bottom:1px solid #ddd;border-spacing:0; table-layout:fixed;  }
.tbTypeA thead tr th {padding:20px 10px; font-size:17px;  color:#777; text-align:center; line-height:18px; vertical-align:middle; border-top:1px solid #e4e4e4;  background:#F9F9F9;}
.tbTypeA thead tr:first-child th {border-top:0;}
.tbTypeA thead tr th:last-child{border-right:0;}
.tbTypeA tbody tr:first-child th {border-top:1px solid #ddd;}
.tbTypeA thead tr th.bdL0 {border-left:0;}
.tbTypeA tbody tr th { background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;   }
.tbTypeA tbody tr td {height:18px;font-size:16px;  padding:10px 5px; line-height:150%; vertical-align:middle; border-top:1px solid #e4e4e4; font-weight:500;}
.tbTypeA tbody tr:hover {background:#f9f9f9;}
.tbTypeA tbody tr:first-child td {border-top:1px solid #ddd;}
.tbTypeA tbody tr td:last-child{border-right:0;}
.tbTypeA tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeA tbody tr td .txtList {}
.tbTypeA tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(..//images//common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeA tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeA tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeA tbody tr td.fee {padding-right:10px !important; text-align:right;}

.tbTypeB.mdcCharge td {padding-left:15px; padding-right:15px; font-size:12px; word-break:break-all;}


.table_view_brown {clear:both; margin-top:25px; margin-bottom:20px; width:100%; width:100%; border-bottom:1px solid #ddd;  border-top:2px solid #D08F3C; }
.table_view_brown thead th {padding:20px 5px; font-size:1.2em;  border-top:1px solid #e4e4e4;  background:#FDF8F2;text-align:center;  }
.table_view_brown tbody th {padding:20px 5px; font-size:1.2em;border-top:1px solid #e4e4e4;  background:#FDF8F2; text-align:center;   }
.table_view_brown tbody td {padding:20px 15px; font-size:1.2em;  border-top:1px solid #ddd;  line-height:140%; }

.table_view_blue {clear:both; margin-top:25px; margin-bottom:20px; width:100%; width:100%; border-bottom:1px solid #ddd;  border-top:2px solid #0071C4; }
.table_view_blue thead th {padding:20px 5px; font-size:1.2em; color:#0071C4;  border-top:1px solid #e4e4e4;  background:#F2FBFF;text-align:center;  }
.table_view_blue tbody th {padding:20px 5px; font-size:1.2em;color:#0071C4; border-top:1px solid #e4e4e4;  background:#F2FBFF; text-align:center;   }
.table_view_blue tbody td {padding:20px 15px; font-size:1.2em;  border-top:1px solid #ddd;  line-height:140%; }



.table_view {clear:both; margin-top:25px; margin-bottom:20px; width:100%; width:100%; border-bottom:1px solid #ddd;  border-top:2px solid #222; }
.table_view thead th {padding:20px 5px; font-size:1.2em; background-color:#F7F7F7; text-align:center; border-top:1px solid #ddd; }
.table_view tbody th {padding:20px 5px; font-size:1.2em; background-color:#F7F7F7; text-align:center; border-top:1px solid #ddd; }
.table_view tbody td {padding:20px 15px; font-size:1.2em;  border-top:1px solid #ddd;  line-height:140%; }
.table_view tbody td a:hover {color:#6E64D7;}
.table_view input[type="text"], .table_write input[type="password"] {
height: 25px;
width:200px;
padding: 5px 5px;
margin-bottom: 5px;
font-size: 14px;
border: 1px solid #ccc;
vertical-align: middle;
color: #363636;
text-align:left;
}

.br1 {border-right:1px solid #ddd;}
.table_view textarea {
width: 94%;
height: 70px!important;
padding: 10px;
font-size: 16px;
line-height: 130%;
border: 1px solid #ccc;
resize: none;
color: #767676;
background-color: #fff;
font-family: 'Noto Sans KR';
margin: 5px 0;
}


.button_blue {display:inline-block; font-size:1.3em;padding:20px 50px;background-color:#3283E4; color:#fff; border:1px solid #3283E4;}
.button_blue:hover {color:#fff; background-color:#1A52C6;}


.button_blue02 {display:inline-block; font-size:1.3em;padding:20px 50px;background-color:#fff; color:#3283E4; border:1px solid #3283E4;}
.button_blue02:hover {color:#fff; background-color:#3283E4;}

/*쓰기 게시판*/
.table_write {clear:both;  border-bottom:1px solid #ddd; border-top:2px solid #222; margin-top:25px; margin-bottom:20px; width:100%; box-sizing:border-box;}
.table_write tbody th {padding:20px 5px; font-size:1.2em; background-color:#F7F7F7; text-align:center; border-top:1px solid #ddd;  }
.table_write tbody td {padding:20px 15px; font-size:1.2em;   border-top:1px solid #ddd;  line-height:140%; }
.table_write tbody td a:hover {color:#6E64D7;}
.table_write input[type="text"], .table_write input[type="password"] , .table_write input[type="number"] {
height: 25px;
width:200px;
padding: 5px 5px;
margin-bottom: 5px;
font-size: 14px;
border: 1px solid #ccc;
vertical-align: middle;
color: #363636;
text-align:left;
}

.table_write textarea {
width: 94%;
height: 100px!important;
padding: 10px;
font-size: 14px;
line-height: 130%;
border: 1px solid #ccc;
resize: none;
color: #767676;
background-color: #fff;
font-family: 'Noto Sans KR';
margin: 5px 0;
}


/* file */
.file-box {position:relative}
.file-box input[type="file"] {position:absolute; width:1px; height:1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0)}
.file-box label,.file-box .upload-name {display:inline-block; height:30px; line-height:30px; font-size:13px; padding:0 10px; vertical-align:middle}
.file-box label {border:1px solid #ccc; background:#f4f4f4; color:#333; cursor:pointer; margin-bottom:5px;}
.file-box .upload-name {width:300px; margin-left:0px; background:#fff; border:1px solid #ccc; color:#999; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:top;}
.tbl-apply table.type2 .file-box .upload-name {width:auto;}
.tbl-apply table.type2 input[type="text"], .tbl-apply table.type2  input[type="password"],.tbl-apply table.type2   select {width:100%;}

.t-red { color: #e90030 !important;}


/*상단박스*/
.info_box {border:1px solid #ddd; padding:60px 30px 60px 250px; margin:30px 0;  }
.info_p1{font-size:1.8em; color:#222;}
 
.info_box_img01 { background: url('/images/sub/box_img02.png') no-repeat 45px 50%;}
.info_box_img02 { background: url('/images/sub/box_img03.png') no-repeat 45px 50%;}



.table-board {border-top: 2px solid #2f5993; border-bottom: 1px solid #d5d5d5; color: #000;}
.table-board th, .table-board td {padding: 20px; font-size:16px; border-right: 1px solid #d5d5d5; vertical-align: middle; text-align: center;}
.table-board thead th {background: #f5f5f5;  font-weight: 500;}
.table-board th:last-child, .table-board td:last-child {border-right: none;}
.table-board tbody th {background: #f5f5f5;font-weight: 500;}
.table-board tbody td {color: #555; font-weight: 400; line-height: 1.7; border-bottom:1px solid #ddd; }
.table-board tbody p {display:block;}
 
 

/* paging */
.paging-area {margin:60px 0 40px; text-align:center;}
.paging-area a {display:inline-block; margin-left:-1px; font-size:17px; min-width:45px; height:45px; line-height:2.5; text-align:center; border:1px solid #ddd}
.paging-area a:hover,.paging-area a:active,.paging-area a:focus {background-color:#222; color:#fff; text-decoration:underline;}
.paging-area a.current {margin-right:1px; font-weight:bold; border:1px solid #222; color:#222; background-color:#fff; text-decoration:underline}
.paging-area a.current02 {margin-right:1px; font-weight:bold; border:1px solid #222; color:#222; background-color:#fff; text-decoration:underline}
.paging-area a.prev {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -87px center no-repeat}
.paging-area a.next {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -121px center no-repeat}
.paging-area a.first {text-indent:-9999px; background:url(/images/sub/ico_paging.png) 15px center no-repeat}
.paging-area a.last {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -30px center no-repeat}
.paging-area a.first:hover,.paging-area a.first:active,.paging-area a.first:focus,
.paging-area a.prev:hover,.paging-area a.prev:active,.paging-area a.prev:focus,
.paging-area a.last:hover,.paging-area a.last:active,.paging-area a.last:focus,
.paging-area a.next:hover,.paging-area a.next:active,.paging-area a.next:focus {background-color:#f7f7f7}




.watch_w {display:flex; gap:40px; width:90%; max-width:1360px; margin:0px auto  0 auto; padding:0 20px; box-sizing:border-box;  }
.watch_wrap { background-color:#fff; width:33.3%; border:1px solid #ddd; border-radius:20px;  gap:60px; margin-bottom:80px;   padding-bottom:80px;}
.watch_wrap .title {width:100%;  padding:40px 20px;box-sizing:border-box;  text-align:center;   border-radius:20px 20px 0 0; position:relative; margin-bottom:20px;}
.watch_wrap .title em {  color:#fff;  opacity:0.5; font-size:14px; }
.watch_wrap .title h4 {  font-size: 27px; color:#fff;  padding:0;  text-align:center; }
.watch_wrap .title i { margin-top:20px; color:#fff; font-size:80px;   opacity:0.5;}
.watch_wrap ul {flex:1; padding:15px; box-sizing:border-box;}
.watch_wrap .btn_go { margin-top:1px;padding:4px 40px 4px 20px; color:#fff; background:#222  url('/images//sub/arrow_next.png') no-repeat 90% 50% / 8px ; display:inline-block;line-height:1.5; font-size:16px;}

.watch_wrap .depth01 {  margin: 0px 0 0 0px;}


.network_color01 {  background-color:#1a7dd2 ;}
.network_color02 {  background-color:#18bcab ;}
.network_color03 {  background-color:#ef8939 ;}

.network_bg {width:100%; background: #fff url("/images/sub/network_bg.png") no-repeat 0% bottom; overflow: hidden; 
height: auto; background-size:cover; padding-bottom:50px;}

.con_body:has(+ .network_bg) {margin-bottom: 0px;  }


.partner_wrap {text-align:center;}
.partner_wrap h4 {font-size:40px; background:none; padding-left:0}
.partner_wrap h5 {font-size:20px; color:#222; margin-bottom:20px;}
.partner_wrap h4 + p {margin-bottom:40px; font-size:19px;}
.partner_wrap ul {display:flex;flex-wrap: wrap; margin-bottom:30px; }
.partner_wrap li {cursor:pointer; width:19%; margin:0.5%;  letter-spacing:-1px; box-sizing:border-box; border:2px solid #f1f1f1; padding:25px 5px; font-size:14px; color:#222; text-align:left;display: flex;align-items: center;justify-content: center;gap: 10px; letter-spacing:-1px;}
.partner_wrap li:hover {border:2px solid #3888ef}
.partner_wrap li img {max-height:25px; max-width:200px;}


.base_box_01 {display:flex; width:100%;  gap:70px;  align-items:center;  justify-content: center; border: 1px solid #9cc5bd; font-size:16px; line-height:160%;  border-radius:20px;  background: #dcf4ef;padding:  40px;margin:10px 0; box-sizing:border-box;}
.base_box_01 p {line-height:150%; font-weight:bold;font-size:17px; }
.base_box_01 .depth01 {margin-top:0; padding-top:0; margin-bottom:20px;}

.base_box_01 div .down {margin-left:20px;}



ul.img_col1 { margin:20px 0 20px 20px; width:90%;  display:inline-block;}
ul.img_col1 li {display: inline-block; text-align: center; width: 97%; margin-right:2.8%; float:left;  }
ul.img_col1 li img { width:100%; height:auto;}
ul.img_col1 li:last-child {margin-right:0;}
ul.img_col1 li .colimg { position:relative;}
  
ul.img_col1 li { position:relative;}
ul.img_col1 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

 



ul.img_col2 { margin:20px 0 20px 20px; width:100%;  display:inline-block;}
ul.img_col2 li {display: inline-block; text-align: center; width: 47%; margin-right:2.8%; margin-bottom:20px;float:left;  }
ul.img_col2 li img { width:100%; height:auto;}
ul.img_col2 li:last-child {margin-right:0;}
ul.img_col2 li .colimg { position:relative;}
  
ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


 


ul.img_col3 { margin:20px 0 20px 20px; width:90%;  display:inline-block;}
ul.img_col3 li {display: inline-block; text-align: center; width: 30%; margin-right:2.8%; float:left;  }
ul.img_col3 li img { width:100%; height:auto;}
ul.img_col3 li:last-child {margin-right:0;}
   
ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}



ul.img_col4 {  width:100%;  box-sizing:border-box;  display: flex;flex-wrap: wrap;}
ul.img_col4 li {cursor:pointer; display: inline-block; text-align: center; width: 23%; margin:1%;  box-sizing:border-box;  border:1px solid #ddd;}
ul.img_col4 li img { width:100%; height:auto; padding-bottom:30px;  }
ul.img_col4.height_auto li img {   max-height: 400px;   }
ul.img_col4 li:last-child {margin-right:0;}
   
ul.img_col4 li { position:relative; display: flex;  align-items: center;}
ul.img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

 


ul.img_col5 {  width:100%;  box-sizing:border-box;  display: flex;flex-wrap: wrap;}
ul.img_col5 li {cursor:pointer; display: inline-block; text-align: center; width: 18%; margin:1%;  box-sizing:border-box;  border:1px solid #ddd;}
ul.img_col5 li img { width:100%; height:auto; padding-bottom:30px;}
ul.img_col5 li:last-child {margin-right:0;}
   
ul.img_col5 li { position:relative;}
ul.img_col5 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


 
.h4_title {margin-bottom:30px;}
.h4_title p {font-size:40px; line-height:130%; color:#000;}
.h4_title p i {position:relative;}
.h4_title p i::after {
content: '';
z-index: -1;
display: block;
width: 100%;
height: 13px;
background-color: #80dcffd1;
left: 0;
bottom: 3px;
position: absolute;
}

 
@keyframes circleAni{
0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}
@keyframes circleAni2{
0%{transform:rotate(0);}
100%{transform:rotate(-360deg);}
}
@keyframes circleAni2-1{
0%{transform: translateX(-50%) rotate(0);}
100%{transform: translateX(-50%) rotate(-360deg);}
}



 
 
/*포트폴리오*/
.portfolio_list {margin:50px 0;}
.portfolio_list ul {display:flex; flex-wrap: wrap;  }
.portfolio_list li {width:23%; margin:1%; height:auto;box-sizing:border-box;  background-color:#fff;    border:1px solid #ddd;padding:20px;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);}
.portfolio_list li a {display:block; text-align:center;}
.portfolio_list li a img {width:100%; height:350px; object-fit:cover;}
.portfolio_list li .txt_w  {text-align:left;}
.portfolio_list li .txt_w  em {transition:0.2s;margin-top:20px; text-align:center; padding:7px 20px; border:1px solid #1D61BB; background-color:#1D61BB; color:#fff; border-radius:15px; display:inline-block;  }
.portfolio_list li:hover {border:1px solid #999;}
.portfolio_list li:hover .txt_w  em  { transition:0.2s;background-color:#fff;  color:#1D61BB; border:1px solid #1D61BB;}
.portfolio_list li:hover p { color:#1D61BB;}
.portfolio_list li  p {font-size:18px; color:#000; padding:10px 0; }
.portfolio_list li  span {font-size:15px; color:#555;display:block;}
.portfolio_list li  p em {background-color:#000;color:#fff; font-size:14px; display:inline-block;}
.portfolio_inner { width:100%; margin:0 auto; overflow:hidden; padding:80px 0 200px 0;}


.portfolio_view_list {display:flex; margin:80px auto; gap:50px; width:90%; justify-content: center;} 
.portfolio_view_list .img {width:100%;max-width:600px;}
.portfolio_view_list .img img {width:100%; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);}

 .portfolio_view_list .list {width:100%;}
.portfolio_view_list .list ul{flex:1;   }
.portfolio_view_list .list li {font-size:17px;display:flex; gap:10px; border-bottom:1px solid #ddd; padding:10px 10px; box-sizing:border-box;}
.portfolio_view_list .list li b {width:120px; color:#000;}
.portfolio_view_list .list li p{flex:1}

.port_btn {border:1px solid #ddd; display:inline-block; padding:20px 40px; font-size:16px; margin:20px 0;}
.port_btn:hover {border-color:#222;}



.business_wrap {display:flex; flex-wrap: wrap;}
.business_wrap .business {display:flex; flex-direction: column;position:relative; width:31.3%;min-height:300px; margin:1%; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);border:1px solid #ddd; padding:20px; box-sizing:border-box;}
.business_wrap .business:hover {border:1px solid #999;} 
.business_wrap .business h4 {text-align:center;background-image:none; padding: 0 0 10px 0; border-bottom:1px solid #ddd; margin-bottom:20px; }
.business_wrap .business ul   {margin-bottom:50px;}

.business_wrap .business li {font-size:16px; position:relative; padding-left:10px;}
.business_wrap .business li:after {content:''; width:4px; height:4px; background-color:#222; position:absolute;left:0; top:11px; border-radius:50%;}
.business_wrap .business a {font-size:16px;border:1px solid #0889e4; margin-top:auto; display:inline-block; width:100%;  padding:10px 0; border-radius:10px;text-align:center; background-color:#0889e4; color:#fff; }
.business_wrap .business a:hover {border:1px solid #0889e4; color:#0889e4; background-color:#fff;}
.business_wrap .business img {position:absolute; right:30px; bottom:90px; max-width:65px;height:auto; width:100%;}

 


.inquiry {height: 100vh; overflow:hidden;  background-color:#333441;  }
.inquiry_box {background-color:#fff; border:1px solid #ddd; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); margin:0px auto 0 auto; padding:20px 50px 40px 50px; border-radius:20px; max-width:800px; width:100%:}

.inquiry_box ul {  margin-top:30px;}
.inquiry_box ul li  { margin-bottom:10px;  display: flex; align-items: center; border-bottom:1px solid #f2f2f2; padding-bottom:10px; }
.inquiry_box ul li:last-child {border:0;}
.inquiry_box ul li p {width:120px; color:#222;}
.inquiry_box ul li input { width: 100%;height: 45px;border: 1px solid #e5e5e5;background: #fff;font-size: 13px;padding: 0 15px;box-sizing: border-box;color: #333;  }
.inquiry_box ul li textarea {width: 100%; height:100px; font-family: 'Pretendard';font-size: 14px; padding: 10px 15px; border: 1px solid #e5e5e5; box-sizing: border-box;color: #333;   }

.inquiry_box span.chk, .inquiry_box span.radio {position: relative; display: inline-block; margin-left:-10px;}
.inquiry_box span.chk input, .inquiry_box span.radio input {position: absolute; left: -9999px; opacity: 0; filter: alpha(Opacity=0);}
.inquiry_box span.chk label, .inquiry_box span.radio label {
display: inline-block; 
min-height: 20px; 
line-height: 22px; 
margin: 0; 
padding: 0 30px 0 30px; 
color: #363636;color:#aaa;
background: url(/images/sub/ico_radio.png) 0 0 no-repeat; 
cursor: pointer;}
.inquiry_box span.chk label.active, .inquiry_box span.radio label.active {background-position: 0 -150px;}
.inquiry_box span.chk label.disabled, .inquiry_box span.radio label.disabled {background-position: 0 -300px;}
.inquiry_box span.chk label.readonly, .inquiry_box span.radio label.readonly {background-position: 0 -450px;}
.inquiry_box span.chk.hidden-label, .inquiry_box span.radio.hidden-label {top: 7px;}
.inquiry_box span.chk.hidden-label label, .inquiry_box span.radio.hidden-label label {font-size: 0px; width: 20px; height: 20px; padding: 0;}
.inquiry_box  input[type="radio"]:checked + label { color:#000; background-position: 0 -150px; /* 클릭했을 때의 배경 이미지 위치 */}


.inquiry_txt {display:flex;   align-items: center; width:100%; max-width:730px; margin:0 auto; height:180px;}
.inquiry_txt h4 {background-image:none; padding-left:0; font-size:25px; font-weight:normal;}
.inquiry_txt h4 b{font-size:30px; font-weight:bold;position: relative;z-index: 1;}
.inquiry_txt h4 b:after {content: '';z-index: -1;display: block;width: 100%;height: 16px;background-color: #9fceff;left: 0;bottom: 0px;position: absolute;}

.inquiry_bg { background: url(/images/sub/customer.png) right bottom no-repeat; background-size:200px;}
.recruit_bg { background: url(/images/sub/recruit.gif) right top no-repeat;background-size:280px; }


.btn_wrap  {display:flex; gap:10px; margin-top:30px;align-items: center; justify-content: center; }
.btn_wrap a {width:200px; display:block;  color:#fff; text-align:center; padding:15px 0px;}
.btn_wrap .send {background-color:#174abd; border:1px solid #174abd;}
.btn_wrap .send:hover {color:#174abd; background-color:#fff; border:1px solid #174abd; }
.btn_wrap .cancel {background-color:#000;  border:1px solid #000;}
.btn_wrap .cancel:hover {color:#000; background-color:#fff; border:1px solid #000; }





.floor-tab-content .swiper {  width:100%;max-width:1000px;}
.floor-tab-content .mySwiper2-1 .swiper-slide, 
.floor-tab-content .mySwiper2-2 .swiper-slide, 
.floor-tab-content .mySwiper2-3 .swiper-slide { border:1px solid #f8f8f8; box-sizing:border-box;  padding:10px; height:560px; margin-bottom:20px; text-align:center;}

.floor-tab-content .swiper .swiper-slide p {text-align:center; position:absolute; bottom:0px; color:#fff; padding:7px 0;  left:50%; width:100%; background-color:#000000ba; transform: translateX(-50%);}
.floor-tab-content .swiper .swiper-slide img {width:auto; height:100%;  object-fit:cover;}


.floor-tab-content .swiper-button-next, .floor-tab-content .swiper-button-prev {   color: #ddd!important;}

.floor-tab-content .swiper-button-next {   right:20px;}
.floor-tab-content .swiper-button-prev { left:20px;}

.floor-tab-content .mySwiper-1 .swiper-slide img {width: 100%;height: 100%;object-fit:cover;}



 .mySwiper-3, .mySwiper-2, .mySwiper-1 {height: 120px;box-sizing: border-box;padding: 10px 0; }

.mySwiper-3 .swiper-slide p,
.mySwiper-2 .swiper-slide p, 
.mySwiper-1 .swiper-slide p { font-size:13px; padding:4px 0;}


.mySwiper-3 .swiper-slide, 
.mySwiper-2 .swiper-slide, 
.mySwiper-1 .swiper-slide {background-color:#ffffff;width:calc(20% - 5px);  ; box-sizing:border-box;border: 1px solid #f8f8f8;}
 
.mySwiper-3 .swiper-slide img,
.mySwiper-2 .swiper-slide img,
.mySwiper-1 .swiper-slide img {
opacity: 0.4;
}

.mySwiper-3 .swiper-slide-thumb-active img,
.mySwiper-2 .swiper-slide-thumb-active img,
.mySwiper-1 .swiper-slide-thumb-active img {
opacity: 1;
}




/* 나눔활동 */

.share_wrap {width:100%; display:flex; gap:20px; margin-bottom:80px; padding:30px; border-radius:20px;  box-sizing:border-box; background: #e3a1aa url('/images/sub/share_bg.jpg') right top no-repeat; background-size:450px;  }
.share_wrap div {width:35%; border-radius:10px; padding:20px; box-sizing:border-box; background-color:#fff;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);}
.share_wrap div h4 {color:#000;margin-top:0; font-size:24px;padding:0 0 5px 0; background-image:none;}
.share_wrap div li {padding: 2px 0px 5px 10px;font-size: 16px;line-height: 130%; position:relative;}
.share_wrap div li:after {content:''; width:3px; height:3px; background-color:#fc2b3b; left:0; top:10px; position:absolute;}





/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:1400px) and (max-width:1600px) {
.pc_none { display: none;}
}
s

/* Tablet Device 최소 900 ~ 1199  */
@media  (max-width:1400px) {

.inner { width:97%;}
.pc_enter2 {display:inline;}
.inner {width:100%;}
.pc_none { display: none; }
}







/* Tablet Device 최소 900 ~ 1199  */
@media  (max-width:1199px) {

.pc_pt80 {padding-top:40px;}
.pc_enter2 {display:inline;}

/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}

.inner { width: 100%;}

.tbTypeA thead tr th {padding:10px 3px; font-size:1.0em;}
.tbTypeA tbody tr th { font-size:1em;  padding:5px 3px;  line-height:120%; letter-spacing:-1px;}
.tbTypeA tbody tr td { font-size:1em;  padding:10px 3px; letter-spacing:-1px; line-height:150%;}

 


.h4_title p { font-size: 30px; }
 
.contents_tab li {float: left;width:25%}
 
.gray_box_ul li p { font-size: 18px;}
.gray_box_ul .depth01 li {   padding-bottom:0; }


.customer_div .map_info  a {font-size: 14px;padding: 10px 10px 10px 38px;}


.watch_wrap {gap:30px;margin-bottom: 50px;padding-bottom: 50px;}

.watch_wrap .title h4 {font-size: 23px;}
.watch_wrap .title em { font-size: 13px;}

.watch_w {  gap:20px; width:100%; }
.watch_w  .depth01 li {font-size: 16px;}



.award_ul li { width:270px;  height:340px; padding-top:120px;   }
.award_ul li p{  font-size:18px;   }
.award_ul li u { bottom:70px; font-size:14px;}


.greeting_wrap .img { width: 300px;}

.greeting_wrap .title  {font-size:30px;}
.greeting_wrap .txt { font-size:16px;}


.portfolio_list li {width:31.3%; margin:1%;  }
.contents_tab li a {box-sizing:border-box;}

.business_wrap .business {   width: 48%;}


.org-line-sub { width: 64%;}



}





/* Tablet Device 최소 1000  */
@media  (max-width:1000px) {

.gray_box_ul li {width:48%; }
.history_box .history_tit .tit_b {  font-size: 26px;}

.ceo-node {width: 150px;height: 150px;padding: 50px 0 0 0;}
.ceo-container:after {width: 200px;height: 110px;bottom: 40px;}

.watch_w .depth01 li {  font-size: 15px;}

.award_ul li p { font-size: 17px;}

.partner_wrap li {width: 32.3%;padding: 20px 10px;font-size: 14px;}


.share_wrap div {width: 40%;}
.share_wrap div h4 {font-size: 20px;}
.share_wrap div li {font-size: 14px;}

.org_color01 { background-size: 40px;}
.org_color02 { background-size: 50px;}
.org_color03 { background-size: 40px;}
.org_color04 { background-size: 40px;}
.org_color05 { background-size: 40px;  font-size: 16px;  padding-top: 20px;   height: 70px;}

.dept-node {font-size: 18px; }

}



/* Tablet Device 최소 590 ~ 899  */
@media (max-width:899px) {

.con_body h3 {margin-top:10px; font-size:28px;}
.h5{font-size:1.8em;}

.pc_etner {display:inline-block;}


/* 찾아오신느 길 */
.map_wrap {padding:40px 10px 20px 10px;}
.map_wrap .ico_map {right:10px; top:20px;  background-size:70%;}

.mobile_enter{display:block;}
.pc_enter {display:inline;}
.pc_enter2 {display:inline;}


/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}

/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 0px 0; }
.hand_wrap table{width:1000px !important;} 



.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:3px; letter-spacing:-1px; }

/*쓰기 게시판*/
.table_write tbody th {padding:10px 5px; font-size:1.0em;}
.table_write tbody td {padding:10px 5px; font-size:1.0em;}


/* 이미지100% 스타일 */
.img100 {width:100%;}

/*이미지하단에 글씨*/
.imgtxt {width:49%; margin:10px 1% 20px 0; }
.imgtxt img {width:100%;}
.imgtxt span {width:100%;}

.back_bg {background-position:0 20%;}


ul.img_col4 li {float:left;width: 31.3%;  }
ul.img_col4 li img { width:100%; }


ul.img_col5 li {float:left;width: 31.3%;  }
ul.img_col5 li img { width:100%; }



ul.img_col2 {  width:100%;}

  
/*개인정보 클릭후 뜨는 창*/
#agree {left:10%; width:80%; margin-left:0px;}



/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 20px 0; margin-bottom:50px; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap table{max-width:900px; min-width:600px!important;} 
.hand_wrap  .tabel_more  { border-radius:3px; padding:5px 20px 5px 10px; color:#fff;  background-color:#444; background-image:none;}
.select_box04 select {
height: 40px;
padding-left: 5px;
padding-right: 45px;
margin-right: 5px;
font-size:14px;
letter-spacing:-1px;
}
.main_table p {font-size: 14px; margin-top:-6px;}


.table_view input[type="text"], .table_write input[type="password"]  { height: 20px; width: 86%; padding: 5px 5px;}
.table_view textarea {width: 94%;height: 50px!important;padding: 5px;font-size: 14px;}

 

ul.img_col2 {  width:100%;}

.introduce {flex-direction: column;}

  
 
.contents_tab li {float: left;width:50%}
.contents_tab:before {content: '';background-color: #e7e7e7;width: 1px;bottom: 0;right: 0;top: 0;position: absolute}
.contents_tab:after {content: '';background-color: #e7e7e7;height: 0px;bottom: 0;right: 0;position: absolute;left: 0}


.dept-node { font-size: 14px; }
.emp-node { font-size: 13px;   padding: 7px 0px;}

.org_color05 {  height: 60px;}
.org-line-sub { width: 66%;}

.customer_div .map_info { flex-wrap: wrap;}


.watch_wrap {flex-direction: column;}
.watch_wrap .title {width: 100%; text-align:left; }
.watch_wrap .title h4 {text-align: left;}
.watch_wrap .title i { position:absolute; right:20px; top:50%;transform: translateY(-50%);margin-top: 0px;font-size: 60px;}


.watch_w {flex-direction: column;}
.watch_wrap {width:100%;margin-bottom: 20px;padding-bottom: 0px;}



.award_ul li { width:250px;  height:320px;   }


.greeting_wrap {gap: 30px;width: 100%;flex-direction: column;align-items: center;}
.greeting_wrap .title  {font-size:25px; text-align:center;}
.greeting_wrap .txt { font-size:15px;}


.greeting_wrap img {max-width: 650px;height: 300px;object-fit: cover;}
.greeting_wrap .img {width: 100%; text-align:center;}



.partner_wrap li { padding: 15px 10px;font-size: 14px;}
.partner_wrap li img {max-height:26px;}

.portfolio_list li a img {   /*aspect-ratio: 16 / 9;  가로 16 : 세로 9 비율 유지 */}
.portfolio_list li {width: 46%; margin:2%; }


.portfolio_view_list {margin: 50px auto;gap: 30px;flex-direction: column; align-items:center;}
.portfolio_view_list .img img {height: auto;}

.portfolio_view_list .list li { font-size: 15px;}
.portfolio_view_list .list li p{ font-size: 15px;}


.business_wrap .business img {right: 15px;bottom: 80px;max-width: 50px;}
.business_wrap .business h4 {font-size:22px;}


.inquiry_box {margin: 0px auto 0 auto;padding: 10px 20px 30px 20px;}
.inquiry_box span.chk label, .inquiry_box span.radio label {margin-bottom: 10px;}


.inquiry_txt h4 {font-size: 20px;}
.inquiry_txt h4 b {font-size: 24px;}




.floor-tab-content .mySwiper2-1 .swiper-slide, .floor-tab-content .mySwiper2-2 .swiper-slide, .floor-tab-content .mySwiper2-3 .swiper-slide {height: 350px;}
.mySwiper-3 .swiper-slide, .mySwiper-2 .swiper-slide, .mySwiper-1 .swiper-slide {width: calc(33.3% - 5px);}


.greeting_wrap .txtbox div {align-items: center;justify-content: center;}

.share_wrap {padding: 20px;background-position:   right bottom  ;background-image:none;flex-direction: column; gap:10px;}
.share_wrap div {width: 100%; padding:10px 20px;}
.portfolio_list li a img {height:350px; }

ul.img_col4.height_auto li img { max-height: 300px;}

}










/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {

.con_body p {  letter-spacing:-1px; font-size:14px; }
.p_h4 {font-size:14px!important; letter-spacing:-1px; }
.h5_p {padding-left: 10px;}

.mobile_enter{display:block;}
.pc_enter {display:inline;}
.pc_enter {display:inline;}
.con_body h3 {font-size:18px; padding-bottom:0; margin-top:0px;}
.con_body h4 {font-size:1.4em;padding:25px 0 5px 10px;  background-position: left 36px;}
.con_body h5 {font-size:16px; padding: 25px 0 0px 10px; }

.con_body .depth1 li {font-size:14px;}
.con_body .depth2 li {font-size:14px;}
.con_body .depth3 li {font-size:14px;}

.h4{font-size:2.0em;}
.h5{font-size:1.5em;}

.point_yellow_b {font-size:15px;color:#fcff00;}


.point_ul li {margin-top: 5px;}
.point_ul li span {width:120px;}


/* 포인트 박스 */
.point_box {padding:25px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%; font-size:12px;}

/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 0px 0; }
.hand_wrap table{width:670px !important;} 



/* 이미지100% 스타일 */
.img100 {width:100%;}


/*이미지하단에 글씨*/
.imgtxt {margin:10px 0; width:99%; margin-right:1%;}
.imgtxt img {width:100%; }


.pc_pt80 {padding-top:20px;} /*pc패딩80 모바일패딩은30*/


/*포인트 ul*/
.point_ul li span{font-size:15px;}
.point_ul li p{font-size:15px;}


.tbTypeA {font-size:1.0em;}
.tbTypeB {font-size:1.0em;}
.tbTypeB tbody tr td {font-size:14px;}
.tbTypeC {font-size:1.0em;}

.tbTypeD {font-size:1.0em;}
.tbTypeD thead tr th {font-size:14px;}
.tbTypeD tbody tr td {padding:10px 7px;}


.tbTypeE {font-size:1.0em;}
 
.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:1px; letter-spacing:-1px; }

.table_04 {font-size:1.0em;}

.cn {font-size:14px; margin-top:15px;}


ul.img_col4 li {float:left;width: 48%;  }
ul.img_col5 li {float:left;width: 48%;  }

ul.img_col2 {  width:100%;}


.ml520 {margin:230px 0 0 0px;}

.img_wrap {display:inline-block; float:left; width:100%; text-align:center;margin-bottom:20px;}
.img_wrap li {float:none; padding-bottom:10px;}
.img_wrap li img {height:100%;}
.img_wrap_2 {display:inline-block; float:left; width:100%; margin:30px 0 10px 0;}
.img_wrap_2 p {font-size:1.2em;}

  

/*개인정보 클릭후 뜨는 창*/
#agree {left:10%; width:80%; height:400px;margin-left:0px;}

#agree h1 {font-size:1.0em; margin:20px 0px 20px 0px; }
#agree h2 { font-size:15px; margin:20px 0px 10px 0px;}

.check_p { margin-bottom: 10px;}


/*view 게시판*/
.table_view  {margin-top:5px;}
.table_view tbody th {padding:10px 2px; font-size:1.0em; }
.table_view tbody td {padding:10px 10px; font-size:1.0em; }
.table_view input[type="text"], .table_write input[type="password"] { height: 20px; width: 90%; padding: 5px 5px;}
.table_view textarea {width: 94%;height: 50px!important;padding: 5px;font-size: 14px;}

.stripe_line02 {    margin: 10px 0 40px 0;}

.button_blue {font-size:1.1em;padding:20px 40px;}
.button_blue02 { font-size:1.1em;padding:20px 40px;}

.wp500 {width: 90%!important;}
.wp100 { width: 70px;}

.file-box .upload-name { width: 96%;margin-left:1px;}


/*쓰기 게시판*/
.table_write { margin-top: 5px;}
.table_write tbody th {padding:10px 3px; letter-spacing:-1px; font-size:1.0em; background-color:#F7F7F7; text-align:center; border-top:1px solid #ddd;  }
.table_write tbody td {padding:10px 3px; font-size:1.0em;   border-top:1px solid #ddd;  line-height:140%; }
.table_write textarea {width:100%; padding:10px; font-size:14px;}
.table_write input[type="text"], .table_write input[type="password"]  { height: 20px; width: 88%; padding: 5px 5px;}
.table_write textarea {width: 94%;height: 50px!important;padding: 5px;font-size: 14px;}

.tbTypeC tbody tr td { padding: 5px 3px 5px 3px;}


.table-board th, .table-board td {  padding: 10px 15px 10px 15px;}

.table-board, .table-board tbody, .table-board tr, .table-board th, .table-board td {display: block;}
.table-board {border-bottom: none;}
.table-board thead {display: none;}
.table-board tr {margin-bottom: 15px; border-bottom: 1px solid #d5d5d5;}
.table-board th, .table-board td {border-left: 1px solid #d5d5d5; text-align: left;}
.table-board tbody th {background: none;}
.table-board tbody td {min-height: auto;}
.table-board th:first-child, .table-board td:first-child {border-top: 1px solid #d5d5d5;}
.table-board tr:first-child th:first-child, .table-board tr:first-child td:first-child {border-top: none;}
.table-board th:last-child, .table-board td:last-child {border-right: 1px solid #d5d5d5;}
.table-board th, .table-board td {position: relative; padding-left: 120px;}
.table-board th:before, .table-board td:before {content: attr(title); display: inline-flex; position: absolute; top: 0; left: 0; width: 100px; height: 100%; background: #f1f1f1;align-items: center; justify-content: center;}

 
/* paging */
.paging-area a { min-width:35px; height:35px; line-height:2.4; font-size:14px;}
.paging-area a.prev {background:url(/images/sub/ico_paging.png) -91px center no-repeat}
.paging-area a.next { background:url(/images/sub/ico_paging.png) -125px center no-repeat}
.paging-area a.first {background:url(/images/sub/ico_paging.png) 10px center no-repeat}
.paging-area a.last { background:url(/images/sub/ico_paging.png) -35px center no-repeat}

.box_st1.box_ico .inner {padding-left: 1rem;}

.stripe_box02 { padding: 0.35rem; margin-bottom: .5rem;}
.stripe_box02 .inner {    padding: .5rem;}


.colorSysList li {width: 99%;}
 

#touchSlider11 {width:94%; margin: 50px auto 0 auto;}
#touchSlider11 ul li { height: 250px;}
#touchSlider11 ul li img {  height:250px; }
.ts-controls {top: -170px;}


.depth_none02 li { font-size: 14px;}

.pc_ml20 {margin-left:10px;}

.base_box_01 p { font-size: 14px;}

.introduce .intro_left .title {font-size: 17px;}
.introduce .intro_left .logo_p {font-size: 30px;}

ul.img_col2 li {width: 100%;margin-right: 0;margin-bottom: 20px;}
ul.img_col2 {margin: 20px 0 20px 0px;width: 100%;}

.depth01 li {background-position:5px 12px ;font-size: 16px;line-height: 140%;}



.doctor_wrap img {max-width:90%;}



.h4_title p {font-size: 22px;}




.contents_tab li a {  font-size: 15px;}

.departments {flex-wrap: wrap;}
.dept-container {width: 33.3%; margin-bottom: 0px;}
.org-line-ceo {width:67%; margin-bottom: 0px;}
.no-line::before {display: none;}

`
.watch_wrap .title h4 {font-size: 20px;}
.watch_wrap .title i {font-size: 45px;}
.watch_wrap .title { padding: 20px 20px;}


.award_ul li { width:200px;  height:270px; padding-top:80px;   }
.award_ul li p{  font-size:15px;   }
.award_ul li u { bottom:70px; font-size:12px;}


.partner_wrap li { width:49%; padding: 12px 7px;font-size: 13px;  align-items: flex-start; gap:5px;}
.partner_wrap li img {max-height:20px;}
.portfolio_list li  span { font-size: 13px;}

.business_wrap .business { width: 98%; margin:10px 1%;}

.business_wrap .business {min-height: auto;}


.inquiry_box ul li {align-items: flex-start; }
.inquiry_box ul li p { margin-bottom: 3px; font-size:14px; width:160px}
.inquiry_box { padding: 20px 20px 30px 20px;}
.inquiry_box ul {  margin-top: 0;}
.inquiry_box ul li input {height: 40px;}
.inquiry_box ul li textarea {height: 70px;}



.inquiry_txt { justify-content: center; background-image:none; height:auto; text-align:center; padding-bottom:20px;}

.floor-tab-label {  padding: 10px 30px;}

.greeting_wrap .txtbox div{flex-direction: column}


.portfolio_list li a img {height:250px; }


.org-line-sub {display:none;}

.dept-container { width: 100%;}
.dept-node li {font-size: 14px;}
.dept-node {  padding: 15px 15px 15px 15px;}

.sub-departments .dept-node {min-height: auto;}
.dept-container::before {height: 30px;top: -21px;}
.org_color05 { margin-bottom: 0;}
.dept-node { width:100%;}
.org_color05 {  height: 50px;}

ul.img_col4.height_auto li img { max-height: 300px;}

}






/* Mobile Device 500 */
@media (max-width:500px) {

.con_body h5 {  padding: 10px 0 0px 5px;}
.con_body h4 + p {padding-left: 10px;}


.depth01 li {background-position: 5px 9px;font-size: 14px;}
.depth01.pl15 {padding-left:7px}
.depth01.pl20 {padding-left:7px}

.introduce .intro_left .title {text-align:center;}
.introduce .intro_left .logo_p {text-align:center;}


.no_xs{display:none}

  

.contents_tab li a {font-size: 13px;height: 50px;line-height: 50px;}
.contents_tab li {height: 50px;}
 


.gray_box_ul li { width: 98%;}
.gray_box_ul li .img {margin: 0px auto 10px auto; width: 110px;height: 110px;}
.gray_box_ul li .img img {  max-width: 60px;}


.gray_box_ul li > ul > li {font-size: 14px;padding-left: 7px;}
.gray_box_ul li > ul > li:after {top: 10px;}


.hand_wrap.ml20 {margin-left:0!important;}

.customer_div { margin-bottom: 0px;}
.customer_div .customer_title {margin-right: 15px;font-size: 17px;}
.customer_div .customer_title_p {font-size: 15px;}
.customer_div .map_info  .naver {background-position: 5% 50%;}
.customer_div .map_info .kakao { background-position: 5% 50%;}
.customer_div .map_info  a {font-size: 13px;padding: 10px 8px 10px 30px;}

.customer_div_sub {  padding: 40px 20px;}

.wrap_map {height:280px!important;}

.award_ul li { width:320px;  height:390px; padding-top:140px;   }
.award_ul li p{  font-size:18px;  margin-top:10px; }
.award_ul li u { bottom:70px; font-size:14px;}


.greeting_wrap .title  {font-size:22px;}
.greeting_wrap .txt { font-size:14px;}

.greeting_wrap .ceo {  margin-top: 40px;}
.greeting_wrap .ceo em b {font-size: 18px;}



.portfolio_list li {   width: 100%;   margin: 10px 0;   }
.portfolio_list li  p {  font-size: 16px; padding:10px 0 5px 0;}
.portfolio_view_list .img img {height: auto;}
.portfolio_view_list .list li b { width: 80px;}

.greeting_wrap img {height: 250px;}
.greeting_wrap .title b:after {height: 11px;}



.business_wrap .business a {font-size: 14px;padding: 7px 0;}

.btn_wrap a {padding: 10px 0px;}

.inquiry_box ul li {  flex-direction: column;}

.inquiry_txt h4 {font-size: 16px;}
.inquiry_txt h4 b {font-size: 18px;}



.floor-tab-label {  padding: 7px 20px; font-size:14px;}


.floor-tab-content .mySwiper2-1 .swiper-slide, .floor-tab-content .mySwiper2-2 .swiper-slide, .floor-tab-content .mySwiper2-3 .swiper-slide {
height: 300px;margin-bottom: 10px;}

.mySwiper-3, .mySwiper-2, .mySwiper-1 {height: 80px; }


.floor-tab-content .mySwiper2-1 .swiper-slide, .floor-tab-content .mySwiper2-2 .swiper-slide, .floor-tab-content .mySwiper2-3 .swiper-slide {
height: 230px;}

.mySwiper-3 .swiper-slide p, .mySwiper-2 .swiper-slide p, .mySwiper-1 .swiper-slide p {font-size: 12px;padding: 2px 0!important;}

.floor-tab-content .title {font-size: 14px;margin: 10px 0;}


.org-node em { font-size: 21px;}
.ceo-node {padding: 55px 0 0 0;}

.portfolio_list li a img {height:300px; }


.ceo-line {height: 40px;}
.ceo-container:after {bottom: 20px;}

}


/* Mobile Device 400 */
@media (max-width:400px) {

}

/* Mobile Device 370 */
@media (max-width:370px) {
.portfolio_list li  span { font-size: 12px;}
.portfolio_view_list .img img {height: 200px;}




}