@charset "utf-8";

/* 상단 비주얼 */
.subtop_visual01{background:#40424d url(../img/product/img_subtop_product01.jpg) no-repeat 50%;}
.subtop_visual05{background:#40424d url(../img/product/img_subtop_product05.jpg) no-repeat 50%;}
/* 210720 도입사례 상단 비주얼 추가 */
.subtop_visual_case{background:#40424d url(../img/product/img_subtop_case01.jpg) no-repeat center bottom/cover;}

/* 공통 */
.sub_videoplay_area{width:902px;height:auto;margin:60px auto 120px; display: none; }
.sub_videoplay_area video{width:900px;height:auto;border:1px solid #e0e0e0;}

.con_about_function{width:1000px;margin:0 auto;}
.con_about_function h2{color:#003767;}
.con_about_function h2:lang(en){letter-spacing: -1px;}
.con_about_function .text24 {font-size:24px;line-height:140%;text-align:center;}
.con_about_function .img_area{padding-top:60px;text-align:center;}

.bg_eee {background:#eee;}
.bg_f1f1f1 {background:#f1f1f1;}

/* 오피스키퍼란? */
.view_video{position:absolute;}

.con_about_test{width:1000px;margin:0 auto;}
.con_about_test .img_area{text-align:center; margin-top: 50px;}
.con_about_test h2{text-align:center;font-size:45px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#003767;}
.con_about_test .text{padding-top:50px;font-size:31px;line-height:31px;color:#333;text-align:center; font-weight: 500;}
.con_about_test .text .highlight{font-weight:500;color:#333;}

.con_about_officekeeper{width:1000px;margin:0 auto;}
.con_about_officekeeper .img_area{text-align:center;}
.con_about_officekeeper h2{text-align:center;font-size:45px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#003767;}
.con_about_officekeeper .text{padding-top:40px;padding-bottom:50px;font-size:20px;line-height:28px;color:#333;text-align:center;}
.con_about_officekeeper .text02{font-size:18px;line-height:26px;color:#333;text-align:center;}
.con_about_officekeeper .text .highlight{font-weight:500;color:#0059a6;}

.con_function{width:1000px;margin:0 auto;position:relative;}
.con_function h2{color:#003767;}
.con_function h2 :lang(en){letter-spacing:-1px;}

.con_function .function_view{margin-top:90px;height:370px;position:relative;}
.con_function .function_view .view_left{padding-left:20px;}
.con_function .function_view .view_left span{vertical-align:middle;}
.con_function .function_view .view_left span.text01{position:relative;display:inline-block;font-size:17px;line-height:17px;font-weight:500;padding:8px 12px;background:#003767;color:#fff;}
.con_function .function_view .view_left span.text01:after{content:"";position:absolute;top:0;right:-32px;display:block;border-top:16px solid transparent;border-right:16px solid transparent;border-left:16px solid #003767;border-bottom:16px solid transparent;}
.con_function .function_view .view_left span.text02{color:#003767;font-weight:500;padding-left:25px;}
.con_function .function_view .view_left span.text02:lang(ko){font-size:35px;line-height:35px;letter-spacing:-2px;}
.con_function .function_view .view_left span.text02:lang(en){font-size:30px;line-height:30px;letter-spacing:-1px;}

.con_function .function_view .view_left .function_text_area{padding-top:40px;}
.con_function .function_view .view_left .function_text_area:lang(ko){font-size:18px;line-height:26px;letter-spacing:-1px;}
.con_function .function_view .view_left .function_text_area:lang(en){font-size:16px;line-height:26px;}
.con_function .function_view .view_left .btn_area{margin-top:35px;}
.con_function .function_view .view_left .btn_area .btn_more{min-width:130px;}
.con_function .function_view .view_left .btn_area .btn_more:lang(en){min-width:100px;}
.con_function .function_view .view_left .btn_area .btn_more span.text{font-size:16px;line-height:16px;}
.con_function .view_right{position:absolute;top:-40px;right:20px;}

.con_function ul.function_menu{margin-top:20px;}
.con_function ul.function_menu:after{content:"";display:block;clear:both;}
.con_function ul.function_menu li{width:14.2%;float:left;text-align:center;}
.con_function ul.function_menu li a{position:relative;display:block;height:120px;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
.con_function ul.function_menu li + li + li + li + li + li + li{border-right:1px solid #d0d0d0;}
.con_function ul.function_menu li a span.img{display:block;height:84px;}

.con_function ul.function_menu li a.on{background:#003767;}
.con_function ul.function_menu li a.on span.img{background:url(../img/product/icon_product_functionlist_on.png) no-repeat;}
.con_function ul.function_menu li a.on:after{content:"";position:absolute;top:-44px;display:block;border-bottom:22px solid #003767;border-left:72px solid transparent;border-right:72px solid transparent;border-top:22px solid transparent;}
.con_function ul.function_menu li a.on span.text{display:inline-block;font-size:14px;line-height:14px;color:#fff;}
.con_function ul.function_menu li a.off:hover{background:#f6f6f6;}

.con_function ul.function_menu li a.off span.img{background:url(../img/product/icon_product_functionlist_off.png) no-repeat;margin-top:10px;}
.con_function ul.function_menu li a.off span.text{display:none;}

.con_function ul.function_menu li.list01 a span.img{background-position:20px -5px;}
.con_function ul.function_menu li.list02 a span.img{background-position:20px -106px;}
.con_function ul.function_menu li.list03 a span.img{background-position:20px -202px;}
.con_function ul.function_menu li.list04 a span.img{background-position:20px -301px;}
.con_function ul.function_menu li.list05 a span.img{background-position:20px -401px;}
.con_function ul.function_menu li.list06 a span.img{background-position:20px -505px;}
.con_function ul.function_menu li.list07 a span.img{background-position:20px -605px;}

.addtional_service{padding-top:120px;}
.addtional_service ul:after{content:"";display:block;clear:both;}
.addtional_service ul li{text-align:center;}
.addtional_service ul li:lang(ko){ float:left;width:50%;}
.addtional_service ul li:lang(en){ margin:0 auto; width:100%;}
.addtional_service ul li .img_area{display:inline-block;margin-top:35px;width:100px;height:100px;background:url(../img/product/icon_product_functionlist_off.png) no-repeat;}
.addtional_service ul li.service01 .img_area{background-position:0 -700px;}
.addtional_service ul li.service02 .img_area{background-position:0 -800px;}
.addtional_service ul li .title_area{font-size:28px;line-height:30px;color:#333;font-weight:500;}
.addtional_service ul li .sub_text{font-size:16px;line-height:24px;color:#666;padding-top:14px;}

.addtional_service ul li .btn_area{padding-top:20px;}
.addtional_service ul li .btn_area .btn_more span.text{font-size:16px;line-height:16px;}

.con_introduce{width:1000px;margin:0 auto; }
.con_introduce h2{color:#003767;}
.con_introduce p.text{padding:40px 0 60px 0;font-size:20px;line-height:28px;color:#333;text-align:center;}
.con_introduce span.highlight{color:#0059a6 !important;font-weight:500;}
.con_introduce img.about02{background:#e6e7e9;border-radius:4px;}
.con_purchase_before{background:#eeeeee;}

ul.introduce_list_re{padding-top:70px; width: 1000px; margin: 0 auto;}
ul.introduce_list_re:after{content:"";display:block;clear:both;}
ul.introduce_list_re li{float:left;width:330px;text-align:center;}
ul.introduce_list_re li .title{text-align:center;font-size:45px;line-height:22px;margin-top:22px;color:#003767;font-weight:600;letter-spacing: -1.5px;}
ul.introduce_list_re li .text_top{text-align:center;font-size:25px;line-height:28px;color:#333;}
ul.introduce_list_re li .text_btm{text-align:center;font-size:15px;line-height:20px;margin-top:26px;color:#333;}

.con_introduce .features_box{padding-top:90px;}
.con_introduce .features_box:after{content:"";display:block;clear:both;}
.con_introduce .features_box {width:660px;text-align:left;margin:0 auto;}
.con_introduce .features_box .img_box{float: left; width:120px;}
.con_introduce .features_box .img_box .introduce_list li{display:inline-block;width:90px;height:80px;background-image:url(../img/main/icon_main_introducelist.png);background-repeat:no-repeat;}
.con_introduce .features_box .text_box{float: left;width:520px; padding-left: 20px;}
.con_introduce .features_box .text_box .title{display:inline-block;width:520px;font-size:23px;line-height:20px;color:#333;font-weight:500;}
.con_introduce .features_box .text_box .text{display:inline-block;width:520px;font-size:17px;line-height:22px;margin-top:14px;color:#333; letter-spacing: -1px;}

.con_introduce .features_box .img_box .introduce_list .list01 {background-position:0 0;}
.con_introduce .features_box .img_box .introduce_list .list02 {background-position:0 -80px;}
.con_introduce .features_box .img_box .introduce_list .list03 {background-position:0 -160px;}
.con_introduce .features_box .img_box .introduce_list .list04 {background-position:0 -240px;}
.con_introduce .features_box .img_box .introduce_list .list05 {background-position:0 -320px;}
.con_introduce .features_box .img_box .introduce_list .list06 {background-position:0 -400px;}
.con_introduce .features_box .img_box .introduce_list .list07 {background-position:0 -486px;}


/* 주요기능 */
.function_title{padding-top:75px;}
.function_title h3{text-align:center;padding-bottom:30px;}
.function_title h3 span{vertical-align:middle;}
.function_title h3 span.text01{position:relative;display:inline-block;font-size:16px;line-height:16px;font-weight:500;padding:8px 12px;background:#003767;color:#fff;}
.function_title h3 span.text01:after{content:"";position:absolute;top:0;right:-32px;display:block;border-top:16px solid transparent;border-right:16px solid transparent;border-left:16px solid #003767;border-bottom:16px solid transparent;}
.function_title h3 span.text02{font-size:35px;line-height:35px;color:#333;font-weight:400;padding-left:20px;}
.function_title h3 span.text02:lang(ko){letter-spacing:-2px;}
.function_title h3 span.text02:lang(en){letter-spacing:-1px;}

.function_title .sub_text{font-size:18px;line-height:26px;text-align:center;}

.con_functionlist{width:1000px;margin:0 auto;}
.con_functionlist .function_wrapper{padding-top:20px;}/* */
.con_functionlist ul{padding:40px 0; margin: -40px -20px;}
/* .con_functionlist ul:after{content:"";display:block;clear:both;} */
.con_functionlist ul > li{display:inline-block; text-align:center;width:33.3333%; padding: 40px 20px; box-sizing: border-box; margin-right: -4.5px; vertical-align: top;}
.con_functionlist ul.list_two{width:80%;margin:0 auto;}
.con_functionlist ul.list_two > li{width:50%;}
/* .con_functionlist ul.list_two > li.mg_b70 {margin-bottom:80px;} */

.con_functionlist ul.list_four > li{width:25%;}
.con_functionlist ul > li > ol.list_area{display:inline-block;padding-top:12px;text-align:left;}
.con_functionlist ul > li > ol.list_area > li{font-size:15px;line-height:22px;text-align:left;color:#333;padding-left:8px;background:url(../img/common/icon_bullet_blue03.png) no-repeat 0 9px;}
.con_functionlist ul li .btn_area{padding-top:20px; padding-bottom: 10px;}

.con_functionlist ul > li .img_area{display:inline-block;width:120px;height:80px;}
.con_functionlist > h2{color:#003767; padding-bottom: 40px;}
.con_functionlist > h2:lang(en){ letter-spacing: -1px;}
.con_functionlist > h2 .w_box{position:relative;display:inline-block;padding:20px;background:#fff;top:75px;}
.con_functionlist .box{margin-bottom:-20px; background-color: #fff; width:170px;position:relative;}
.con_functionlist .line{border:dashed 2px #003767;border-radius:10px;padding:50px 0 40px;}
.con_functionlist ul.function01 > li .img_area{background:url(../img/product/icon_product_function01.png) no-repeat;}
.con_functionlist ul.function02 > li .img_area{background:url(../img/product/icon_product_function02.png) no-repeat;}
.con_functionlist ul.function03 > li .img_area{background:url(../img/product/icon_product_function03.png) no-repeat;}
.con_functionlist ul.function04 > li .img_area{background:url(../img/product/icon_product_function04.png) no-repeat;}
.con_functionlist ul.function05 > li .img_area{background:url(../img/product/icon_product_function05.png) no-repeat;}
.con_functionlist ul.function06 > li .img_area{background:url(../img/product/icon_product_function06.png) no-repeat;}
.con_functionlist ul.function07 > li .img_area{background:url(../img/product/icon_product_function07.png) no-repeat;}
.con_functionlist ul.function08 > li .img_area{background:url(../img/product/icon_product_function08.png) no-repeat;}
.con_functionlist ul.function09 > li .img_area{background:url(../img/product/icon_product_function09.png) no-repeat;}
.con_functionlist ul.function10 > li .img_area{background:url(../img/product/icon_product_function10.png) no-repeat;}

/*오피스키퍼란쪽 주요기능 */

.con_functionlist ul > li .title_text{font-size:21px;line-height:22px;padding-top:12px;color:#333; font-weight: 500;}
.con_functionlist ul > li .text{padding-top:12px;font-size:15px;line-height:22px;color:#333;}
.con_functionlist ul > li .caution_text{padding-top:14px;font-size:13px;line-height:17px;color:#333;}
.con_functionlist ul > li.list01 .img_area{background-position:0 0;}
.con_functionlist ul > li.list02 .img_area{background-position:0 -80px;}
.con_functionlist ul > li.list03 .img_area{background-position:0 -160px;}
.con_functionlist ul > li.list04 .img_area{background-position:0 -240px;}
.con_functionlist ul > li.list05 .img_area{background-position:0 -320px;}
.con_functionlist ul > li.list06 .img_area{background-position:0 -400px;}
.con_functionlist ul > li.list07 .img_area{background-position:0 -480px;}
.con_functionlist ul > li.list08 .img_area{background-position:0 -560px;}
.con_functionlist ul > li.list09 .img_area{background-position:0 -640px;}
.con_functionlist ul > li.list10 .img_area{background-position:0 -720px;}
.con_functionlist ul > li.list11 .img_area{background-position:0 -800px;}
.con_functionlist ul > li.list12 .img_area{background-position:0 -880px;}/* */

/* 부가서비스 */
.con_about_pricespec{width:1000px;margin:0 auto;}
.con_about_pricespec h2{color:#003767;}
.con_about_pricespec .inner_con{padding-top:80px;}
.con_about_pricespec .inner_con:after{content:"";display:block;clear:both;}
.con_about_pricespec .inner_con .img_area{float:left;padding-top:40px;}
.con_about_pricespec .inner_con .spec_table{float:right;}
.con_about_pricespec .inner_con .spec_table table{width:570px;}
.con_about_pricespec .inner_con .spec_table table th{padding:16px;}
.con_about_pricespec .inner_con .spec_table table td{padding:16px;}
.con_about_pricespec .inner_con .spec_table .caution_text{font-size:14px;line-height:19px;padding-top:12px;}



/*bak_도입사례 - list */
.con_case_area{width:1000px;margin:0 auto;}
.con_case_area h2{color:#003767;}
.con_case_area .list_area{padding:80px 0 60px;}
.con_case_area .list_area > ul{width:100%;padding:5px 0;}
.con_case_area .list_area > ul:after{content:"";display:block;clear:both;}
.con_case_area .list_area > ul > li{float:left;display:table;width:323px;margin:0 5px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.con_case_area .list_area > ul > li > a{position:relative;display:table-cell;height:248px;text-align:center;}
.con_case_area .list_area > ul > li.list01{background-color:#485670;}
.con_case_area .list_area > ul > li.list02{background-color:#525865;}
.con_case_area .list_area > ul > li.list03{background-color:#515774;}
.con_case_area .list_area > ul > li.list04{background-color:#495876;}
.con_case_area .list_area > ul > li.list05{background-color:#2d3f61;}
.con_case_area .list_area > ul > li.list06{background-color:#364767;}
.con_case_area .list_area > ul > li.list07{background-color:#515774;}
.con_case_area .list_area > ul > li.list08{background-color:#495876;}
.con_case_area .list_area > ul > li.list09{background-color:#485670;}
.con_case_area .list_area > ul > li.list10{background-color:#525865;}
.con_case_area .list_area > ul > li.list11{background-color:#0e2550;}
.con_case_area .list_area > ul > li.list12{background-color:#515774;}
.con_case_area .list_area > ul > li.list13{background-color:#495876;}
.con_case_area .list_area > ul > li.list14{background-color:#485670;}
.con_case_area .list_area > ul > li.list15{background-color:#525865;}
.con_case_area .list_area > ul > li.list16{background-color:#0e2550;}

.con_case_area .list_area > ul > li > a.normal > .bg_img{position:absolute;width:100%;height:248px;opacity:0.15;}
.con_case_area .list_area > ul > li > a.normal > .inner_text01{position:relative;width:100%;font-size:16px;line-height:24px;padding-top:82px;color:#fff;}
.con_case_area .list_area > ul > li > a.normal > .inner_text02{position:relative;width:100%;font-size:16px;line-height:24px;padding-top:12px;color:#fff;}
.con_case_area .list_area > ul > li > a.over{background-color:#4a4a4a;}
.con_case_area .list_area > ul > li > a.over .more_text{padding-top:110px;}
.con_case_area .list_area > ul > li > a.over .more_text span.text{font-size:16px;line-height:24px;padding-top:82px;color:#fff;vertical-align:middle;}
.con_case_area .list_area > ul > li > a.over .more_text span.icon{display:inline-block;width:10px;height:18px;margin-left:20px;vertical-align:middle;background:url(../img/common/icon_btn_go.png) no-repeat;}

.con_about_customer{width:1000px;margin:0 auto;}
.con_about_customer h2{color:#003767;}
.con_about_customer .img_area{padding-top:60px;text-align:center;}


.con_spec_area{width:1000px;margin:10px auto 10px;}
.con_spec_area h2{text-align:center;font-size:45px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#003767;}
.con_spec_area h2:lang(en){letter-spacing:-1px;}
.con_spec_area .img_area{padding:90px 0 50px;text-align:center;}
.con_spec_area .spec_table table th{padding:16px;}
.con_spec_area .spec_table table td{padding:16px;}
.con_spec_area .spec_table .caution_text{font-size:14px;line-height:19px;padding-top:12px;}
.con_spec_area .spec_table{width:850px;margin:0 auto;}
.con_spec_area .spec_table table{width:100%;}
.con_spec_area .spec_table .caution_text{font-size:14px;line-height:19px;padding-top:12px;}

/*bak_도입사례 - view */
.con_case_area .view_title{padding:22px;margin-top:58px;border-top:2px solid #003767;border-bottom:1px solid #e0e0e0;overflow:hidden;max-height:65px;text-overflow:ellipsis;white-space:nowrap;}
.con_case_area .view_title span{vertical-align:middle;}
.con_case_area .view_title span.sub_title{border:1px solid #003767;padding:1px 8px;font-size:14px;line-height:14px;color:#003767;margin-right:14px;}
.con_case_area .view_title span.title_text{font-size:18px;line-height:18px;color:#003767;font-weight:400;}

.view_content_type01{padding:30px;}
.view_content_type02{padding:30px 0;text-align:center;}
.con_case_area .con_customer_feature{padding-bottom:30px;}
.con_case_area .con_customer_feature img{padding:10px 20px;vertical-align:middle;}
.con_case_area .con_customer_feature .text{display:inline-block;font-size:15px;line-height:22px;vertical-align:middle;padding-left:20px;font-weight:300;}

.cf01 .highlight_text{color:#8aa12f;}
.cf02 .highlight_text{color:#214d9d;}
.cf03 .highlight_text{color:#654206;}
.cf04 .highlight_text{color:#3e3e6b;}
.cf05 .highlight_text{color:#f5851d;}

.table_customer_info{width:100%;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.table_customer_info table th{padding:18px 0;width:105px;font-size:15px;line-height:16px;text-align:center;font-weight:500;color:#333;border-left:1px solid #e0e0e0;}
.table_customer_info table td{padding:18px 0;min-width:200px;font-size:15px;line-height:16px;font-weight:400;text-align:center;border-left:1px solid #e0e0e0;}

.cf01 .table_customer_info{border-top:1px solid #8aa12f;}
.cf02 .table_customer_info{border-top:1px solid #214d9d;}
.cf03 .table_customer_info{border-top:1px solid #654206;}
.cf04 .table_customer_info{border-top:1px solid #3e3e6b;}
.cf05 .table_customer_info{border-top:1px solid #f5851d;}

.con_case_area .con_customer_introduce{position:relative;padding:52px 0 0;}
.con_case_area .con_customer_introduce .inner_left .list{padding-bottom:30px;}
.con_case_area .con_customer_introduce .inner_left .list h4{font-size:16px;line-height:16px;color:#333;font-weight:500;padding-bottom:10px;}
.con_case_area .con_customer_introduce .inner_left .list ul li{ display:-webkit-box; font-size:15px;line-height:22px;color:#666;font-weight:400;padding:3px 12px;background:url(../img/common/icon_bullet_gray01.png) no-repeat 1px 13px;}

.con_case_area .con_customer_introduce .inner_right{position:absolute;top:52px;right:0;padding:30px;width:260px;height:270px;text-align:center;}
.con_case_area .con_customer_introduce .inner_right .text01{font-size:14px;line-height:18px;color:#666;padding-top:12px;}
.con_case_area .con_customer_introduce .inner_right .text02{font-size:18px;line-height:24px;padding-top:12px;font-weight:500;}

.cf01 .con_customer_introduce .inner_right{border:2px solid #8aa12f;}
.cf02 .con_customer_introduce .inner_right{border:2px solid #214d9d;}
.cf03 .con_customer_introduce .inner_right{border:2px solid #654206;}
.cf04 .con_customer_introduce .inner_right{border:2px solid #3e3e6b;}
.cf05 .con_customer_introduce .inner_right{border:2px solid #f7851d;}

.con_case_area .inner_sns{text-align:right;padding-bottom:20px;}
.con_case_area .inner_sns ul{display:inline-block;}
.con_case_area .inner_sns ul:after{content:"";display:block;clear:both;}
.con_case_area .inner_sns ul li{float:left;padding-left:8px;}
.con_case_area .inner_sns ul li a{display:block;width:29px;height:29px;background:url(../img/common/btn_list_sns.png) no-repeat;}
.con_case_area .inner_sns ul li.facebook a{background-position:0 -29px;}
.con_case_area .inner_sns ul li.kakao a{background-position:0 -58px;}
.con_case_area .inner_sns ul li.twitter a{background-position:0 -87px;}
.con_case_area .inner_sns ul li.url a{background-position:0 -116px;}

.con_case_area .btn_area{text-align:right;padding-top:25px;border-top:1px solid #e0e0e0;}
.con_case_area .btn_area .btn_go{min-width:100px;text-align:center;}
.con_case_area .view_content{}

.con_othercase{text-align:center;padding-top:60px;}
.con_othercase h4{font-size:20px;line-height:20px;color:#333;padding-bottom:20px;}
.con_othercase a.go_prev{display:inline-block;width:25px;height:17px;background:url(../img/common/btn_slide_leftright_small.png) no-repeat 50% 0;vertical-align:middle;}
.con_othercase a.go_next{display:inline-block;width:25px;height:17px;background:url(../img/common/btn_slide_leftright_small.png) no-repeat 50% -17px;vertical-align:middle;}
.con_othercase ul.link_list{display:inline-block;vertical-align:middle;}
.con_othercase ul.link_list:after{content:"";display:block;clear:both;}
.con_othercase ul.link_list > li{float:left;padding:0 3px;}
.con_othercase ul.link_list > li > a{display:block;width:183px;height:110px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
.con_othercase ul.link_list > li > a.normal{border:1px solid #1d384e;color:#666;padding:20px;}
.con_othercase ul.link_list > li > a.normal .inner_text01{font-size:14px;line-height:20px;}
.con_othercase ul.link_list > li > a.normal .inner_text02{font-size:14px;line-height:20px;padding-top:8px;}

.con_othercase ul.link_list > li > a.over{background:#003767;text-align:center;}
.con_othercase ul.link_list > li > a.over .more_text{display:inline-block;padding-top:42px;}
.con_othercase ul.link_list > li > a.over .more_text span.text{font-size:14px;line-height:24px;color:#fff;vertical-align:middle;}
.con_othercase ul.link_list > li > a.over .more_text span.icon{display:inline-block;width:6px;height:10px;margin-left:7px;vertical-align:middle;background:url(../img/common/icon_btn_go_small.png) no-repeat;}

.con_othercase .nav_list{width:100%;text-align:center;padding-top:30px;}
.con_othercase .nav_list > ul{display:inline-block;}
.con_othercase .nav_list > ul:after{content:"";display:block;clear:both;}
.con_othercase .nav_list > ul > li{float:left;padding:0 3px;}
.con_othercase .nav_list > ul > li > a{display:block;background:#cdcccc;width:8px;height:8px;border-radius:8px;-webkit-border-radius:8px;}
.con_othercase .nav_list > ul > li > a.active{background:#1d384e;}

/* 오피스메신저 ------------------------ */
.con_product_top_bg{ background-color:#fff;width:100%;padding:120px 0 0 0;}
.con_product_top_bg .none_area{width:100%;height:400px;padding:70px 0 100px;background:#e7ecf1;}
.con_product_top_bg .in_area{ text-align: center;margin: -270px 90px; }
.con_product_feature .feature01{padding:10px 0 0 0;}
.con_product_feature .feature02{padding:10px 0 0 0;}
.con_product_feature .feature03{padding:60px 0 0;}
.con_product_feature .feature04{padding:60px 0 0;}
.con_product_feature .feature01:after,.con_product_feature .feature02:after.con_product_feature .feature03:after.con_product_feature .feature04:after{content:"";display:block;clear:both;}
.con_product_feature .inner_left{float:left;width:50%;}
.con_product_feature .inner_right{float:right;width:50%;padding-left:100px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.con_product_feature .inner_center{ text-align: center;margin:0 auto; width: 1000px; padding: 0 0 20px;}
.con_product_feature h2{font-size:45px;line-height:45px;letter-spacing:-2px;font-weight:500;color:#003767;}
.con_product_feature h3{font-size:45px;line-height:135%;letter-spacing:-2px;font-weight:500;color:#003767;}
.con_product_feature img{padding: 10px 0;}
.con_product_feature .inner_center p {font-size:18px;line-height:26px;color:#333;font-weight:400;}
.con_product_feature ul.list_area{padding-top:40px;}
.con_product_feature ul.list_area li{padding:6px 0;font-size:15px;color:#333;}

/* 오피스메신저 201127 */
.worryList{width:100%;}
.worryList li{box-sizing:border-box;float:left;width:30%;height:17.6rem;margin-right:3%;padding:2.1rem;border-radius:0 1.15rem 1.15rem;color:#333;letter-spacing:-0.1rem;background:#f7f7f7;background-position:right 1.6rem bottom 1.6rem;background-size:8rem;background-repeat:no-repeat;text-align:left;}
.worryList li.list1{background-image:url(../img/product/om/bg_worry_1.png)}
.worryList li.list2{background-image:url(../img/product/om/bg_worry_2.png)}
.worryList li.list3{background-image:url(../img/product/om/bg_worry_3.png)}
.worryList li>p{font-size:0.95rem;line-height:1.4rem;word-break:keep-all}
.worryList li>p>span{display:block;}
.worryList li>strong{display:block;margin-top:1.1rem;font-size:1.7rem;line-height:100%;font-weight:500}
.worryList li>strong>span{color:#ff4d4d}

.function_sec{margin-top:5rem}
.function_sec:after{content:"";display:block;clear:both}
.function_sec .text_area{position:relative;float:left;padding:0 4rem 0 0;width:50%;display:table}
.function_sec .text_area .fc_center{display:table-cell;vertical-align:middle;text-align:left;}
.function_sec .text_area h4{font-size:30px;font-weight:500;letter-spacing:-0.1rem;line-height:1;color:#1b7ed5}
.function_sec.t1 .text_area h4{padding:0.6rem 0 0.4rem 3.5rem;margin:0 0 1.6rem;background:url(../img/product/om/icon_main_headtitle01.svg) no-repeat left 50%;background-size:50px 40px;color:#1b7ed5}
.function_sec.t2 .text_area h4{padding:0.5rem 0 0.5rem 4rem;margin:0 0 1.6rem;background:url(../img/product/om/icon_main_headtitle02.svg) no-repeat left 50%;background-size:50px 50px;color:#1faacd}
.function_sec.t3 .text_area h4{padding:0.5rem 0 0.5rem 4rem;margin:0 0 1.6rem;background:url(../img/product/om/icon_main_headtitle03.svg) no-repeat left 50%;background-size:50px 50px;color:#1b7ed5}
.function_sec .text_area p{line-height:150%;font-size:20px;letter-spacing:-0.05rem;word-break:keep-all}
.function_sec .text_area p span.text_inline{display:block}
.function_sec .img_area{position:relative;float:left;width:50%;text-align:center}
.function_sec.t1 .img_area,
.function_sec.t3 .img_area{float:right}
.function_sec.t1 .text_area{padding-top:0}
.function_sec.t1 .text_area strong img{position:relative;margin-top:-1rem}
.function_sec.t2 .text_area{padding:0 0 0 9rem}
.function_sec.t2 .img_area{padding-left:0}
.function_sec.t2 .text_area strong{color:#1faacd}

.main_section.t4{position:relative;text-align:center;background:#1080e0;padding:100px 0 110px 0;}
.main_section.t4 .section_bg::before,
.main_section.t4 .section_bg::after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;overflow:hidden;background-attachment:fixed;opacity:0.6;z-index:1}
.main_section.t4 .section_bg::before{background-image:url(../img/product/om/img_main_pattern_top01.png);background-repeat:no-repeat;background-size:23.75rem 26.4rem;background-position:20% 500px;}
.main_section.t4 .section_bg::after{background-image:url(../img/product/om/img_main_pattern_top02.png);background-repeat:no-repeat;background-size:20rem 22.35rem;background-position:80% -100px;}
.main_section.t4 .section_content{position:relative;z-index:2}
.main_section.t4 .section_content a{min-width:170px;}
.main_section.t4 .section_content a:hover{background:#3c9ef5;border-color:#3c9ef5;}
.main_section.t4 .section_title .title{color:#fff;font-size:33px;font-weight:500;line-height:145%;letter-spacing:-0.5px;}
.main_section.t4 .section_title .title span{display:inline-block;width:34px;height:30px;margin:0 25px;}
.main_section.t4 .section_title .title span.mark_left{background:url(../img/product/icon_bottom_mark.png) no-repeat 0 0;}
.main_section.t4 .section_title .title span.mark_right{background:url(../img/product/icon_bottom_mark.png) no-repeat 0 -30px;}
.main_section.t4 .section_title p{padding-top:0.6rem;font-size:18px;color:#9dc9ef;line-height:135%;}

.main_section.t4 .section_title + .btn_area {
    padding-top: 40px;
}

.main_price_list{width:760px;margin:20px auto 0}
.main_price_list::after{content:"";display:block;clear:both}
.main_price_list li{float:left;width:50%;text-align:center}
.main_price_list li .img_area{max-width:7rem;margin:0 auto}
.main_price_list li .text_area{padding:1.2rem 0 0;word-break:keep-all}
.main_price_list li .text_area h4{padding:1rem 0 1.6rem 0;color:#fff;font-size:1.4rem;font-weight:500}
.main_price_list li .text_area .sub_text{font-size:16px;letter-spacing:-0.05rem;color:#9dc9ef;font-weight:400;line-height:145%}


/* 오피스밸런스 ------------------------ */
.con_product_top_bg .ob_top_bg {background:#e7ecec;}
.con_product_feature ul{padding:70px 0 0 0;}
.con_product_feature ul:after{content:"";display:block;clear:both;}
.con_product_feature ul.ob_list03 > li{float:left;text-align:left;width:305px;margin-left:42px;box-sizing:border-box;}/* 고객지원의차이 리스트 */
.con_product_feature ul.ob_list03 > li:first-child{margin-left:0;}
.con_product_feature ul.ob_list03 > li img{display:block;max-width:100%;padding:0;}
.con_product_feature ul.ob_list03 > li h3{font-size:21px;color:#333;font-weight:500;}
.con_product_feature ul.ob_list03 > li p.title_text{font-size:18px;line-height:145%;color:#666;font-weight:400;}

/* 필수6가지사항 */
.con_product_feature ul.ob_chklist {display:inline-block;margin:0 auto;text-align:left;}
.con_product_feature ul.ob_chklist li{font-size:21px;line-height:130%;letter-spacing:-1px;font-weight:500;padding:0.4rem 0;color:#333;}
.con_product_feature ul.ob_chklist li .check.checked{width:22px;height:22px;display:inline-block;vertical-align:middle;background:url(../img/product/ob/img_check_checked.svg) no-repeat;margin:3px 8px 0 0;}
.con_product_feature ul.ob_chklist li .text{display:inline-block;vertical-align:middle;}

/* 기능안내 */
.con_product_feature .function_section{padding:60px 0 0;}
.con_product_feature .function_section:after{content:"";display:block;clear:both;}
.con_product_feature .function_section .img_area{float:left;width:50%;}
.con_product_feature .function_section .text_area{float:left;width:50%;padding:0 0 0 4rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#333;}
.con_product_feature .function_section .text_area .title{font-size:30px;line-height:1em;text-align:left;letter-spacing:-1px;font-weight:500;}
.con_product_feature .function_section .text_area .sub_text{font-size:20px;line-height:150%;text-align:left;padding-top:20px;color:#333;}
.con_product_feature .img_area_right {float:right !important;}


/* 오피스큐어 ------------------------ */
/* .oc_wrap .sub_row_none {padding:110px 0;}
.oc_wrap .feature01, .oc_wrap .feature02, .oc_wrap .feature03, .oc_wrap .feature04 {padding:0;}
.oc_wrap .feature01 ul {padding:40px 0 0 0;} */

/* 오피스큐어 - 01_비주얼 */
/* .oc_visual {width:1000px;margin:50px auto 110px auto;text-align:center;}
.oc_visual img {display:inline-block;vertical-align:top;}
.oc_visual > ul {width:785px;margin:0 auto;text-align:left;color:#333;}
.oc_visual > ul li {font-size:22px;line-height:180%;padding:0 0 0 40px;background:url('../img/product/icon_oc_b_chk.png') left 1px no-repeat;font-weight:400;}
.oc_visual > ul li b {color:#005bac;} */

/* 오피스큐어 - 02_특장점 */
/* .oc_title:before {content:'';display:inline-block;width:50px;height:50px;vertical-align:sub;background:url('../img/product/img_product_oc_icon.png') 0 3px no-repeat;}
.con_product_feature ul.oc_list01 > li{float:left;text-align:center;width:25%;}
.con_product_feature ul.oc_list01 > li .img_area{display:inline-block;width:82px;height:82px;}
.con_product_feature ul.oc_list01 > li .img_area{background:url('../img/product/icon_product_function12.png') no-repeat;}
.con_product_feature ul > li .title_text{font-size:20px;line-height:24px;padding-top:12px;color:#333; font-weight: 500;}
.con_product_feature ul > li .text{padding-top:12px;font-size:15px;line-height:22px;color:#333;}
.con_product_feature ul > li.list01 .img_area{background-position:0 0;}
.con_product_feature ul > li.list02 .img_area{background-position:0 -82px;}
.con_product_feature ul > li.list03 .img_area{background-position:0 -164px;}
.con_product_feature ul > li.list04 .img_area{background-position:0 -246px;}
.con_product_feature ul > li.list05 .img_area{background-position:0 -328px;}
.con_product_feature ul > li.list06 .img_area{background-position:0 -410px;}
.con_product_feature ul > li.list07 .img_area{background-position:0 -492px;}
.con_product_feature ul > li.list08 .img_area{background-position:0 -574px;} */

/* 오피스큐어 - 주요기능 리스타일 */
/* .oclist_grp {text-align:center;padding:50px 0 0 0;}
.oclist_grp div {display:inline-block;padding:50px 30px;}
.oclist_grp div h4 {position:absolute;top:-20px;height:40px;line-height:40px;font-size:24px;color:#888;text-align:center;}
.oclist_grp div .oc_list01 {padding:0;}
.oclist_grp .oc_left {position:relative;width:60%;border:1px solid #ddd;border-radius:10px;}
.oclist_grp .oc_left h4 {width:160px;left:50%;margin-left:-80px;padding:0 10px;background:#fff;}
.oclist_grp .oc_left ul.oc_list01 > li {width:33%;}
.oclist_grp .oc_right {position:relative;width:30%;}
.oclist_grp .oc_right h4 {width:100%;left:0;}
.oclist_grp .oc_right ul.oc_list01 > li {width:100%;} */

/* 오피스큐어 - 스펙 */
/* .td_l {text-align:left;}
.table_style01 td {text-align:left;}
.table_style01 tbody td.txt_c {text-align:center;} */


/* wrap_con_direction */
.wrap_con_direction{width:100%;display:table;background:#314560 url(../img/product/img_submiddle_product05.jpg) no-repeat 50%;}
.con_direction{width:1000px;display:table-cell;height:500px;margin:0 auto;text-align:center;vertical-align:middle;}
.con_direction h2{margin-top:80px;color:#fff;}
.con_direction h2 .text{display:block;font-size:16px;line-height:16px;font-weight:300;}
.con_direction h2 .title{display:block;font-size:40px;line-height:40px;padding-top:25px;}
.con_direction .graph_area{position:relative;width:1000px;height:280px;margin:50px auto 0;background:url(../img/product/img_product_om03.png) no-repeat 50% top;}
.con_direction .graph_area dl{color:#fff;text-align:left;}
.con_direction .graph_area dl.item01{position:absolute;top:145px;left:190px;}
.con_direction .graph_area dl.item02{position:absolute;top:145px;left:450px;}
.con_direction .graph_area dl.item03{position:absolute;top:145px;left:740px;}
.con_direction .graph_area dl dt{font-size:16px;}
.con_direction .graph_area dl dd{font-size:14px;line-height:22px;font-weight:300;padding-top:10px;}

.con_step{width:1000px;margin:0 auto;}
.con_step h2{color:#003767;}
.con_step ul{width:880px;margin:0 auto;padding:80px 0 20px;}
.con_step ul:after{content:"";display:block;clear:both;}
.con_step ul li{float:left;height:310px;}
.con_step ul li .inner{float:left;width:250px;height:310px;text-align:center;color:#fff;}
.con_step ul li .inner .num{font-size:48px;line-height:48px;font-weight:500;padding-top:50px;}
.con_step ul li .inner .title{font-size:18px;line-height:18px;padding-top:30px;}
.con_step ul li .inner .text{font-size:14px;line-height:23px;padding-top:12px;font-weight:300;}

.con_step ul li.list01{width:315px;}
.con_step ul li.list01 .inner{background:#4a6ba3;}
.con_step ul li.list02{width:315px;}
.con_step ul li.list02 .inner{background:#314f83;}
.con_step ul li.list03{width:250px;}
.con_step ul li.list03 .inner{background:#1b3767;}
.con_step ul li .arrow{float:left;width:65px;text-align:center;}
.con_step ul li .arrow .right{display:inline-block;width:24px;height:42px;background:url(../img/common/btn_slide_leftright.png) no-repeat;
background-position:0 -42px;margin-top:125px;}


/* 재택근무 관리방법 - 공통 -------------------------------- 200605 */
.tlc_wrap{width:100%;}
.tlc_section_contents{width:900px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-right:auto;margin-left:auto;padding:100px 0;}
.tlc_section_contents h2 {font-size:45px;line-height:130%;font-weight:500;letter-spacing:-1px;padding:20px 0 60px 0}
.tlc_section_contents h2 b {}

.text_green{color:#00a551;}
.text_blue{color:#0059a6;}
.text_red{color:#ff3154;}
.text_orange{color:#ff7f00;}
.text_bg_green{display:inline-block;background-color:#d0ffe7;line-height:1em;}
.text_bg_blue{display:inline-block;background-color:#d8f3fc;line-height:1em;}
.text_bg_orange{display:inline-block;background-color:#ffefdf;line-height:1em;}

/* 재택근무 관리방법 - 상단 */
.telecom_warp .img_area {text-align:center;}
.telecom_warp .sub_text b {font-weight:600;}
.bg_f6f8fa {background:#f6f8fa;}

/* 재택근무 관리방법 - 필요성 */
.tlc_wrap.con01 .title_area{text-align:center;}
.tlc_wrap.con01 .title_area .sub_text{font-size:30px;line-height:1em;letter-spacing:-1px;}
.tlc_wrap.con01 .title_area .main_text{font-size:38px;line-height:1em;font-weight:500;letter-spacing:-2px;padding:12px 0 0 0;}

.tlc_customer_check{padding-top:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-mozt-box-sizing:border-box;}
.tlc_customer_check:after{content:"";display:block;clear:both;}
.tlc_customer_check .top_ex{padding-bottom:53px;}
.tlc_customer_check .top_ex dl{background:#fff;display:block;padding:30px 40px 10px 50px;box-sizing:border-box;-webkit-box-sizing:border-box;-mozt-box-sizing:border-box;height:134px;}
.tlc_customer_check .top_ex dl dt{float:left;width:100px;height:100px;}
.tlc_customer_check .top_ex dl dd{float:left;padding:0 0 0 20px;}
.tlc_customer_check .top_ex dl dd .name{font-size:25px;line-height:135%;letter-spacing:-1px;font-weight:700;padding-bottom:10px;}
.tlc_customer_check .top_ex dl dd .sub_text{font-size:17px;line-height:135%;padding:0;text-align:left;}

.tlc_customer_check .left{float:left;width:49.6%;height:808px;background-color:#90d6c6;}
.tlc_customer_check .left .top_ex{background:#90d6c6 url(../img/product/telecommuting/bg/bg_left_customer.png) no-repeat 50% bottom;}
.tlc_customer_check .left .top_ex dl{border-left:1px solid #00a551;border-top:1px solid #00a551;border-right:1px solid #00a551;}

.tlc_customer_check .left .top_ex dl dd .name{color:#00a551;}

.tlc_customer_check .right{float:right;width:49.6%;height:808px;background-color:#abbccb;}
.tlc_customer_check .right .top_ex{background:#abbccb url(../img/product/telecommuting/bg/bg_right_customer.png) no-repeat 50% bottom;}
.tlc_customer_check .right .top_ex dl{border-left:1px solid #0059a6;border-top:1px solid #0059a6;border-right:1px solid #0059a6;}
.tlc_customer_check .right .top_ex dl dd .name{color:#0059a6;}

.tlc_customer_check .customer_check{width:86%;margin:0 auto;}
.tlc_customer_check .customer_check .title{font-size:30px;line-height:1.1em;color:#fff;font-weight:500;text-align:center;padding:30px 0 14px;}

.tlc_customer_check .customer_check .title .text_bg_mint{display:inline-block;background-color:#58b7a1;}
.tlc_customer_check .customer_check .title .text_bg_bluegray{display:inline-block;background-color:#859db2;}

.tlc_customer_check .customer_check .wrap_box{border-radius:15px;background:#fff;padding:23px 25px;margin:12px 0;}
.tlc_customer_check .customer_check .wrap_box .title_check01{font-size:24px;line-height:100%;font-weight:700;letter-spacing:-1px;padding:8px 8px 8px 50px;
background:url(../img/product/telecommuting/icon/icon_chk_chat.svg) no-repeat;background-size:40px 40px;}
.tlc_customer_check .customer_check .wrap_box .title_check02{font-size:24px;line-height:100%;font-weight:700;letter-spacing:-1px;padding:8px 8px 8px 50px;
background:url(../img/product/telecommuting/icon/icon_chk_time.svg) no-repeat;background-size:40px 40px;}
.tlc_customer_check .customer_check .wrap_box .title_check03{font-size:24px;line-height:100%;font-weight:700;letter-spacing:-1px;padding:8px 8px 8px 50px;
background:url(../img/product/telecommuting/icon/icon_chk_shield.svg) no-repeat;background-size:40px 40px;}

.tlc_customer_check .customer_check ul.check_list{padding:10px 0;}
.tlc_customer_check .customer_check ul.check_list li{margin-top:10px;padding:0 0 6px 50px;font-size:18px;line-height:150%;}
.tlc_customer_check .customer_check ul.check_list li:last-child {padding-bottom:0;}

.tlc_customer_check .left .customer_check ul.check_list li{background:url(../img/product/telecommuting/icon/icon_chk_green.svg) no-repeat;background-size:30px 30px;background-position:9px 0;}
.tlc_customer_check .right .customer_check ul.check_list li{background:url(../img/product/telecommuting/icon/icon_chk_blue.svg) no-repeat;background-size:30px 30px;background-position:9px 0;}

.tlc_bottom_text_soft{padding:50px 0 0 0;text-align:center;color:#333;}
.tlc_bottom_text_soft .sub_check_text{padding-top:25px;background:url(../img/product/telecommuting/icon/icon_chk_top_blue.svg) no-repeat 54% 0;background-size:32px 19px;font-size:30px;line-height:1em;letter-spacing:-1.5px;}
.tlc_bottom_text_soft .sub_check_text span {font-weight:700;}
.tlc_bottom_text_soft .main_text{font-size:35px;line-height:135%;font-weight:700;letter-spacing:-1px;padding-top:18px;}


/* 재택근무 관리방법 - 기능 공통 */
.tlc_intro_product:after{content:"";display:block;clear:both;}
.tlc_intro_product .left_text{float:left;}
.tlc_intro_product .left_text .top_logo{padding:40px 0 15px 0;}
.tlc_intro_product .left_text .top_logo img{width:auto;height:50px;}
.tlc_intro_product .left_text .main_title{font-size:38px;line-height:125%;font-weight:600;color:#003767;}
.tlc_intro_product .left_text .sub_text{font-size:18px;line-height:150%;padding-top:18px;text-align:left;}

.tlc_function{padding-top:50px;}
.tlc_function ul{padding:5px 40px 5px 10px;display:table;width:100%}
.tlc_function ul:after{content:"";display:block;clear:both;}
.tlc_function ul li{display:table-cell;width:25%;height:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-mozt-box-sizing:border-box;
padding:20px 20px 20px 82px;vertical-align:middle;font-size:16px;line-height:135%;color:#333;}
.tlc_intro_product .right_img{float:right;width:50%;text-align:right;}
.tlc_intro_product .right_img img{width:auto;height:300px;}

.tlc_wrap .btn_area{padding:50px 0 100px;text-align:center;}

.tlc_tip{text-align:center;}
.tlc_tip .title{display:inline-block;font-size:30px;line-height:1em;font-weight:700;letter-spacing:-1px;padding-left:35px;color:#003767;}

.tlc_tip .wrap_customer_solution{padding-top:50px;}
.tlc_tip .wrap_customer_solution .title_area:after{content:"";display:block;clear:both;}
.tlc_tip .wrap_customer_solution .title_area .inner{width:50%;float:left;text-align:center;font-size:23px;line-height:101%;font-weight:500;letter-spacing:-1px;}
.tlc_tip .wrap_customer_solution .title_area .title_a{display:inline-block;width:172px;height:86px;background:url(../img/product/telecommuting/graphic/user_woman_sad.svg) no-repeat;background-size:172px 86px;}
.tlc_tip .wrap_customer_solution .title_area .inner span.text{display:inline-block;padding:26px 0 0 34px;}

.tlc_tip .wrap_customer_solution .tlc_solution{display:table;width:100%;font-size:16px;line-height:145%;padding:12px 0;}
.tlc_tip .wrap_customer_solution .tlc_solution.first{margin-bottom:2px;}
.tlc_tip .wrap_customer_solution .tlc_solution .text_a{width:50%;display:table-cell;color:#666;height:110px;vertical-align:middle;padding-right:30px;padding-top:22px;}
.tlc_tip .wrap_customer_solution .tlc_solution .text_b{width:50%;display:table-cell;color:#fff;height:110px;vertical-align:middle;padding-top:22px;}


/* 재택근무 관리방법 - 오피스메신저 */
.tlc_wrap.con02{border-top:1px solid #ddd;}

.tlc_wrap.con02 .tlc_function ul li.fc_list01{background:url(../img/product/telecommuting/icon/icon_om01.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con02 .tlc_function ul li.fc_list02{background:url(../img/product/telecommuting/icon/icon_om02.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con02 .tlc_function ul li.fc_list03{background:url(../img/product/telecommuting/icon/icon_om03.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con02 .tlc_function ul li.fc_list04{background:url(../img/product/telecommuting/icon/icon_om04.svg) no-repeat 10px 50%;background-size:55px 55px;}

.tlc_wrap.con02 .tlc_tip .title{background:url(../img/product/telecommuting/icon/icon_chk_navy.svg) no-repeat;background-size:30px 30px;}
.tlc_wrap.con02 .tlc_tip .title .text_om{color:#1b7ed5;}

.tlc_wrap.con02 .tlc_tip .wrap_customer_solution{background:url(../img/product/telecommuting/bg/bg_usertip_om900.png) no-repeat 50% bottom;}
.tlc_wrap.con02 .tlc_tip .wrap_customer_solution .title_area .title_b{display:inline-block;width:172px;height:86px;background:url(../img/product/telecommuting/graphic/user_oldboy_om.svg) no-repeat;background-size:172px 86px;}
.tlc_wrap.con02 .tlc_tip .wrap_customer_solution .title_area .title_b{color:#1b7ed5;}

/* 재택근무 관리방법 - 오피스밸런스 */
.tlc_wrap.con03{border-top:1px solid #ddd;}

.tlc_wrap.con03 .tlc_function ul li.fc_list01{background:url(../img/product/telecommuting/icon/icon_ob01.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con03 .tlc_function ul li.fc_list02{background:url(../img/product/telecommuting/icon/icon_ob02.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con03 .tlc_function ul li.fc_list03{background:url(../img/product/telecommuting/icon/icon_ob03.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con03 .tlc_function ul li.fc_list04{background:url(../img/product/telecommuting/icon/icon_ob04.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con03 .tlc_function ul li.fc_list05{background:url(../img/product/telecommuting/icon/icon_ob05.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con03 .tlc_function ul li.fc_list06{background:url(../img/product/telecommuting/icon/icon_ob06.svg) no-repeat 12px 50%;background-size:55px 55px;}
.tlc_wrap.con03 .tlc_function ul li.fc_list07{background:url(../img/product/telecommuting/icon/icon_ob07.svg) no-repeat 12px 50%;background-size:55px 55px;}
.tlc_wrap.con03 .tlc_function ul li.fc_list08{background:url(../img/product/telecommuting/icon/icon_ob08.svg) no-repeat 10px 50%;background-size:58px 58px;}

.tlc_wrap.con03 .tlc_tip .title{background:url(../img/product/telecommuting/icon/icon_chk_navy.svg) no-repeat;background-size:32px 32px;}
.tlc_wrap.con03 .tlc_tip .title .text_om{color:#00a551;}

.tlc_wrap.con03 .tlc_tip .wrap_customer_solution{background:url(../img/product/telecommuting/bg/bg_usertip_ob900.png) no-repeat 50% bottom;}

.tlc_wrap.con03 .tlc_tip .wrap_customer_solution .title_area .title_b{display:inline-block;width:172px;height:86px;background:url(../img/product/telecommuting/graphic/user_oldboy_ob.svg) no-repeat;
background-size:172px 86px;}
.tlc_wrap.con03 .tlc_tip .wrap_customer_solution .title_area .title_b{color:#00a551;}

/* 재택근무 관리방법 - 오피스키퍼 */
.tlc_wrap.con04{border-top:1px solid #ddd;}

.tlc_wrap.con04 .tlc_function ul li.fc_list01{background:url(../img/product/telecommuting/icon/icon_ok01.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con04 .tlc_function ul li.fc_list02{background:url(../img/product/telecommuting/icon/icon_ok02.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con04 .tlc_function ul li.fc_list03{background:url(../img/product/telecommuting/icon/icon_ok03.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con04 .tlc_function ul li.fc_list04{background:url(../img/product/telecommuting/icon/icon_ok04.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con04 .tlc_function ul li.fc_list05{background:url(../img/product/telecommuting/icon/icon_ok05.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con04 .tlc_function ul li.fc_list06{background:url(../img/product/telecommuting/icon/icon_ok06.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con04 .tlc_function ul li.fc_list07{background:url(../img/product/telecommuting/icon/icon_ok07.svg) no-repeat 10px 50%;background-size:55px 55px;}
.tlc_wrap.con04 .tlc_function ul li.fc_list08{background:url(../img/product/telecommuting/icon/icon_ok08.svg) no-repeat 10px 50%;background-size:55px 55px;}

.tlc_wrap.con04 .tlc_tip .title{background:url(../img/product/telecommuting/icon/icon_chk_navy.svg) no-repeat;background-size:30px 30px;}
.tlc_wrap.con04 .tlc_tip .title .text_om{color:#1b7ed5;}

.tlc_wrap.con04 .tlc_tip .wrap_customer_solution{background:url(../img/product/telecommuting/bg/bg_usertip_ok900.png) no-repeat 50% bottom;}
.tlc_wrap.con04 .tlc_tip .wrap_customer_solution .title_area .title_b{display:inline-block;width:172px;height:86px;background:url(../img/product/telecommuting/graphic/user_oldboy_ok.svg) no-repeat;background-size:172px 86px;}
.tlc_wrap.con04 .tlc_tip .wrap_customer_solution .title_area .title_b{color:#1b7ed5;}

.line_bn {display:block;width:780px;margin:60px auto 0 auto;}


/* 언택트솔루션 - 공통 -------------------------------- 200810 */
.bg_news {background:url('../img/product/untact/bg/bg_news.jpg') center no-repeat;}
.bg_om1 {background:#1776bc;}
.bg_om2 {background:#13a1a5;}
.txt_om1 {color:#1776bc;}
.txt_om2 {color:#13a1a5;}

/* 뉴스기사 */
.news_grp {margin-top:60px;}
.news_grp:after {display:block;content:'';clear:both;}
.news_grp > li {float:left;width:48%;line-height:160%;font-size:17px;margin-right:4%;font-weight:300;box-sizing:border-box;}
.news_grp > li:last-child {margin:0;}
.news_grp > li h5 {font-size:25px;line-height:150%;font-weight:700;padding:0 0 8px 0;box-sizing:border-box;}
.news_grp > li b {font-weight:500;}

.news_grp > li .news_bx {background:url('../img/product/untact/bg/bg_paper.svg') no-repeat;background-size:cover;}
.news_grp > li .news_bx ul {padding:40px 38px;}
.news_grp > li .news_bx ul:after {display:block;content:'';clear:both;}
.news_grp > li .news_bx ul li {position:relative;background:#fff;min-height:29px;line-height:29px;margin-bottom:13px;font-size:16px;font-weight:400;text-align:center;color:#888;padding:0 0 0 48px;}
.news_grp > li .news_bx ul li:last-child {margin:0;}
.news_grp > li .news_bx ul li:before {display:inline-block;content:'NEWS';position:absolute;top:0;left:0;width:48px;min-height:29px;background:#ee2e4d;font-size:12.5px;font-weight:500;color:#fff;letter-spacing:-0.5px;}

.news_grp > li .user_bx {padding:40px 25px 40px 145px;color:#fff;position:relative;}
.news_grp > li.l_bx .user_bx:before {display:inline-block;content:'';position:absolute;top:50%;margin-top:-45px;left:35px;width:90px;height:90px;background:url('../img/product/untact/graphic/user_oldboy.svg') 100% no-repeat;}
.news_grp > li.r_bx .user_bx:before {display:inline-block;content:'';position:absolute;top:50%;margin-top:-45px;left:35px;width:90px;height:90px;background:url('../img/product/untact/graphic/user_woman.svg') 100% no-repeat;}

/* 오피스메신저 비주얼 */
.bg_om_visual .tlc_section_contents {min-height:800px;z-index:100;text-align:center;}
.bg_om_visual:after {display:inline-block;content:''; position:absolute;top:0;left:0;right:0;width:100%;height:593px;background:#1776bc;z-index:1;}
.bg_om_visual .top_logo {text-align:center;}
.bg_om_visual .top_logo img {width:300px;}
.bg_om_visual .om_v_mockup {width:100%;vertical-align:top;}

/* 오피스메신저 사용자화면 그룹 */
.user_screen_grp {text-align:center;}
.user_screen_grp h3 {font-size:38px;line-height:100%;letter-spacing:-2px;}
.user_screen_grp .list_screen {padding:60px 0 0 0;}
.user_screen_grp .list_screen:after {display:block;content:'';clear:both;}
.user_screen_grp .list_screen li {width:400px;margin:0 80px 70px 0;float:left;box-sizing:border-box;}
.user_screen_grp .list_screen li img {width:100%;vertical-align:top;}
.user_screen_grp .list_screen li p {padding:35px 0 0 0;font-size:18px;font-weight:500;line-height:130%;color:#333;}

/* 버튼그룹 & 말풍선 */
.bg_om_visual .btn_area{padding-top:70px;text-align:center;}
.bg_om_visual .btn_area a{min-width:200px;margin:0 3px;}
.bg_om_visual .btn_area a{min-width:200px;}

.balloon {display:inline-block;min-width:170px;left:50%;margin-left:-85px;bottom:-65px;border:1px solid #91bdde;padding:4px 10px;border-radius:5px;background:#e1edf6;}
.balloon .inner_text {font-size:15px;height:37px;line-height:37px;}
.balloon:after, .balloon:before {content:"";height:0;width:0;position:absolute;top:2px;}
.balloon:before {border:solid transparent;border-bottom: solid #91bdde; border-width: 0 8px 8px;margin: -10px 0 0 -10px;}
.balloon:after {border:solid transparent;border-bottom: solid #e1edf6;border-width: 0 10px 10px;margin: -9px 0 0 -12px;}


/* 210720 도입사례 추가 */
.thumbnail_video_wrap {
    position: relative;
    width: calc(100% + 36px);
    margin: 60px -18px 0;
}
.thumbnail_video_wrap::after {
    display: block;
    clear: both;
    content: "";
}
.thumbnail_video_wrap > div {
    float: left;
    width: 50%;
    padding: 0 18px;
}
.thumbnail_video_wrap .item a {
    display: block;
}
.thumbnail_video_wrap .item a > img {
    width: 100%;
    border: 1px solid #e6e6e6;
}
.thumbnail_video_wrap .item p {
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 26px;
    margin-top: 38px;
    color: #555;
    text-align: center;
}
.case_table {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #dfdfdf;
}
.case_table tr th {
    background: #f8f8f8;
    padding: 16px 0px;
    width: 200px;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    font-weight: 500;
    color: rgb(51, 51, 51);
    border-bottom: 1px solid #dfdfdf;
}
.case_table tr td {
    min-width: 200px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    padding-left: 14px;
}
.half .thumbnail {
    position: absolute;
    width: 410px;
    height: 220px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.half .thumbnail img {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    padding: 0;
}
.half .desc {
    width: 100%;
    padding-left: 452px;
}
.half .desc p {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    vertical-align: middle;
    font-weight: 300;
    margin-bottom: 24px;
}
/* //210720 도입사례 추가 */

.con_about_customer .img_area img.visible {
    display: none;
}

.half .thumbnail img {max-width:100%;}


@media (max-width:1024px) {

	.half .thumbnail {
		position:relative;
		margin:0 auto 25px;
		height:auto;
	}

	.half .desc {
		padding-left:0;
	}
	
	

    .tlc_wrap .btn_area {
        padding: 40px 0 0 !important;
    }

    .tlc_section_contents {
        padding: 0;
    }

    .tlc_intro_product .left_text .main_title + .sub_text {
        padding-top: 10px !important;
    }

    /* 제품 */
    .con_about_test {
        width: 100%;
    }

    .con_about_test .img_area img {
        width: 100%;
    }

    .con_about_test h2 {
        font-size: 35px;
    }

    .con_about_test .text {
        font-size: 24px;
    }

    .con_about_officekeeper {
        width: 100%;
    }

    .con_about_officekeeper h2 {
        font-size: 35px;
    }


    .con_about_officekeeper .text {
        font-size: 18px;
    }

    .con_introduce p.text {
        font-size: 18px;
    }

    .con_product_feature .feature01 {
        padding: 0;
    }

    .con_product_feature .inner_center {
        padding: 0;
    }

    .con_product_feature ul {
        padding: 0 !important;
    }

    .con_product_feature ul.worryList {
        padding-top: 60px !important;
    }

    ul.introduce_list_re {
        width: 100%;
    }

    ul.introduce_list_re li {
        width: 33.3333%;
    }

    ul.introduce_list_re li .title {
        font-size: 35px;
    }

    .function_title h3 span.text02 {
        font-size: 28px;
    }

    .con_about_pricespec .inner_con .img_area {
        width: 300px;
        padding-top: 0;
        text-align: center;
    }

    .con_about_pricespec .inner_con .img_area img {
        max-width: 100%;
    }

    .con_about_pricespec .inner_con .spec_table {
        width: calc(100% - 300px);
        padding-left: 30px;
        float: left;
    }

    .con_about_pricespec .inner_con .spec_table table {
        width: 100%;
    }

    .con_product_top_bg .in_area img {
        max-width: 100%;
    }
    
    .con_product_top_bg {
        padding: 80px 0 0;
    }

    .con_product_top_bg .none_area {
        height: auto;
        padding: 0;
    }

    .con_product_top_bg .in_area {
        text-align: center;
        margin: 0;
    }

    .con_product_top_bg .in_area img {
        margin-top: -150px;
    }

    .con_product_feature .inner_center {
        width: 100%;
    }

    .con_product_feature h3 {
        font-size: 35px;
        padding-top: 0 !important;
    }

    .con_product_feature ul.ob_list03 > li h3 {
        padding: 20px 0 10px !important;
    }

    .con_product_feature ul.ob_chklist li .check.checked {
        margin: 0;
        margin-right: -4px;
        margin-top: 3px;
        vertical-align: top;
    }

    .con_product_feature ul.ob_chklist li .text {
        width: calc(100% - 22px);
        margin-right: -4px;
        padding-left: 8px;
        vertical-align: top;
    }

    .con_product_feature .inner_center {
        width: 100%;
    }

    .con_product_feature ul.ob_list03 {
        margin: 0 -10px;
    }

    .con_product_feature ul.ob_list03 > li {
        width: 33.3333%;
        margin-left: 0 !important;
        padding: 0 10px;
    }

    .con_tab_btn_area {
        width: 100%;
    }

    ul.use_list > li > a .textview_area,
    ul.use_list > li > a .textview_area .title_item {
        width: 100%;
    }

    .bg_news {
        background-size: cover;
        padding: 0 40px;
    }

    .tlc_section_contents {
        width: 100%;
    }

    .news_grp > li {
        float: none;
        margin: auto;
        margin-bottom: 20px;
        width: 418px;
    }

    .news_grp > li:last-child {
        margin:auto;
        margin-bottom: 0;
    }

    .bg_om_visual:after {
        width: calc(100% + 80px);
        left: -40px;
        height: 15%;
    }

    .user_screen_grp h3 {
        font-size: 35px;
    }

    .user_screen_grp .list_screen {
        margin: -20px;
        padding: 40px 0 0;
    }
    

    .user_screen_grp .list_screen li {
        display: inline-block;
        width: 50%;
        margin: 0;
        margin-right: -4px !important;
        padding: 20px;
        vertical-align: top;
        float: none;
    }

    .user_screen_grp .list_screen li p {
        padding: 20px 0 0;
    }

    .tlc_intro_product .left_text {
        width: 50%;
        display: inline-block;
        margin-right: -4px;
        vertical-align: middle;
        float: none;
    }

    .tlc_intro_product .right_img {
        display: inline-block;
        margin-right: -4px;
        vertical-align: middle;
        float: none;
    }

    .tlc_intro_product .right_img img {
        height: auto;
    }

    .tlc_intro_product .left_text .main_title {
        font-size: 30px;
    }

    .tlc_intro_product .left_text .sub_text {
        font-size: 16px;
    }

    .tlc_function ul {
        padding: 10px 0;
    }

    .tlc_function ul li {
        padding: 0;
        padding-top: 70px;
        background-position-x: center !important;
        background-position-y: 0 !important;
        text-align: center;
    }

    .worryList li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        display: block;
        height: auto;
    }
    
    .worryList li:last-of-type {
        margin-bottom: 0;
    }

    .worryList li.list1, .worryList li.list2, .worryList li.list3 {
        background-size: 90px auto;
        background-position-y: center;
    }

    .csub .contents {
        margin: 0 !important;
    }

    
    .thumbnail_video_wrap {
        width: 100%;
        margin: 60px 0 0;
        padding-bottom: 0;
    }

    .function_sec {
        margin-top: 60px !important;
    }

    
    .telecom_warp.sub_row {
        padding: 0 !important;
    }

    .telecom_warp.sub_row > div {
        padding: 60px 40px !important;
    }

    .tlc_intro_product .left_text .top_logo {padding: 0 0 15px 0;}
}


@media (max-width:768px) {

    .con_product_top_bg {
        padding: 7rem 0 0;
    }

    .con_product_top_bg .none_area {
        background: transparent;
    }

    .sub_row .tlc_section_contents .sub_text {
        padding-top: 0 !important;
    }


    .con_about_officekeeper .text ,.con_introduce p.text {
        font-size: 16px;
    }

    .con_introduce p.text br {
        display: none;
    }

    .con_functionlist ul {
        padding: 0;
        margin: -10px;
    }

    .con_functionlist ul > li {
        width: 50%;
        padding: 10px;
    }

    .con_functionlist ul > li .title_text {
        font-size: 18px;
        line-height: 22px;
    }

    .con_functionlist ul > li .text {
        font-size: 13px;
        line-height: 18px;
        height: 90px;
    }

    .con_functionlist ul > li .text br {
        display: block !important;
    }

    .con_functionlist ul > li > ol.list_area > li {
        font-size: 13px;
        line-height: 18px;
    }

    .con_functionlist ul > li .caution_text {
        font-size: 11px;
    }

    .con_functionlist ul li .btn_area {
        padding: 0;
    }

    .con_functionlist ul.list_two {
        width: 100%;
    }

    .con_functionlist ul:last-of-type > li:last-of-type {
        margin-bottom: 0;
    }

    ul.introduce_list_re {
        padding-top: 30px;
    }

    ul.introduce_list_re li {
        width: 100%;
        padding: 30px 0;
        border-bottom: 2px dashed #ddd;
    }
    
    ul.introduce_list_re li:last-of-type {
        border-bottom: none;
    }

    .con_introduce .features_box {
        width: 100%;
        padding-top: 60px;
    }

    .con_introduce .features_box .text_box {
        width: calc(100% - 120px);
        padding-left: 0;
    }

    .con_introduce .features_box .text_box .title,
    .con_introduce .features_box .text_box .text {
        width: 100%;
    }

    .con_introduce .features_box .text_box .text {
        font-size: 15px;
    }

    .con_introduce .features_box .text_box .text br {
        display: none;
    }

    .con_about_test .img_area {
        margin-top: 25px;
    }
    
    .con_about_test .text {
        font-size: 20px;
        padding-top: 25px;
        line-height: 1.5;
    }

    .con_about_pricespec .inner_con {
        padding-top: 40px;
    }

    .con_about_pricespec .inner_con .img_area {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .con_about_pricespec .inner_con .spec_table {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    
    .con_product_feature h3 {
        font-size: 25px;
    } 
    
    .con_product_feature .feature02 {
        padding: 0;
    }

    .function_title {
        padding-top: 45px;
    }

    .function_sec .text_area {
        width: 100%;
        padding: 0 !important;
        height: auto !important;
    }

    .function_sec .text_area .fc_center {
        text-align: center;
    }
    
    .function_sec .text_area h4 {
        display: inline-block !important;
        font-size: 22px;
        margin-bottom: 1rem !important;
    }

    .function_sec .text_area p {
        font-size: 16px;
    }

    .function_sec .img_area {
        float: none !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .main_section.t4 {
        padding: 0;
    }

    .main_section.t4 .section_title .title {
        font-size: 22px;
    }
    
    .con_product_feature ul.ob_chklist {
        display: block;
    }

    .con_product_feature ul.ob_chklist li {
        font-size: 18px;
    }

    .con_product_feature .function_section {
        padding:40px 0 0 !important;
    }

    .con_product_feature .function_section:first-of-type {
        padding-top: 0 !important;
    }

    .con_product_feature .function_section .text_area .sub_text {
        padding-top: 20px !important;
    }

    .con_product_feature .function_section .img_area {
        width: 100%;
        float: none;
    }

    .con_product_feature .function_section .text_area {
        width: 100%;
        float: none;
        padding: 0;
        padding-top: 30px !important;
    }

    .con_product_feature .function_section .text_area * {
        text-align: center !important;
    }

    .con_product_feature .function_section .text_area .title {
        font-size: 25px;
    }

    .con_product_feature .function_section .text_area .sub_text {
        font-size: 16px;
    }

    .con_product_feature ul.ob_list03 > li {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .con_product_feature ul.ob_list03 > li:last-of-type {
        margin-bottom: 0;
    }

    .con_product_feature ul.ob_list03 > li > img {
        display: inline-block;
    }

    .con_product_feature ul.ob_list03 > li p.title_text {
        font-size: 16px;
    }

    .tab_btn ul {
        line-height: 40px;
    }

    .tab_btn ul > li {
        margin-left: 4px;
    }

    .tab_btn ul > li > a {
        font-size: 15px;
        padding: 5px 14px;
    }

    .con_cardlist_area ul.cardlist > li {
        width: 50%;
        padding: 3px 3px 15px 3px;
    }

    ul.use_list > li > a .textview_area {
        height: 90px;
    }

    
    .bg_news {
        padding: 0 20px;
    }

    .tlc_section_contents {
        padding: 0 !important;
    }

    .tlc_wrap.con01 .title_area .main_text {
        font-size: 30px;
    }

    .user_screen_grp .list_screen li p {
        font-size:16px;
    }

    .bg_om_visual .btn_area a {
        margin: 3px;
    }

    .con_about_pricespec .inner_con .spec_table table th {
        padding: 10px;
        font-size: 15px;
    }

    .con_about_pricespec .inner_con .spec_table table td {
        padding: 10px;
        font-size: 14px;
    }

    .con_about_pricespec .inner_con .spec_table colgroup col:nth-of-type(1) {
        width: 70px !important;
    }
    
    .tlc_wrap.con01 .title_area .sub_text {
        font-size: 25px;
        line-height: 1.4;
    }

    .tlc_wrap.con01 .title_area .main_text {
        font-size: 25px;
        line-height: 1.4;
        padding-top: 0;
    }

    
    .telecom_warp.sub_row h2, 
    .telecom_warp.sub_row .contents h2,
    .telecom_warp .user_screen_grp h3,
    .telecom_warp .txt_sz34,
    .telecom_warp .tlc_intro_product .left_text .main_title {
        font-size: 25px !important;
    }

    
    .user_screen_grp .list_screen {
        margin: -10px;
        /* padding: 40px 0 0; */
    }
    

    .user_screen_grp .list_screen li {
        padding: 10px 10px 30px 10px;
    }

    .telecom_warp .con_case_area > .pd_b50 {
        font-size: 30px !important;
    }

    .telecom_warp .btn_area.both::after {
        display: block;
        content: "";
        clear: both;
    }

    .telecom_warp .btn_area.both > a {
        display: block;
        width: 49%;
        margin: 0;
        margin-right: 2%;
        min-width: auto;
        float: left;
    }

    .telecom_warp .btn_area.both > a:nth-of-type(2n) {
        margin-right: 0;
    }

    .telecom_warp .btn_area {
        padding: 30px 0 0 !important;
    }

    .telecom_warp.sub_row > div {
        padding: 60px 20px !important;
    }

    .worryList li>p {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .worryList li>strong {
        font-size: 23px;
        margin-top: .8rem;
    }

    .con_functionlist ul > li .text {
        padding: 12px 0;
    }

    .tlc_wrap .txt_sz26 {
        font-size: 20px !important;
    }

    .tlc_wrap .txt_sz26 span {
        display: block;
    }

    
    .thumbnail_video_wrap > div {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }

    .thumbnail_video_wrap > div:last-of-type {
        margin-bottom: 0;
    }
    
    
    .thumbnail_video_wrap .item p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.5;
    }

    .con_about_customer .img_area img {
        display: none;
    }

    .con_about_customer .img_area img.visible {
        display: block;
    }

    .con_use_view .title_img {
        display: none;
    }
/* 
    .con_use_view .view_area .text_area > div > a {
        display: block;
        border: 1px solid #e1e1e1;
        border-radius: 10px;
        text-align: center;
        padding: 20px 10px; 
        margin-bottom: 20px;
    } */

    .con_use_view .view_area img {
        /* width: auto !important; */
        max-width: 100%;
        width: auto;
    }
/* 
    .con_use_view .view_area .tableBorder {
        border: none !important;
    }

    .con_use_view .view_area table {
        border-collapse: collapse;
    }

    .con_use_view .view_area th {
        background: #f5f5f5;
         border: 1px solid rgb(224,224,224) !important;
        border-left: none !important; 
    } */
/* 
    .con_use_view .view_area th,
    .con_use_view .view_area td {
        border-bottom: 1px solid #ddd;
    } */
/* 
    .con_use_view .view_area ul li {
        position: relative;
        padding-left: 10px !important;
    }

    .con_use_view .view_area ul li::before {
        display: block;
        content: "";
        width: 4px;
        height: 4px;
        background: #0059a6;
        position: absolute;
        top: 12px;
        left: 0;
    } */

    .con_use_view .view_title .date_text {
        float: left;
        padding: 5px 0;
    }

}

@media (max-width:587px) {
/*     
    .img_area {
        overflow: auto;
    }

    .img_area img {
        width: 587px !important;
        max-width: initial;
    } */

    .con_about_officekeeper .text {
        padding: 30px 0;
    }

    .con_introduce p.text {
        padding: 30px 0;
    }
}

@media (max-width:487px) {
    .con_cardlist_area ul.cardlist > li {
        width: 100%;
    }

    .news_grp > li {
        width: 100%;
    }

    .news_grp > li .news_bx ul {
        padding: 30px;
    }

    .news_grp > li .news_bx ul li {
        padding: 35px 5px 5px 5px;
    }

    .news_grp > li .news_bx ul li:before {
        width: 100%;
    }

    .news_grp > li.l_bx .user_bx:before,
    .news_grp > li.r_bx .user_bx:before {
        display: block;
        position: relative;
        left:auto;
        margin: auto;
    }

    .news_grp > li .user_bx {
        padding: 40px 25px;
        text-align: center;
        font-size: 15px;
    }

    .bg_om_visual:after {
        height: 350px;
    }

    .tlc_intro_product .left_text,
    .tlc_intro_product .right_img {
        width: 100%;
        display: block;
        margin-right: 0;
    }

    .tlc_function ul {
        display: block;
        padding: 0;
    }

    .tlc_function ul li {
        display: inline-block;
        width: 50%;
        margin-right: -4px;
        vertical-align: top;
        height: auto;
        padding-bottom: 20px;
    }

    .thumbnail_video_wrap {
        margin: 40px 0 0;
    }
}

@media (max-width:440px) {
    
    .con_introduce .features_box {
        padding-top: 30px;
    }

    .con_introduce .features_box .img_box {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        display: none;
    }

    .con_introduce .features_box .img_box .introduce_list {
        display: inline-block;
    }

    .con_introduce .features_box .text_box {
        width: 100%;
    }

    .con_introduce .features_box .text_box .title {
        display: inline-block;
        width: auto;
        position: relative;
        padding-left: 50px;
        font-size: 20px;
        line-height: 1.5;
    }

    .con_introduce .features_box .text_box .title::before {
        display: block;
        content: "";
        width: 40px;
        height: 35px;
        background-image: url(../img/main/icon_main_introducelist.png);
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .con_introduce .features_box .text_box .title.type2::before {
        background-position: 0 -35px;
    }
    
    .con_introduce .features_box .text_box .title.type3::before {
        background-position: 0 -71px;
    }
    
    .con_introduce .features_box .text_box .title.type4::before {
        background-position: 0 -106px;
    }
    
    .con_introduce .features_box .text_box .title.type5::before {
        background-position: 0 -140px;
    }

    .con_introduce .features_box .text_box .text {
        font-size: 14px;
        line-height: 1.3;
    }

    .function_title h3 span.text01 {
        font-size: 14px;
        line-height: 14px;
    }

    .function_title h3 span.text01:after {
        border-top: 15px solid transparent;
        border-right: 15px solid transparent;
    border-left: 15px solid #003767;
    border-bottom: 15px solid transparent;
    right: -30px;
}

    .function_title .sub_text {
        font-size: 16px;
    }
    
    .function_title h3 span.text02 {
        font-size: 23px;
    }

    .con_functionlist ul > li .title_text {
        font-size: 16px;
        line-height: 18px;
    }
    
    .con_functionlist ul > li .text {
        font-size: 12px;
    }

    
    .con_functionlist ul > li .text br {
        display: none;
    }

    .worryList li{
        padding: 1.5rem;
    }

    .worryList li.list1, .worryList li.list2, .worryList li.list3 {
        background-size: 75px auto;
    }

    
    .con_functionlist ul > li .text br {
        display: none !important;
    }
}

/* 221214 오피스키퍼란 추가 */
.con_about_officekeeper .mobile_img {display: none;}

.txt_list li {position: relative; padding-left: 10px;}
.txt_list li::before {content: ""; width: 3px; height: 3px; background: #575757; position: absolute; left: 0; top: 10px;}

.con_jodal {width: 840px; margin: 0 auto;}
.con_jodal > h2 {color: #003767;}
.con_jodal p.text {padding: 40px 0 46px ; line-height: 28px ; color: #333; text-align: center; font-size: 20px;}
.con_jodal p.text .blue {font-weight: 500; color: #0059a6;}
.con_jodal .top_box {background: #F4F5F9; border: 1px solid #DDE0EA ;border-radius: 10px; padding: 14px 30px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between;}
.con_jodal .top_box img:nth-of-type(1) {width: 36%;}
.con_jodal .top_box img:nth-of-type(2) {width: 36%;}
.con_jodal .bottom_box {padding: 30px 50px; border: 1px solid #ddd ; }
.con_jodal .txt_list {font-size: 17px; line-height: 1.8; color: #666;}
.con_jodal .txt_list li::before {top: 15px;}

@media(max-width: 1024px){
    .con_jodal p.text {font-size: 18px;}
}

@media(max-width:587px){
    .con_about_officekeeper .pc_img {display: none;}
    .con_about_officekeeper .mobile_img {display: block;}
    .con_jodal .top_box {flex-direction: column;}
    .con_jodal .top_box img {width: 60% !important; margin-bottom: 20px}
    .con_jodal .top_box img:last-of-type {margin-bottom: 0;}
    .con_jodal .bottom_box {padding: 30px 15px; }
}