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


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

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

.pc_none { display: none;}
.highcharts-credits {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:bold;  background:url("/customized/images/sub/ico_h5.gif") no-repeat scroll left 38px; }
.con_body h5 {font-size:21px; clear:both; line-height:1.4em;color:#222; padding:25px 0 0px 15px; ; }
.con_body h6 {font-size:18px; clear:both;line-height:1.3em; color:#107BE3;  padding:15px 0 0px 15px;   }

 
.low_txt_box{ border:1px #d2d2d2 solid; box-sizing:border-box; padding:40px 9%;}
.low_txt_box .inner_p{  height:250px;overflow: hidden;  line-height:1.8; }
 
.arrow_btn_01 {display:inline-block; border-radius:3px; border:1px solid #ddd; padding:10px 15px;}


/*매수리스트*/
.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;}



 

.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;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: 'NEXON Lv2 Gothic';
    line-height: 1.25em;
    transform: rotate(0.03deg);
}

.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 0 20px;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:#2B9942}
.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:#2B9942;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; font-size:13px; padding:0px 7px; font-size:14px; background:#fff url(/images/sub/point_blet.gif) no-repeat 0 4px;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;}

.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:#fcff00;}
.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(..//customized/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 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;}
.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(..//customized/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;}





.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;}



/* 2차 탭메뉴 */
.c-tab01_02 {margin-bottom:20px;position:relative; border-bottom:2px solid #f1f1f1;}
.c-tab01_02 ul {width:96%;overflow:hidden;border-bottom:1px solid #d1d1d1; background:#fff;padding:10px 2%;}
.c-tab01_02 li {float:left;font-size:13px;line-height:120%;background:url(/images/sub/3depth.gif) left 10px no-repeat; }
.c-tab01_02 li a {color:#444;display:block;border-left:0px;height:18px;padding:5px 20px 5px 10px;letter-spacing:-1px;}
.c-tab01_02 li a.over {color:#0056CA; font-weight:bold; font-size:14px;}
.c-tab01_02 li a[target='_blank'] {margin-right:18px; background: url(/images/common/ico_window.gif) no-repeat right 8px;}


  
/*테이블스타일*/
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 { overflow-y:hidden; width:100%; clear:both;}
.hand_wrap_w { overflow-y:hidden; width:100%; padding-bottom:20px; clear:both;}


 
/**/
.box_st1.box_ico .inner{padding-left:9rem; min-height:9rem; }
.box_st1.box_ico .inner .ico{position:absolute; left:1.25rem; top:1.1rem;}
.box_st1.box_ico .inner .ico img { width:6rem; }
 

.box_st1:before,
.box_st1:after{z-index:2; background:#014ba8;}
.box_st1:before{top:0.05rem; left:0; max-width:10.5rem;}
.box_st1:after{top:0.65rem; left:0; height:4.75rem;}
.box_st1 .inner{padding:1.25rem 2rem; border:1px solid #dfdfdf;}
.box_st1.box_ico .inner{padding-left:5rem;}
.box_st1 .inner:before{content:""; position:absolute; top:calc(-0.65rem - 1px); left:0; width:calc(100% + 1px); height:0.65rem; background:#f0f7ff;}
.box_st1 .inner:after{content:""; position:absolute; top:calc(-0.65rem - 1px); right:calc(-0.65rem - 1px); width:0.65rem; height:4.75rem; background:#f0f7ff;}
.box_st1.box_ico .inner .ico{top:1.4rem; left:2rem;}
.box_st1.box_ico .inner .ico img{width:auto;}
.box_st1 {position:relative; padding:0.35rem;  color:#3a3a3a; margin-top:1rem; }
.box_st1:before{content:""; position:absolute; left:-0.25rem; top:-0.25rem; width:40%; max-width:13.5rem; height:0.65rem; background:#014ba8;}
.box_st1:after{content:""; position:absolute; left:-0.25rem; top:-0.25rem; width:0.65rem; height:2.7rem; background:#014ba8;}
.box_st1 .inner{position:relative; z-index:1; padding:2rem 5rem;}
 div + [class*="box_st"],
ul + [class*="box_st"] { margin-top:1.5rem; }
.titT1 {font-size:25px; margin:10px 0;}


/*스트라이프박스*/
.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; 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 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:40px 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 {padding-top:135px; 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:10px; font-size:16px; color:#121212; }
.history_box .history_list {overflow:hidden; padding:40px 0 40px 20px; border-bottom:1px solid #d2d2d2; }
.history_box .history_list h2 {padding:0; margin:0; background:none; font-size:22px; }
.history_box .history_list ul {margin-top:15px; }
.history_box .history_list ul li {overflow:hidden; width:100%; padding:0; margin-bottom:3px; background:none; }
.history_box .history_list ul li span {float:left; display:block; }
.history_box .history_list ul li .date {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:640px){
.history_box .history_list {padding:40px 0 40px 30px; }
.history_box .history_list ul li .txt {width:80%; font-size:17px;}

}

/*연혁*/
@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; }
}


@media (max-width:589px) {
.history_box .history_list {padding-left:10px;}

.history_box .history_list ul {float:left; width:100%; padding-left:20px; margin:0 0 0 20px; border-left:3px solid #1E70BF; }
.history_box .history_tit {padding:0px 0 10px 0; }
.history_box .history_list ul li .txt {width:78%;}

}





 
/*이사장소개*/
.chairman_wrap {width:100%; text-align:center; min-height:1400px; background: url('/images/sub/chairman_bg.gif') 50% bottom no-repeat; }
.chairman_wrap img {width:100%; max-width:659px; margin-top:50px;}
.chair_p01 {font-size:16px;font-family: 'TitilliumWeb-SemiBold'; font-weight:bold;}    
/*.chair_p01:after {content:''; display:block; width:30px; height:2px; background-color:#222;  margin:0 auto; margin-top:20px;}    */
.chair_p02 {font-size:30px; color:#222;  line-height:130%; margin:20px 0 40px 0;font-weight:bold; font-family:'NanumSquare','Nanum Gothic'} 
.chair_p03 {color:#888; font-size:18px;} 
.chair_p04 {margin-top:60px; float:right; font-size:16px;} 
.chair_p04 span {font-size:22px; color:#222; }


/*ci*/
.colorSysList{margin:-5px -.5%;}
.colorSysList:after{display:block;content:'';clear:both;}
.colorSysList li{float:left;margin:5px .5%;width:49%;height:130px;box-sizing:border-box;}
.colorSysList li:after{display:block;content:'';clear:both;}
.colorSysList li > span{display:block;float:left;padding:45px 0 0 0px; text-align:center; width:40%;height:130px;box-sizing:border-box;font-size:18px;color:#fff;letter-spacing:-.5px;}
.colorSysList li > .color1{background:#cf152d;}
.colorSysList li > .color2{background:#0056b9;}
.colorSysList li > .color3{background:#000;}

.colorSysList li > p{display:block;float:left;padding:28px 0 0 28px;width:60%;height:130px;border:1px solid #d7dbdf;border-left:0px none;box-sizing:border-box;font-size:16px;line-height:160%;}
 
.ci_list li {float:left; margin:20px 20px 50px 0px; border:1px solid #ddd;}
.ci_list li p {display:block; background:#444; color:#fff; width:100%; height:30px; text-align:center; }



/*개요*/
.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;}



/* 찾아오신느 길 */
.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;}


 

/*인사말*/
.int2_01 {width:317px; display:inline-block;  margin-bottom:30px; }
.int2_01 img {max-width:406px;}
.int2_02 {max-width:800px; margin-right:5%;  margin-bottom:50px; display:inline-block;float:left;}

.int2_p1 {border-left:3px solid #1F750A; padding-left:20px;font-size:2.3em; line-height:130%;color:#222;}
.int2_p1 span {color:#1F750A;}
.int2_p2 { margin-top:30px;font-size:1.4em; line-height:160%;padding-left:20px;}



/*개인정보동의*/
.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}


/*업무영역*/
.work_space {margin:30px 0 50px 0;}
.work_space dt {width:20%;  display:inline-block; float:left; font-weight:bold; color:#222; border-top:3px solid #008BDD; font-size:20px;  height:220px; padding:25px 20px; box-sizing:border-box;}
.work_space dt b {color:#008BDD; font-size:18px; display:block;  }

.work_space dd {width:78%; display:inline-block;  border-top:1px solid #ddd; margin-left:2%;  height:220px;padding:25px 20px; box-sizing:border-box;}
.work_space h4 {padding:0!important; font-size:20px;font-weight:bold; }
.work_space .width50 {width:50%; display:inline-block; float:left; }
.work_br {display:block;}




/*오시는길*/
.work_space02 {margin:80px 0 50px 0;}
.work_space02 dt {width:20%;  display:inline-block; float:left; font-weight:bold; color:#222; border-top:3px solid #222; font-size:20px;  height:250px; padding:25px 20px; box-sizing:border-box;}
.work_space02 dt b {color:#008BDD; font-size:18px; display:block;  }
.work_space02 dt img {width:120px; margin-top:10px;}

.work_space02 dd {width:78%; display:inline-block;  border-top:1px solid #ddd; margin-left:2%;  height:250px;padding:25px 20px; box-sizing:border-box;}
.work_space02 h4 {padding:0!important; font-size:20px;font-weight:bold; }
.work_space02 dd p {font-size:20px;font-weight:bold; }

.work_space02 .green_back {background-color:#3DA244; background-image:none!important; border-radius:50%; width:80px; height:55px; text-align:center; display:inline-block; color:#fff; padding-top:25px;}

.work_space02 dd li {padding:7px 0px; font-size:17px;}



.ex_purple {background-color:#6175F5; color:#fff; padding:2px 10px; border-radius:5px;}
.ex_p {border:1px solid #6175F5; padding: 1px 10px; display:inline-block; margin:2px 2px; font-size:16px;}
.ex_red {background-color:#FF451E; color:#fff; padding:2px 10px; border-radius:5px;}
.ex_r {border:1px solid #FF451E; padding: 1px 10px;; display:inline-block; margin:2px 2px;font-size:16px;}



 
/*테이블 안 셀렉트*/
.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(..//customized/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}




/*절차안내*/
.step01 {width:100%; position:relative;}
.step01 li {width:29%;   cursor:pointer; position:relative; float:left; text-align:center; margin:24px 2% 24px 2%;; border-radius:10px;display:inline-block; border:1px solid #ddd; padding:190px 20px 20px 20px; letter-spacing:-1px; height:460px; box-sizing:border-box;}
.step01 li b {color:#0071C4; font-size:16px;}
.step01 li h4 {background-image:none; padding:5px 0 0 0;}
.step01 li p {line-height:130%;margin-top:10px;}
.step01 li:hover {background-color:#f9f9f9;  }
.step01 li:last-child  {background-color:#f9f9f9;  }

.step01 li.icon01{ background: url('/images/sub/step_ico_01.png') 50% 10% no-repeat;}
.step01 li.icon02{ background: url('/images/sub/step_ico_02.png') 50% 10% no-repeat;}
.step01 li.icon03{ background: url('/images/sub/step_ico_03.png') 50% 10% no-repeat;}
.step01 li.icon04{ background: url('/images/sub/step_ico_04.png') 50% 10% no-repeat;}
.step01 li.icon05{ background: url('/images/sub/step_ico_05.png') 50% 10% no-repeat;}
.step01 li.icon06{ background: url('/images/sub/step_ico_06.png') 50% 10% no-repeat;}
.step01 li.icon07{ background: url('/images/sub/step_ico_07.png') 50% 10% no-repeat;}
.step01 li.icon08{ background: url('/images/sub/step_ico_08.png') 50% 10% no-repeat;}
.step01 li.icon09{ background: #f9f9f9 url('/images/sub/step_ico_09.png') 50% 10% no-repeat;}


.step01 .arrow_ico {position: absolute;right: -40px;top: 50%;width: 30px;height: 30px;
background: url('/images/sub/step_point.gif') right 40% no-repeat;}

.step01 .arrow_ico_left {position: absolute;left: -50px;top: 50%;width: 30px;height: 30px;
background: url('/images/sub/step_point02.gif') right 40% no-repeat;}

.step01 .arrow_ico_bottom {position: absolute;right: 50%;bottom: -10%;width: 30px;height: 30px;
background: url('/images/sub/step_point_mb.gif') right 40% no-repeat;}


/*파일*/
.file_box {width: 100%; margin-bottom:30px; background: url('/images/sub/file_icon.png') 5% 50% no-repeat; border-top:3px solid #1168B1; background-color:#f9f9f9; border-bottom:1px solid #ddd;padding:30px; overflow:hidden;}
.file_box ul {width:80%; margin-left:20%;}
.file_box li {width:48%; float:left; font-size:17px; padding-left:14px; letter-spacing:-1px;background:url(/images/sub/depth03.gif) left 10px no-repeat; }


  
/*승강기안전문화확산*/
.safe_wrap {background:url('/customized/images/sub/0202.jpg') no-repeat 0 -10% / cover; width:100%; height:550px;  padding:120px 0 0 60px; box-sizing:border-box;}
.safe_wrap p {font-size:40px; font-family:'Noto Sans KR bold'; color:#333;}
.safe_wrap p:after {content:''; display:block; width:30px; height:2px; background-color:#333;    margin:20px 0;}    
.safe_wrap span {font-size:18px; color:#555s;}

.safe_ul {margin:-100px 5% 0 5%; padding-top:30px; width:90%;   overflow:hidden; background-color:#fff;}
.safe_ul h3 {font-size:28px; margin-bottom:40px; color:#222;}
 
.safe_ul ul {width:100%}
.safe_ul li {width:23%; margin:10px 1%; box-sizing:border-box; float:left; font-size:16px; border:1px solid #ddd; height:300px; text-align:center; padding:190px 10px 30px 10px; border-radius:20px 0;}
.safe_ul li:hover {border:1px solid #0056B8;}
.safe_ul li:nth-child(1) {background:url('/customized/images/sub/safe_icon_01.gif') no-repeat 50% 20%;}
.safe_ul li:nth-child(2) {background:url('/customized/images/sub/safe_icon_02.gif') no-repeat 50% 20%;}
.safe_ul li:nth-child(3) {background:url('/customized/images/sub/safe_icon_03.gif') no-repeat 50% 20%;}
.safe_ul li:nth-child(4) {background:url('/customized/images/sub/safe_icon_04.gif') no-repeat 50% 20%;}


.sub_swiper {width: 100%;height: 100%;margin-top:90px;}

.sub_swiper {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.sub_swiper img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius:15px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {color: #fff; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color: #fff;}



 
#touchSlider11 {   position:relative; overflow:hidden; margin-top:80px; }
#touchSlider11 ul { position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider11 ul li { height:400px;  ; font-size:14px; color:#fff;   }
#touchSlider11 ul li img {width:100%; height:300px; border-radius:20px; }



.ts-controls { height: 36px; top:-280px;  position: relative;   }
.ts-prev { opacity:0.8;box-shadow: 0 0 15px rgba(0,0,0,0.5); font-family: 'Gulim';display:block;  border-radius:50%; width:60px;  height:60px;border:0;  font-size:40px!important; background:#fff; font-size:16px; color:#CA0000; font-weight:bold; position:absolute; top:50%; left:3%;  }
.ts-next { opacity:0.8;box-shadow: 0 0 15px rgba(0,0,0,0.5);font-family: 'Gulim'; display:block; border-radius:50%; width:60px;  height:60px; border:0; font-size:40px!important;background:#fff; font-size:16px; color:#CA0000; font-weight:bold; position:absolute; top:50%; right:3%; }

 

.ts-paging { width:100%; text-align:center; position:absolute; top:200px; left:0; }
.ts-paging-btn { display:inline-block; width:10px; height:10px;  border-radius:50%; border:0; padding-top:10px; margin-left:7px; border-radius:5px; background:#ddd; overflow: hidden; }
.ts-paging-btn:first-child { margin-left: 0; }
.ts-paging-active { background:#CA0000; }


.business_p01 { text-align:center; font-size:26px; margin-bottom:20px; color:#333; line-height:130%;font-family:'Noto Sans KR bold';}
.business_p01:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #222;
    margin: 0 auto;
    margin-top: 20px;
}
.business_p02 {text-align:center; font-size:18px; }


 

.Ochart2 {position:relative; font-size:130%;}
.Ochart2 * {text-align:center; margin:0 auto}
.Ochart2 h3 {position:relative;width:130px; height:130px; line-height:130px; padding:0; background-color:#0068B7; margin:0 auto; text-align:center; font-size:150%; border-radius:50%; color:#fff;}
.Ochart2:before{ content: ""; display:block; background: #ccc; width: 1px; position: absolute;   left: 50%; top:0%; bottom:0px}
#chart4.Ochart2:before{ content: ""; display:block; background: #ccc; width: 1px; position: absolute;   left: 50%; top:0%; bottom:0px;height:205px;}
.Ochart2 ul.chart {position:relative; clear:both}
.Ochart2 ul.chart.w2:before {content: "";position: absolute; left: 50%; background: #ccc; width: 50%; height: 1px;  transform: translateX(-50%); top:1.5rem;}
.Ochart2 ul.chart.w3:before {content: "";position: absolute; left: 50%; background: #ccc; width: 66.5%; height: 1px;  transform: translateX(-50%); top:1.5rem;}
.Ochart2 ul.chart.w4:before {content: "";position: absolute; left: 50%; background: #ccc; width: 75%; height: 1px;  transform: translateX(-50%); top:1.5rem;}

.Ochart2 ul.chart li {position:relative;padding:55px 0}
.Ochart2 ul.chart li:before {content: ""; background: #ccc; width: 1px; position: absolute;   left: 50%;height: 2.0rem; top:1.5rem;}
.Ochart2 ul.chart li ul li:before {content: ""; background: #ccc; width: 1px; position: absolute;   left: 50%;height: 2.9rem; top:1.5rem;}
.Ochart2 ul.chart li span {position:relative; display:inline-block; padding:10px 0; width:200px;border-radius:5px;  color:#fff; font-size:110%}
.Ochart2 ul.chart li span.blue01 { background:#2EB4F5;}
.Ochart2 ul.chart li span.blue02 { background:#0A91D1;}
.Ochart2 ul.chart li span.blue03 { background:#0951A2;}
.Ochart2 ul.chart li span.blue04 { background:#07A365;}

.Ochart2 ul.chart.w2 li {width:50%; float:left}
.Ochart2 ul.chart.w2 li span {display:block; margin-bottom:10px; }
.Ochart2 ul.chart.w3 li {width:33.333333%; float:left;}
.Ochart2 ul.chart.w3 li p {width:80%;border:1px solid #aaa; background-color:#f6f6f6; padding:15px 0; font-weight:300;border-radius:5px; font-size:110%; }
 
.Ochart2 ul.chart.w4 li {width:25%; float:left;}
.Ochart2 ul.chart.w4 li p {width:80%;border:1px solid #aaa; background-color:#f6f6f6; padding:15px 0; font-weight:300;border-radius:5px; font-size:110%; }
 

/*사회공헌*/
.happy_p01 {font-size:22px; text-align:center; }
.happy_p02 {font-size:20px; color:#3266D3; font-weight:bold;  text-align:center; margin-top:15px;}
.happy_h4 {font-size:30px; font-family: 'GmarketSansBold'; line-height:110%;font-weight:bold; color:#222;  margin-top:70px; text-align:center; }
.happy_h4  b {font-size:25px;font-family: 'TitilliumWeb-SemiBold'; color:#ccc;  text-align:center; }

.happy_box {border:2px dotted #ccc; border-radius:20px; padding:60px 40px 60px 300px; margin:25px auto; }
.happy_box li {font-size:18px; }

.happy_box span {display:inline-block;  text-align:center; color:#fff; padding:5px 0; margin:5px 0; border-radius:10px; width:100px; }

.icon01 {background:url('/customized/images/sub/happy_icon_01.gif') no-repeat 6% 50%; }
.icon02 {background:url('/customized/images/sub/happy_icon_02.gif') no-repeat 6% 50%; }
.icon01 li span {background-color:#3266D3;  } 
.icon02 li span {background-color:#DB4D4D;}






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:90%;  display:inline-block;}
ul.img_col2 li {display: inline-block; text-align: center; width: 47%; margin-right:2.8%; 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;}

 


	
/* 자주 하는 질문 faq list */
.faq_list {border-top:1px solid #333; margin-top:32px;}
.faq_list ul li { position:relative}
.faq_list > ul > li { border-bottom:1px solid #ddd;}
.faq_list .qa_btn {position:absolute; top:20px; right:60px; z-index:999}
.faq_list .fl_q {position:relative; display:block; min-height:56px; padding:16px 56px 16px 50px; background:#f3f4f5; }
.faq_list .fl_q_n {position:relative; display:block; min-height:56px; padding:16px 56px 0px 60px; background:#fff; }
.faq_list .fl_q_n i {display:block; width:56px; height:56px; position:absolute; right:0; top:50%; margin-top:-28px; background:url(/customized/images/sub/faq_arrow_down.png) no-repeat center center; transition: .3s; }
.faq_list .open .fl_q_n i {transform: rotate(-180deg); }
.faq_list .fl_q i {display:block; width:56px; height:56px; position:absolute; right:0; top:50%; margin-top:-28px; background:url(/customized/images/sub/faq_arrow_down.png) no-repeat center center; transition: .3s; }
.faq_list .fl_q .list_date { font-size:14px; line-height:20px; color:#666}
.faq_list .open .fl_q i {transform: rotate(-180deg); }
.faq_list .fl_a {position:relative;min-height:56px; padding:16px 0px; border-top:1px solid #ddd;background:#fff}
.faq_list .fl_a_n {position:relative;min-height:56px; padding:25px 56px 16px 60px; border-top:1px solid #ddd; background:#f3f4f5}
.faq_list .fl_a .fa_s_descript {display:block; font-size:14px; line-height:22px; color:#444; padding:20px 20px;}
.faq_list .fl_a .fa_s_descript img { width:100% !important; max-width:100% !important; height:auto !important;}
.faq_list .ico_q {display:block; width:17px; height:17px; border-radius:50px; text-align:center; position:absolute; left:16px; top:18px; font-family:'Lato'; color:#fff; border:solid 4px #405985}
.faq_list .ico_q_n {display:block; width:30px; height:30px; border-radius:50px; text-align:center; position:absolute; left:16px; top:16px; font-family:'Lato'; font-size:16px; line-height:32px; color:#fff; font-weight:600; background:#405985}
.faq_list .ico_a_n {display:block;width:30px;height:30px;border-radius:50px;text-align:center;position:absolute;left: 16px;top:12px;font-family:'Lato';font-size:16px;line-height:32px;color:#fff;font-weight:600;background:#ee7600;}
.faq_list .fl_a_n .a_sha {position:absolute;right: 10px;top: 12px;font-size: 13px;color:#333;}
.faq_list .ico_a {display:block; width:32px; height:32px; border-radius:16px; text-align:center; position:absolute; left:16px; top:12px; font-family:'Lato'; font-size:16px; line-height:32px; color:#fff; background:#fff;}
.faq_list .fl_ttl {display:block; font-size:16px; line-height:24px; color:#333; word-wrap:break-word; word-break:keep-all;}
.faq_list .ico_new {display:inline-block; width:18px; height:18px; background:url(../customized/images/sub/sub_cmn_icon.png) no-repeat -20px 0;}
.faq_list .fl_cont {word-wrap:break-word; word-break:keep-all;}
.faq_list .fl_cont p {display:block; font-size:13px; line-height:22px; padding:2px 0;}
.faq_list .fl_btn {margin-top:16px; padding-top:14px; border-top:1px solid #ddd;}
.faq_list .fl_btn * {vertical-align:middle;}
.faq_list .bv_file {position:relative;border-top: solid 1px #ddd;}
.faq_list .bv_file > div {padding:12px 20px;}
.faq_list .bv_file .bvf_ttl {position:absolute; left:0; top:0;}
.faq_list .bv_file .bvf_ttl span {position:relative; display:block; font-size:14px; line-height:22px; color:#000; padding:2px 0 2px 8px;}
.faq_list .bv_file .bvf_ttl span::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#222; position:absolute; left:0; top:12px;}
.faq_list .bv_file .bvf_lst {padding-left:96px;}
.faq_list .bv_file .bvf_lst li {padding:2px 0; font-size:0; line-height:0;}
.faq_list .bv_file .bvf_lst li .btn_xs {vertical-align:middle;}
.faq_list .bv_file .bvf_lst .btn_bvf_viewer {padding-left:2px; background:#005599; color:#fff;}
.faq_list .bv_file .bvf_lst .btn_bvf_viewer > i { display:inline-block; margin:3px; width:12px; height:12px; line-height:13px; background:url(../customized/images/sub/sub_tb_fileopen.gif) no-repeat 0 0;vertical-align:middle;}
.faq_list .bv_file .bvf_link {font-size:14px; line-height:22px; color:#444; background-image:url(../customized/images/sub/sub_cmn_icon.png); background-repeat:no-repeat; padding:0 0 0 24px; word-wrap:break-word; word-break:keep-all; background-position:-160px -217px; vertical-align:middle; margin-right:6px;}
.faq_list .bv_file .bvf_link:hover {color:##580078;}
.faq_list .bv_file .bvf_link.ico_hwp {background-position:-380px 3px;}
.faq_list .bv_file .bvf_link.ico_wrd {background-position:-360px -17px;}
.faq_list .bv_file .bvf_link.ico_xls {background-position:-340px -37px;}
.faq_list .bv_file .bvf_link.ico_ppt {background-position:-320px -57px;}
.faq_list .bv_file .bvf_link.ico_pdf {background-position:-300px -77px;}
.faq_list .bv_file .bvf_link.ico_swf {background-position:-280px -97px;}
.faq_list .bv_file .bvf_link.ico_mda {background-position:-260px -117px;}
.faq_list .bv_file .bvf_link.ico_gif {background-position:-240px -137px;}
.faq_list .bv_file .bvf_link.ico_jpg {background-position:-220px -157px;}
.faq_list .bv_file .bvf_link.ico_zip {background-position:-200px -177px;}
.faq_list .bv_file .bvf_link.ico_txt {background-position:-180px -197px;}
.faq_list .bv_top .bv_category {border-bottom:1px solid #d7d7d7; font-size:0; line-height:0;}
.faq_list .bv_top .bv_category ul {padding:12px 20px;}
.faq_list .bv_top .bv_category ul li {position:relative; display:inline-block; padding:0 12px 0 8px;}
.faq_list .bv_top .bv_category ul li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#222; position:absolute; left:0; top:10px;}
.faq_list .bv_top .bv_category ul li * {vertical-align:middle;}
.faq_list .bv_top .bv_category ul li span {display:inline-block; font-size:14px; line-height:22px; color:#444; padding-right:4px;}
.faq_list .bv_top .bv_category ul li .bvc_ttl {color:#000;}
.faq_list .bv_top .bv_category ul li a.ico_email {display:inline-block; width:18px; height:18px; background:url(../image/sub_cmn/sub_cmn_icon.png) no-repeat -60px 0;}
.faq_list .bv_top .bv_category ul li span.ico_email {font-size:0; line-height:0; color:transparent; padding-right:0;}

@media (min-width:1180px) {
	.faq_list .fl_q .list_date { display:block; width:auto; height:auto; position:absolute; right:60px; top:50%; margin-top:-10px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.faq_list .fl_q .list_date { display:block; width:auto; height:auto; position:absolute; right:60px; top:50%; margin-top:-10px; }
}
@media (max-width:767px) {
	.faq_list .fl_q .list_date { display:inline-block; line-height:24px; }
	.faq_list .fl_q .list_date::before { content:" | "; display:inline-block; line-height:20px; font-size:13px; color:#ccc; margin-right:7px;}
}

 
.box_toggle {padding:0; margin:0;}
.box_toggle .title_ac { display:block; width:100%; margin:0; padding-bottom:7px; color:#607aa6; font-weight:600; }
.box_toggle .title_ac.m { display:none}
.box_toggle .inner {position:relative;width:100%; padding:0; height:auto; line-height:inherit;}
.box_toggle .inner_title {display:block; width:100%; padding:7px 0; font-weight:600; color:#333}
.box_toggle a { color:#4770b6; text-decoration:underline; }
@media (min-width:768px) {
	.box_toggle .title_ac.hdn { display:none}
	.box_toggle .inner { padding-left:12px; }
}
@media (max-width:767px) {
	.box_image {padding:16px;}
	.box_image a.ico_zoom {display:block;}
	.box_toggle { padding:4px;margin-top:6px; background-color:#f5f8fe}
	.box_toggle .btnarea {width:100%; padding:3px; border:1px dashed #dbdfe6;}
	.box_toggle .title_ac { display:none}
	.box_toggle .title_ac.m { display:block; min-height:30px; font-size:14px; padding-bottom:0; padding-right:20px; background:url(../image/sub_cmn/faq_arrow_down.png) no-repeat right center #fff; border:0 none; text-align:center; background-color:#f5f8fe}
	.
		/*.box_toggle:not([class="open"]) .inner { position:absolute; left:0; top:0; width:0; height:0; line-height:0; overflow:hidden;}*/
	.box_toggle .inner > *[class^="s_listin_"] > li { font-size:13px;}
	.box_toggle.open .inner { position:relative; width:100%; height:auto; padding:10px; line-height:inherit; overflow:inherit;}
	.box_toggle.open .title_ac.m {background:url(../image/sub_cmn/faq_arrow_up.png) no-repeat right center;}
	.box_toggle.open .inner_title { font-size:13px;}
}

 
/* list tgl */
.lt_l {cursor:pointer;}
.lt_c.fl_a_n{padding: 0 56px 0 60px !important;}
.lt_c {visibility: hidden; opacity: 0; height: 0; padding: 0 !important; transition: all .2s; min-height: inherit !important; overflow: hidden}
.open > .lt_c {visibility: visible; opacity: 1; height: auto; padding: 16px 0 !important; overflow: visible; }
.open > .lt_c.fl_a_n{padding: 15px 86px 16px 60px !important;}


 





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

.pc_none { display: none;}

/*역사*/
.introduce_bg06 {background-size:60%;}
.history_con p{font-size:1.5em; padding:0; width:100%;margin-top:220px;}
.history_con span{font-size:2.0em; }

.introduce_bg07 { background-size:38%;}

}


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


.inner { width:97%;}


.pc_enter2 {display:inline;}

.inner {width:100%;}

.pc_none { display: none; }

.sub_bg01 {background-size:100%;} /*보성키위소개*/
.kiwi_back {padding-top:350px;}
.food_show_right h4 {font-size:3.0em;}


/*이사장 인사말*/
.int2_01 {width:100%; text-align:center;}
.int2_01 img {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%;}

.sub_bg01 {background-size:100%;} /*보성키위소개*/
.kiwi_back {padding-top:300px;}




/*이사장 인사말*/
.int2_01 {width:100%; text-align:center;}
.int2_01 img {display:none;}

.about_left .ap_01 { font-size: 1.8em;}
 

/*절차안내*/
.step01 li {  padding:170px 20px 30px 20px;  height:500px;  }
.step01 li b { font-size:16px;}
.step01 .arrow_ico_left { left: -40px;}




.bullet_num4 > li {padding-left:60px; font-size:18px;}
.bullet_num4 > li span {   top:5px; width:30px; margin-right:15px; padding:5px 10px;   font-size:1.0em;   line-height:30px; text-align:center;}
.bullet_num4 > li b {font-size:1.2em; }
.bullet_num4 > li p {font-size:15px; margin-top:5px;}


  
.bullet_num4li p{margin:30px 0 0 10px;  padding:20px;}
.bullet_num4li ul {margin:30px 0 0 0px;padding:20px;}
.bullet_num4li li {    font-size: 16px;}


 .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%;}

.main_search {width:90%; margin:40px auto;}
.main_search h2 {font-size:2.0em; }
.main_search p {font-size:16px; }
.bnt_search { font-size:18px;  padding:15px 70px 15px 40px;}


 

/* 절차 구조도 */
.process-box01 ul {width: 100%;padding: 30px 5px 60px 5px; }
.process-box01 ul li > div:before{width:150px;height:150px;border-width:5px;}


.process-box01 ul li > div::after {	right: -5px;}

.process-box01 ul li > div p span {
font-size: 15px;
letter-spacing:-1.5px;
 }


/*개요*/
.flex_wrap { display: block;}

.about_left {width:100%; margin-bottom:50px;}

.about_right {width:100%;  text-align:center; height:auto; margin:0 auto;}
.about_right img {padding-top:0px; width:100%;}

.about_left .ap_01 { font-size: 2em; text-align:center; margin-top:30px;}
.about_left .ap_01:after {margin:20px auto 0 auto;}

.about_left .ap_02 { font-size: 1.2em;}



}







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

.con_body h3 {margin-top:40px;}
.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;} 

.hand_wrap_w {overflow-x:scroll;padding:50px 0 20px 0; }
.hand_wrap_w table{width:800px !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: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}



ul.img_col2 {  width:100%;}



.sub_bg01 {background-size:100%;} /*보성키위소개*/
.kiwi_back {padding-top:200px;}

 
/*노래자랑*/
.food_show_left {width:100%; text-align:center; height:auto; padding-left:0px; color:#fff; }
.food_show_right {text-align:center; width:100%; margin-left:0%; height:auto;}
.food_show_right h4 { font-size:2.3em; padding:0px; margin-bottom:20px; font-weight:bold; }
.food_show_right .food_p1 {font-size:1.8em; margin-bottom:15px; }
.food_show_right .food_p2 {  font-size:1.1em; }
.food_show_left img {margin-top:0px; margin-bottom:50px;}


/*이사장 인사말*/
.int2_01 {width:100%; text-align:center;}
.int2_01 img {display:none;}


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


.description {margin: 50px auto 0 auto;width: 90%;}

 
 

/*테이블 모바일 손아이콘*/
.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;}

.wp500 {width: 94%!important;}
.wp150 {width:120px;}



.info_box {padding: 220px 20px 20px 20px; margin: 30px 0; }

.info_box_img01 { background-position: 50% 10%;}
.info_box_img02  { background-position: 50% 10%;}



.info_p1 { font-size: 17px!important; letter-spacing:-1px;}
.con_body .depth3 li { background-position:left 10px ;}



/*절차안내*/
.step01 li {width:94%;   margin:24px 3% 24px 3%;   padding:170px 20px 30px 20px;  height:auto;  }
.step01 li b { font-size:16px;}
  
.step01 .arrow_ico {right: 45%;top: 102%; background: url('/images/sub/step_point_mb.gif') right 40% no-repeat;}
.step01 .arrow_ico_left {left: 50%;top: 102%;background: url('/images/sub/step_point_mb.gif') right 40% no-repeat;}
.step01 .arrow_ico_bottom {right: 45%;top: 102%;background: url('/images/sub/step_point_mb.gif') right 40% no-repeat;}

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



/*파일*/
.file_box {background-image:none ; box-sizing:border-box;padding:20px;}
.file_box ul {width:90%; margin-left:0%; margin-top:0px;}
.file_box li {width:100%; float:left; font-size:15px;  background-size:70px;  letter-spacing:-1px;background:url(/images/sub/depth03.gif) left 8px no-repeat; }
 

   

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


/*이사장소개*/
.chairman_wrap {   min-height:1150px;  background-size:500px; }
.chair_p01 {font-size:14px; }    
.chair_p02 {font-size:20px;   margin:20px 0 40px 0; } 
.chair_p03 {font-size:14px;} 
.chair_p04 {margin-top:40px;   font-size:14px;} 
.chair_p04 span {font-size:20px;}

 
 
.safe_wrap {  height: 450px; padding: 30px 0 0 20px;background-position:70% -10% ;}
.safe_wrap p {  font-size: 25px;}
.safe_wrap span {font-size: 14px;}
.safe_ul li {
    width: 48%;
    margin: 10px 1%;
    font-size: 14px;
    border: 1px solid #ddd;
    height: 250px;
    padding: 180px 10px 20px 10px;
}

.ts-prev { left:0%;  width: 40px; height: 40px;font-size: 30px!important; }
.ts-next {right:0%;  width: 40px; height: 40px;font-size: 30px!important;}
 

/*사회공헌*/
.happy_box { padding: 60px 40px 60px 220px;}
 
.container2 label {
  font-size: 16px;
 padding:10px 10px;
  height:auto;
}



ul.img_col2 {  width:100%;}



 }










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

.con_body p {  letter-spacing:-1px; }
.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;}
.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;} 

.hand_wrap_w {overflow-x:scroll;padding:50px 0 20px 0;  }
.hand_wrap_w table{width:600px !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: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}


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;}

/* 찾아오신느 길 */
.map_wrap {padding:20px 10px 10px 10px;}
.map_wrap .ico_map {right:10px; top:20px;  background-image:none;}
.map_wrap .map_title { font-size: 1.5em;}
.map_wrap .map_txt li { font-size: 14px; letter-spacing:-1px;}


.sub_bg01 {background-size:100%;} /*보성키위소개*/
.kiwi_back {padding-top:100px;}


/*개요*/
.flex_wrap { display: block;}

.about_left {width:96%; margin:0 2% 50px 2%; letter-spacing:-1px;}

.about_right {width:100%; margin-right:0%; margin-bottom:20px; height:auto; text-align:center;}
.about_right img {padding-top:0px;  max-width:100%; width:90%; margin:0 0 0 3%;}


.about_left .ap_01 { font-size: 1.6em; text-align:center;}
.about_left .ap_02 { font-size: 1.2em;}
.about_left .ap_03 { font-size: 1.3em;}



/*노래자랑*/
.food_show_left {width:100%; text-align:center; height:auto; padding-left:0px; color:#fff; }
.food_show_right {text-align:center; width:100%; margin-left:0%; height:auto;}
.food_show_right h4 { font-size:2.0em; padding:0px; margin-bottom:20px; font-weight:bold; }
.food_show_right .food_p1 {font-size:1.8em; margin-bottom:15px; }
.food_show_right .food_p2 {  font-size:1.1em; }
.food_show_left img {margin-top:0px;margin-bottom:50px;}


/*이사장 인사말*/
.int2_01 {width:100%; text-align:center;}
.int2_01 img {display:none;}

.int2_p1 {font-size:1.7em; }
.int2_p2 {font-size:1.2em;}


.map_img {padding:20px; max-width:100%;}



/*개인정보 클릭후 뜨는 창*/
#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: 10px 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;}


/*절차안내*/
.step01 li p {font-size:14px;}

.file_box li {padding: 0 0 5px 10px; }


/* 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%;}
.ci_list li { width:100%; margin: 10px 0px;}
.ci_list li img { width:100%;}

/*.swiper-slide img {width:100%;}*/


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

 
.safe_ul {margin: -100px auto 0 auto;width: 100%;}
.safe_ul li { padding: 130px 5px 20px 5px; font-size:13px; letter-spacing:-1px;}

.safe_ul li:nth-child(1) { background-size:80px;}
.safe_ul li:nth-child(2) { background-size:80px;}
.safe_ul li:nth-child(3) { background-size:80px;}
.safe_ul li:nth-child(4) { background-size:80px;}


.safe_wrap {background-position: 70% -10%;}



.ts-prev {line-height:40px;}
.ts-next {line-height:40px;}
 

.Ochart2 h3 { width: 100px; height: 100px; line-height: 100px;}
.Ochart2 {font-size:80%;}
#chart4.Ochart2:before{ content: ""; display:block; background: #ccc; width: 1px; position: absolute;   left: 50%; top:0%; bottom:0px;height:150px;}
.Ochart2 ul.chart li span {width:100px;}
.Ochart2 ul.chart li {padding:30px 0}
.Ochart2 ul.chart.w3 li p  {width:95%;  padding: 5px 0; margin-top:27px;}
.Ochart2 ul.chart.w4 li p  {width:95%;  padding: 5px 0; margin-top:27px;}



/*사회공헌*/
.happy_p01 {font-size:18px;  }
.happy_p02 {font-size:16px; margin-top:15px;}
.happy_h4 {font-size:20px;  margin-top:70px; }
.happy_h4  b {font-size:18px;}

.happy_box {padding:140px 10px 20px 10px; margin:15px auto; }
.happy_box li {font-size:16px;  letter-spacing:-1px; }

.happy_box span { width:75px; }

.icon01 {background:url('/customized/images/sub/happy_icon_01.gif') no-repeat 50% 10% / 100px; }
.icon02 {background:url('/customized/images/sub/happy_icon_02.gif') no-repeat 50% 10% / 100px; }

.container2 label {
width: 48%;
 font-size: 16px;
 padding:10px 10px;
 margin-bottom:10px;
 height:auto;
}

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

.pc_ml20 {margin-left:10px;}

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

}





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




.no_xs{display:none}




}