@charset "utf-8";
/* CSS Document */

/* add style */

/* left*/
#add_service .ui-state-hover a, #add_service .ui-state-hover a:hover, #add_service .ui-state-hover a:link, #add_service .ui-accordion-content li a:hover, #add_service .ui-accordion-content li a:focus { color: #99410b !important; background: #f0f0f0; }
#add_service .left_accordion .ui-state-hover, #add_service .left_accordion .ui-state-focus, #add_service .left_accordion .ui-state-active { border-bottom: 2px solid #99410b !important; }
#add_service .left_accordion .ui-state-hover, #add_service .ui-state-active { color: #99410b !important; }
/* */
ol.list_style li { list-style: decimal !important; margin-left: 25px; }
ol li a:link { color: #005fca !important; }
input:focus, input:hover, select:focus, select:hover { border: 1px solid #99410b; }
.back_gray { background: #f4f4f4 }
.bg_yellow { background: #fcf5e2 }
.bg_org { background: #99410b; color: #fff; border-radius: 4px; margin-right: 10px; }
.bg_green { background: #65FF5E }
.bg_navy { background: #24468A }
.border_right, .border_r { border-right: 1px solid #ddd; }
.border_yellow { border: 1px solid #f4dfa6; }
.border_r1b0 { border-right: 1px solid #ddd !important; border-bottom: none !important; }
.border_left, .border_l { border-left: 1px solid #ddd; }
.btn { padding: 5px 10px; }
.btn_lg { padding: 7px 15px; font-size: 13px !important; }
.btn_apply { background: #ff2d04; color: #fff }
.application_ssl .btn_apply { padding: 3px; font-size: 0 !important; margin-top: 0 }
.application_ssl .btn_apply:after { display: block; font-family: 'FontAwesome'; content: "\f040 "; padding: 0 !important; font-size: 12px; line-height: 12px; } /* .application_ssl .btn_apply 신청하기 버튼 조정 */
.btn_link { background: #99410b; color: #fff; font-size: 12px; }
.contents_box h4 { color: #99410b; }
.color_blue { color: #99410b !important; }
.line_m { text-decoration: line-through; }
.font_25 { font-size: 20px; }
.font_30 { font-size: 24px; }
.font_20 { font-size: 18px; }
.font_x_small { font-size: x-small }
.font_xx_small { font-size: xx-small }
.font_small { font-size: small }
.font_medium { font-size: medium }
.font_large { font-size: large }
.font_x_large { font-size: x-large }
.font_xx_large { font-size: xx-large }
.font_p { font-size: 30px; color: #aaa; padding-right: 5px; }
.width_200 { width: 200px }
.mobile_w100 { width: 100% !important; margin: 0; }
.h_4line { height: 78px; }
.h_3line { height: 59px; }
.h_2line { height: 40px; }
.height_inherit li { height: 50px !important }
.height_400 { height: 400px }
.block_in, .inlineblo { display: inline-block; }
.padding_t10 { padding-top: 10px; }
.padding0 { padding: 0 !important }
.m_t_30 { margin-top: 30px; }
.arrow_right { display: none; }
.arrow_r { float: left; padding-top: 60px; margin: 0 10px; }
.txt_arrows { float: left; padding-top: 15px; margin: 0 10px; }
.th_color { background: #f5f5f5; }
.cursor_pointer { cursor: pointer }
/* */

#add_service span.h3_before { color: #99410b; }
#add_service .form_table { border-top: 1px solid #99410b; width: 100%; }
#add_service .add_title { color: #99410b; }
#add_service .apply_form h4 span input[type=checkbox]:checked + label { color: #99410b; }
#add_service .seach_more:hover { color: #99410b; border: 1px solid #7fafe4; }
#add_service aside .btn_next { background: #99410b; }
.form_table li, .form_table li ul li { padding: 5px 0; }
.table_thead li { padding: 5px 0; }
/*common*/

/*보안서버인증서*/
.step_num_s { font-size: 14px; font-weight: bold; color: #99410b; }
.sec_order dd { text-align: center; }
.sec_order dt { text-align: center; }
.ssl_list { width: 100%; padding: 20px 0; overflow: hidden; }
.ssl_list li { float: left; width: 42.5%; padding: 20px 5px 0 5px; border: 1px solid #ddd; margin: 5px; min-height: 115px; font-size: 12px; text-align: center; vertical-align: middle; }
@media (max-width: 355px) {
.ssl_list li:nth-child(4) { padding-top: 6px; }
}
.renew_info { font-size: 12px; background: #eee; margin: 5px; padding: 5px; border-radius: 5px; }
.ssl_order { float: left; padding: 10px; border: 2px solid #ddd; border-radius: 20px; height: auto; margin: 5px 0; text-align: center; width: 92%; }
.align_mid { height: 50px; }
#tb1_cnt dt, dd { margin: 5px 0; }
#tb1_cnt li.col_4 { display: block; width: 49%; float: left }
#tb1_cnt li.col_4:nth-child(even) dl { border-right: none; }
#tb1_cnt .form_table { border-bottom: 1px solid #ddd; }
#tb1_cnt .form_table ul { margin-bottom: -1px; }
.h2_before { display: block; margin-bottom: -7px !important }
.ssl_tab h2 { width: 80%; margin: 0 10%; }
/*전자결제서비스pg*/
.list_in img { vertical-align: middle; height: 120px; width: auto; }
.list_in { display: table; width: 100% }
.list_in >li { display: table-cell; vertical-align: middle; }
.list_in { border-bottom: 1px solid #ddd; }
.list_ctn { border-top: 1px solid #99410b; }
.list_ctn dl { padding: 10px; border-bottom: 1px solid #ddd; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
.list_ctn dt, .list_ctn dd { width: 100%; }
.list_ctn dt { text-align: center; }
.q_a_list { border-top: 1px solid #99410b; }
.q_a_list li { position: relative; padding: 10px 10px 10px 40px; border-bottom: 1px solid #ddd; line-height: 150%; }
.q_a_list li:nth-child(odd) { background: #eee; }
.q_txt { position: absolute; top: 7px; left: 7px; color: #fff; background: #99410b; padding: 3px 7px; border-radius: 5px; }
.a_txt { color: #fff; background: #ff9906; }
.pg_num { float: left; width: 35%; padding: 5px; text-align: center; height: 150px; margin: 10px 0; border: 3px solid #ddd; }
.pg_num dt { margin: 10px 0; }
.pg_num_r { background: #d34747; color: #fff; padding: 0 10px; display: inline-block; font-size: 12px; border-radius: 5px; }
.pg_num_g { background: #54b631; color: #fff; padding: 0 10px; display: inline-block; font-size: 12px; border-radius: 5px; }
.pay_tit { height: 60px; border-bottom: 1px solid #99410b; padding: 0 20px; width: auto; }
.pay_tit span { vertical-align: super; }
.inside { display: block; padding-left: 5px; }
.pg_table li { float: left; border-bottom: 1px solid #ddd; }
.pg_ex { width: auto; padding: 10px; margin: 10px 0; background: #f5f5f5; border-radius: 10px; }
.pg_open_btn { border: none; background: #fff; border-bottom: 2px solid #99410b; padding: 10px; }
.details { display: none }
.pg_th .pg_table li { color: #99410b; border-right: 1px solid #ddd !important; }
 @media only screen and (min-width:600px) and (max-width:768px) {
.pg_num { width: 25%; }
.list_ctn dt { width: 16.66666667%; }
.list_ctn dd { width: 83.33333333%; }
}
/*본인인증*/
#add_cert img { width: 100%; height: auto; }
#add_cert .form_table .btn_lg { padding: 5px !important; font-size: 12px !important; }
.process { width: 100%; margin: 0 0 10px 0; }
.process li { display: block; padding: 0; width: 100%; height: auto; margin: 0 5px; font-size: 13px; vertical-align: top; }
.process li:last-child:after { content: ''; }
.process span { color: #999; }
.cert_pay { width: 100%; }
.cert_pay p.col_2 { width: 20%; padding-left: 5px; padding-right: 5px; font-size: 13px; }
.cert_pay p.col_9 { width: 70%; }
.sel_config { width: 100%; height: auto; margin: 0; box-shadow: 0 0 5px #999; overflow: hidden; background: none; }
.sel_config li { display: block; padding: 20px; float: left; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); height: auto; vertical-align: middle; font-size: 13px; }
.sel_config li:nth-child(1) { background: url(../../img/add_service/certify_21.png) left 5% no-repeat; background-size: 190%; }
.sel_config li:nth-child(2) { background: url(../../img/add_service/certify_21.png) 105% 10% no-repeat; background-size: 200%; border-bottom: 1px solid #ddd }
.sel_config li:nth-child(3) { background: url(../../img/add_service/certify_21.png) left 90% no-repeat; background-size: 190%; }
.sel_config li:nth-child(4) { background: url(../../img/add_service/certify_21.png) 107% 95% no-repeat; background-size: 190%; }
.sel_txt_1 { font-size: 16px; line-height: 130%; }
.sel_txt_2 { margin-top: 40px; }
.sel_config li:nth-child(2) .sel_txt_2 { margin-top: 10px; }
 @media (max-width: 359px) {
.sel_config li:nth-child(1) { background: url(../../img/add_service/certify_21.png) left top no-repeat; background-size: 190%; }
.sel_config li:nth-child(2) { background: url(../../img/add_service/certify_21.png) 103% 23px no-repeat; background-size: 200%; border-bottom: 1px solid #ddd }
.sel_config li:nth-child(3) { background: url(../../img/add_service/certify_21.png) left 100% no-repeat; background-size: 190%; }
.sel_config li:nth-child(4) { background: url(../../img/add_service/certify_21.png) 107% 100% no-repeat; background-size: 190%; }
}
.certify_info { background: #f5f5f5; border-radius: 10px; width: 82%; margin: 0 5%; padding: 3px 4%; font-size: 14px; }
.certify_more { float: right; margin-right: 5px; color: #fff; font-size: 10px; }
.apply_process { width: 100%; margin: 50px auto; text-align: center; }
.apply_process li { display: inline-block; margin: 0 20px 20px 0; padding: 10px; width: 100px; height: 100px; text-align: center; vertical-align: middle; border: 2px solid #ddd; border-radius: 50%; font-size: 14px; color: #99410b }
.apply_process p.color_blue { color: #99410b !important; }
.apply_process li i { vertical-align: middle; text-align: center; display: block; margin: 5px 0; }
.apply_process li:nth-child(1):before { content: '1'; }
.apply_process li:nth-child(2):before { content: '2'; }
.apply_process li:nth-child(3):before { content: '3'; }
.apply_process li:nth-child(4):before { content: '4'; }
.apply_process li:before { font-size: 12px; padding: 2px 7px; margin-top: 0px; margin-left: -85px; color: #ccc; display: inline-block; background: #99410b; border-radius: 50%; color: #fff }
.sec_cert_w { width: 100%; padding-bottom: 20px; overflow: hidden; }
.sec_cert_w .arrow_r { line-height: 80px; vertical-align: middle; padding: 0; }
.sec_cert { float: left; width: 100px; padding: 0 8px; border: 2px solid #ddd; border-radius: 10px; display: table; margin-bottom: 10px; }
.sec_cert li { text-align: center; vertical-align: middle; display: table-cell; font-size: 13px; font-weight: 600; height: 80px; color: #99410b }
.sec_cert_block { display: inline-block; float: left; width: 30% !important; background: #99410b; border-radius: 5px; line-height: 25px; height: 25px !important; margin-bottom: 0px; margin-right: 5px !important; color: #fff !important; font-weight: normal !important; }
#add_cert .bg_yellow { width: 93%; }
#add_cert .bg_yellow li { width: 98%; display: block; padding: 0; }
#add_cert .bg_yellow li p { margin: 0; }
#add_cert .bg_yellow li img { width: auto; height: 100%; }
.bg_sec_cert { float: left; width: 90%; padding: 0; border: none; border-radius: 5px; display: table; background: #99410b; margin-bottom: 10px; }
.bg_sec_cert li { text-align: center; vertical-align: middle; display: table-cell; font-size: 14px; font-weight: normal; padding: 0; color: #fff; margin: 0; }
.certify_img { width: 100% !important; }
.certify_img img { margin-top: 20px; }
.cert_pop { width: 100%; }
.cert_pop li { border-bottom: none !important; padding: 0 2px !important; margin: 0; width: 48.5%; height: auto; border: none !important; }
#lightbox { position: absolute; margin-top: 50%; left: 50%; margin-left: -50%; z-index: 999; display: none; border: 1px solid black; background: rgba(0,0,0,0.5); }
#lightbox img { width: 100%; height: auto; }
.mobile_table li { min-width: 70px; }
.mobile_table li.col_5 { min-width: 210px; }
.mobile_table li.col_3 { min-width: 140px; }
.mobile_table .table_thead li { padding-right: 2px; padding-left: 2px }
 @media only screen and (min-width:600px) and (max-width:768px) {
#add_cert img { width: 100%; height: auto; }
.process li { display: inline-block; padding: 0; width: 49%; height: auto; margin: 0; font-size: 13px; vertical-align: top; }
.certify_info { background: #f5f5f5; border-radius: 10px;  padding: 3px 4%; font-size: 14px; }
.certify_img img { width: 50% !important; }
.certify_img { text-align: center; }
}
/* 바이러스 백신 */
.avast_info { margin-bottom: 50px; overflow: hidden; }
.avast_info h4 { height: 40px; margin: 20px 0 10px 0; color: #99410b; }
.avast_info p { font-size: 14px; width: 90%; margin: 0 5%; }
.avast_rent { overflow: auto; }
.avast_rent li { padding: 5px 0; text-align: center; width: auto; min-width: 80px; }
.avast_rent li.col_3 { min-width: 150px; }
.avast_list h4 { font-size: 16px; }
.avast_list { margin-bottom: 20px; width: 100%; }
.avast_list dl { padding: 10px 0 20px 0; border-bottom: 1px dotted #ddd; float: left; }
.avast_list dt { text-align: center; }
.avast_list img { padding-top: 10px; }
.avast_list p span { display: block; text-align: center; width: 100%; margin-top: 7px; }
.avast_list p.font_point { text-align: center; }
.avast_list p.mobile_w100 { text-align: center; }
@media (max-width: 359px) {
.avast_list p.mobile_w100 .btn_grey { margin: 0 20% 5px 20%; }
}
.avast_list dd ul { margin-left: 130px; margin-top: -40px; }
.avast_list dd li { padding-bottom: 3px; }
.avast_detail { float: left; width: 100%; top: 0; -webkit-animation: slideOutUp 1s ease none 1 normal; animation: slideOutUp 1s ease none 1 normal; }
.avast_detail p { margin-bottom: 10px; }
.avast_detail ul { width: 100%; }
.avast_detail li { padding: 10px; border-right: 1px solid #ddd; width: 49%; font-size: 12px; }
.avast_detail li:last-child, .table_thead li { border-right: none; }
.table_thead li { text-align: center; }
.table_ctn li > p:nth-child(2) { line-height: 120%; }
.avast_free { padding: 20px 0; border: 2px solid #99410b; width: 100%; }
.avast_free ul { margin-left: 10px; font-size: 13px; }
.avast_c { width: 100%; }
.avast_c dl { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
.avast_c dt { padding: 0; }
.avast_c dd { width: 70%; float: right; margin: 0; }
.avast_c .font_point { margin: 3px 0; line-height: 100% }
.avast_pc .mobile_w100 li { display: block; width: 45% !important; padding: 5px 2%; float: left; min-height: 80px; }
.avast_pc .mobile_w100 li:nth-child(even) { border-right: none; }
.avast_pc { overflow: auto; }
.avast_pc ul { width: 100%; }
.avast_pc li { min-width: 70px; text-align: center; border-right: 1px solid #ddd; }
.avast_pc .table_thead li:first-child { min-width: 130px; }
.avast_pc .table_thead li { border-right: none; padding-right: 1px; }
.avast_pc ul.table_thead > li.align_l { padding-left: 20px !important; color: #000; min-width: 394px; }
.avast_pc .table_ctn li:first-child { min-width: 130px; }
.avast_pc .table_ctn li:last-child { border-right: none; }
.avast_pc i { color: #99410b; }
/* tab */
.tab_view .tabs_ctn { margin-top: 0; }
.tab_area { padding-bottom: 50px; margin-bottom: 50px; }
.tab_view .tabs_ctn .ui-widget-header .ui-state-default:hover a { color: #99410b !important; }
#add_service .tab_view .ui-state-active a, #add_service .tab_view .ui-state-active a:link, #add_service .tab_view .ui-state-active a:visited, #add_service .tab_view .ui-state-hover { color: #fff !important; border: 1px solid #99410b; background: #99410b; }
.tab_view .ui-tabs .ui-tabs-panel { border-top: 1px solid #99410b; }
.tabs_ctn h3:before { color: #99410b; }
.tabs_ctn .inherit li:first-child { color: #99410b; }
.tab_view .ui-widget button { font-size: 11px; }
.ani_none { animation: none; }
 @keyframes slideOutUp { from {
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes slideOutDown { from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
}
/*정보보안서비스*/
/*관제서비스*/
h4.btn_blue span { display: block; }
.renew_ctn { margin-top: 10px; overflow: hidden; }
.renew_wrap { width: 23.5%; margin: 5px; min-height: 200px; border: 1px solid #ccc; float: left; border-radius: 10px; }
.renew_wrap span { color: #0e736e; }
.renew_wrap h5 { text-align: center; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #99410b; padding: 12px 0; font-weight: 400; }
.renew_wrap ul { padding: 15px; font-size: 12px; }
div.m_t_30 dl { width: 100%; }
div.m_t_30 .border_l { border-left: none; }
.renew2_wrap { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); height: auto; border: 1px solid #ccc; float: left; border-radius: 10px; margin: 5px 10px; }
.renew2_tit { text-align: center; border-radius: 10px 10px 0 0; background: #f5f5f5; padding: 5px 0; }
.renew2_wrap li { font-size: 12px }
/*통합보안*/
.it_contents_ul { overflow: hidden; }
.it_contents_ul ul { margin: 5px 0; }
.it_ctn_ul { margin: 10px 0; overflow: hidden; border: 1px solid #ddd; border-radius: 5px; }
.it_ctn_ul li { float: left; width: auto; padding: 10px 0; height: 100%; }
.it_ctn_ul li:nth-child(1) { width: 100%; text-align: center; background: #f4f4f4; font-weight: bold; }
.it_ctn_ul li:nth-child(2) { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); padding-left: 10px; padding-right: 10px; font-size: 13px }
/*PC보안*/
.col_22, .col_32 { width: -webkit-calc(100% - 10px); width: calc(100% - 10px); }
.security_box { margin: 5px; min-height: 100%; float: left; border: 1px solid #bbb; border-radius: 5px; }
.security_box dt { text-align: center; background: #f4f4f4; font-weight: bold; padding: 5px 10px; color: #034f84; border-radius: 5px 5px 0 0; }
.security_box i.fa-2x { font-size: 20px; }
.security_box dd { padding: 3px 10px; font-weight: bold; font-size: 13px }
.security_list { font-weight: 400; }
.security_tit { padding-left: 6px; vertical-align: top; }
.a_s_box_tit { background: #99410b !important; color: #fff !important; font-weight: 400 !important; }
@media only screen and (min-width:600px) and (max-width:768px) {
.col_32 { width: 45%; }
}
/* 보안관제 서비스 */
/* 보안관제 */
.sec_table { overflow: auto; width: auto }
.sec_table li.col_2 { min-width: 100px !important; word-break: keep-all; }
.sec_table li.col_3 { min-width: 180px !important; }
.sec_table li.col_4 { min-width: 200px !important; }
.sec_table li, .sec_table li.col_1 { min-width: 50px !important; text-align: center }
.sec_table .table_thead li { padding-right: 2px; }
.sec_table li ul { margin: 0 !important; padding: 0 !important }
.sec_table > ul > li > ul .block { height: auto; }
.sec_table2 .btn_apply { font-size: 11px; }
/* 서비스절차 */
.sec_oder_w { width: 100%; padding-bottom: 0; overflow: hidden; }
ul.mobile_w100 .col_4 .btn_apply { margin-top: 10px; }
.sec_order { float: left; width: 35%; padding: 10px 5px; border: 2px solid #ddd; border-radius: 20px; height: 100px; margin-bottom: 10px; }
.sec_order li { text-align: center; }
.sec_order li:nth-child(1) { padding-top: 45px; }
.sec_order_1 { background: url(../../img/add_service/sec_img01.jpg) no-repeat 55px 15px; }
.sec_order_2 { background: url(../../img/add_service/sec_img02.jpg) no-repeat 55px 15px; }
.sec_order_3 { background: url(../../img/add_service/sec_img03.jpg) no-repeat 55px 15px; }
.sec_order_4 { background: url(../../img/add_service/sec_img04.jpg) no-repeat 55px 15px; }
.step_num { font-size: 16px; color: #99410b; font-weight: 600; }
.sec_list { clear: both; }
.sec_list li { padding: 5px 0; }
.step_ps { display: block; font-size: 12px; color: #888; padding-left: 15px; margin-left: 15px; border-left: 1px solid #ddd; }
.ss_imgW { width: auto; border: 1px solid #ddd; padding: 20px 0; }
.ss_imgW img { width: 100%; height: auto; margin: 0 auto; display: block; }
.ss_tit { font-size: 18px; font-family: Nanum_BG; color: #99410b !important; margin-bottom: 10px; }
.padding_b20 { padding-bottom: 20px; }
.ss_padding { padding: 20px 0; }
 @media only screen and (min-width:600px) and (max-width:768px) {
.sec_order { width: 139px; }
}
/* 백업 복원 */
.back_tab img { margin: 0 }
.back_tab div.col_6, .back_tab div.col_5, li.col_8 { width: 100%; float: left; }
.back_tab div.col_6 { margin-bottom: 20px; }
.back_tab button { margin-top: 20px; }
.cdp03 { width: 90%; margin: 5px 0; margin-left: 10%; }
.back_tab .form_table li { text-align: center; width: 215px; }
.cdp_table .table_th { width: 252px; padding-left: 20px; }
.cdp_table .table_thead { color: #99410b; }
/* 소프트웨어 구매/임대 */
.sw_img { margin: 30px 0; }
.sw_table .form_table { float: left !important; width: 100% !important; }
.sw_table .form_table ul, .sw_rent .form_table ul { width: 100%; }
.sw_table .form_table li { min-width: 80px; }
.sw_table img, .sw_rent img { padding: 30px; width: 150px; height: 150px; }
.sw_table .table_ctn li:first-child { padding-left: 0; }
.sw_table .mobile_w100 .btn_apply { margin-bottom: 20px; }
.sw_table .color_org { text-align: right; padding-right: 15px }
.sw_rent .form_table { float: left !important; width: 100% !important; }
.sw_rent li { min-width: 50px; text-align: center; }
.sw_rent li:nth-child(even) { width: auto; text-align: center; }
.sw_rent .table_thead li:first-child { min-width: 150px; padding-left: 5px; }
.sw_rent .table_ctn li:first-child { min-width: 150px; padding-left: 5px; text-align: left; }
.sw_rent .table_thead li:last-child { min-width: 70px; padding-left: 5px; }
.sw_rent .table_ctn li:last-child { min-width: 70px; text-align: right; padding-right: 5px; }
/* 웹DNS */
.dns_table { width: 100%; }
.dns_table li, .dns_table .table_th { /*width: -webkit-calc(100% / 3) !important; width: calc(100% / 3) !important;*/ float: left; text-align: center; padding: 5px 0 !important }
.table_thead li { color: #99410b; }
/* 홈페이지-제작절차 */
.process_box { overflow: hidden; padding: 20px 0; margin: 10px 0; border-bottom: 2px dotted #ddd; }
.img_wrap { float: left; width: 100%; text-align: center }
.txt_wrap { float: left; width: 100%; margin-top: 10px; }
.txt_wrap dt { font-size: 18px; color: #99410b; margin: 0 0 10px 0; font-family: RobotoCon; }
.process_num { background: #99410b; color: #fff; padding: 2px 7px; border-radius: 5px; margin-right: 10px; font-weight: bold; font-size: 14px; vertical-align: text-bottom }
/* 홈페이지-포트폴리오 */
.list_box { width: 98%; min-width: 288px; height: auto; float: left; border: 1px solid #bbb; margin: 5px 0; cursor: pointer; overflow: hidden; }
.list_box:hover { outline: 2px solid #99410b; }
.list_txt { color: #333333; line-height: 150%; padding: 10px; border-bottom: solid 1px #bfbfbf; background: #eeeeee; position: relative; z-index: 100; }
.list_txt span { font-size: 12px; display: block; }
.list_img { width: 100%; }
.list_img img { width: 100%; height: auto; }
.list_hover { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.go_link { position: relative; width: 100%; height: 100%; }
/* 홈페이지-온라인견적 */
.onlin .table_th { width: 75px; background: #f5f5f5; padding: 5px !important; text-align: center; }
.onlin .table_td { width: auto !important; padding: 5px !important; word-wrap: break-word; }
input[type="file"] { border: none; padding: 6px 0; width: 90% }
.onlin textarea { width: 90%; height: 60px; }
.rule_box { clear: both; border: 1px solid #ddd; width: 95%; padding: 2%; height: 200px; overflow: scroll; font-size: 12px; margin-top: 20px; }
.colspan .table_td { width: calc(100% - 86px) !important; }
.apply_form .table_th { width: 55px; }

/*0327*/
.strong_denf{padding:0px 0px 30px 0px !important}
.strong_denf .certify_img{text-align:center}
.strong_denf .certify_img img{max-width:300px}


/*0329*/
.minw_th1 { min-width:64px; }
.minw_td1 { min-width:56px; }
.minw_td2 { min-width:47px !important; }
.minw_td3 { min-width:40px !important; }

.sw_table .form_table_second { float: left !important; width: 100% !important; }
.sw_table .form_table_second ul, .sw_rent .form_table_second ul { width: 100%; }
.sw_table .form_table_second li { min-width: 80px; }

.sw_table .form_table_second .color_org { text-align: right; padding-right:0px }

/*0330*/
#sec_ul_table .s_forty_td button:after{display: block;font-family: 'FontAwesome';content: "\f040 "; padding: 0 !important; font-size: 12px;line-height: 12px;}
#sec_ul_table .s_forty_td button{padding: 3px;font-size: 0; margin-top: 0;}
#sec_ul_table ul.li_line p{min-width:28px}
#sec_ul_table .s_forty_td{min-width:38px}
#sec_ul_table .s_second li{min-width:52px;white-space:nowrap}
#sec_ul_table{font-size:12px}
#add_service .btn_lg{font-size:12px}
 @media (max-width: 359px) {
ul.li_line li{min-height:61px;}
}

/*170420*/
#tb1_cnt li.col_4 {width: 50%;}
#tb1_cnt li.col_4:nth-child(even) dl{border-right:none !important}

.ssl-table td .sslimg {max-width:50px;max-height:15px}