/*
Theme Name: 	Rsupport RemoteCall
Theme URI: 		https://www.rsupport.com/
Author: 		wsd@rsupport.com
Description:	Rsupport RemoteCall theme
Text Domain: Rsupport RemoteCall
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@charset "utf-8";

@font-face {
    font-family: 'rsupport';
    font-weight: normal;
    font-style: normal;
    src:url('./font/rsupport.eot?41pv74');
    src:url('./font/rsupport.eot?41pv74#iefix') format('embedded-opentype'),
        url('./font/rsupport.woff?41pv74') format('woff'),
        url('./font/rsupport.ttf?41pv74') format('truetype'),
        url('./font/rsupport.svg?41pv74#rsupport') format('svg');
     font-display: swap;
}

/*-------------------------------------------------------------------
    reset
-------------------------------------------------------------------*/
*{-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling:touch; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;list-style:none;color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;font-style:normal;}
body {background:#fff;line-height:1;font-weight:400;word-break:break-all;word-wrap: break-word;-webkit-overflow-scrolling: touch;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0;padding:0;font-size:100%;cursor:pointer; vertical-align:baseline;background:transparent;color:inherit;text-decoration:none;outline: none;}
a:focus{outline: none;}
a:hover,a:active{text-decoration:none;cursor:pointer}
ins {color:#000;text-decoration:none;vertical-align:top;}
mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle; outline: none;}
strong,b{font-weight:600}
::-moz-selection{color:#555;background-color:rgba(234,29,37,.2)}
::selection{color:#555;background-color:rgba(234,29,37,.2)}
pre { display: block; margin: 15px 0 20px;padding: 0 10px;border: 1px solid #e8e8e8; border-radius: 3px;background:#fff; font-size:12px; line-height: 21px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap;}

/* skip navigation */
.nav_skip{position:relative;z-index:2147483647;}
.nav_skip a{display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; white-space:nowrap;}
.nav_skip a:focus,.nav_skip a:active{padding:7px; width:100%; height:auto; background:#F0892E; color:#fff; font-weight:bold;text-decoration:none; zoom:1;}

/* button style */
.btn_point{display:inline-block;position:relative;min-width:106px;height:42px;line-height:42px;padding:0 30px;border-radius:2px;background:#ff574a;color:#fff;font-size:16px;font-weight:400;text-align:center;overflow:hidden;vertical-align:top;}
.btn_point span{position:relative;color:#fff;font-size:inherit;font-weight:inherit;}
.btn_point:before{content:'';position:absolute;top:0;bottom:0;left:50%;background:#f5493b;width:0;-webkit-transition:all .6s;transition:all .6s;-webkit-transform:skew(-45deg);transform:skew(-45deg)}
.btn_point:hover:before{width:200%;left:-50%;}
.btn_point:active:before{background:#ec3b2d;}
.btn_point.btn_reverse{background:#fff}
.btn_point.btn_reverse span{color:#ff574a !important}
.btn_point.btn_reverse:hover span{color:#ff574a !important}
.btn_point.btn_reverse:before{background-color:#f2f2f2}
.btn_point.btn_reverse:active:before{background-color:#ebebeb}

.btn_point_border{display:inline-block;position:relative;min-width:106px;height:42px;line-height:40px !important;padding:0 29px;border:1px solid #ff543d;overflow:hidden;text-align:center;font-size:16px !important;font-weight:400 !important;border-radius:2px;vertical-align:top}
.btn_point_border span{position:relative;color:#ff574a;font-size:16px;font-weight:400;}
.btn_point_border:hover{border-color:#ec3b2d;text-decoration:none !important}
.btn_point_border:hover span,.btn_point_border:active span{color:#ec3b2d !important}
.btn_point_border:before{content:'';position:absolute;top:0;bottom:0;left:50%;background-color:#fff2f1;width:0;-webkit-transition:all .6s;transition:all .6s;-webkit-transform:skew(-45deg);transform:skew(-45deg)}
.btn_point_border:hover:before{width:200%;left:-50%}
.btn_point_border.btn_reverse{background-color:transparent;border-color:#fff}
.btn_point_border.btn_reverse span{color:#fff !important}
.btn_point_border.btn_reverse:hover span{color:#fff !important}
.btn_point_border.btn_reverse:before{background-color:rgba(255,255,255,.05)}
.btn_point_border.btn_reverse:active:before{background-color:rgba(255,255,255,.08)}

.btn_none{display:inline-block;position:relative;min-width:106px;height:42px;line-height:42px !important;padding:0 30px;background-color:#fff;overflow:hidden;text-align:center;font-size:16px !important;font-weight:400 !important;border-radius:2px;vertical-align:top}

.btn_info{display:inline-block;position:relative;min-width:106px;height:42px;line-height:42px !important;padding:0 30px;background-color:#408ce0;overflow:hidden;text-align:center;font-size:16px !important;font-weight:400 !important;border-radius:2px;vertical-align:top}
.btn_info span{position:relative;color:#fff !important;}
.btn_info:before{content:'';position:absolute;top:0;bottom:0;left:50%;background-color:#307dcd;width:0;-webkit-transition:all .6s;transition:all .6s;-webkit-transform:skew(-45deg);transform:skew(-45deg)}
.btn_info:hover{text-decoration:none !important}
.btn_info:hover:before{width:200%;left:-50%}
.btn_info:active:before{background-color:#276ebe}
.btn_info.btn_reverse{background-color:#fff}
.btn_info.btn_reverse span{color:#2995fa !important}
.btn_info.btn_reverse:hover span{color:#1576d1 !important}
.btn_info.btn_reverse:before{background-color:#f2f2f2}
.btn_info.btn_reverse:active:before{background-color:#fff}

.btn_point_inline{display:inline-block;height:30px;line-height:30px !important;color:#ff574a !important;font-size:16px !important;font-weight:500 !important}
.btn_point_inline:active,
.btn_point_inline:hover{color:#ec3b2d !important;text-decoration:none !important}

.btn_info_inline{display:inline-block;height:30px;line-height:30px !important;color:#2995fa !important;font-size:16px !important;font-weight:500 !important}
.btn_info_inline:active,
.btn_info_inline:hover{color:#1576d1 !important;text-decoration:none !important}

.btn_large{height:50px;line-height:50px !important;padding:0 32px;font-size:18px !important}
.btn_exlarge{height:56px;line-height:56px !important;padding:0 35px;font-size:20px !important}
.btn_block{display:block}

.btn_info_inline.btn_reverse,
.btn_point_inline.btn_reverse{color:#fff !important}
.btn_info_inline.btn_reverse:hover,
.btn_info_inline.btn_reverse:active,
.btn_point_inline.btn_reverse:hover,
.btn_point_inline.btn_reverse:active{color:rgba(255,255,255,.85) !important}

.btn_text_black{color:#333 !important}
.btn_text_black:hover,.btn_text_black:active{color:#2995fa !important;text-decoration:none}
.btn_text_grey{color:#555 !important}
.btn_text_grey:hover,.btn_text_grey:active{color:#2995fa !important;text-decoration:none}
.btn_text_blue{color:#2995fa !important}
.btn_text_blue:hover,.btn_text_blue:active{color:#1576d1 !important;text-decoration:none}

.btn_round_border{display:inline-block;height:24px;line-height:22px;padding:0 3px 0 10px;border:1px solid #2995fa;border-radius:12px;color:#2995fa;font-size:14px;text-decoration:none}
.btn_round_border:hover,
.btn_round_border:active{background-color:#f5f8fb;text-decoration:none;}
.btn_round_border [class*=ic_]{margin-left:6px;}
[id^='row-article-'] .btn_round-border:hover,
[id^='row-article-'] .btn_round-border:active{text-decoration:none}

a[class*=btn_],button[class*=btn_]{box-sizing:border-box;letter-spacing:-.025em;white-space:nowrap;text-decoration:none;text-indent:0}
a[class*=btn_]:hover,a[class*=btn_]:active,button[class*=btn_]:hover,button[class*=btn_]:active{text-decoration:none;cursor:pointer}
[class*=btn_] [class*='ic_']{margin-right:6px;margin-left:10px}
[class*=btn_] .ic_arrow_right_thick{display:inline-block;margin-top:-4px;margin-left:7px;font-size:10px;vertical-align:middle}
[class*=btn_] .ic_arrow_right_long{font-size:14px}
[class*=btn_] .ic_download{font-size:15px}
[class*=btn_] [class*='ic_arrow_right']{-webkit-transition:all .5s;transition:all .5s}
[class*=btn_]:not(.btn_round_border):hover .ic_arrow_right_long{margin-right:2px;margin-left:14px}
[class*=btn_]:not(.btn_round_border):hover .ic_arrow_right_thick{margin-right:2px;margin-left:11px}

/* icon 정의 */
[class^="ic_"], [class*=" ic_"], [class^="icon_"], [class*=" icon_"]{font-family: 'rsupport' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text_transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ic_admin:before {content: "\e900";}
.ic_arrow_left:before {content: "\e901"; }
.ic_arrow_left_thin:before {content: "\e902";}
.ic_arrow_right:before {content: "\e903";}
.ic_arrow_right_long:before {content: "\e904";}
.ic_arrow_right_thick:before {content: "\e905";}
.ic_arrow_right_thin:before {content: "\e906";}
.ic_check:before {content: "\e907";}
.ic_download:before {content: "\e908";}
.ic_external_link:before { content: "\e909";}
.ic_facebook:before {content: "\e90a";}
.ic_file:before {content: "\e90b";}
.ic_global:before {content: "\e90c";}
.ic_mail:before {content: "\e90d";}
.ic_down:before {content: "\e90e";}
.ic_pause:before {content: "\e90f";}
.ic_pause_circle:before {content: "\e910";}
.ic_phone:before {content: "\e911";}
.ic_play:before {content: "\e912";}
.ic_play_circle:before {content: "\e913";}
.ic_twitter:before { content: "\e914";}
.ic_youtube:before { content: "\e915";}
.icon_left_open:before{content: "\e901";display:inline-block;width:16px;font-size: 11px;}
.icon_right_open:before{content: "\e905";display:inline-block;width:16px;font-size: 11px;}

/* text & font */
.text_skyblue01{color:#2995fa !important}
button.text_skyblue01:hover,
a.text_skyblue01:hover{color:#1576d1 !important}

.text_navy01{color:#869eb9 !important}
.text_navy02{color:#5884b6 !important}
.text_navy03{color:#35679f !important}

.text_black01{color:#333 !important}
.text_black02{color:#555 !important}
.text_black03{color:#999 !important}

.text_redorange01{color:#ff574a !important}
button.text_redorange01:hover,
a.text_redorange01:hover{color:#ec3b2d !important}
.text_redorange02{color:#ff794a !important}
.text_redorange03{color:#ff9e00 !important}

.bg_grey01{background-color:#f9fbfe !important}
.bg_grey02{background-color:#f5f8fb !important}
.bg_grey03{background-color:#eef2f8 !important}
.bg_grey04{background-color:#e6eef8 !important}
.bg_navy02{background-color:#5884b6 !important}

.fw300{font-weight:300 !important}
.fw400{font-weight:400 !important}
.fw500{font-weight:500 !important}
.fw600{font-weight:600 !important}
.fw700{font-weight:700 !important}

.text_left,.text_left .wp-caption{text-align:left !important}
.text_center,.text_center .wp-caption{text-align:center !important}
.text_right,.text_right .wp-caption{text-align:right !important}

/* table style */
table.table_border_simple{width:100%;margin:0;border-top:1px solid #dfe5eb;border-radius:0;border-collapse:collapse;border-spacing:0}
table.table_border_simple th,
table.table_border_simple td{border-width:0;background:none !important;text-align:left;vertical-align:top}
table.table_border_simple th{width:256px;padding:10px 0;color:#333;font-weight:400;font-size:18px;line-height:26px;}
table.table_border_simple td{padding:10px 20px 10px 30px;color:#555;font-weight:300;font-size:16px;line-height:26px;}
table.table_border_simple tr:first-child th,
table.table_border_simple tr:first-child td{padding-top:25px}
table.table_border_simple tr:last-child th,
table.table_border_simple tr:last-child td{padding-bottom:25px}
[id^='row-article-'] table.table_border_simple th{width:auto}

table.table_default{width:100%;margin:0;border-style:solid;border-color:#e7ebf1;border-width:1px 0;border-radius:0;border-collapse:collapse;border-spacing:0;text-align:left}
table.table_default th,
table.table_default td{box-sizing:border-box;border-width:0;font-size:16px;line-height:26px;vertical-align:middle}
table.table_default th{padding:8px 15px 11px;border-style:solid;border-width:1px 0 0;border-color:#fff;color:#333;font-weight:400;text-align:center;background:#eef2f8}
table.table_default tr:first-child th{border-top-width:0}
table.table_default td{padding:8px 20px 11px;border-style:solid;border-width:1px 0 0;border-color:#e7ebf1;color:#555;font-weight:100;text-align:left;background:none}
table.table_default th + th,.table_default th + td,.table_default td + td{border-width:1px 0 0 1px}
table.table_default tr:nth-child(2n) td{background:none}
table.table_default tr th[scope='row'] + td{border-left-width:0}
table.table_default + table.table_default{margin-top:50px}


/*-------------------------------------------------------------------
    layout
-------------------------------------------------------------------*/
/* layout */
.site{min-width:1120px;overflow:hidden;}
.wrap{max-width:1256px;min-width:320px;margin:0px auto;padding:0px 68px;color:#555;letter-spacing:-.025em;box-sizing:border-box;}
.flexbox{display:flex;}
.clear:after{content:'';display:block;clear:both;}
.hide{position:absolute !important;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}

/* header */
#header{height:92px;}
.header_wrap{position: fixed; width: 100%; transform: translateY(0px); transition: transform .3s linear; -webkit-transition: transform .3s linear;border-bottom:1px solid #e7ebf1;background:#fff;z-index:9999;}
.header_wrap.up{transition: transform 0.6s cubic-bezier(0.52, 0.005, 0, 1.005);-webkit-transition: transform 0.6s cubic-bezier(0.52, 0.005, 0, 1.005);}

.gnb{height:30px;background:#3566a0;}
.gnb .wrap{min-width:1120px;padding:0px;color:#fff;font-size:12px;font-weight:300;line-height:30px;}
.rc_serviceStatus{float:left;padding-left:20px;}
.rc_serviceStatus img{vertical-align:middle;padding-right:10px;}
.top_gnb{float:right;padding-right:20px;}
.top_gnb li{display:inline-block;padding:0px 16px;font-size:12px;letter-spacing:0px;vertical-align:top;}
.top_gnb li a:hover{color:#fff;text-decoration:underline;}
.top_gnb .ic_admin:before{display:inline-block;width:20px; height:30px;margin:0px 5px 0 0;font-size:20px; line-height:30px;vertical-align:middle;}
.top_gnb .ic_admin a{vertical-align:middle;}

.header .wrap{display:flex;min-width:1120px;padding:0px;}

.logo{flex-grow:0;width:148px; padding:0px 58px 0px 20px;}
.logo a{display:block;width:148px; height:42px;padding-top:20px; line-height:62px;}
.logo img{width:100%;height:auto;vertical-align:top;}

/* mega menu custom */
.menu{flex-grow:1;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item > a.mega-menu-link{position:relative;z-index:1000;height:62px;line-height:62px;padding:0 20px;filter:none;background:none}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{display:none;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before,
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item > a.mega-menu-link:hover:before{content:'';position:absolute;z-index:1001;left:0;right:0;bottom:-1px;height:3px;margin:0;background-color:#2995fa}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu{border-top:1px solid #e7ebf1;background-color:#f5f8fb;-webkit-box-shadow:0 12px 8px 0 rgba(0,0,0,0.16);-moz-box-shadow:0 12px 8px 0 rgba(0,0,0,0.16);box-shadow:0 12px 8px 0 rgba(0,0,0,0.16);padding-bottom:49px}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{padding-bottom:7px;border-bottom:1px solid #d2dce6;color:#555;font-size:14px}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover{border-bottom:1px solid #d2dce6;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu .custom-html-widget a{display:block;height:40px;line-height:40px;font-size:16px;color:#333;font-weight:normal;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu .custom-html-widget a:hover{color:#2995fa;text-decoration:none}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu .custom-html-widget.textwidget > .area-banner{position:relative;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu .custom-html-widget.textwidget > .area-banner > a{display:block;height:auto}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu .custom-html-widget.textwidget > .area-banner img{width:100%;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu .column-nav-products .textwidget{padding-top:6px}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu .contact-tel{padding-top:15px;line-height:38px;color:#333;font-size:16px}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu .contact-email{line-height:38px;color:#333;font-size:16px}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu [class*=ic]{font-size:14px}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu .contact-tel [class*=ic]:before, .contact-email [class*=ic]:before{margin:0 10px 2px 3px;color:#3a8cdd;font-size:18px;vertical-align:middle;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu .group-button{padding-top:14px}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu .group-button [class*=btn_]{display:block;height:42px !important;}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu{max-width:1256px;min-width:1120px;padding:36px 24px 0;margin:0 auto}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column{box-sizing:border-box;padding:0 1.7%}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding:6px 0 0}
.menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, 

/* nav */
.social_menu{flex-grow:0;padding:18px 20px 0 0;}
.social_menu ul:after{content:'';display:block;clear:both;}
.social_menu li{float:left;margin-right:0;padding:0 10px;line-height: 24px;}
.social_menu li a{color:#ff574a;font-size:16px;font-weight:500;letter-spacing: -0.15px;text-decoration:none;vertical-align:top;}
.social_menu li a:hover{color:#ff574a}
.social_menu li.free:after{content:'';display:inline-block;width:1px;height:20px;margin:3px -10px 4px 10px;border-radius:50%;background-color:#ff4614}
.social_menu li.ic_admin{font-weight:300;}
.social_menu li.ic_admin:before{margin:0px 10px 0 0; color:#111;}
.social_menu li.ic_admin a{color:#333;font-size:15px;line-height:24px;}

/* 원격지원 바로시작 */
.btn_remotecallIo a{display:inline-block; min-width:141px; height:30px;margin-top:17px; padding:0px 20px;border-radius:100px;background: #ff574a;color: #fff;font-size: 16px; font-weight: 400; line-height:30px;text-align:center; }

/* footer */
#footer{position:relative;min-width:320px;}
#footer .panel-grid{border-top:1px solid #e7ebf1;}

#footer .row-wrapper{box-sizing:border-box;max-width:1256px;min-width:320px;margin:0 auto;padding:0 68px;}
#footer .footer_menu{padding-bottom:30px;}
#footer .widget-links{padding:50px 0 0px;}
#footer .widget-links .widget-title{margin:0 0 17px;color:#333;font-size:18px}
#footer .widget-links ul{margin-bottom:-7px}
#footer .widget-links li a{line-height:28px;color:#555;font-size:14px;font-weight:300;}

#footer .row-wrapper.footer_info{padding:20px 68px;}
#footer .widget_langs{position:relative;color:#555;font-size:14px;font-weight:300;}
#footer .widget_langs:after{content:'';display:block;clear:both;}
#footer .current_langs{float:left;height:22px;line-height:20px;color:#555;font-size:14px;font-weight:300;cursor:pointer}
#footer .current_langs .ic_global{display:inline-block;margin:0px 10px 0px 0;font-size:20px;vertical-align:top;}
#footer .current_langs:after{content:'';display:inline-block;width:0;height:0;margin:-2px 0 0 10px;border-left:solid 6px #555;border-bottom:solid 6px transparent;border-top:solid 6px transparent;vertical-align:middle}
#footer .list_langs{display:none;position:absolute;top:-4px;left:84px;width:245px;_border:1px solid #d2dce6;background-color:#fff;}
#footer .list_langs li{height:16px;float:left;padding:0 10px;margin:7px auto;border-right:1px solid #ccc;}
#footer .list_langs li .link_lang{display:block;position:relative;height:16px;line-height:16px;color:#555;font-size:14px;font-family:meiryo;}
#footer .list_langs li:last-child{border-right:0;}
#footer .list_langs li .link_lang:hover{background-color:#eef2f8;text-decoration:none}
#footer .list_langs li .link_lang.is_selected{color:#2995fa}
#footer .list_langs li .link_lang.is_selected:_after{position:absolute;right:11px;font-family:rsupport;content:"\e908";font-size:12px}      /* TODO ::check icon font content */

#footer .widget_etc{text-align:right;}
#footer .widget_etc li{float:left;padding-right:10px;}
#footer .widget_etc ul{display:inline-block;}
#footer .widget_etc:after{content:'';display:block;clear:both;}
#footer .links_etc li a{color:#555;font-size:14px;font-weight:300;}
#footer .links_etc li:after{content:'';display:inline-block;height:13px;margin:0px 0px 3px 10px;border-right:1px solid #e7ebf1;vertical-align:middle}
#footer .links_etc li:first-child a{font-weight:600;}
#footer .links_etc li:last-child{padding-right:0;}
#footer .links_etc li:last-child:after{display:none;}

#footer .links_sns{margin:0px 12px 0px 35px;}
#footer .links_sns:after{content:'';display:block;clear:both;}
#footer .links_sns li{float:left;padding-right:17px;font-size:19px}
#footer .links_sns li:last-child{padding-right:0}
#footer .links_sns li .ic_facebook{font-size:18px}
#footer .links_sns .text{display:none}
#footer .links_sns i{font-size:19px;vertical-align:middle;}
.footer-service{margin-top:15px;}

#footer .footer_copyright{padding:20px 68px 50px;}
.company_info{padding-left:196px;background:url('/wp-content/uploads/image/common/logo_rsupport_gray.png') no-repeat 0px 0px;}
.company_info ul:first-child{padding-top:5px;}
.company_info li{position:relative;float:left;padding:2px 24px;color:#aaa;font-size:14px;line-height:20px;}
.company_info li:after{content:"";position:absolute; top:4px; right:0px;width:1px; height: 16px; background:#d8d8d8; }
.company_info li:last-child:after{content:""; width:0px;}


/*-------------------------------------------------------------------
    main page
-------------------------------------------------------------------*/
/* 메인 상단 배너 타입*/
.main_visual{position:relative;height: 776px;background: url("/wp-content/uploads/image/main/bg_main_airport.jpg") no-repeat center; background-size:cover;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center;justify-content: center; color: #fff; text-align: center;}
.main_visual:before{content:""; position:absolute; right:0px; bottom:0px;display:block; width:100%; height: 100%; background: url("/wp-content/uploads/image/main/bg_main_person.png") no-repeat right bottom;}
.main_visual:after{content:""; position:absolute; right:0px; bottom:0px;display:block; width:100%; height: 100%; background: #465167; opacity:.5;}
.main_visual .wrap{max-width:800px;margin:0px; padding:0px 20px; text-align:center;z-index:1;overflow:visible;}
.main_visual h2{animation: glow 2s ease-in-out;max-height: 144px; margin:-13px 0px 21px; color:#fff;font-size: 56px;text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15); line-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_visual .text{max-height: 56px; margin-bottom:38px;color:#fff; font-size: 24px;text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15); line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_visual .btn_point {width:216px;height:auto;padding: 18px 28px;font-size: 20px; line-height: 20px;box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.15);}


/* 메인 상단 슬라이드 타입 */
.main_slideBanner{position:relative;height: 80vh; max-height:776px; min-height:600px; color: #fff;overflow:hidden;}
.visual_slider{opacity: 0;visibility: hidden;transition:all 1.2s ease;}
.visual_slider.slick-initialized {height: 100%; opacity: 1; visibility: visible;}
.visual_slider .slick-list, .visual_slider .slick-track{height: 100%;}
.visual_slider .slick-slide { position: relative; height: 100%;transition: all 0.8s ease; overflow:hidden;}
.visual_slider .slick-slide.slick-active{ -webkit-animation: slideIn 2s cubic-bezier(0.4, 0.29, 0.01, 1); animation: slideIn 2s cubic-bezier(0.4, 0.29, 0.01, 1);}
.main_slideBanner .type_center{text-align: center;}
.main_slideBanner .type_left{text-align: left;}
.main_slideBanner .type_media video{position:absolute; top: 50%; left: 50%;min-width: 100%; min-height: 100%; width: auto; height: auto;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.main_slideBanner .type_media .text_wrap:after{content:"";position:absolute; top: 0%; left: 0%;width:100%; height:100%; background:#465167; opacity:.5;z-index:1;}
.main_slideBanner .text_wrap{display: flex; align-items: center; width: 100%; height: 100%; color: #fff;overflow:hidden;}
.main_slideBanner .inner{position:relative;width:1256px;margin:0px auto;padding:0px 20px;box-sizing: border-box;z-index: 3;}
.main_slideBanner .type_center .inner{opacity:0;transition: all 0.3s ease; transform: translateY(200px);}
.main_slideBanner .type_left .inner{opacity:0; transition: all 0.3s ease; transform: translateX(-100px);}
.main_slideBanner .type_center.slick-active .inner{opacity: 1; transform: translateY(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;}
.main_slideBanner .type_left.slick-active .inner {opacity: 1; transform: translateX(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; }

.main_slideBanner  h2{max-height: 144px; margin:0px 0px 21px; color:#fff;font-size: 56px;text-shadow: 0px 2px 1px rgba (0, 0, 0, 0.15); line-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_slideBanner  h2 strong {display: block;}
.main_slideBanner .text{max-height: 56px; margin-bottom:38px;color:#fff; font-size: 24px;text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15); line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hashtags{margin:-21px 0px 40px;}
.hashtags li{display:inline-block; padding:10px 12px 8px;border:1px solid rgba(255,255,255,0.6); border-radius: 2px;color: #ffffff;font-size: 20px; letter-spacing: -0.5px;}
.main_slideBanner .btn_point, .main_slideBanner .btn_reverse {min-width:216px;height:auto;padding: 18px 28px;font-size: 20px; line-height: 20px;box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.15);}

.banner_controls{position:absolute; bottom:30px; left:0px;display: flex; width:100%;height:40px;justify-content: center;align-items:center; z-index:2;}
.btn_controls{display:none;width:40px; height:40px;margin:0px 47px;border:0px;outline:0;}
.btn_controls.btn_prev{background:url('/wp-content/uploads/image/main/ico_prev.png') no-repeat center;}
.btn_controls.btn_next{background:url('/wp-content/uploads/image/main/ico_next.png') no-repeat center;}

.banner_controller{display:none;}
.banner_controller ul{display: flex;align-items: center;}
.banner_controller li{height:12px;overflow:hidden;}
.banner_controller li button{width: 12px;height: 12px;padding:0;border:1px solid #fff; border-radius:100px;background:none;box-sizing:border-box;outline:0;cursor:pointer;vertical-align:top; font-size:0;color:transparent;text-indent:-100px; overflow:hidden;}
.banner_controller li.slick-active button, .banner_controller li button:hover{background:#fff;}
.banner_controller li:not(:last-of-type) button{margin-right: 24px;}

@keyframes slideIn {
    from {-webkit-filter: blur(15px); filter: blur(15px); transform: scale(1.05);}
    to {-webkit-filter: blur(0px); filter: blur(0px); transform: scale(1);}
  }


/* 메인 상단 Hot ISSUE 슬라이더 */
.main_slider{padding: 50px 0px; background-color: #35679f;}
.main_slider .wrap{position:relative;padding:0px 20px;}
.main_slider .tit_sliderWrap{position:absolute; top:0px; left:20px; color: #ff794a; font-size: 20px;font-weight: 500;z-index:1020;}
.top_slider >ul{height:198px;overflow:hidden;}
.top_slider >ul li{max-height:198px;background-color: #35679f;}
.slider_contents {flex-grow:1;max-width:854px;}
.slider_contents .text{display:block;max-height: 90px; margin-bottom: 18px; padding-top: 45px; color: #fff;  font-size: 20px; line-height: 30px; font-weight: 300; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.slider_contents:hover .text, .slider_contents:active .text{text-decoration:none;cursor:pointer}
.slider_contents:hover .btn_point-inline.btn_reverse, .slider_contents:active .btn_point-inline.btn_reverse{color:rgba(255,255,255,.85) !important;}
.top_slider .slider_thumbs{flex-grow:0;width:362px;height:198px;text-align:right; overflow:hidden;}
.top_slider .slider_thumbs img{display:inline-block;width:362px; height:198px;vertical-align:top;}
.top_slider .slick-dots{position: absolute; bottom: 0px; display: block; width: 100%;padding-bottom:0px;text-align: center;z-index:1}
.top_slider .slick-dots>li{position: relative;  display: inline-block; width: 6px; height: 6px;  margin: 0 5px; padding: 0;cursor: pointer;}
.top_slider .slick-dots>li:only-child{display:none;}
.top_slider .slick-dots li button { font-size: 0; line-height: 0; display: block;  width: 6px;  height: 6px;  padding:0px;  border-radius:10px; background: #2c4d73;  cursor: pointer;  color: transparent;  border: 0; outline: none; }
.top_slider .slick-dots li.slick-active button{background: #fff;}

/* 지원 */
.main_support {padding:120px 0px 0px;}
.main_support h3{padding: 0 68px 50px; color: #333; font-size: 42px; font-weight: 300; line-height: 56px; text-align: center;}
.type_support{border-bottom: 1px solid #e7ebf1;}
.type_support .wrap{padding:0px;}
.type_support .flexbox{padding-top:80px;}
.type_support .media{display:flex; align-items: center;flex-grow:1;width:50%;padding-bottom:80px;transition: all .3s; -webkit-transition: all .3s;}
.type_support .media img{width:100%; height:auto;box-shadow: 10px 10px 60px rgba(0,0,0,0.2);}

.type_support .caption{position:relative;display:flex;flex-direction: column;align-items:center;justify-content: space-between;width:50%;flex-grow:1;box-sizing:border-box;}
.type_support .caption:after{content: ''; position: absolute; top: 50%; left:7%; margin-top: -22px; display: inline-block; width: 44px; height: 38px; background: url("/wp-content/uploads/image/main/ico_support_arrow.png")no-repeat;}
.type_support .caption h4{padding:0px 104px 12px;color: #333; font-size: 36px; line-height: 56px; font-weight: 300; text-align: center;}
.type_support .caption .text{max-width:628px;padding:0px 104px;box-sizing:border-box; color: #666;font-size: 18px; line-height: 28px; font-weight: 300; text-align: center; word-break: keep-all; max-height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.media_mobile{display:block;margin-top: auto;text-align:center;}
.media_mobile img{max-width:100%; height:auto;vertical-align:top;}
.type_support .type_pc{padding:0px 0px 80px;}
.type_pc .media{padding-bottom:0px;}

/* 스마트 웍스 */
.main_works{padding:110px 0px 120px;background: #f5f8fb url("/wp-content/uploads/image/main/bg_smartwork.jpg") no-repeat bottom center; background-size:cover; font-weight: 300;text-align: center;}
.main_works .wrap{padding:0px;}
.main_works h3{margin-bottom: 52px; padding: 0 68px;color: #333; font-size: 42px; line-height: 56px;font-weight: 300;word-break: keep-all;}
.main_works .photo{margin-bottom:50px;}
.photo img{max-width: 100%; height: auto;vertical-align:top;}
.main_works .text{margin-bottom: 13px;color: #333;font-size:20px;line-height:30px;}

/* 효율과 만족 */
.main_effect{padding:110px 0px;border-bottom: 1px solid #dfe5eb;text-align: center;}
.main_effect .wrap{padding:0px;}
.main_effect h3{margin-bottom: 52px; padding: 0 68px;color: #333; font-size: 42px; line-height: 56px;font-weight: 300;word-break: keep-all;}
.main_effect ul{display:flex;padding:0px 48px;}
.main_effect li{justify-content:space-between;flex-wrap:wrap;flex-grow:1;width:33.33%;padding:0px 19px;}
.tit_effect {margin-bottom: 23px; color: #35679f; font-size: 90px; font-weight: 500; line-height: 110px;}
.tit_effect:before{content: ''; display: inline-block; width: 58px; height: 58px; margin: 0 12px 5px 0;}
.tit_effect.time:before{background: url("/wp-content/uploads/image/main/ico_efficient_title01.png") no-repeat center;}
.tit_effect.cost:before{background: url("/wp-content/uploads/image/main/ico_efficient_title02.png") no-repeat center;}
.tit_effect.task:before{background: url("/wp-content/uploads/image/main/ico_efficient_title03.png") no-repeat center;}
.tit_effect.cost:after{content: '%'; display: inline-block; font-size: 60px;line-height:85px;}
.tit_effect.task:after{content: 'X'; display: inline-block; font-size: 60px;line-height:85px;}
.txt_effect {max-height: 60px;color:#555;font-size: 20px; line-height: 30px; font-weight: 300; word-break: keep-all; overflow: hidden;}

/* 웹뷰어 */
.main_webViewer{padding:110px 0px;border-bottom: 1px solid #dfe5eb;}
.main_webViewer .wrap{position:relative;padding:0px;overflow:visible;}
.main_webViewer .caption{min-height:360px;padding-right:50%;text-align:left;transition: all .5s; -webkit-transition: all .5s; }
.main_webViewer h3{max-height: 168px;margin: 0 0 -10px 0;padding: 0px 68px 40px 0; color: #333; font-size: 42px; font-weight: 300; line-height: 56px; letter-spacing:-0.21rem;word-break: keep-all;display: -webkit-flex; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main_webViewer .text{margin: 0 68px 28px 0; color: #555; font-size: 18px; font-weight: 300; line-height: 30px; word-break: keep-all;}
.main_webViewer .photo{position:absolute; top:0px; left:50%;width:50%;max-width:628px; height:auto;transition: all .5s; -webkit-transition: all .5s;}

/* 도입사례 */
.success_stories{position:relative;background: #35679f url("/wp-content/uploads/image/main/img_main_usecase.jpg") no-repeat center right;}
.success_stories:before{content: ''; display: inline-block; position: absolute;  width: 50%; height: 100%; background: #35679f;}
.success_stories .wrap{position:relative;padding:0px;overflow:visible;zoom:1;}
.success_stories .contents_slider{padding:100px 52.8% 100px 0px;text-align:left;transition: all .5s; -webkit-transition: all .5s;}
.success_stories .tit_successStories{padding-bottom:50px;}
.success_stories h3{max-height: 168px; margin: -11px auto 30px; line-height: 56px; color: #fff; font-size: 42px; font-weight: 300; letter-spacing: -.05em;word-break: keep-all; display: -webkit-flex;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.successStories_slider{border-left: 2px solid #fff;overflow:hidden;}
.successStories_slider li{min-height:60px;padding:0px 20px;color: #fff; font-size: 20px; font-weight: 300; line-height: 30px; z-index:1;box-sizing:border-box;}
.successStories_slider .by { display: block; margin-top: 7px; font-size: 16px;}

.main_use_case{padding:24px 0px;border-bottom: 1px solid #dfe5eb;}
.main_use_case .wrap{padding:0px 48px;}
.main_use_case ul{flex-wrap: wrap;justify-content: space-around;}
.main_use_case li{width:33.3%;max-width:160px;flex-grow:1; }
.main_use_case li img{width:100%; height:auto;}

/* 뉴스레터 구독폼 */
.main_newsletterForm{padding:70px 0px 35px;border-bottom: 1px solid #dfe5eb;}
.main_newsletterForm h3{padding: 0 68px;color: #333; font-size: 42px; line-height: 56px;font-weight: 300;text-align:center;word-break: keep-all;}
.main_newsletterForm span{background-color:transparent !important;}
.newsletter_subs_wrap{padding:150px 0 300px;text-align:center;}
.newsletter_subs_wrap h3{padding-bottom:0px;}
.newsletter_subs_wrap p{padding: 0px 0px 36px;font-size: 18px;line-height: 28px;font-weight: 300;}

/* 시작하기 */
.main_start{padding: 80px 0px 80px 0px;}
.main_page .main_start{background: #eff4f9;}
.start_content{max-width:1120px;margin:0px auto;}
.start_content li{position:relative;flex-grow:1;max-width:50%;box-sizing:border-box;}
.start_content .start{padding-right:80px;}
.start_content .contact{padding-left:80px;}
.start_content .contact:before{content:""; position:absolute; top:0px; left:0px; width:1px; height:100%; background:#dfe5eb;}
.start_content h4{margin-bottom: 12px;color: #333; font-size: 36px;font-weight: 400; line-height: 1.7;}
.start_content .text{padding-bottom: 20px;color: #333; font-size: 16px; font-weight: 300; line-height: 1.7; word-break: keep-all;}
.start_content .ic_phone{font-size:inherit;font-weight:inherit;line-height:inherit;}
.start_content .btn_wrap a:first-child{margin-right:6px;}
.support_time {padding-left: 20px; color: #555; font-size: 14px; font-weight: 300; line-height: 30px;}


/*-------------------------------------------------------------------
    sub page
-------------------------------------------------------------------*/
/* page 공통 레이아웃*/
.page_tit{display: -webkit-flex;display: -ms-flexbox; display: flex; flex-direction: column;justify-content: center;align-items: center; background-color: #3685da; color:#fff;}
.remotecall_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_remotecall.jpg") no-repeat center;background-size:cover;}
.pc-support_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_pc.jpg") no-repeat center;background-size:cover;}
.mobile-support_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_mobile.jpg") no-repeat center;background-size:cover;}
.visual-support_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_visual.jpg") no-repeat center;background-size:cover;}
.remotecall-face_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_face.jpg") no-repeat center;background-size:cover;}
.webviewer_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_webviewer.jpg") no-repeat center;background-size:cover;}
.mobile-support-sdk_page .page_tit{height: 314px;background:url("/wp-content/uploads/image/sub/bg_tit_mobileSDK.jpg") no-repeat center;background-size:cover;}

.advantages_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_advantages.jpg") no-repeat center;background-size:cover;}
.features_page .page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_features.jpg") no-repeat center;background-size:cover;}
.requirements.page_tit{height: 284px;background:url("/wp-content/uploads/image/sub/bg_tit_enviroment.jpg") no-repeat center;background-size:cover;}/* 제품>사용환경 */
.stories.page_tit{height: 284px;background: url("/wp-content/uploads/image/sub/bg_tit_successStories.jpg") no-repeat center;background-size:cover;}/* 기업성공사례, 카툰 */

.download_page .page_tit{height: 180px;background: url("/wp-content/uploads/image/sub/bg_tit_download.jpg") no-repeat center;background-size:cover;}
.support.page_tit{height: 180px;background: url("/wp-content/uploads/image/sub/bg_tit_etc.jpg") no-repeat center;background-size:cover;}/* 고객지원>소개자료, 고객지원>사용가이드, 각종 약관들*/
.library.page_tit{height: 180px;background: url("/wp-content/uploads/image/sub/bg_tit_library.png") no-repeat center;background-size:cover;}/* 리모트콜 라이브러리 */
.notices.page_tit{height: 180px;background: url("/wp-content/uploads/image/sub/bg_tit_notice.jpg") no-repeat center;background-size:cover;}
.update-history_page .page_tit{height: 180px;background: url("/wp-content/uploads/image/sub/bg_tit_update.jpg") no-repeat center;background-size:cover;}
.pr.page_tit{height: 180px;background: url("/wp-content/uploads/image/sub/bg_tit_prcenter.jpg") no-repeat center;background-size:cover;}
.videos.page_tit{height: 180px;background: url("/wp-content/uploads/image/sub/bg_tit_videos.jpg") no-repeat center;background-size:cover;}
.lounge_page .page_tit{height: 284px;background: url("/wp-content/uploads/image/sub/bg_tit_lounge.jpg") no-repeat center;background-size:cover;}
.event_page .page_tit{height: 284px;background: url("/wp-content/uploads/image/sub/bg_tit_lounge.jpg") no-repeat center;background-size:cover;}
.company_page .page_tit{height: 284px;background: url("/wp-content/uploads/image/sub/bg_tit_rsupport.jpg") no-repeat center;background-size:cover;}

.page_tit .wrap{width:100%;padding: 0 68px;}
.page_tit h2{color:#fff; font-size: 48px;line-height: 56px; letter-spacing: -.05em;}
.page_tit h2 a{display:none;}
.page_tit p{margin-top: 14px;color:#fff;font-size: 20px; font-weight: 300;line-height: 30px;}

.page_banner{position:relative;height:224px;background:linear-gradient(90deg, #e6eef8 0%,#e6eef8 50%,#dbe6f4 50%, #dbe6f4 100%); background-color: #3685da; color:#fff;overflow:hidden;}
.page_banner .wrap{position:relative;height:100%;display: -webkit-flex;display: -ms-flexbox; display: flex; flex-direction: column;justify-content: center;align-items: center;background-color: #e6eef8;}
.page_banner .wrap:before {content: ''; display: block; position: absolute;top: 0; bottom: 0; left: 71%; right: -14%;background-color: #e0eaf6; -webkit-transform: skew(-45deg); transform: skew(-45deg);}
.page_banner .wrap:after { content: ''; display: block; position: absolute; top: 0; bottom: 0;  left: 77.7%; right: -15%; background-color: #dbe6f4; -webkit-transform: skew(-45deg); transform: skew(-45deg);}
.page_banner a{display:block;position:relative;z-index:10;width:100%;padding-right:80px;color:#5884b6;font-size:18px;font-weight:100;line-height:28px;text-decoration:none;background:url("/wp-content/uploads/image/sub/ico_arrow_long.png") no-repeat 100% 50%;word-break:keep-all; -moz-animation-duration:1s; -moz-animation-iteration-count:infinite; -moz-animation-direction:reverse; -moz-animation-name:arrowin; -webkit-animation-duration:1s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:reverse; -webkit-animation-name:arrowin; animation-duration:1s; animation-iteration-count:infinite; animation-direction:reverse; animation-name:arrowin;box-sizing:border-box;}
.page_banner a:hover{ -moz-animation:none; -webkit-animation:none; animation:none;}
.page_banner a strong{display:block;margin-bottom:9px;line-height:48px;color:#5884b6;font-size:32px;font-weight:400;}

@-moz-keyframes arrowin{
  0%{background-position:100% 50%}
  50%{background-position:98.85% 50%}
  100%{background-position:100% 50%}
}
@-webkit-keyframes arrowin{
  0%{background-position:100% 50%}
  50%{background-position:98.85% 50%}
  100%{background-position:100% 50%}
}
@keyframes arrowin{
  0%{background-position:100% 50%}
  50%{background-position:98.85% 50%}
  100%{background-position:100% 50%}
}


/*-------------------------------------------------------------------
    sub page : 제품
-------------------------------------------------------------------*/
/* 제품 > 리모트콜이란 */
.contents_remotecall{padding:120px 0px;}
.tit_subPage{padding-bottom:52px; color:#3c3c3c;font-size:42px;font-weight:300;line-height:58px;letter-spacing: -.05em;text-align: center;word-break:keep-all;}
.tit_subPage span{font-size:inherit; }

.visual_remotecall{position:relative;display: -webkit-flex;display: -ms-flexbox; display: flex;padding-bottom:75px;overflow:hidden;}
.viewer{width:40%;flex-grow:1;max-width: 486px;height:272px;}
.viewer .frame{position:absolute;left:0px;}
.viewer .content{z-index:1;position:absolute;left:0px;width:468px;height:272px;}
.viewer .content .border{z-index:1;opacity:0;position:absolute;top:0;left:0;}
.viewer .content .cursor_move{z-index:1;position:absolute;top:95px;left:233px;width:25px;height:25px;}
.viewer .content .cursor_move .cursor{z-index:1;position:absolute;top:0;left:0;width:25px;height:25px;}
.viewer .cursor_move:after{content:'';position:absolute;left:0;display:inline-block;width:0;height:0;}
.user_device{position:relative;width:45%;height:272px;flex-grow:1; max-width: 511px;}
.user_device .frame{position:absolute;left:0px;}
.user_device .mobile{position:absolute;left:0px;z-index:1;}
.user_device .tablet{position:absolute;left:0px;z-index:1;}
.user_device .border{opacity:0;position:absolute;top:0;left:0px;z-index:1;}
.user_device .cursor_move{z-index:1;position:absolute;top:90px;left:220px;width:25px;height:25px;}
.user_device .cursor_move .cursor{z-index:1;position:absolute;top:0;left:0;width:25px;height:25px;}
.user_device .cursor_move:after{content:'';position:absolute;left:0;display:inline-block;width:0;height:0;}
.visual_line_wrap{display: -webkit-flex;display: -ms-flexbox; display: flex;width:10%;flex-grow:1;flex-direction: column;justify-content: center;align-items: center;max-width:150px;}
.visual_line{width:100%;height:20px;border-top:2px dashed #dfe5eb;border-bottom:2px dashed #dfe5eb;box-sizing:border-box;}
.visual_line_wrap .area{position:relative;width:100%;height:100%;}
.visual_line_wrap .area .top-border{position:absolute;top:-2px;left:0;width:0;box-sizing:border-box;opacity:0;}
.visual_line_wrap .area .bottom-border{position:absolute;bottom:-2px;right:0;width:0;box-sizing:border-box;}
.sub_line_wrap{position:relative;height:37px;padding-bottom:50px;}
.sub_line_wrap .line{display: inline-block;width: 50%;position: absolute;left: 25%;top: 18px;z-index:1;height: 1px;border-top: 1px solid #2995fa;box-sizing:border-box;}
.sub_line_wrap .line:after{content:'';display: inline-block;width: 0;position: absolute;left: 0;top: -1px;height: 1px;border-top: 1px solid #2995fa;box-sizing:border-box;}
.sub_line_wrap .steps{position:relative;z-index:2;width:50%;height:37px;float:left;text-align:center;line-height:37px;}
.sub_line_wrap .steps .text{position:absolute;top:-45px;left:0;width:100%;display:inline-block;font-size:20px;color:#2995fa;}
.sub_line_wrap .steps .number{display:inline-block;width:37px;height:37px;border-radius:50%;background-color:#2995fa;color:#fff;}
.visual_text_wrap{display: -webkit-flex;display: -ms-flexbox; display: flex;word-break:keep-all;padding:0px 0px 60px;}
.visual_text_wrap li{flex-grow:1;width:50%;text-align:center;}
.visual_text_wrap h4{overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  margin: 0 auto 28px;  color: #333; font-size: 32px; font-weight: 300; line-height: 34px; letter-spacing: -.05em;}
.visual_text_wrap p{overflow: hidden; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; max-height: 90px;line-height:30px; text-overflow: ellipsis;color:#555; font-size:18px;font-weight:300;}
.visual_wrap .text_navy02{font-size:32px;font-weight:300;line-height:47px;letter-spacing:-.05em;text-align:center;word-break:keep-all;}

.list_remotecallCase li{padding-bottom:50px;}
.list_remotecallCase li:last-child{padding-bottom:0px;}
.rcCase_wrap{display: -webkit-flex;display: -ms-flexbox; display: flex;flex-direction: row-reverse;background:#fff;}
.list_remotecallCase .media{display: -webkit-flex;display: -ms-flexbox; display: flex;flex-grow:1;flex-direction: column;justify-content: center;align-items: center;width:50%;text-align:center;overflow:hidden;}
.list_remotecallCase .media img{width:auto;max-height:100%;vertical-align:middle;}
.list_remotecallCase .caption{flex-grow:1;width:50%;padding:50px 56px;box-sizing:border-box;}
.list_remotecallCase .caption h4{max-height: 120px; margin: 0 0 15px; color: #333; font-size: 28px; font-weight:300; line-height: 40px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list_remotecallCase .caption .text{max-height: 120px; margin: 0 0 46px; color:#666; font-size: 17px; line-height: 30px; font-weight:300; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.icon_support img { max-width: 100%; height: auto;}

.video_wrap{position: relative; width: 100%; height: 0; margin-bottom:80px; padding-bottom: 56.25%;}
.video_wrap iframe {position: absolute;  top: 0; left: 0; width: 100%;height: 100%;}

.contents_remotecall.rcSlide{padding-bottom:70px;}
.slide_remotecall{position:relative;padding-bottom:50px;}
.rcSlide_wrap{position:relative;height:100%;background:#eef2f8;}
.rcSlide_wrap:after{content:'';display:block;clear:both;}
.rcSlide_media{position:relative;width:50%;}
.rcSlide_media img{max-width:100%; height:auto;}
.slide_number{z-index:15;position:absolute;right:0;top:0;padding-top:20px;width:92px;height:72px;background:#6483b1;color:#fff;font-size:42px;line-height:42px;text-align:center;}
.rcSlide_desc{position:absolute; top:0px; right:0px;display: -webkit-flex;display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center;align-items: center;width:50%;height:100%;line-height:48px;color:#333;font-size:32px;font-weight:100;}
.rcSlide_desc .text{overflow: hidden;max-width:424px;max-height:144px;margin:0px auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;width:100%}
.rcSlide_wrap .slick-dots{position: absolute; top:73px;right:0; display: block; width:92px;height:7px; text-align: center;z-index:16;}
.rcSlide_wrap .slick-dots>li{position: relative;  display: inline-block; width: 7px; height: 7px;  margin: 0 5px; padding: 0;cursor: pointer;vertical-align:top;}
.rcSlide_wrap .slick-dots li button { font-size: 0; line-height: 0; display: block;  width: 7px;  height: 7px;  padding:0px;  border-radius:10px; background:#93a8c9; opacity: .2; cursor: pointer;  color: transparent;  border: 0; outline: none; }
.rcSlide_wrap .slick-dots li.slick-active button{background: #fff;opacity: 1;}
.list_rcSlide{margin:0px -16px;padding:50px 0px; }
.list_rcSlide li{width:25%;padding:0px 16px;box-sizing:border-box;}
.list_rcSlide h4{margin-top: -3px; margin-bottom: 22px; color: #333;font-size: 24px;line-height: 28px;font-weight: 300;}
.list_rcSlide p{margin-top: -8px; margin-bottom: -5px; font-size: 16px;line-height: 26px;font-weight: 300;}


.remotecall_partner{background:url("/wp-content/uploads/image/sub/img_businessBg.jpg") no-repeat center; background-size:cover;}
.remotecall_partner .tit_subPage{color:#fff;}
.tab_remotecall{position:relative;background:#fff;}
.tab_remotecall li{flex:1 1 33.5%;}
.tab_remotecall li:first-child{flex:1 1 33%;}
.tab_remotecall .is_selected a{background:#fff;}
.tab_remotecall a{display:block;padding: 0 26px; height: 92px; background: #f6f6f6; color:#555; font-size: 24px;line-height: 92px; font-weight: 300; text-align: center; }
.tab_panel{padding: 50px;background:#fff;}
.tab_panel .media{ float: left;width: 324px; height: 204px;}
.tab_panel .media img{width:324px;height:204px;}
.tab_panel .caption{padding: 20px 0 0 366px;}
.tab_panel .caption h4{margin-bottom: 28px;font-size: 28px;font-weight: 300;line-height:28px;}
.tab_panel .caption .text{font-size: 16px; line-height: 30px; font-weight: 300;}

.intro_wrap{flex-grow: 1;width:50%;box-sizing:border-box;}
.intro_wrap:first-child{padding-right:28px;}
.intro_wrap:last-child{padding-left:28px;}
.intro_inner{border: 1px solid #dfe5eb;}
.top_intro{padding:42px; background:#f9fbfe;color:#555;}
.top_intro h4{margin-bottom: 18px; font-size: 32px; line-height: 40px;}
.top_intro h4 span{display:block;font-size: 20px; line-height: 40px;}    
.top_intro p{margin-bottom: 18px;  min-height: 120px; font-size: 18px; line-height: 30px; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word;}
.top_intro .btn_info span{font-size:18px;line-height:50px;}
.bot_intro{padding:42px;}
.bot_intro li{position:relative;padding-left: 15px;font-size:16px;line-height:30px;}
.bot_intro li:before{content:'\2219';position:absolute; top:0px; left:0px;}

/* 차별점 */
.contents_advantages{padding:120px 0px;}
.contents_advantages.slider{padding-bottom:40px;}
.contents_advantagesSlider{padding-top:40px;}
.advantages_slider .slider_thumbs{flex-grow:0;width:50%;height:540px;padding:0px 0 0 24px;box-sizing:border-box;text-align:center;}
.advantages_slider .slider_thumbs img{display:inline-block;max-width:100%;height:auto;}
.advantages_slider .slider_thumbs img.pc_img{padding-top:100px;}
.advantages_slider .slider_thumbs img.mobile_img{padding-top:50px;}
.advantages_slider .slider_box_desc{flex-grow:1;width:50%;padding:150px 24px 0px;box-sizing:border-box;}
.slider_box_desc .title{margin-bottom:-14px;font-size:28px;line-height:40px;font-weight:300;overflow: hidden;max-height:80px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-wrap:break-word;}
.slider_box_desc .text{padding-top:30px;font-size:16px;line-height:28px;font-weight:300;overflow: hidden;max-height:112px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-wrap:break-word;}
.advantages_slider .tab_advantagesSlider{display:flex;position:absolute; top:0px; left:0px; width:100%;height: 40px;border-bottom: 1px solid #dfe5eb;}
.advantages_slider .tab_advantagesSlider li{flex-grow:1;cursor:pointer;height:40px;padding:0 5px;box-sizing:border-box;overflow: hidden;opacity:1;-webkit-box-orient: vertical;word-wrap:break-word;color:#999;text-align:center;line-height:20px;outline:unset;border-radius:0;}
.advantages_slider .tab_advantagesSlider li.slick-active{color:#2995fa;border-bottom:3px solid #2995fa;}

.share_advantages li{padding:40px 104px;display: -webkit-flex; display: flex;border-top: 1px solid #dfe5eb;}
.share_advantages li:first-child{border-top:0px;padding-top:0px;}
.share_advantages li:last-child{padding-bottom:0px;}
.tit_share_advantages{flex-grow:1;width: 30%;padding:0px 40px 0px 0px; box-sizing: border-box;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center;-webkit-justify-content: center;justify-content: center;}
.tit_share_advantages strong{display:block; width:230px;margin-bottom:17px;color:#6483b1;font-size:76px;font-weight:400;text-align:center;}
.tit_share_advantages .sub_title{display:block; width:230px;color:#8b9cb8; font-size:20px;text-align:center;}
.desc_share_advantages{flex-grow:1;width:70%;padding-left:50px;box-sizing:border-box;font-size: 16px;font-weight: 300;line-height: 28px; }
.desc_share_advantages a{display: inline-block; margin-top: 12px;font-weight: 500;}

.rsupport_advantages{flex-wrap:wrap;padding-bottom:50px;}
.rsupport_advantages li{flex-grow:1;width:50%;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center;-webkit-justify-content: center;justify-content: center;}
.rsupport_advantages li img{max-width:100%;height:auto;}
.order1{order:1;}
.order2{order:2;padding:0px 0px 0px 50px;}
.order3{order:4;}
.order4{order:3;padding:0px 50px 0px 0px;}
.order2, .order4{position: relative;padding:0px 48px 0px; box-sizing: border-box; font-size: 16px; font-weight: 300; line-height: 26px; }
.rsupport_advantages li dt{max-height: 120px;padding-bottom: 25px; margin-top: -2px; color: #333; font-size: 32px; line-height: 35px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.rsupport_advantages li dd{margin-bottom: 50px;max-height: 160px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.rsupport_advantages li dd:last-child{margin-bottom:0px;}
.rsupport_advantages li dd strong{display:block;padding-bottom:2px; font-weight:400;}
.rsupport_advantages + .btn_wrap{text-align:center;}


/* 기능 */
.contents_features{padding:120px 0px;}
.contents_features h3{text-align:left;}
.features_slider{position: relative;}
.features_slider .slick-list{margin-right:292px;}
.features_slider .slider_thumbs img { /*width: 100%; height: auto;*/ margin-bottom: 20px;vertical-align: top;}
.features_slider .slider_thumbs .title{margin:0px 110px 9px 0px; color: #333; font-size: 20px;line-height: 26px;}
.features_slider .slider_thumbs .text {margin:0px 110px 0px 0px;}
.bg_grey02 .features_pagination, .bg_grey02 .features_controls{background:#f5f8fb;}

.features_pagination{position: absolute; left: auto; top: 0; right: 0; bottom: 0; width: 260px;padding-left: 32px;background:#fff;}
.features_pagination:before { content: ''; display: block; position: absolute; top: 0;left: 32px; bottom: 63px; width: 1px; background-color: #dfe5eb;}
.features_pagination li{box-sizing: border-box; display: block; min-height: 40px; line-height: 24px; padding: 8px 20px 9px; color: #333; font-weight: 300;letter-spacing: -.05em;background: transparent; cursor: pointer;}
.features_pagination li:hover{background:#e8ecf3}
.features_pagination li.slick-active{position:relative;padding-left:18px;border-left:2px solid #2995fa;color:#2995fa}

.features_controls{position:absolute;right:292px;bottom:0;z-index:99;height:30px;padding:41px 0 0px;background:#fff;}
.controls_btn{display:inline-block;position:static;width:27px;height:30px;line-height:30px;margin:0;text-align:center;vertical-align:middle;background:none;cursor:pointer;}
.controls_btn.next .ic_arrow_right{margin-left:1px}
.controls_btn.prev .ic_arrow_left{margin-left:-2px}

.features_controls .count{display:inline-block;height:30px;line-height:30px;margin:0 -4px 0 -3px;vertical-align:middle;color:#bbb;font-size:14px;font-weight:300;white-space:nowrap}
.features_controls .count b{color:#333;font-weight:500}
.controls_toggle{display:inline-block;width:27px;height:30px;margin:0 -2px 0 0;padding:0;border-radius:0;border:none;box-shadow:none;outline: none;vertical-align:middle;background:none;cursor:pointer;}
.controls_toggle [class*=ic-]{margin:0;}
.controls_toggle .ic_pause{display:block; width:27px; height:30px; line-height:30px;}
.controls_toggle .ic_play{display:none; width:27px; height:30px; line-height:30px;}

/* 사용환경 */
.contents_req{padding:90px 0px 30px;}
.contents_req h3{padding-bottom:15px;color:#333;font-size:32px;text-align:left;}
.contents_req p{margin: -6px 0 26px; font-size: 18px;line-height: 28px;font-weight: 300;}
.contents_req .table_wrap{padding-bottom:60px;}

/* 리모트콜 PC, mobile, visual 지원 */
.contents_compare{padding:120px 0px 0px;}
.contents_compare .wrap{position:relative;padding:0px;}
.contents_compare dl{flex-wrap:wrap;}
.contents_compare dt, .contents_compare dd{flex-grow:1; width:50%;box-sizing:border-box;}
.contents_compare dt{height: 72px; line-height:72px;color: #fff; font-size: 32px;font-weight: 300;text-align:center;}
.contents_compare dt:nth-child(odd){background:#6790be;}
.contents_compare dt:nth-child(even){background:#5884b6;}
.contents_compare dd{position:relative; }
.contents_compare dd:nth-child(odd){padding:0px 75px 60px 88px ;background:#f5f8fb;}
.contents_compare dd:nth-child(even){padding:0px 88px 60px 75px ;background:#eef2f8;}
.contents_compare dd.top {padding-top:72px;}
.contents_compare dd.bot {padding-bottom:120px;}
.nav_pointer{z-index:1;position: absolute; top: 0; right: -33px; border-radius: 50%;width: 56px; height: 56px; font-weight: 400;background-color: #2995fa;color: #fff;font-size: 28px;line-height: 60px;text-align: center;}
.top .nav_pointer{top:72px;}
.contents_compare .tit_compare{padding-bottom: 15px;color: #333; font-size: 28px; white-space: nowrap; font-weight: 400;}
.contents_compare p{min-height: 40px;  color: #333; font-size: 16px; line-height: 24px; font-weight: 300;}
.contents_compare p a {font-size: 16px; font-weight: 500; }
.contents_compare .media{position:relative;padding-top:30px;text-align:center;}
.contents_compare .media.line{margin-top:40px;}
.contents_compare .media img{max-width:100%; height:auto;}
.arrow_right:after{content: '';  display: inline-block; position: absolute; top: 50%; right: -70px; width: 44px;height: 32px;background: url(/wp-content/uploads/image/sub/arrow-bar-sprite.png) no-repeat; background-position: -54px 0;transform: translateY(-50%);}
.arrow_left:before{content: '';  display: inline-block; position: absolute; top: 50%; left: -70px; width: 44px;height: 32px;background: url(/wp-content/uploads/image/sub/arrow-bar-sprite.png) no-repeat; background-position: 0px 0;transform: translateY(-50%);}

.contents_difference{padding:120px 0px;}
.contents_difference .rcCase_wrap{max-height:350px; overflow:hidden;}
.contents_difference .list_remotecallCase .media{background-color: #e6edf6;}
.contents_difference .list_remotecallCase .caption .text{margin-bottom:17px;}

.contents_security{padding:120px 0px 120px;}
.contents_security h3{padding-bottom:40px;}
.list_security {margin:0px -19px;flex-wrap:wrap;}
.list_security li{flex-grow:1; width:33.333%; padding:0px 19px;box-sizing:border-box;}
.list_security .media img{max-width:100%; height:auto;}
.list_security .media.face{position:relative;}
.list_security .media.face:after{content:"";position:absolute;top:0px; left:0px; width:100%; height:100%;background: url(/wp-content/uploads/image/sub/img-remotecall-face-flow.gif) no-repeat center; }
.list_security h4{padding:22px 0px 8px;color: #333;font-weight: 300; font-size: 24px;line-height: 34px;}
.list_security .desc{color:#666;font-size: 16px; line-height: 26px; font-weight: 300; }
.list_security .desc + .btn_info_inline {margin-top: 20px; font-size: 16px;font-weight: 500;}

.contents_goRequirements{padding:120px 0px;text-align:center;}
.contents_goRequirements h3{padding-bottom:28px;}

.contents_counsel .consultation .ic_phone, .contents_counsel .consultation  .tel_number{font-weight: 400;font-size: 20px;color: #333;}
.contents_counsel .consultation  .tel_number:after { content: '|'; display: inline-block; margin: 0 14px; color: #d2dce6; font-size: 18px;}

/* face */
.contents_rface{padding:120px 0px;text-align:center;}
.contents_rface dl{border: 2px dotted #3399ff;margin-bottom:30px;padding: 50px 88px 0px;}
.contents_rface dt{margin-bottom: 30px; text-align: center; font-size: 20px; line-height: 1;}
.contents_rface dd{margin:0px -14px 50px;}
.contents_rface dd.flexbox .media{flex-grow:1; padding:0px 14px;}
.contents_rface dd .media img{max-width:100%; height:auto;}

.contents_facefunction{padding:120px 0px 95px;}
.contents_facefunction h3{padding-bottom:20px;}
.contents_facefunction ul{margin:0px -16px;flex-wrap:wrap;}
.contents_facefunction li{flex-grow:1; width:25%; padding:25px 16px;box-sizing:border-box;}
.contents_facefunction h4{padding-bottom: 20px;color: #333;font-size: 24px;font-weight: 400;}
.contents_facefunction p{color: #333;font-size: 16px;line-height: 26px; font-weight: 300;word-break:keep-all;}

/* web viewer */
.contents_webviewer{padding:120px 0px;text-align:center;}
.contents_webviewer .media iframe{max-width:100%;}
.contents_webviewer p{padding:40px 0px 30px;font-weight: 300; font-size: 20px; line-height: 30px;}

.webviewer_page .contents_difference .rcCase_wrap{max-height:420px;}
.micro{padding-top:15px;font-size: 14px; line-height: 20px;font-weight: 600;}
.contents_wvDownload{padding:120px 0px;}
.contents_wvDownload ul{margin:0px -28px;}
.contents_wvDownload li{flex-grow:1; width:50%; padding:0px 28px;box-sizing:border-box;}
.contents_wvDownload .wv_wrap{position:relative; }
.contents_wvDownload .wv_wrap:after{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; border: 1px solid #dfe5eb;box-sizing:border-box;}
.contents_wvDownload .wv_wrap .top{padding: 42px;}
.contents_wvDownload .wv_wrap .sub{font-size: 20px;line-height: 40px;}
.contents_wvDownload .wv_wrap h4{margin-bottom: 18px;font-size: 32px; line-height: 40px;}
.contents_wvDownload .wv_wrap .desc{display:block; margin-bottom:24px;font-weight: 300; font-size: 16px; line-height: 26px;    font-style: italic;}
.contents_wvDownload .wv_wrap h5{font-weight: 600; font-size: 18px;line-height: 28px;}
.contents_wvDownload .wv_wrap p{font-weight: 300; font-size: 18px;line-height: 28px;}
.contents_wvDownload .wv_wrap img{width:100%; height:auto;vertical-align:top;}

.contents_wvSecurity{padding:120px 0px;}

.contents_wvrequirements{padding:80px 0px 0px 0px;}
.contents_wvrequirements h3{padding-bottom:90px;}
.contents_wvrequirements h4{line-height: 58px; margin:0px auto 18px; color: #333; font-size: 32px; font-weight: 300; letter-spacing: -.05em;}
.contents_wvrequirements p{margin: -6px 0 26px; font-size: 18px;line-height: 28px;font-weight: 300;}
.contents_wvrequirements .table_wrap{padding-bottom:90px;}

.webviewer_page .wv_media{padding:40px 0px 15px;text-align:center;}
.webviewer_page .wv_media img{max-width:100%; height:auto;}
.webviewer_page .contents_facefunction h4{padding-top:17px; font-weight:300;}
.webviewer_page .contents_facefunction p{color: #555;margin-top: -8px; margin-bottom: -5px; font-size: 16px;  line-height: 26px; font-weight: 300;}

/* 모바일 SDK */
.overflow{overflow:inherit !important;}/*mobile sdk 페이지에서만 사용 - position:sticky*/
.contents_sdk{ padding:120px 0px 0px;}
.section_sdk{padding:100px 0px; background:#f8fcff;}
.section_sdk .sdk_wrap{position: relative;display:flex;max-width: 1030px; min-width: 320px;margin: 0px auto;}
.section_sdk .media_wrap{position: -webkit-sticky; position: sticky;top:20%; width:372px;height:617px;}
#mobile_view{position:absolute; top:0%; left:0px;width:372px;height:617px;z-index:1;}
#mobile_view:before{content:" "; position:absolute;top: 18%;left: -4%;width: 395px; height: 395px;border-radius: 100%; background: #cfe8ff; transition: all 2.5s ease-in-out; animation: ripple 5s 1s infinite;  -webkit-animation: ripple 5s 1s  infinite; -moz-animation: ripple 5s 1s  infinite;z-index:3;}
#mobile_view .media{position:absolute; top:0px; left:0px; width:372px; height: 617px; background:url('/kr/wp-content/uploads/sites/2/image/sub/img_sdk_device01.png');  background-repeat:no-repeat; transition:all .3s; z-index:5;}
#mobile_view .media.active0{background:url('/kr/wp-content/uploads/sites/2/image/sub/img_sdk_device01.png'); }
#mobile_view .media.active1{background:url('/kr/wp-content/uploads/sites/2/image/sub/img_sdk_device02.png'); }
#mobile_view .media.active2{background:url('/kr/wp-content/uploads/sites/2/image/sub/img_sdk_device03.png'); }
#mobile_view .media.active3{background:url('/kr/wp-content/uploads/sites/2/image/sub/img_sdk_device01.png'); }


@-moz-keyframes ripple {
    30% {box-shadow: 0px 0px 2px 52px #e3f4ff; }
    60% {box-shadow: 0px 0px 2px 52px #e3f4ff, 0px 0px 5px 133px #eff9ff;}
    90% {box-shadow: 0px 0px 2px 52px #e3f4ff; }
    100% {box-shadow: 0px 0px 2px 0px #e3f4ff; }
}
@-webkit-keyframes ripple {
    30% {box-shadow: 0px 0px 2px 52px #e3f4ff; }
    60% {box-shadow: 0px 0px 2px 52px #e3f4ff, 0px 0px 5px 133px #eff9ff;}
    90% {box-shadow: 0px 0px 2px 52px #e3f4ff; }
    100% {box-shadow: 0px 0px 2px 0px #e3f4ff; }
}
@keyframes ripple {
    30% {box-shadow: 0px 0px 2px 52px #e3f4ff; }
    60% {box-shadow: 0px 0px 2px 52px #e3f4ff, 0px 0px 5px 133px #eff9ff;}
    90% {box-shadow: 0px 0px 2px 52px #e3f4ff; }
    100% {box-shadow: 0px 0px 2px 0px #e3f4ff; }
}

.panel_wrap{flex-grow: 1;z-index:1;}
.panel_wrap .panel{position:relative;box-sizing:border-box;}
.panel_wrap .sdk_box1{height:717px;padding-top:0px;}
.panel_wrap .sdk_box4{height:717px;padding-bottom:0px;}
.sdk_box1 .inner{padding-top:280px;}
.sdk_box2 .inner{padding-top:30px;}
.sdk_box2 .inner img{margin-left:-49px; padding-bottom:173px;}
.sdk_box3 .inner{padding-top:164px;}
.sdk_box3 .inner img{margin-left:-49px; padding-bottom:38px;}
.sdk_box4 .inner{padding-top:0px;}
.sdk_box4 .inner img{margin-left:-23px; }
.sdk_box4 .inner .text{margin-top:0px;}

.text_sdk{position: relative;max-width: 671px; height: 100%;}
.text_sdk h4{font-size: 31px;line-height: 1.25;}
.text_sdk h4 span { color: #ff794a;}
.text_sdk .text{margin-top:70px;padding-top:17px; border-top:1px solid #ddd;font-size: 16px; line-height: 1.25;}

.contents_sdkDifference{padding:110px 0px;}
.contents_sdkDifference .wrap{padding:0px 128px;}
.list_sdkDifference{padding-bottom:110px;}
.list_sdkDifference li{margin-bottom:10px;background:#f8fafd;}
.sdkDifference_wrap .media{float:left; width:50%; }
.sdkDifference_wrap .media img{max-width:100%; height:auto;}
.sdkDifference_wrap .caption{float:left; width:50%;padding:34px 34px 0px; box-sizing:border-box;}
.sdkDifference_wrap .caption h4{padding-bottom:8px;font-size: 24px;  line-height: 1.67;font-weight: bold;}
.sdkDifference_wrap .caption .text{font-size: 16px; line-height: 1.5;}
.list_sdkUseful {margin:0px -15px;}
.list_sdkUseful li{float:left; width:50%;padding:0px 15px;box-sizing:border-box;text-align:center;}
.list_sdkUseful .media{padding-bottom:22px;}
.list_sdkUseful .media img{max-width:100%; height:auto;}
.list_sdkUseful .caption h4{padding-bottom:8px;font-size: 24px; line-height: 1.67;font-weight: bold;}
.list_sdkUseful .caption .text{font-size: 16px; line-height: 1.5;}

.contents_sdkIntroduction{padding:100px 0px;}
.contents_sdkIntroduction .wrap{padding:0px 128px;}
.list_sdkIntroduction {margin:0px -17px;}
.list_sdkIntroduction li{float:left; width:33.333%; margin-bottom:30px;padding:0px 17px;box-sizing:border-box;}
.sdk_box{height:345px; padding:25px 0px 0px; border-radius:30px;background:#edf7ff;box-sizing:border-box;}
.list_sdkIntroduction .media{text-align:center;}
.list_sdkIntroduction .media img{max-width:100%; height:auto;}
.list_sdkIntroduction h4{padding:22px 0px 8px 22px;color: #333;font-weight: 300; font-size: 24px;line-height: 34px;font-weight:bold;}
.list_sdkIntroduction h4 span{color: #408ce0;}
.list_sdkIntroduction .desc{padding:0px 22px;color:#666;font-size: 16px; line-height: 26px; font-weight: 300; }
.list_sdkIntroduction + .btn_wrap{margin-bottom:120px;text-align:center;}
.list_sdkfunction ul{float:left; width:50%;padding:0px 17px;box-sizing:border-box;}
.list_sdkfunction li{padding-left: 35px;font-size: 20px;line-height: 1.65;text-indent: -35px;}
.list_sdkfunction li:before {content: '\2022 '; margin-right:27px;}

.consel_sdk{padding:120px 0px;}
.consel_sdk .contact{float:inherit;max-width:100%;padding-left:0px;font-size: 20px; font-weight: 500;}
.consel_sdk .contact:before{width:0px;}
.consel_sdk .mail:after {  content: '|'; display: inline-block; margin: 0 14px;color: #d2dce6;font-size: 18px;}







/*-------------------------------------------------------------------
    sub page : 도입사례
-------------------------------------------------------------------*/
/* 도입사례 > 기업도입사례 */
.top_bestCase{padding: 90px 0px 70px 0px;}
.top_bestCase .tit_subPage{padding-bottom:28px;color: #333;font-size: 32px;line-height:1;text-align:left;}
.top_bestCase .media img{max-height:348px;}
.top_bestCase .list_remotecallCase .caption{padding:49px 56px 0px;}
.top_bestCase .list_remotecallCase .caption h3{margin-bottom:30px;font-size: 28px; line-height: 40px; font-weight:400;}
.top_bestCase .list_remotecallCase .caption .text{margin: 0 0 20px;color: #666;font-size: 16px;line-height: 28px; font-weight:400;}

.tab_bestCase{border-bottom: 1px solid #e7ebf1;}
.tab_bestCase .wrap{position:relative;}
.tab_bestCase li{display:inline-block;margin: 0 20px 0 0;vertical-align: top;}
.tab_bestCase li a {display: block; height: 72px; line-height: 72px; padding: 0 15px;color: #3c3c3c; white-space: nowrap;overflow:hidden;}
.tab_bestCase .bar{position: absolute; z-index: 100; bottom: 0px; height: 2px; background-color: #333; -webkit-transition: all .2s;  transition: all .2s;}
.tab_bestCase .ic_play { float: left; margin-right: 15px; margin-top: 31px;font-size: 11px;}

.contents_bestCase{padding:100px 0px 0px;}
.contents_bestCase .tit_subPage{padding-bottom:10px;}
.list_bestCase{flex-wrap:wrap; margin:0px -18px;}
.list_bestCase li{width:33.3333%;padding:38px 18px 0px;box-sizing:border-box;}
.bestCase_wrap{position: relative;}
.top_customer{height: 120px; padding: 49px 0 48px;display: -webkit-flex;display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #f5f8fb;overflow: hidden;}
.bot_customer{height: 178px; padding: 30px;}
.bot_customer h4{margin: -5px 0 10px;color: #333;font-size: 24px;line-height: 30px;}
.bot_customer p{color: #555; font-size: 16px;font-weight: 300; line-height: 28px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.bot_customer a { position: absolute; top: 0; left: 0;  right: 0px;bottom: 0px;border: 1px solid #dfe5eb;text-indent: -1000px; overflow: hidden;}
.bot_customer a:active,.bot_customer a:hover{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);box-shadow:0 2px 6px 0 rgba(0,0,0,0.2)}
#storyFace{padding-bottom:120px;}



/*-------------------------------------------------------------------
    sub page : 구매
-------------------------------------------------------------------*/
/* 구매 > 가격*/
.price_all .wrap{padding:120px 0px;}
.price_all h2{box-sizing: border-box; max-height: 116px; margin: -11px auto 17px; font-size: 42px; color: #3c3c3c; font-weight: 300; line-height: 58px;  letter-spacing: -.05em; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.price_all .sub_text{padding-bottom:80px; text-align: center;}
.list_price li{flex-grow:1; width:20%;border-top:1px solid #dfe5eb;}
.list_price li:first-child .top_price{border-left:1px solid #dfe5eb;}
.list_price li:last-child .top_price{border-right:1px solid #dfe5eb;}
.list_price .standard .price_wrap, .list_price .Professional .price_wrap{border-right:1px solid #dfe5eb;}
.top_price{position:relative;margin-bottom:40px;border-bottom:1px solid #dfe5eb;text-align:center;}
.price_best .top_price{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);border: 1px solid #b0cae7;}
.price_best .tit_priceType{background:#e2f0ff;}
.price_best .tit_priceType:before {content: "BEST"; position: absolute;  top: -15px; text-align: center; left: 50%; margin-left: -28.5px; padding: 5px 10px; border-radius: 100px; background: #2995fa; color: #fff; font-size:16px; line-height:16px;z-index: 10;}
.tit_priceType{height: 55px; border-left: 1px solid #eff4fc;border-bottom:1px solid #dfe5eb; background: #eff4fc; color: #2995fa; font-size: 24px; line-height: 55px; text-align:center;}
.tit_priceType span:after {content: "\276F"; margin-left: 5px;}
.price_wrap{padding:42px 24px 24px;}
.nm_priceType{padding: 0px 0px 36px; color: #333; font-size: 18px;line-height: 36px;}
.top_price .price{position:relative; padding:0px 0px 24px; color: #333;font-size: 36px;}
.top_price .won {/*position: absolute;left: -5px;top: 5px;*/display:inline-block; padding-top:5px;vertical-align:top; font-size: 18px;}
.top_price .month {/*position: absolute;left: -5px;top: 5px;*/display:inline-block; vertical-align:bottom; font-size: 18px;}
.top_price .price .desc{padding-top:12px;font-size: 15px;font-weight:300;}
.top_price .btn_wrap a{display:block;}
.bot_price dt{padding-left: 10px; font-size: 16px;line-height: 2;font-weight: 600;}
.bot_price dd{position: relative; padding-left:24px; font-size: 14px; line-height: 2;text-indent:-24px;box-sizing:border-box;}
.bot_price dd:before {content: '\2022 ';margin:0px 10px;color: #91adcb;}
.bot_price dt:hover, .bot_price dd:hover{background: #eef2f8;}
.bot_price dd .sub-title {display: none; position: absolute; top: 35px; left:0px;padding: 10px 8px; background: #404c59;color:#fff;line-height: 1.5;z-index: 10;text-indent:0;}
.bot_price dd .sub-title:after{content:"\25B2";top:-15px;left:50%;position:absolute;color:#404c59;text-align:center;}
.bot_price dd:hover .sub-title {display:block;}
.list_price + .price_desc{padding-bottom: 30px;}
.list_price + .price_desc + .btn_wrap{text-align:center;}

.price_info .wrap{padding:80px 68px;text-align: center;}
.asp_type .wrap{border-top: 1px solid #dfe5eb;border-bottom: 1px solid #dfe5eb; }
.price_desc{padding: 60px 0 0px;font-size: 14px;line-height: 1.5;text-align:center;}
.price_desc + .btn_wrap{text-align:center;}
.price_info .media{padding-bottom:30px;}
.price_info h3{padding-bottom:20px; font-size:36px;line-height:1.5;}
.sub_text{padding-bottom: 40px;}
.asp_type a{padding:0px  20px;color: #2995fa;}
.asp_type a i{margin-left:10px;}

.price_advantages h3{padding-bottom:60px;} 
.price_advantages li{width: 23%;margin-right: 2%;text-align:left;}
.price_advantages li h4{font-size: 24px;padding-bottom: 20px;}
.price_advantages li p{font-size: 16px;line-height: 1.5;word-break:keep-all;}

.purchase_consultation h3{padding-bottom:40px;} 
.consultation_wrap{margin:50px 0px 40px;padding: 40px 90px 50px; border: 1px solid #dfe5eb;}
.consultation_wrap li{flex-grow:1;width:50%;box-sizing:border-box;text-align:left;}
.consultation_wrap li:last-child{border-left:1px solid #dfe5eb;padding-left:70px;}
.consultation_wrap h4{position:relative;padding-bottom: 24px;font-size: 24px;}
.consultation_wrap .phone h4:before { content: "\e911"; position: absolute; left: -40px; margin: 0 10px 2px 3px; color: #3a8cdd; vertical-align: middle; font-family: rsupport;}
.consultation_wrap .email h4:before { content: "\e90d"; position: absolute; left: -40px; margin: 0 10px 2px 3px; color: #3a8cdd; vertical-align: middle; font-family: rsupport;}
.consultation_wrap span, .consultation_wrap a{display:inline-block;padding-bottom: 18px;font-size: 18px;}
.consultation_wrap p{color:#999;}

.address_mail{font-weight: 500;font-size: 20px;color: #555;}

/* 클라우드 서비스 */
.price_service .wrap{padding:120px 0px;}
.price_service .list_remotecallCase .media{width:291px;padding-right:77px;flex-grow:0;}
.price_service .list_remotecallCase .caption .text{margin-bottom:16px;}

.price_advantages.cloud_service .wrap{padding:120px 0px;text-align: center;}
.price_advantages.cloud_service h3{padding-bottom:70px; font-size:36px;line-height:1.5;} 
.price_advantages.cloud_service li{width: 32%;padding:0px 1%;margin:0;text-align: center;}
.price_advantages.cloud_service li figure{padding-bottom:17px;}
.price_advantages.cloud_service li h4{line-height:1.5;word-break:keep-all;padding-bottom: 12px;}

/* asp */
.on-premise_page .list_price{max-width:1000px;margin:0px auto;}
.on-premise_page .add_to_cart_button{width:200px;margin:0px auto;}
.on-premise_page .bot_price{max-width:240px;margin:0px auto;}
.on-premise_page .list_price + .btn_wrap{padding-top:60px; text-align:center;}
.on-premise_page .list_remotecallCase .caption .sub{font-size: 15px; font-weight: 300;line-height: 1.73; color: #999;}
.on-premise_page .list_remotecallCase .caption h5{padding:38px 0px 6px; font-size: 17px;line-height: 1.53; color: #666;}

/* mobile sdk */
.mobile-sdk_page .list_price{max-width:1000px;margin:0px auto;}
.mobile-sdk_page .add_to_cart_button{width:290px;margin:0px auto;}
.mobile-sdk_page .bot_price{max-width:460px;margin:0px auto;}
.mobile-sdk_page .bot_price dl{flex-grow:1;padding:0px 25px;}


/* 구매하기 */
.buy_now.trial_step{max-width:580px;}
.store .register_wrap h3{padding-bottom:0px;}
.section_price{padding-bottom:50px;}
.total_price{padding: 30px 24px 30px 30px;background: #f5f8fb; color: #4a4a4a;}
.total_price.dollar{font-size: 18px; }
.total_price .label{font-size:14px;}
.total_price .register_contents li{padding-top:0px;line-height:24px;}
.total_price .register_contents li:nth-child(even){font-size:14px;}
.total_price .register_contents li:nth-child(even) .account{float: right; font-size: 16px;}
.total_price .register_contents.total{ border-top: 1px solid #d2dce6;margin-top:10px; padding-top: 25px;}
.total_price .register_contents.total li{font-size: 18px; line-height: 24px;}
.total_price .register_contents.total li:nth-child(even) .account{float: right; font-size: 24px;}
.section_price .desc{font-size: 14px; padding: 12px 0 0 20px;line-height: 1.3;}

.wrap-label {font-size:14px;line-height:40px;}
.store input[type=radio] { position: relative; width: 18px; height: 15px; }
.store input[type=radio]:checked + label { color: #1c9cf3; }
.store input.input { margin-top: 13px; padding: 9px 10px; border: 1px solid #bdc6c7; background: #fafafa;width:100%;margin-bottom:0; box-sizing:border-box;}
.store input.placeholder { color: red; }
.store label { display: inline-block; margin-left: 5px; font-size: 14px; color: #4a4a4a; cursor: pointer; }

.apply-date span {display: inline-block;width: 120px;font-size: 14px;color: #4a4a4a;line-height:44px;}
.apply-date input[type=text] { display: inline-block; width: 350px; height: 40px;padding-left: 10px;border: 1px solid #d2dce6;box-shadow: none;line-height: 23px;color: #4a4a4a;font-size: 14px;}
.apply-date .ui-datepicker-trigger{position: relative; display: inline-block;margin:0px 0px 15px -37px;cursor: pointer; background:none;border: 0; border-radius: 5px;overflow: hidden;}
.apply-date img { vertical-align: bottom; }
.apply-date .use-term { width: auto; letter-spacing: 0px; }
.store .Rectangle-Copy-7{background: #ff574a;}

/* UI Datepicker --------------------------------------------------------------------- */
.ui-datepicker .ui-datepicker-header { border: 1px solid #1c95e6; background: #1fa5ff; }
.ui-datepicker .ui-datepicker-prev-hover:hover, 
.ui-datepicker .ui-datepicker-next-hover:hover { margin-top: 1px; border: 1px solid #1c95e6; background: #1c95e6; }
.ui-datepicker .ui-datepicker-prev-hover.ui-state-disabled:hover { margin-top: 0px; background: #1fa5ff; }

.ui-datepicker .ui-datepicker-title select{padding:inherit;width:auto;display:inline-block;margin:auto;-webkit-appearance:menulist}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight{margin:-1px}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{box-shadow:0 0 0 0 rgba(0,0,0,.0)}
.ui-datepicker table tr{border:0!important}
.ui-datepicker table tr td{border-width:0 1px 1px 0 !important;border-style:solid;border-color:#DEDEDE;padding:1px}
.ui-datepicker table td a,.ui-datepicker table td span{width:auto!important;display:block!important}
.ui-datepicker table tr:first-child td{background:inherit!important}
.ui-datepicker table tr:hover td{background:inherit!important;color:inherit!important}
.ui-datepicker table tr:hover td a{color:inherit!important}
.ui-datepicker table tr:nth-child(2n) td{background:inherit!important}


/* 사용자 정보 입력 */
.wrap-store.trial_contents h3{margin-bottom:30px;}
.wrap_loginInfo p{padding:0px 0px 30px;color: #7c8285;font-size: 16px;}
.wrap_loginInfo span{color: #1c9cf3;text-decoration:underline; cursor: pointer;}
.wrap-store .hidden {visibility: hidden;}
.wrap-input{margin:0px -10px;}
.wrap-input-set{float:left;width:calc(50% - 20px);min-height:93px;margin:0px 10px 20px;text-align:left;}
.wrap-input-set input[type=button].input{display:block;width:auto;min-width:100px;border-radius: 5px;background:#fff;border:1px solid #2995fa;color:#2995fa;cursor:pointer;}
.wrap-store input[type="date"]:focus, .wrap-store input[type="email"]:focus, .wrap-store input[type="number"]:focus, .wrap-store input[type="password"]:focus, .wrap-store input[type="search"]:focus, .wrap-store input[type="tel"]:focus, .wrap-store input[type="text"]:focus, .wrap-store input[type="url"]:focus, .wrap-store select:focus, .wrap-store textarea:focus {background-color: #E9F5FC!important;border-color: #d5e5ee;color: #1982C2;}

.wrap-store .input-set { position: relative; }
.wrap-store .input-set .label {width: 100px; color: #4a4a4a;font-size:14px;}
.wrap-store .input-set div {display: none; position: absolute;bottom: 9px; right: 10px;  width: 19px; height: 18px; background: url('/wp-content/uploads/image/sub/icon_payment.png') no-repeat 0px -217px;}
.wrap-store .input-set div.pass { background-position: 0px -217px; }  
.wrap-store .input-set div.warning { background-position: 0px -257px; }                          
.wrap-store .btn-wrap {padding-top:50px; text-align: center; }                                
.wrap-store .btn-wrap * { display: inline-block; width: 255px; height: 53px; font-size: 18px; line-height: 54px; color: white; text-align:center;vertical-align:top;}                                
.wrap-store .btn-wrap a { display:none;margin-right: 20px; border-radius: 5px; background: #90afc3; }          
	
.wrap-store #login {position: relative; margin: 0 auto; padding: 48px; width: 342px; height: 143px; border: 1px solid #ececec;text-align:center; }	
.wrap-store #login .close {position: absolute;top: 5px; right: 5px; width: 20px; height: 20px;background: url('/wp-content/uploads/image/sub/icon_payment.png') no-repeat 5px -366px; cursor: pointer;}
.wrap-store #login input { margin-left: 10px; width: 240px;display:inline-block; vertical-align:baseline;}			
.wrap-store #login input[name=userId] { margin-top: 0; }
.wrap-store #login input[type=submit] { margin-top: 30px; width: 150px; height: 35px; line-height: 15px;padding:11px 20px;font-size:16px;}		
.wrap-store #login span { display: inline-block; width:70px; line-height:16px;text-align: center;vertical-align: baseline; }

#buy-sec-step .not-valid, #buy-sec-step .warning-password-confirm, #buy-sec-step .warning-email, #buy-sec-step .errormsg { display: none; font-size: 11px; color: #ff0808; text-align: left; }
#buy-sec-step #user-duplicate, #buy-sec-step #use-can{margin-left:10px;position:relative;bottom:40px;clear:both;font-size:11px;display:block;}
#buy-sec-step #userId[readonly=readonly]:focus{ border: 1px solid #bdc6c7; }
#buy-sec-step .popup-bg { position: fixed; background: black; opacity: 0.4 ; top: 0; bottom: 0; left: 0; right: 0; z-index:9999;}
#buy-sec-step .wrap-popup { position: fixed; margin-top:-140px; margin-left: -220px; background: white; left: 50%; top: 50%; z-index:10000;}
#buy-sec-step .wrap-popup .errormsg{text-align:center;}
#buy-sec-step .popup-login {display:none;}
#buy-sec-step .warning-password { display: block; }
#buy-sec-step .warning-password .text, #buy-sec-step .warning-password.shortPass .text, #buy-sec-step .warning-password.shortPass .text { font-size: 11px; color: red; }
#buy-sec-step .warning-password.bad .text { color: #dca309; }
#buy-sec-step .warning-password.good .text { color: #37b22d; }
#buy-sec-step .warning-password.strong .text { color: darkgreen; }
#buy-sec-step .input-set + .description {position:relative;top:0; margin-top: 3px;color:#7c8285;font-size:14px;line-height:1.5; }
#buy-sec-step .red { padding-right: 5px; color: red; }

/* privacy agree */
.agree-contents-wrap { position: relative; margin: 0px -5px; background: #ffffff; color: #545454; line-height: 18px; }
.agree-contents-wrap .checkbox-field {float: left;width: 50%;padding:0px 5px 20px;box-sizing:border-box;}

#buy-sec-step .agree-contents-wrap label .en-agree-link { display:none;position:absolute;width: 100%;height:100%;left:0;bottom:0;color:#1c9cf3;text-decoration:underline }
html[lang=en-US] #buy-sec-step .agree-contents-wrap label .en-agree-link { display:block }
html[lang=en-US] #buy-sec-step .agree-contents-wrap label.en-agree-label { text-decoration:underline }
html[lang=en-US] .agree-contents-wrap .privacy-contents{display:none;}

.agree-contents-wrap label {display:inline-block;position:relative;}
.agree-contents-wrap .policy-container { padding: 0; border: none; }
.agree-contents-wrap #tabs-policy { position: absolute; right: 0; top: 2px; list-style: none; }
.agree-contents-wrap #tabs-policy li { float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #cccccc; }
.agree-contents-wrap #tabs-policy li.last { margin-right: 0; padding-right:0; border-right: none;}
.agree-contents-wrap #tabs-policy li.active a { text-decoration: underline; color:#1fa5ff}
.agree-contents-wrap .privacy-contents { position: relative;margin: 10px 0px 0 0px; padding: 10px; height: 120px; border: 1px solid #cccccc; overflow-x: hidden;overflow-y: scroll; font-size: 12px; background: #ffffff; }
.agree-contents-wrap .privacy-contents .divs-policy { display: none; }
.agree-contents-wrap .privacy-contents .divs-policy h4 { font-size: 100%; font-weight: bold; line-height: 18px; }
.agree-contents-wrap .privacy-contents .divs-policy h5 { margin-top: 10px; }
.agree-contents-wrap .privacy-contents .divs-policy h5, 
.agree-contents-wrap .privacy-contents .divs-policy h6 { margin-bottom: 5px; font-size: 100%; font-weight: normal; line-height: 18px; }
.agree-contents-wrap .privacy-contents .divs-policy ul { margin-bottom: 5px; padding-left: 20px; list-style: none; }
.agree-contents-wrap .privacy-contents .divs-policy ul li { margin-bottom: 5px; list-style: none; }
.agree-contents-wrap .privacy-contents #policy1 { display: block; }

/* privacy policy start */
.policy-container { margin-bottom: 20px; padding: 34px 29px; border: 1px solid #e0e0e0; color: #666666; letter-spacing: 0; }
.policy-container ol { margin-top: 10px; list-style: none; }
.policy-container h3 { margin: 30px 0 5px 0; font-size: 14px; font-weight: bold; }
.policy-container h4 { margin: 20px 0 5px 0; padding-left: 27px; }
.policy-container h5 { margin: 10px 0 3px 0; padding-left: 42px; }
.policy-container a { text-decoration: underline; }
.policy-container p { margin: 0; }
.policy-container p.first-depth { padding-left: 27px; }
.policy-container p.second-depth { padding-left: 42px; }
.policy-container p.third-depth { padding-left: 57px; }
.policy-container table { margin-top: 10px; width: 100%; border: 1px solid #d1d1d1; }
.policy-container table th, 
.policy-container table td { padding: 10px; border: 1px solid #d1d1d1; text-align: center; }
.policy-container .manager-list-wrap { margin: 15px 0; border: 1px solid #d1d1d1; }
.policy-container .manager-list { padding: 15px 40px; width: 40%; }
.policy-container .manager-list.last { border-left: 1px solid #d1d1d1; }
.policy-container .manager-list h4 { margin-top: 0; padding: 0; font-weight: bold; }
.policy-container .manager-list dt { float: left; margin-right: 10px; clear: both; }
.policy-container .manager-list dd { float: left; }

#term-of-condition h3 { margin: 20px 0 5px 0; font-size: 16px; }
#term-of-condition h4 { margin: 10px 0 5px 0; padding-left: 0; }
#term-of-condition h5 { margin: 5px 0 5px 0; padding-left: 27px; font-size: 13px; }
#term-of-condition p.second-depth { font-size: 12px; }

/* 결제 진행 */
.success.trial_contents h3{margin-bottom:50px;text-align:center;}
.section_success h4{font-size: 20px; margin-bottom: 12px;}
.section_success .text{margin-bottom: 20px;}
.section_success table{width: 100%;border-top: 1px solid #d2dce6; border-bottom: 1px solid #d2dce6;color: #4a4a4a;}
.section_success th{width: 177px; padding: 10px 0px 10px 56px;background: #f5f8fb; text-align:left;}
.section_success td{padding-left: 30px;font-size: 14px;}
.section_success tr:first-child th{padding-top:20px;}
.section_success tr:last-child th{padding-bottom:20px;}
.section_success .table_wrap + .desc{font-size: 14px;padding: 12px 0 0 0px;color: #555;font-size:14px; font-weight:400;line-height: 1.3;}
.success .btn_wrap{padding-top:50px;}


/*-------------------------------------------------------------------
    sub page : 고객지원
-------------------------------------------------------------------*/
/* 설치파일/매뉴얼 */
.contents_download {padding:90px 0px 30px;}
.contents_download .wrap{padding:0px 68px 90px;}
.tit_download{ margin: 0px auto 18px; color: #333; font-size: 32px; line-height: 58px; letter-spacing: -.05em}
.sub_download{margin: -6px 0 26px;font-size: 18px;font-weight: 300; line-height: 28px;}
.list_download{margin:0px -19px 20px;}
.list_download>li{flex-grow:1;max-width:33.333%;padding:0px 19px;box-sizing:border-box;}
.list_download01{order:1;}
.list_download02{order:2;}
.list_download03{order:3;}
.download_wrap{position:relative;height:100%;}
.download_wrap:before { content: ''; position: absolute; top: 0; bottom: 0;left: 0px; width: 100%; border: 1px solid #dfe5eb;}
.top_download{display: -ms-flexbox; display:-webkit-flex; display: flex;flex-direction: column; justify-content: center; align-items: center; padding: 28px 0 27px; background-color: #f5f8fb; overflow: hidden;}
.top_download img{max-width:100%; height:auto;}
.bot_download{padding: 30px 30px 40px;}
.bot_download h3{margin: -5px 0 6px;color: #333;font-size: 24px;line-height: 30px;word-break:keep-all;}
.bot_download p{margin-bottom:19px;color: #555; font-size: 16px; font-weight: 300;  line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.links_download a { display: block; position: relative; height: 44px; line-height: 44px; border-bottom: 1px solid #eaeaea;padding-right: 10px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; color: #2995fa;}
.links_download a:hover{border-bottom-color:#2995fa;text-decoration:none}
.links_download a .ic_download { position: absolute; top: 50%; right: 10px; margin-top: -4px; font-size: 14px;}
.desc_download{margin: -4px 0 -3px;font-size: 14px;font-weight: 300; line-height: 20px;}

.list_downloadGuide{flex-wrap:wrap;margin:-15px;}
.list_downloadGuide>li{flex-grow:1;max-width:50%;padding:15px;box-sizing:border-box;}
.downloadGuide_wrap{position:relative;padding: 23px 30px 35px 65px;}
.downloadGuide_wrap:before { content: ''; position: absolute; top: 0; bottom: 0;left: 0px; width: 100%; border: 1px solid #dfe5eb;}
.downloadGuide_wrap .ic_file { position: absolute; left: 28px; top: 32px; font-size: 23px;}
.downloadGuide_wrap h3{ color: #333; font-size: 24px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.downloadGuide_wrap p{height: 49px;margin-bottom: 25px;font-size: 16px; font-weight: 300;line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.links_downloadGuide li{display:inline-block;}
.links_downloadGuide li a{position:relative;display: inline-block; line-height: 29px; margin-right:10px;padding: 0px 13px 0px 0px; word-break:keep-all;white-space:pre-wrap; font-weight: 500;}
.links_downloadGuide li a:after { content: ''; position:absolute; top:50%; right:0px; width: 1px; height: 20px;margin-top:-10px;vertical-align: middle; background-color: #dfe5eb;}
.links_downloadGuide li:first-child a{margin-left:0px;}
.links_downloadGuide li:last-child a:after{display:none;}
.links_downloadGuide li a .ic_download {display: inline-block; vertical-align: middle; margin-bottom: 4px; font-size: 14px;}

/* 소개자료 */
.contents_resources{padding:90px 0px 40px; }
.contents_resources h3{ margin: 0px auto 28px;color: #333;font-size: 32px;font-weight: 300;line-height: 58px;letter-spacing: -.05em;}
.list_brochure{margin:0px -38px 50px 0px;flex-wrap:wrap; }
.list_brochure li{flex-grow:0;width:33.3333%; padding:0px 38px 40px 0px;box-sizing:border-box;}
.brochure_wrap{position:relative;height:100%;}
.brochure_wrap:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0px; width: 100%;border: 1px solid #dfe5eb;z-index:1;}
.top_brochure{height: 281px;padding-top: 40px; background: #f5f8fb;text-align: center;overflow:hidden;}
.img_brochure{box-sizing: border-box;position: relative; width: 214px;  height: 281px;  margin: 0 auto; background: #fff url("/wp-content/uploads/image/sub/logo_report.png") no-repeat 50% 253px;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24); color: #555; font-size: 18px; font-weight: 500; line-height: 24px; display: -ms-flexbox; -webkit-display: flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.type_book{padding: 0 35px 56px;}
.type_book:before{content: '';  display: block;  position: absolute;  top: 0; right: 20px; width: 26px; height: 35px; background: url("/wp-content/uploads/image/sub/ico_label_report.png") no-repeat;}
.type_book.proposal:before{background-position:0px;}
.type_book.brochure:before{background-position:-26px 0;}
.type_book.etc:before{background-position:-52px 0;}
.tit_brochure{padding: 5px 10px 6px; border-top:1px solid #ff574a; border-bottom:1px solid #ff574a;}
.brochure .tit_brochure{border-color: #3a8cdd;}
.etc .tit_brochure{border-color: #03d3a8;}

.bot_brochure{padding:29px 30px 92px;z-index:2;}
.nm_brochure{max-height: 60px;  margin: -5px 0 4px;  font-size: 20px;  line-height: 30px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.desc_brochure{max-height: 52px; line-height: 26px; color: #555;  font-size: 16px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bot_brochure .btn_wrap{border-top: 1px solid #dfe5eb;position: absolute; bottom: 1px;left:1px; width: 100%;z-index:2;}
.bot_brochure .btn_wrap a{height: 54px;padding-left: 30px;line-height: 54px; background:#fff; color: #2995fa; text-align: left; font-weight: 500;letter-spacing: -.025em;}
.bot_brochure .btn_wrap a:hover,
.bot_brochure .btn_wrap a:active{color:#fff;background-color:#2995fa;}


/* 사용가이드 */
.contents_tutorials{padding:90px 0px 120px;}
.contents_tutorials h3{padding-bottom: 30px;}
.link_useGuide{margin:0px -19px 40px;}
.link_useGuide li{flex-grow:0;width:33.3333%; padding:0px 19px;box-sizing:border-box;}
.useGuide_wrap{position:relative;height:100%;}
.top_useGuide img{max-width:100%; height:auto;}
.bot_useGuide{padding: 30px;}
.tit_useGuide{margin: -5px 0 10px;color: #333;font-size: 24px;line-height: 30px;}
.desc_useGuide{color: #555;font-size: 16px;font-weight: 300; line-height: 28px;}
.link_full{position: absolute; left: 0; top: 0px; right: 0; bottom: 0; width:100%;height:auto;border: 1px solid #dfe5eb;box-sizing:border-box;}
.btn_link_wrap{padding-bottom:80px;text-align:center;}

.list_qna{margin-bottom:35px;border-top: 1px solid #e7ebf1;}
.list_qna li{border-bottom: 1px solid #e7ebf1;}
.list_qna a{display:block;height:60px;line-height:60px;padding:0 20px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.list_qna a:before{content:'Q.';margin-right:20px;color:#333;font-size:18px;font-family:'Century Gothic';font-weight:600}

.link_qna_category{margin-bottom:50px;text-align:center;}
.link_qna_category dt, .link_qna_category dd{display:inline-block;}
.link_qna_category dt{margin-right:10px}
.link_qna_category dd:before{content:'';display:inline-block;width:1px;height:16px;margin:-2px 10px 0;background-color:#dfe5eb;vertical-align:middle}
.link_qna_category dt + dd:before{display:none}
.link_qna_category dd:after{display:inline}
.link_qna_category dd a{color:#2995fa;font-weight:600}
.link_qna_category dd a:hover{color:#1576d1}

.contents_tutorials .consultation_wrap{margin-bottom:120px;}

.tit_callHelp{padding:0px 0px 36px;font-weight: 300; font-size: 18px !important; line-height: 28px;text-align:center;}
.btn_callHelp_wrap{text-align:center;}


/* 사용가이드 > 리모트콜 사용하기 */
.top_howtouse{padding:100px 0px 56px 0px;}
.contents_howtouse{padding:70px 0px 90px 0px;}
.contents_howtouse .wrap{max-width:926px;}
.contents_howtouse h4{line-height: 58px; margin: 0px auto 18px;color: #2995fa;font-size: 32px;font-weight: 300;letter-spacing: -.05em;}
.contents_howtouse h5{margin-bottom:30px;font-size:24px; color:#333;}
.contents_howtouse .desc{margin:-6px 0 25px;font-weight: 300; font-size: 16px; line-height: 26px;}
.contents_howtouse .desc em{font-weight: 300; font-size: 14px; line-height: 20px;}
.contents_howtouse .list_agent{margin:0px -15px 40px;}
.contents_howtouse .list_agent>li{padding:0px 15px;}

.howtouse_wrap{padding-bottom:60px;}
.list_howtouse{flex-wrap: wrap;margin:0px -15px;}
.list_howtouse li{flex-grow:1; width:50%; padding:0px 15px 38px; box-sizing:border-box;}
.list_howtouse img{max-width:100%;height:auto;padding-bottom:20px;}
.list_howtouse figure{text-align:center;}
.list_howtouse figcaption{position: relative; margin-bottom: -6px;padding: 0px 0 0 30px; color: #666; font-size: 16px; font-weight: 300; line-height: 28px;text-align:left;}
.list_howtouse .num{display:block;position:absolute;top:5px;left:0;width:20px;height:20px;line-height:19px;color:#fff;font-size:12px;font-weight:400;background-color:#6483b1;border-radius:50%;text-align:center;}
.contents_howtouse .list_subInfo{padding-left:10px;}

.howtouse_img {padding-bottom:20px;}
.howtouse_img img{max-width:100%; height:auto;}
.howtouse_img figcaption{margin: 16px 0 -3px;font-weight: 300; font-size: 14px; line-height: 20px;text-align:center;}
.helpDesk_wrap{margin-bottom:40px;padding: 40px 10px 0px; border: 1px solid #e6ebf1; background: #fff;}
.helpDesk_wrap h6{margin: 0 0 20px; text-align: center;color:#333; font-size:21px;font-weight: 300;}
.helpDesk_wrap .desc{margin: 0 0 20px;color:#5884b6; text-align: center; font-weight: 300;}
.helpDesk_wrap .link_qna_category{margin-bottom:40px;}
.helpDesk_wrap .link_qna_category dd:first-child:before{display:none; }

.list_howtousePC{margin-bottom:20px;}
.list_howtousePC dt{padding-bottom:28px;}
.list_howtousePC dd{position:relative; padding:0px 0px 20px 30px;color: #666; font-size: 16px; font-weight: 300; line-height: 28px;}
.list_howtousePC dd.text{padding:0px 0px 20px;}
.list_howtousePC img{max-width:100%;height:auto;padding-top:20px;}
.list_howtousePC em{display:block;color: #555; font-size: 14px; font-weight: 300;}
.list_howtousePC .num{display:block;position:absolute;top:5px;left:0;width:20px;height:20px;line-height:19px;color:#fff;font-size:12px;font-weight:400;background-color:#6483b1;border-radius:50%;text-align:center;}
.howtouse_desc{font-size: 16px;text-align:center;}


/*-------------------------------------------------------------------
    sub page : 안내 
-------------------------------------------------------------------*/
.sections_group .wrap{min-height:384px;padding:84px 68px 120px;}
.sidebar_wrap{position:relative;width:218px;padding-right:70px;}
.sidebar_wrap a{display:block;height: 40px; padding: 0 14px; color: #555;font-size: 16px; line-height: 40px; font-weight: 300; white-space: nowrap;}
.sidebar_wrap .current_page_item a, .sidebar_wrap a:hover, .sidebar_wrap a:active{background:#eef2f8;color:#333;font-weight:400}
.sidebar_wrap nav{width:218px;transition: all .2s ; transform: translateY(5px);}
.sidebar_wrap nav.fixed {position: fixed; top: 93px;width:218px; transform: translateY(0px);}
.sidebar_wrap nav.absolute {position:absolute; bottom:0px;width:218px;}
.notice_wrap{flex:1;max-width:832px;min-width:696px;}

/* s: template 안내 글 리스트*/
/* Pager */
.clearfix { zoom: 1;}
.clearfix:after{content:'';display:block;clear:both;}
.pager_wrapper{clear:both;margin-bottom:0;padding-top:40px}
.pager{text-align:center}
.pager .pages{display:inline-block;margin:0;padding:0 32px;-webkit-border-radius:0;border-radius:0;background:none}
.pager .pages a{transition:none}
.pager .pages a:hover, .pager .pages a:active{background-color:#e6eef8;color:#333;text-decoration:none}
.pager .pages a.active, .pager .pages span.page-numbers.current{color:#2995fa}
.pager .pages a, .pager .pages span.page-numbers{display: inline-block;box-sizing:border-box;width:34px;min-height:34px;height:auto;margin:0 3px;padding:0 8px;line-height:34px;white-space:nowrap;border-radius:17px;color:#333;font-size:16px;font-weight:300;}
.pager a.next_page, .pager a.prev_page{font-size:16px;line-height:34px;}

.post_list_item{border-bottom:1px solid #e7ebf1}
.post_list_item .post_head{padding-top:33px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post_list_item:first-child .post_head{padding-top:0}
.post_list_item .post_category{float:left;margin-right:15px;color:#2995fa;font-size:14px}
.post_list_item .post_date{float:left;color:#999;font-size:14px;font-weight:300;}
.post_list_item .post_title{padding:12px 0 29px;}
.post_list_item .post_title a{font-size:24px;line-height:36px;font-weight:300}
.thumb_list_item_wrap{margin-right:-36px}
.thumb_list_item_wrap:first-child{margin-top:-36px}
.thumb_list_item{float:left;width:50%;padding:36px 36px 0px 0px;box-sizing:border-box;}
.thumb_wrap{position:relative;}
.thumb_wrap:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #dfe5eb;z-index:1;}
.thumb_list_item .post_link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%; height:100%;color:transparent;z-index:2}
.thumb_list_item .post_link:hover,
.thumb_list_item .post_link:active{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);box-shadow:0 2px 6px 0 rgba(0,0,0,0.2)}
.thumb_list_item .post_link.btn_play:hover:before{content:'';display:block;height:249px;background-color:rgba(0,0,0,.2)}
.thumb_list_item .post_link .ic_play{position:absolute;top:193px;left:16px;color:#fff;font-size:33px;}
.thumb_list_item .post_thumb{position:relative;height:249px;overflow:hidden;}
.thumb_list_item .post_thumb img{width:397px;height:auto;max-height: 100%;border:1px solid #dfe5eb;box-sizing:border-box;}
.thumb_list_item .post_title{height:96px;margin-bottom:24px;padding:22px 30px 0;color:#333;font-size:20px;font-weight:300;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
.thumb_list_item .post_info{padding:0 30px 30px;white-space:nowrap}
.thumb_list_item .post_category{display:inline-block;max-width:223px;margin-right:15px;color:#2995fa;font-size:14px;line-height:1.1em;font-weight:300;text-overflow:ellipsis;overflow:hidden}
.thumb_list_item .post_date{display:inline-block;max-width:100px;color:#999;font-size:14px;line-height:1.1em;font-weight:300}

/* video popup */
.vpp-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999}
.vpp-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border:10px solid #fff;border-top:7px solid #fff;border-radius:6px;box-shadow:0 0 0 5px #393939}
.vpp-container::before{content:'';position:absolute;top:-1px;left:0;height:4px;width:100%;background-color: #fff;}
.vpp-controller{position:relative;padding-top:10px;background-color:#fff;}
.vpp-controller::after{content:'';display:block;clear:both}
.vpp-controller .vpp-close-btn{position:relative;width:25px;height:25px;float:right;cursor:pointer;border-radius:50%;transition: all 0.18s}
.vpp-controller .vpp-close-btn:hover, .vpp-controller .vpp-close-btn:focus{background-color: #ccc;border-color:#fff}
.vpp-controller .vpp-close-btn::after, .vpp-controller .vpp-close-btn::before{content:'';position:absolute;top:50%;left:50%;height:2px;width:50%;background-color: #333}
.vpp-controller .vpp-close-btn:hover::after, .vpp-controller .vpp-close-btn:hover::before,
.vpp-controller .vpp-close-btn:focus::after, .vpp-controller .vpp-close-btn:focus::before{background-color: #fff;}
.vpp-controller .vpp-close-btn::after {transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg)}
.vpp-controller .vpp-close-btn::before {transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg)}

/* 제품 업데이트 정보 */
.contents_update{padding:80px 0px 120px;}
.list_updateHistory{position:relative;padding-left:72px;}
.list_updateHistory:before{content: ""; position: absolute;top:5px;left: 8px;width: 1px; height: 100%; border-left: 1px solid #e7ebf1;}
.list_updateHistory>li{padding:60px 0px;border-top: 1px solid #e7ebf1;}
.list_updateHistory>li:first-child{padding-top:0px; border-top:0px;}
.list_updateHistory>li:last-child{padding-bottom:0px;}
.tit_update{position:relative;padding-bottom: 40px;}
.tit_update:before{content: ""; position: absolute; top: 5px; left: -75px;padding: 4px; border: 8px solid #3399ff; border-radius: 50%;background: #fff;}
.tit_update:after{content:'';display:block;clear:both;}
.tit_update h3{float:left;font-size: 28px;line-height: 1;font-weight: 300;}
.tit_update .version{float:right;color: #6483b1;line-height: 28px;font-size: 16px;font-weight: 400;vertical-align:baseline;}
.desc_update{padding: 28px;background-color: #f5f8fb; color: #666;  font-size: 16px; line-height: 26px;font-weight: 300;}
.desc_update li{margin-left:8px; text-indent:-8px;}
.desc_update ul{padding: 18px 0px 18px 6px;}

/* 리모트콜 라운지 */
.contents_lounge{padding:120px 0px;}
.contents_lounge .media{flex-grow:1;width:50%;}
.contents_lounge img{max-width:100%;height:auto;}
.contents_lounge .caption{flex-grow:1;width:50%;box-sizing: border-box; padding: 30px 0 70px 56px;}
.contents_lounge .caption h4{max-height: 120px;margin-top: -2px; color: #333; font-size: 32px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.contents_lounge .caption p{margin-top: 23px; color: #666; font-size: 16px; line-height: 26px; }
.contents_lounge .btn_wrap{padding:50px 0px 0px; text-align:center;}
.contents_lounge .list_advantages{margin:0px -19px; padding: 0px 0px 30px;text-align:center;}
.contents_lounge .list_advantages li{padding:0px 19px;}
.loungeValue_img {padding-bottom:50px;}
.loungeValue_img img{max-width:100%; height:auto;}
.contents_lounge .review, .contents_lounge .reviewer{padding-left:32px;box-sizing:border-box;font-weight:300; text-align:left;}
.contents_lounge .review{position:relative;height:55px;font-size:18px;line-height:30px;margin-top:-7px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.contents_lounge .review::after{content:'';position:absolute;top:8px;left:0;width:20px;height:12px;background:url('/wp-content/uploads/image/sub/ico_double_quote.png') no-repeat;}
.contents_lounge .reviewer{display:block;margin-top:24px;font-size:18px;line-height:1;color:#666}
.contents_lounge .step_desc{position:relative;font-size:16px;margin-top:19px;padding:0px 0px 10px 42px;line-height:26px;color:#666;font-weight:300;box-sizing:border-box;word-break:keep-all; text-align:left;}
.contents_lounge .step_desc::after{content:'';position:absolute;top:6px;left:0;width:26px;height:26px;font-size:14px;text-align:center;line-height:25px;color:#fff;background-color:#5884b6;border-radius:50%}
.contents_lounge .step_desc.one::after{content:'1'}
.contents_lounge .step_desc.two::after{content:'2'}
.contents_lounge .step_desc.three::after{content:'3'}
.list_subInfo li{position:relative; padding-left: 10px;color: #666; font-size: 16px; line-height: 28px; font-weight: 300;}
.list_subInfo li:after { content: ''; position: absolute;  top: 13px; left: 0; width: 3px;  height: 3px;  background-color: #869eb9; border-radius: 50%;}

/* 리모트콜 라운지 이벤트 */
.contents_eventLounge{padding:120px 0px;}
.contents_eventLounge .tit_subPage{padding-bottom:20px;}
.tit_eventDesc{padding-bottom:53px; color: #555;line-height:28px; font-size: 16px; letter-spacing: -0.4px; text-align: center;}
.quizBox_wrap{border:1px solid #d2dce6;}
.gift_wrap{display:flex; flex-direction: column; align-items: center;max-width:410px; padding:59px 35px;text-align:center;}
.gift_wrap h4 span{display:inline-block; color: #555;font-size: 28px;font-weight: 500;line-height:43px;vertical-align:middle;}
.gift_wrap h4:before{content:""; display:inline-block; width: 10px; height: 10px; margin: 0 20px 0 0px; background-color: #278eff;border-radius:10px;vertical-align:middle;}
.gift_wrap h4:after{content:""; display:inline-block; width: 10px; height: 10px; margin: 0 0px 0 20px; background-color: #278eff;border-radius:10px;vertical-align:middle;}
.giftImg_wrap{width:340px; height:340px; margin-top:10px;background-color: #ebebeb;}
.giftImg_wrap img{width:100%; height:auto;}
.quiz_wrap{position:relative; flex:1;padding:40px 36px;background:url(/kr/wp-content/uploads/sites/2/image/sub/eventLounge_bg.png) no-repeat center; background-size:cover;}
.quiz_wrap:before{content:""; position:absolute; top:15px; right:33px; width:259px; height:191px; background:url(/kr/wp-content/uploads/sites/2/image/sub/eventLounge_quizBg.png) no-repeat right top; }
.quiz_date{position:relative; padding-top:51px;background:url(/kr/wp-content/uploads/sites/2/image/sub/eventLounge_party.png) no-repeat top left; color: #2995fa;line-height:24px;font-size: 16px;font-weight: bold;z-index:1;}
.quiz_date span{color: #333;font-size: 16px;font-weight:400;}
.quiz_date span:before{content:""; display:inline-block;width: 1px; height: 16px; margin: 3px 12px 0px;background-color: #818c99;vertical-align:top;}
.question{padding-top:90px; background:url(/kr/wp-content/uploads/sites/2/image/sub/eventLounge_quiz.png) no-repeat 0px 30px; color: #333;font-size: 24px; line-height: 1.33;letter-spacing: -0.5px;}
.question_list{margin-left: -20px;padding:10px 0px;flex-wrap:wrap;}
.question_list li{width:50%; padding:0px 0px 10px 20px;box-sizing:border-box;}
.question_list li div{padding:7px 9px; background:#fff; border-radius:100px;color:#555; font-size: 24px;line-height:1.5;}
.question_list li span{display:inline-block; width:36px; height:36px; margin-right:10px; border-radius:100px; color:#fff; font-size:21px; background:#35679F;line-height:36px;text-align:center;}
.question_desc{border-top:1px solid #d2dce6;padding-top:10px;}
.question_desc li{position:relative; padding-left: 10px;color: #555; font-size: 14px; line-height: 20px; letter-spacing: -0.35px;}
.question_desc li:after { content: '*'; position: absolute;  top:0px; left: 0; width: 3px;  height: 18px; color: #278eff; font-size: 14px;line-height:20px;}

.answer_wrap{padding:51px 60px 0px;}
.answer_wrap h4{display:inline-block;padding-right:36px;background:url(/kr/wp-content/uploads/sites/2/image/sub/eventLounge_pen.png) no-repeat right center; color: #555;font-size: 28px;font-weight: 500;line-height:43px;}
.answer_wrap .nf-form-fields-required{display:none;}
.answer_wrap .ninja-forms-req-symbol{display:none;}
.answer_wrap .nf-form-content{padding:0px;}
.answer_wrap .nf-multi-cell .nf-cell{padding:0px;}
.answer_wrap .nf-form-content input.ninja-forms-field{height:40px;}
.answer_wrap .nf-error.field-wrap .nf-field-element:after{width:40px;height:38px;line-height:40px;}
.answer_wrap .nf-pass.field-wrap .nf-field-element:after{height:40px;line-height:40px;}
.answer_wrap .list-radio-wrap .nf-field-element ul{display:flex;padding:16px 0px 15px !important;}
.answer_wrap .list-radio-wrap li{width:20%;}
.answer_wrap .nf-row:nth-child(1) .list-radio-wrap li label{color: #4a4a4a;font-size: 20px; font-weight: bold;line-height: 1;letter-spacing: -0.57px;}
.answer_wrap .nf-field-container{margin:0px 20px 10px 0px;}
.answer_wrap .nf-form-content .label-above .nf-field-label{margin-bottom: 5px;}
.answer_wrap .nf-form-content label {font-size: 14px;line-height: 1.43; letter-spacing: -0.4px; color: #4a4a4a;}
.answer_wrap .nf-form-content .nf-field-container #nf-field-32-wrap{border: 1px solid #c4c4c4;}
.answer_wrap .nf-form-content .nf-field-container #nf-field-32-wrap .event_textarea{height:114px; padding:12px;background: #f7f7f7;font-size: 12px; line-height: 1.67; letter-spacing: -0.34px; color: #4a4a4a;overflow:auto;}
.answer_wrap .nf-form-content input[type=button], .answer_wrap .nf-form-content input[type=button]:hover{display:block; cursor:pointer;width:255px; height:50px;margin:29px auto 0px; background-color: #ff574a;color: #fff;font-size: 18px;font-weight: normal;line-height: 1.11; letter-spacing: -0.51px; text-align: center;}
.answer_wrap .checkbox-container.label-right label:before{top:-8px;}


/* 리모트콜 라이브러리 */
.library_page .bot_brochure{padding:29px 30px;z-index:2;}
.btn_library{position:absolute; top:0px; left:0px; width:100%; height:100%;z-index:3;}




/*-------------------------------------------------------------------
    무료체험
-------------------------------------------------------------------*/
/* 무료체험 신청 안내 : 지금 리모트콜을 무료로 사용해보세요! */
.trial_visual{height: 460px;padding:100px 0px; background: #254e87 url("/wp-content/uploads/image/sub/bg_tit_registration.jpg") 50% 50% no-repeat;background-size:cover;}
.trial_visualDesc{padding-bottom: 30px;color: #1b4471; font-size: 24px; line-height: 34px; font-weight: 400;}
.trial_visual h2{margin-bottom: 50px;color: #1b4471;font-size: 48px;line-height: 60px;font-weight: 400;}
.trial_visual .text{padding-bottom:20px;color: #1b4471;font-size: 18px; line-height: 1; font-weight: 400;}
.trial_step1_form{padding-bottom:23px;}
.trial_form input[type="date"],.trial_form input[type="email"],.trial_form input[type="number"],.trial_form input[type="password"],.trial_form input[type="search"],.trial_form input[type="tel"],.trial_form input[type="text"],.trial_form input[type="url"],select,textarea,.woocommerce .quantity input.qty{background-color:#fff;color:#626262;-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.02);box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.02)}
.trial_form input[type="date"]:focus,.trial_form input[type="email"]:focus,.trial_form input[type="number"]:focus,.trial_form input[type="password"]:focus,.trial_form input[type="search"]:focus,.trial_form input[type="tel"]:focus,.trial_form input[type="text"]:focus,.trial_form input[type="url"]:focus,select:focus,textarea:focus{background-color:#E9F5FC;color:#1982C2}	
.trial_step1_form .Rectangle {display: inline-block; width: 400px;height: 52px;margin-right: 10px;padding: 10px; border-radius: 4px; border:1px  solid #979797; background: #ffffff; color: #626262;  font-size: 13px; box-shadow: none; outline: none; box-sizing:border-box;}
.Rectangle-Copy-7{position: relative;display: inline-block;  width: 270px; height: 52px;border:0px; border-radius: 4px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); background: #00a4e4;  overflow: hidden;color: #fff; font-size: 18px; text-align: center;cursor:pointer;}	
.trial_formNoti li{margin-left:8px;color: #1b4471;font-size: 12px; line-height: 1.5;font-weight: 400;text-indent:-8px; }

.trial_info .wrap{padding:80px 68px 120px;}
.trial_info h3{line-height: 58px; margin: 0px auto 28px;color: #333;font-size: 36px;font-weight: 300;letter-spacing: -.05em;text-align: center;}
.trial_os{margin:0px -8px 90px;border-bottom: 1px solid #e7ebf1;}
.trial_os li{flex-grow:1; width:50%;padding:0px 8px; box-sizing:border-box;}
.trial_os h4{background-color: #eef2f8;color: #35679f;text-align: center;font-size: 20px; line-height: 52px;font-weight: 400;}
.spriteOs_wrap{padding: 36px 0;text-align: center;}
[class^=os_]{content:'';background: url("/wp-content/uploads/image/sub/img_sprite_os.png") no-repeat;}
.os_windows{display: inline-block;width: 137px;height: 35px;background-position: -1px 0px;margin-right: 50px;text-indent: -9999px}
.os_mac{display: inline-block;width: 80px;height: 35px;background-position: -138px 0px;margin-right: 50px;text-indent: -9999px}
.os_linux{display: inline-block;width: 105px;height: 35px;background-position: -217px 0px;text-indent: -9999px}
.os_android {display: inline-block;width: 107px;height: 35px;background-position: -323px 0px;margin-right: 50px;text-indent: -9999px}
.os_iphone{display: inline-block;width: 162px;height: 35px;background-position: -431px 0px;text-indent: -9999px}

.trial_benefit{margin:0px -28px;}
.trial_benefit li{flex-grow:1; width:50%;padding:0px 28px; box-sizing:border-box;}
.trial_benefit h4{color: #5884b6;font-size: 28px; line-height: 52px; font-weight: 400;}
.trial_benefit .desc{padding-bottom:30px;color: #333;font-size: 16px; line-height: 26px;  font-weight: 300; word-break:keep-all; }
.trial_benefit img{max-width:100%; height:auto;}
.trial_noti{padding-top:30px;}
.trial_noti li{padding-left:8px;font-size: 14px; line-height: 26px;text-indent:-8px;}

/* 무료체험 신청 공통 */
.trial_container{background: #f5f8fb;}
.trial_container .wrap{max-width: 960px;padding:90px 0px 80px;}
.trial_container h2{margin-bottom: 40px;font-size: 42px;font-weight: 300;text-align: center;}
.trial_contents{padding: 80px 120px;background: #fff;}

/* 무료체험 이메일 중복 */
.trial_contents h3{margin-bottom: 15px;font-size: 24px;}
.trial_contents .desc{padding: 30px 0px 20px;color: #5884b6; font-weight: 300;font-size: 14px;line-height:1.5;}
.link_back{border-bottom:1px solid #5884b6;color: #5884b6; font-weight: 300;font-size: 14px;line-height:1.5;}

/* 무료 체험 가입 정보 등록 */
.trial_step{max-width: 300px;margin:0px auto;padding-bottom:77px;font-weight:500;}
.trial_step_one {position:relative;flex-grow:0;}
.trial_step_two {position:relative;flex-grow:0;}
.trial_step_three {position:relative;flex-grow:0;}
.trial_step_bar{flex-grow:1;height: 2px;margin:19px 0px;background-color: #dfe5eb;}
.trial_step i{display:block;width:40px; height:40px; margin:0px auto;border-radius:100px;background: #dfe5eb;; color: #333;font-size:20px;line-height:40px;text-align:center;}
.trial_step span{position: absolute; left: 50%;padding-top: 15px;color: #333;font-size:20px;text-align:center;white-space: nowrap;transform: translateX(-50%);}
.trial_step .active i{background: #2995fa; color: #fff;}
.trial_step .active.checked i:before{    font-family: 'rsupport'!important; content: "\e907";}
.trial_step .active span{color: #2995fa;}
.trial_step_bar.active{background: #2995fa;}

.register_wrap h3{padding-bottom:30px;}
.register_contents{display:flex;flex-wrap:wrap; margin:0px -10px;}
.register_contents:after{content:'';display:block;clear:both;}
.register_contents li{width:50%;padding:3px 10px 15px;box-sizing:border-box;}

.register_form01 input{font-size:16px;font-weight:300}
.register_form01 button::after{display: none !important}
.register_form01 .email-chk{height:42px; line-height:42px;font-weight:400; box-sizing:border-box; margin:24px 0 0;padding:0 21px; border-radius: 3px;font-size:16px;background-color: #eef2f8 !important;box-shadow: none;-webkit-box-shadow: none;background-image:none}
.register_form01 select{width:100%;font-size:16px;font-weight:300;color:#bbb}
.register_form01 .register_contents label{display:block;font-weight:300;margin-bottom:10px;width:100%;font-size:14px}
.register_form01 .text{font-size:14px;line-height:22px;color:#869eb9;margin-bottom:15px}
.register_form01 .chk_area{padding-top:12px;margin-bottom:18px}
.register_form01 .chk_area:last-child{padding-bottom:40px!important}
.register_form01 .chk_area label{position:relative;display: inline-block;margin-left:0;margin-bottom:0;font-size: 14px; font-weight: 300;}
.register_form01 .chk_area label a{text-decoration:underline;}
.register_form01 .chk_area div{display:inline-block;}
.register_form01 .check-area div{display:inline-block;}
.register_form01 div.chk_area{display:block}
.register_form01 input[type="checkbox"]+label>i:before{top:-1px;left:-25px}
.register_form01 input[type="checkbox"]+label>i{display:none}
.register_form01 .chk-area>div{margin-bottom:0}
.register_form01 .chk-area a{text-decoration:underline}

.register_form01 input[type="text"], .register_form01 input[type="email"], .register_form01 input[type="url"], .register_form01 input[type="tel"], .register_form01 input[type="number"], .register_form01 textarea{width: 100%; padding-top: 13px;padding-bottom: 13px;padding-left: 12px;padding-right: 12px;margin-bottom:0 !important; background-color:#fff !important;line-height: 16px;font-weight: 300;color: #333;font-size: 16px;border: 1px solid #d2dce6;border-radius: 3px !important; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none}
.register_form01 input[type="text"]:active, .register_form01  input[type="email"]:active, .register_form01 input[type="url"]:active, .register_form01  input[type="tel"]:active, .register_form01 input[type="number"]:active, .register_form01 textarea:active{border-color: #2995fa}
.register_form01 input[type="text"]:focus, .register_form01 input[type="email"]:focus, .register_form01 input[type="url"]:focus, .register_form01  input[type="tel"]:focus, .register_form01 input[type="number"]:focus, .register_form01 textarea:focus{border-color: #2995fa}
.register_form01 input[type="email"],.register_form01 input[type="text"],.register_form01 input[type="tel"],.register_form01 select,.register_form01 textarea{margin-bottom:0}
.register_form01 input[type="email"],.register_form01 input[type="text"],.register_form01 input[type="tel"]{width:100%;height:42px;padding:0 12px;line-height:42px;box-sizing:border-box;}
.register_form01 input[type="email"]::-webkit-input-placeholder,.register_form01 input[type="text"]::-webkit-input-placeholder,.register_form01 input[type="tel"]::-webkit-input-placeholder{font-weight:300;color:#bbb}
.register_form01 input[type="email"]:-ms-input-placeholder,.register_form01 input[type="text"]:-ms-input-placeholder,.register_form01 input[type="tel"]:-ms-input-placeholder{font-weight:300;color:#bbb}
.register_form01 input[type="email"]:-moz-placeholder,.register_form01 input[type="text"]:-moz-placeholder,.register_form01 input[type="tel"]:-moz-placeholder{font-weight:300;color:#bbb}
.register_form01 input[type="date"]:focus,.register_form01 input[type="email"]:focus,.register_form01 input[type="number"]:focus,.register_form01 input[type="password"]:focus,.register_form01 input[type="search"]:focus,.register_form01 input[type="tel"]:focus,.register_form01 input[type="text"]:focus,.register_form01 input[type="url"]:focus,.register_form01 select:focus{border-color: #3399ff; background-color:#fff!important}
.register_form01 textarea:focus .register_form01 select{background-color:#fff!important}

.register_form01 select{ display: block;height:42px;padding:0 12px;line-height:42px; border: 1px solid #d2dce6; border-radius: 3px !important; box-sizing: border-box; -webkit-appearance: none;}
.register_form01 select option:checked, .register_form01 select option:hover{height:40px}
.register_form01 .err-msg{padding: 15px 0 0;font-weight: 300;font-size: 12px;color: #e13326;}

.register_form01 table{width:100%;font-size:14px;margin-bottom:30px}
.register_form01 th,
.register_form01 td{padding:0;box-sizing:border-box;text-align:left;word-break:keep-all;}
.register_form01 th{height:40px;padding-left:20px;border-left:1px solid #fff;background-color:#eef2f8;font-weight:400;vertical-align:middle;}
.register_form01 td{height:60px;padding:12px 0 12px 20px;border-left:1px solid #eef2f8;border-bottom:1px solid #eef2f8; background-color:#fff;line-height:20px;font-weight:300;}
.register_form01 th:first-child{border-left:none}
.register_form01 td:first-child{border-left:none}
.register_form01 th:first-child,.register_form01 td:first-child{width:25%}
.register_form01 th+th,
.register_form01 td+td{width:50%}
.register_form01 .btn_wrap {padding-bottom: 40px;text-align:center;}
.register_form01 .register-sub{display:none;padding-top:30px}
.register_form01 .register-sub h3 span{display:inline;font-size:24px;color:#ff574a}

.submit_wrap{text-align:center;}

/* 인증 메일 발송 완료 */
.trial_apply h3{font-size: 24px; font-weight: 500;text-align: center;}
.trial_apply .desc{padding:0px 0px 30px;color: #555;font-size: 28px;font-weight: 300; text-align: center;}
.user_info{padding: 24px 20px 10px; border: 1px solid #d2dce6; background-color: #f5f8fb;}
.user_info li{max-width: 460px;margin: 0 auto 12px;}
.user_info label{display:inline-block;min-width:140px;padding-right: 10px;font-size:16px;font-weight:400;color:#5884b6;border-right:1px solid #a6bed8}
.user_info span{font-size:20px;font-weight:500;color:#35679f;padding-left:16px}
.user_info .code{text-align:center;font-weight:500;font-size:20px;color:#ff574a}

.list_apply{padding:80px 0px 60px;}
.list_apply li{flex-grow:1;width:34%; padding: 25px;border-right: 1px solid #dfe5eb;box-sizing: border-box;text-align:center;}
.list_apply li:last-child{width:32%; border:0px; }
.list_apply .email:before{content: '';display: inline-block; width: 52px; height: 58px;background: url("/wp-content/uploads/image/sub/img_sprite_help_option.png") no-repeat;background-position: 0 0;}
.list_apply .certification:before{content: '';display: inline-block; width: 58px; height: 58px;background: url("/wp-content/uploads/image/sub/img_sprite_help_option.png") no-repeat;background-position: -54px 0;}
.list_apply .password:before{content: '';display: inline-block; width: 78px; height: 58px;background: url("/wp-content/uploads/image/sub/img_sprite_help_option.png") no-repeat;background-position: -114px 0;}
.list_apply h4{padding: 20px 0px;font-size: 18px; font-weight: 400;}
.list_apply p{padding-bottom: 20px;font-size: 14px; font-weight: 300;word-break:keep-all;}

.list_apply_download{padding:0px  60px;}
.list_apply_download>li{flex-grow:1;width:50%; padding: 0px 60px;border-right: 1px solid #dfe5eb;box-sizing: border-box;}
.list_apply_download>li:last-child{border:0px; }
.tutorial_wrap figure:after{content:'';display:block;clear:both;}
.tutorial_wrap figure img{float:left;max-width: 100%; height: auto; margin-bottom: 13px;}
.tutorial_wrap figcaption{ display: block; padding-top: 20px;}
.tutorial_wrap figcaption strong{display: block; margin-bottom: 13px;font-size: 19px;font-weight: 400;}
.tutorial_wrap figcaption span{display: block;color: #999; font-size: 14px; font-weight: 300;}

/* 인증 메일 재발송 요청 */
.resend_form{padding-top:15px;}
.list_confirm {flex-wrap: wrap;}
.list_confirm>li{flex-grow:1;width:50%; padding: 0px 40px;box-sizing: border-box;text-align:center;}
.list_confirm>li .spam:before{content: ''; display: inline-block; background: url("/wp-content/uploads/image/sub/img_help_email.png") no-repeat; width: 52px; height: 47px;}
.list_confirm>li .domain:before{content: ''; display: inline-block; background: url("/wp-content/uploads/image/sub/img_help_option.png") no-repeat; width: 52px; height: 47px;}
.list_confirm>li h5{padding:28px 0px 20px;font-size: 18px; text-align: center; font-weight: 400;}
.list_confirm>li p{ min-height: 74px;padding-bottom: 25px;font-size: 14px; line-height: 20px; font-weight: 300; text-align: center; word-break: keep-all;}
.link_setting a{height: inherit!important;min-height: 15px; font-size: 14px !important;line-height: 24px !important; }
.trial_content .ic_phone{margin-left:0px;}

/* 무료 체험 가입 완료 안내:종료페이지 */
.trial_complete h3{margin-bottom: 0px;font-size: 28px; font-weight: 500;text-align: center;}
.trial_complete .desc{padding:20px 0px 30px;color: #555;font-size: 20px;font-weight: 300; text-align: center; }

.content_tutorial h4{padding:60px 0px 40px; font-size: 24px; font-weight: 500; text-align: center;}
.list_tutorial{position:relative;max-width: 720px;margin: 0 auto;}
.list_tutorial:before {content: ''; position: absolute;  top: 0px;  left: 11px;  height: 100%; border-left: 2px solid #dfe5eb;}
.list_tutorial>li{position: relative;padding:0px 0px 40px 40px;}
.list_tutorial>li:last-child{padding:0px 0px 0px 40px;}
.list_tutorial h5{position: relative; margin-bottom: 20px; color: #35679f; font-size: 21.32px; font-weight: 400; line-height: 1; }
.list_tutorial h5:before {display: block; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-color: #35679f; border-radius: 50%;color: #fff; font-size: 14px; line-height: 23px; font-weight: 500; text-align: center;}
.section01 h5:before{content: "1";}
.section02 h5:before{content: "2";}
.section03 h5:before{content: "3";}
.section04 h5:before{content: "4";}
.list_tutorial p{font-size: 16px;line-height: 26px; font-weight: 300;}
.list_agent{margin:20px -8px 0px; flex-wrap: wrap;}
.list_agent>li{flex-grow:1;width:50%; padding: 0px 8px;box-sizing: border-box;}
.list_agent .tutorial_wrap{ padding: 19px 20px; background: #fff; border: 1px solid #e7ebf1;}

.section01 .tutorial_wrap figure:after{content:'';display:block;clear:both;}
.section01 .tutorial_wrap img{float:left;max-width: 100%; height: auto; margin-bottom: 13px;}
.section01 figcaption{display: block; padding-top: 20px;}
.section01 figcaption strong{display: block; margin-bottom: 13px;font-size: 19px;font-weight: 400;}
.section01 figcaption span{display: block;color: #999; font-size: 14px; font-weight: 300;}
.section03 .tutorial_wrap h6{padding: 10px 0px 20px; color: #ff794a; text-align: center; font-size: 20px; font-weight: 400;}
.section03 .tutorial_wrap p{padding: 0 20px 25px;text-align: center;font-size: 14px; line-height: 20px; font-weight: 300;}
.section03 .tutorial_wrap figure{margin-bottom:15px;text-align:center;}
.section03 .tutorial_wrap img{float:none;max-width: 100%; height: auto; }
.section04 .list_email{margin:8px -8px 0px;}
.section04 .list_email:after{content:'';display:block;clear:both;}
.section04 li{float:left; width:50%; padding: 12px 8px 0px;box-sizing:border-box;}
.section04 .tutorial_wrap{padding:0px;border:0px;background:#fff;}
.section04 .tutorial_wrap strong{float: left;display: block; width: 80px;  height: 100%; line-height: 80px; background: #e6eef8; color: #35679f; font-size: 16px; font-weight: 400; text-align: center;}
.section04 .tutorial_wrap span{  height: 100%;  padding-left: 20px;font-size: 16px;font-weight: 300; line-height: 80px;}

.trial_content .consultation_wrap{padding: 35px 0;}
.trial_content .consultation_wrap li{padding:0px 38px;}
.trial_content h5{ margin-bottom: 15px;font-size: 18px; font-weight: 400;} 
.trial_content p{ margin-bottom: 21px;color:#555; font-size: 14px; font-weight: 300;}


/*-------------------------------------------------------------------
    etc
-------------------------------------------------------------------*/
/* 회사소개 */
.contents_group{padding:120px 0px; border-bottom:1px solid #dfe5eb;text-align:center;}
.logo_wrap{padding-bottom:60px; }
.logo_wrap img{width:370px; height:auto;}
.contents_group h3{max-height: 116px;margin-bottom: 52px;color: #3c3c3c;font-size: 42px;font-weight: 300;line-height: 58px; letter-spacing: -.05em; text-align: center;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_advantages{padding:0px 48px 50px;}
.list_advantages li{flex:1; width:33.33%;box-sizing:border-box;}
.tit_advantages{max-height: 52px;margin: -4px 0 9px;color: #5884b6; font-size: 20px; line-height: 26px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.num_advantages{padding-bottom:30px;color:#5884b6; font-size: 40px;}
.num_advantages strong{font-size: 76px;font-weight:400;}
.txt_advantages{max-height: 84px;color: #666;font-size: 16px;line-height: 28px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: keep-all;}
.txt_advantages span{font-size:13px;}

.contents_rproduct{padding:90px 0px;}
.contents_rproduct h4{margin-bottom: 15px; color: #333; font-size: 32px; line-height: 60px;}
.contents_rproduct .sub_rproduct{padding-bottom:30px;color: #666;font-size: 16px; line-height: 28px;}
.contents_rproduct li{padding-bottom:30px;display: -webkit-flex; display: flex; }
.contents_rproduct li:after{content:'';display:block;clear:both;}
.contents_rproduct .logo_product{flex-grow:0;width: 350px; height: 180px; border: 1px solid #dfe5eb; box-sizing: border-box; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.contents_rproduct .logo_product img {max-width: 100%;height: auto;}
.contents_rproduct .desc_product{flex-grow:1;width:calc(100% - 350px);padding-left:40px;box-sizing:border-box;}
.contents_rproduct .nm_product{padding: 12px 0 20px; color: #333; font-size: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.contents_rproduct .nm_product + p{max-height: 78px; margin-bottom: 10px; color: #666; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/* 개인정보처리방침 */
.contents_conditions{padding:84px 0px; color:#666; font-size: 14px; font-weight: 300;}
.contents_conditions dt{position:relative;padding-left:36px;color:#333;font-size:18px;line-height:28px;font-weight:400;text-indent:-36px;}
.contents_conditions dt .label{padding-right:9px;}
.contents_conditions dl>dt{margin:50px 0px 8px 0px;}
.contents_conditions dd{padding-left:36px;line-height:22px;}
.contents_conditions dd dl{position:relative;}
.contents_conditions dd dt{margin:15px 0px 0px;padding-left:20px; color:#666; font-size: 14px; font-weight:300; text-indent:-20px;}
.contents_conditions dd dl dt:first-child{margin-top:8px;}
.contents_conditions dd dt .label{padding-right:2px;}
.contents_conditions dd dd{margin-left:20px;padding-left:14px;line-height:22px; text-indent:-12px;}
.contents_conditions .table_default{margin-top:15px;border-top:0px;}
.contents_conditions  table.table_default th{ padding:8px 20px;font-size:14px; text-align:left;}
.contents_conditions  table.table_default td{padding:7px 20px;font-size:14px;}
.contents_conditions .table_wrap{flex-grow:1;width:50%;padding:0px 42px 16px 0px;box-sizing:border-box;}
.contents_conditions .table_wrap:last-child{padding-right:0px;} 
.contents_conditions .flexbox + dl dd{margin:0px;}

/* 이용약관 */
.contents_terms{padding:90px 0px 84px;color:#666; font-size: 14px; font-weight: 300;}
.contents_terms h2{padding:0px 0px 11px;color:#333;font-size:32px;line-height:1;font-weight:300;}
.contents_terms dl{padding:0px 0px 14px 30px;}
.contents_terms dt{padding:34px 0px 16px;font-size:18px;line-height:1;color:#333}
.contents_terms dd{padding-left:20px;padding-bottom:22px;color:#666;font-size:14px;line-height:22px;}
.contents_terms dd .desc_contactUs{border:1px solid #dfe5eb;padding:20px 60px;font-size:14px;}
.terms_list li{position:relative;padding-left:20px;padding-bottom:22px;line-height:22px;box-sizing:border-box}
.terms_list li li{padding-bottom:0px;}
.terms_list li .depth_unit{position:absolute;top:0;left:0;margin-right:5px}
.terms_list li.padding-left-zero{padding-left:0}
.terms_list li.dot{padding-bottom:0}
.terms_list li.dot:before{content:'';position:absolute;top:50%;left:3px;width:2px;height:2px;transform:translateY(-50%);-ms-transform:translateY(-50%);background-color:#666;}
.terms_link{display:inline-block;margin-top:5px;font-size:16px;font-weight:400;line-height:1}
.terms_link i{position:relative;top:-1px;font-size:12px;}
.sub_terms_list{padding-top:10px;}
.sub_terms_list li:last-child{padding-bottom:0px;}
.contents_terms .table_default{border-top:0px;}
.contents_terms table.table_default th{ padding:8px 20px;font-size:14px; text-align:left;}
.contents_terms table.table_default td{padding:7px 20px;font-size:14px;}

/* contact us */
.contents_contactUs{padding:90px 0px 120px;}
.contactUS_wrap{padding: 40px 50px;border:1px solid #dfe5eb;border-top:0px;}
.tit_contactUs{flex-grow:1;max-width: 260px;padding-right: 40px;border-right: 1px solid #dfe5eb;}
.tit_contactUs h3{margin-left: -3px;margin-top: 6px;color: #333;font-size: 32px; line-height: 34px; font-weight: 300;letter-spacing: -1px;word-spacing: -1px;}
.desc_contactUs{flex-grow:1; max-width: 657px; padding-left: 60px; font-size: 18px; line-height: 30px;}
.desc_contactUs li:after{content:'';display:block;clear:both;}
.desc_contactUs strong{float: left; width: 80px; color: #999;  font-weight: 300;}
.desc_contactUs span{float: left; width: calc(100% - 80px);font-weight: 300;}





/* ------------- mobile 잠금  ----------------*/
/* 1. mega Menu > menu theme > mobile menu : break point 설정 */
/* 2..site에 width값, overflow 삭제 , .header .wrap min-width 주석풀기, gnb .wrap  min-width값 주석풀기*/
/* 3. header.php에서 metatag 주석 추가 */
/*4. http://dev.remotecall.com/kr/wp-admin/options-general.php?page=siteorigin_panels (설정/page builder/layout/mobile width)에서 mobile width 설정 */

/* mobile 320~500 */
.is_mobile{display:none;}

@media only screen and (max-width: 1256px){
    .wrap{overflow:hidden;}
    .main_visual:before{background-size:56%;}
    .tab_remotecall a{font-size:22px;}
}

@media only screen and (max-width: 1000px){
    /* layout
    .is_pc, .pc{display:none !important;}
    .is_mobile, .mobile {display: block;}
     .logo{width:141px; height:57px;}
    .logo a{display:block;width:141px; height:20px;padding-top:19px; line-height:20px;}
    
    .menu{display:inline-block;}
    .menu .mega-toggle-label{display:none;}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-hide-on-mobile{display:block;}
    .menu #mega-menu-wrap-mainnav .mega-menu-toggle{height: 56px;line-height: 56px;}
    .menu #mega-menu-wrap-mainnav .mega-menu-toggle .mega-toggle-block-1:after{color:#555;font-size:33px;}
    .menu #mega-menu-wrap-mainnav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{margin-right:20px;}
    .menu #mega-menu-wrap-mainnav .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after{content: '\f335';}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav{border-left: 1px solid #e7ebf1;background: #fff;overflow-y:auto;}

    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu .column-nav-products .textwidget{padding-bottom:10px;}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item{line-height: 1;padding: 18px 0px 17px;}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item > a.mega-menu-link{height:16px;line-height:16px;padding: 0 24px;font-size:16px; }
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item > a.mega-menu-link:hover{color: #2995fa;}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item > a.mega-menu-link:before{display:none;}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item > a.mega-menu-link:after{display:inline-block!important;content: '\f347';position:absolute; right:24px;font-family: 'dashicons';}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after{content: '\f343';}
    
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu{min-width:auto; padding:0px;}
    .menu #mega-menu-wrap-mainnav .mega-menu-toggle + #mega-menu-mainnav li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{box-sizing:border-box;margin:18px 0px 0px;padding-left:24px;border-top:0px;background:#eef2f8;box-shadow:none;}
    
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, 
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu .custom-html-widget a{height:27px;padding:12px 0px 12px 12px;font-size:16px;font-weight:300;line-height:27px;}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column{padding:0}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding-top:0}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu{ padding:0}
    .menu #mega-menu-wrap-mainnav #mega-menu-mainnav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{padding:20px 0px 11px 12px;font-size:14px;line-height:23px;}
    
    .social_menu {display:none;}
    
    #footer { background: #414d5b;color: #fff;}
    #footer .row-wrapper{padding:0 28px;}
    #footer .panel-grid{margin-bottom:0px;border-top:0px;}
    #footer .panel-grid.panel-has-style>.panel-row-style, #footer .panel-grid.panel-no-style{display:block;}
    #footer .current_langs {color:#fff;}
    #footer .current_langs:after {border-left:3px solid  #fff;border-bottom: 3px solid transparent; border-top: 3px solid transparent;}
    #footer .current_langs .ic_global {margin:0px 12px 2px 0px;font-size: 15px;}
    #footer .list_langs {bottom: inherit;top: 10px;z-index: 10;}
    #footer ul.list_langs li .link_lang{font-size:10px;}
    
    #footer .pc_version {float: right; position: relative; top: 3px;height: inherit; line-height: 1;cursor: pointer;color:#fff;font-size: 14px;}
    #footer .panel-grid-cell{width:100%;}
    #footer .widget_etc {padding:10px 0px;text-align: left;}
    #footer .links_etc li a{color:#fff;}
    #footer ul.links_sns{display:none;}
    #footer .panel-row-style{padding:0 28px;}
    
    .company_info{color:#fff;}
    .company_info .widget-title{font-size:14px;}
    
    
    main */  
    
    /* 메인 상단 슬라이더 */
    /*
    .slider_contents { padding-right:20px;}

    .main_support .flexbox{display:block;padding:0px 0px 11.11%;}
    .type_support{border-bottom:0px;}
    .type_support .media{width:100%;padding-bottom: 5.83%!important;}
    .type_support .media img{box-shadow:none;}
    .type_support .caption{width:100%;}
    .type_support .caption:after{display:none;}
    .type_support .caption h3{padding:0 50px 11px;font-size: 18px; font-weight:400;line-height: 1.5; }
    .type_support .caption .text{padding:0px 50px;font-size: 14px; line-height:1.3;display:block;}
    .media_mobile{display:none;}

    .main_works{padding:11.11% 0%;}
    .main_works h2{margin-bottom: 5.83%; padding:0px;}
    .main_works .photo{margin-bottom: 5.83%;}

    .main_effect{padding:11.11% 0;}
    .main_effect h2{margin-bottom: 5.83%;padding:0px;}
    .main_effect ul{padding:0px;}
    .main_effect li{padding:0px 0px;}
    .tit_effect {font-size: 70px;line-height:1.2;}
    .tit_effect:before{display:none;}
    .tit_effect.cost:after{font-size: 30px;line-height:1.2;}
    .tit_effect.task:after{font-size: 30px;line-height:1.2;}

    .main_webViewer{padding:11.11% 0%;text-align:center;}
    .main_webViewer .caption{padding:0px;text-align:center;transition: all .5s; -webkit-transition: all .5s;}
    .main_webViewer h2{margin: 0 0 8% 0;padding: 0px ;}
    .main_webViewer .text{margin: 0 0px 28px 0;}
    .main_webViewer .photo{position:relative;left:0px;width:100%; max-width:100%; margin-bottom: 5.83%;transition: all .5s; -webkit-transition: all .5s;}

    .success_stories{background-color: #35679f;background-image: none;}
    .success_stories:before{display:none;}
    .success_stories .contents_slider{padding:100px 5.83% 0px;text-align:center;transition: all .5s; -webkit-transition: all .5s;}
    .success_stories .tit_successStories{padding-bottom:0px;}
    .success_stories h2{max-height: 168px; margin: -11px auto 30px; line-height: 56px; color: #fff; font-size: 42px; font-weight: 300; letter-spacing: -.05em;word-break: keep-all; display: -webkit-flex;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .successStories_slider{padding: 5.83% 0px;border-left:0px;border-bottom: 2px solid #869eb9;}
    .successStories_slider li{ color: #fff; font-size: 20px; font-weight: 300; line-height: 30px; word-break: keep-all;}
    .successStories_slider .by { display: block; margin-top: 7px; font-size: 16px;}

    .use_case{background-color: #35679f;padding:24px 0% 50px;border-bottom: 1px solid #dfe5eb;text-align:center;}
    .use_case ul{flex-wrap: wrap;justify-content: space-around;}
    .use_case li{width:33.3%;max-width:160px;flex-grow:1;}
    .use_case li img{width:100%; height:auto;}

    .start_content .contact:before{display:none;}
    .start_content li.start, .start_content li.contact{padding:0px 20px;}
    .start_content h3{font-size: 21px;line-height: 1;}
    .start_content .text{font-size:14px;}
    .start_content .btn_point, .start_content .btn_point_border{min-width:100px;padding:0px;}

}

@media only screen and (max-width: 500px){
    /* main */


    /* 메인 상단 슬라이더 
    .main_slider {padding: 6.93% 0px;}
    .main_slider .tit_sliderWrap{font-size:11px;}
    .top_slider ul{padding-bottom:0px;}
    .slider_contents {width:50%;padding-right:0%;}
    .slider_contents .text{display:none;}
    .slider_contents .btn_point_inline.btn_reverse{height:auto;padding-top:8%;padding-right: 5%;word-break: keep-all;}
    .slider_thumbs{width:50%;max-height:110px;}
    .slider_thumbs img{max-width:100%; height:auto;}

    .main_start{padding:35px 0px 0px;}
    .start_content{display:block;}
    .start_content li{max-width:100%;text-align:center;}
    .start_content h3{margin-bottom: 5.5%;}
    .start_content .text{max-width:273px;margin:0px auto;}
    .start_content .btn_wrap{padding-bottom:13.11%;}
    .start_content .btn_point, .start_content .btn_point_border{display:block;max-width:273px;height: 45px; line-height: 45px;margin:0px auto !important;}


    /* page 
    .page_tit{height: auto !important; padding: 24px 20px;box-shadow: 0 8px 12px rgba(0,0,0,0.1);background: #fff !important; color:#555;}
    .page_tit .wrap{width:100%;padding: 0px;}
    .page_tit h2{margin-bottom: 0px;color:#555; font-size: 14px;line-height: 21px;font-weight:600;}
    .page_tit h2 a{display:inline-block;margin-right:15px; padding: 0 15px 0px 0px; border-right: 1px solid #d2dce6;font-weight:normal;}
    .page_tit h2 a:after { content: '\f347'; font-family: 'dashicons'; margin-left: 16px;vertical-align: bottom;}
    .page_tit p{display:none;}

    .page_banner{height:auto;}
    .page_banner .wrap{padding: 11.11% 5.83%;}
    .page_banner a{height:auto;padding:0px 25% 0px 0px;font-size:12px;color:#555;line-height:1.5;}
    .page_banner a strong{font-size:16px;font-weight:400;line-height:1.5;}
*/
}