/*
Theme Name: 	Rsupport RemoteCall Child EN
Theme URI: 		https://www.rsupport.com/
Author: 		wsd@rsupport.com
Description:	Rsupport RemoteCall Child EN theme
Template:		remotecall
*/
@charset "utf-8";

@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), 
        url("/wp-content/themes/remotecall/assets/font/NotoSansKR/NotoSansKR-Regular.woff2") format("woff2"),
        url("/wp-content/themes/remotecall/assets/font/NotoSansKR/NotoSansKR-Regular.woff") format("woff");
    font-display: block;
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), 
        url("/wp-content/themes/remotecall/assets/font/NotoSansKR/NotoSansKR-Medium.woff2") format("woff2"),
        url("/wp-content/themes/remotecall/assets/font/NotoSansKR/NotoSansKR-Medium.woff") format("woff");
    font-display: block;
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'), 
        url("/wp-content/themes/remotecall/assets/font/NotoSansKR/NotoSansKR-Bold.woff2") format("woff2"),
        url("/wp-content/themes/remotecall/assets/font/NotoSansKR/NotoSansKR-Bold.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family:'Roboto';
    font-weight:400;
    font-display:swap;
    src:url('/wp-content/themes/remotecall/assets/font/Roboto/Roboto-Regular.woff2') format('woff2');
}

@font-face {
    font-family:'Roboto';
    font-weight:600;
    font-display:swap;
    src:url('/wp-content/themes/remotecall/assets/font/Roboto/Roboto-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family:'Roboto';
    font-weight:700;
    font-display:swap;
    src:url('/wp-content/themes/remotecall/assets/font/Roboto/Roboto-Bold.woff2') format('woff2');
}

@font-face {
    font-family:'Roboto';
    font-weight:800;
    font-display:swap;
    src:url('/wp-content/themes/remotecall/assets/font/Roboto/Roboto-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family:'Roboto';
    font-weight:900;
    font-display:swap;
    src:url('/wp-content/themes/remotecall/assets/font/Roboto/Roboto-Black.woff2') format('woff2');
}


/* Theme customization starts here
-------------------------------------------------------------- */
html, body{font-family: 'Noto Sans KR', 'apple sd gothic neo', sans-serif, 'Malgun Gothic';}
.list_langs{left:104px;}

/* main
.start_content .consultation .ic_mail{position: relative; top: 2px; margin-right: 5px;font-weight: 400;font-size: 20px;}
.start_content .consultation  a{font-weight: 400;font-size: 20px;color: #333;}
.start_content .consultation .tel_number:after { content: '|'; display: inline-block; margin: 0 14px; color: #d2dce6; font-size: 18px;} */

/* remotecall 
.advantages_slider .tab_advantagesSlider,
.advantages_slider .tab_advantagesSlider li{height:60px;}

.rsupport_advantages li{overflow:hidden;}
.rsupport_advantages li img{max-width: initial;width:auto;height:100%;}
.rsupport_advantages li dd{display: block;max-height:inherit;overflow:visible;}

.contents_compare .media.line{margin-top:21px;}*/



/* case stuides*/
#storyMobile{padding-bottom:100px;}

/* 구매 */
.list_price li .top_price{border-left: 1px solid #dfe5eb;}
.list_price li:last-child .top_price{border-left:0px;border-top:0px;}

.asp_type h3{padding-bottom:56px;}

/*en - sass*/
.price_color_box_tab{display:flex; align-items:center; max-width: 324px;margin:0px auto 40px; border:4px solid #999; border-radius: 35px; background: #999;}
.price_color_box_tab li{flex:1; padding:10px 33px; border-radius: 35px;  color:#D7D7D7;font-size: 24px; line-height: 1.5; text-align:center;cursor:pointer;}
.price_color_box_tab li.current{background:#fff; color:#737373; font-weight: 500;}
.price_color_box_wrap{width: 0px; height: 0px;opacity: 0;margin:0; padding:0;overflow: hidden;}
.price_color_box_wrap.current{width: 100%;height: auto; opacity: 1; transition: opacity .5s; animation: fadeInUp 1s;margin-bottom:100px;}
.price_color_box_wrap dd{font-size:24px;}
.price_color_box_wrap.current dd small{display:block;}
.price_color_box_wrap a.btn_helpdesk{margin-top:8px; color:#737373; border:1px solid #737373; background:#fff;}

/* support */
.contents_tutorials{padding:90px 0px 0px;}
.list_remotecallCase .caption{padding-bottom:0px;}
.list_remotecallCase .caption .text{-webkit-line-clamp: 4;}

.webviewer_page .list_remotecallCase .caption h4{margin:0px 0px 15px;}
.contents_wvDownload .wv_wrap h4{font-weight:300;}
.contents_difference .list_remotecallCase .media{min-height:350px;}
.list_remotecallCase .caption{display: -webkit-flex;display: -ms-flexbox; display: flex;flex-grow:1;flex-direction: column;justify-content: center;padding-top:0px;}

/*remotecall sdk*/
.support-sdk_page *{font-family: 'Roboto';}

/* 개인정보 처리방침 */
.contents_conditions p{padding-bottom:40px;font-size: 14px;line-height:20px;}
.contents_conditions dl>dt{margin-bottom:10px;}
.contents_conditions dd{line-height:20px;}
.contents_conditions dd ul{position:relative;}
.contents_conditions dd li{margin-top:5px;padding-left:20px;font-size: 14px; line-height:30px; text-indent:-20px;}
.contents_conditions .date{padding-top:40px;}

/* 개인정보처리방침 / 이용약관 */
.contents_conditions, .contents_terms{word-break:keep-all}

/* trial */
.trial_visual{background:#E0EEFC;}
.trial_os{margin-bottom:0px;}

@media screen and (min-width: 1001px){
    /*en - sass*/
    .price_color_box_tab li:hover{background:#B6B6B6; color:#999;}
    .price_color_box_tab li:active{background:#D7D7D7; color:#737373;}
}

@media screen and (max-width: 1000px){
    /* main v2 */
    .main_v2_page h1{line-height: 1.2 !important;}
    .sec_main_introductionEffect .flexbox dt,
    .sec_main_advantages .cont_advantege01 dt,
    .sec_main_advantages .cont_advantege02 h4,
    .sec_main_advantages .cont_advantege03 figure + p,
    .sec_main_advantages .cont_advantege04 figure + p{line-height:1.3 !important;}
    
    .sec_main_introductionEffect .flexbox dd,
    .sec_main_advantages .cont_advantege01 dd,
    .sec_main_advantages .cont_advantege02 h4 + p{line-height:1.4 !important;}

    .trial_visualDesc,.trial_visual .text,
    .trial_visual h2, .trial_formNoti li{color:#1b4471;}

    .price_color_box_tab li{font-size:18px;}
   
}