@charset "utf-8";
html{overflow-x:hidden;height:100%;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none}
html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,object,video,iframe,section,figure,header,footer,aside{margin:0;padding:0;word-break:keep-all}
body{font-family:'-apple-system','system-ui','BlinkMacSystemFont','Segoe UI',Roboto,'Helvetica Neue',Arial,'sans-serif';font-size:16px;line-height:23px;color:#000;width:100%;height:100%;word-break:keep-all}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}
img,fieldset,button,input,select,textarea,pre{border:0;font-family:'-apple-system','system-ui','BlinkMacSystemFont','Segoe UI',Roboto,'Helvetica Neue',Arial,'sans-serif'}
table{border-spacing:0}
ul,ol{list-style:none}
em,address,i,var,dfn{font-style:normal}
a,a:link{text-decoration:none;color:#000}
hr{display:none}
legend,caption,.blind{position:absolute;top:-9999px;font-size:0;line-height:0}
*{box-sizing:border-box}
img{width:100%}
input,select,textarea{font-size:14px;-webkit-appearance:none;border-radius:0}
input[type="text"],input[type="password"],textarea{width:100%;height:40px;color:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2);padding:10px 14px}
input[type="text"]:focus,input[type="password"],textarea:focus{border:1px solid #00a8ff;color:#00a8ff}
input[type=text], input[type=password]{line-height:initial !important;border-radius:0;-webkit-appearance:none}
input[type="checkbox"],input[type="radio"]{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0}
input[type="checkbox"] + label:before,input[type="radio"] + label:before{content:"";display:inline-block;width:20px;height:20px;background:url("/resources/main_mobile/images/spr_check-3d883ca1a951fdc9082b57c13e05a225.png") 0 0 no-repeat;cursor:pointer;vertical-align:top;margin:0 8px 0 0}
input[type="checkbox"]:checked + label:before{background-position:-20px 0}
input[type="radio"] + label:before{background-image:url("../images/blt_radio.png")}
input[type="radio"]:checked + label:before{background-image:url("../images/blt_radio_on.png")}
input:disabled,select:disabled{background-color:#F2F2F2}
input:focus,textarea:focus,button{outline:none}
input::placeholder,textarea::placeholder{color:#A9AFBE}
select{width:100%;height:48px;background:#fff url("/resources/main_mobile/images/icon_drop_open-71bdc5e8c52e90fdce59f84e021e74dc.png") 98% 50% / 16px auto no-repeat;border:1px solid #D6DAE5;padding:10px}

/* common style */
.blind{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;font-size:1px;height:1px}
.slick-slide{outline:none}
.inner_wrap{text-align:center;padding:24px}
.inner_wrap:after{content:"";display:block;clear:both}
.count_1_1,.count_1_2,.count_2,.count_3{display:inline-block;min-width:63px;text-align:left}
.count_1_1,.count_3{min-width:90px}
.count_2{min-width:66px}
.count_1_2{min-width:77px}

.btn_wrap:after{content:"";display:block;clear:both}
.btn_wrap{width:100%;font-size:0}
.btn_wrap a{display:block;width:100%;height:50px;line-height:50px;font-size:17px;text-align:center;color:#000;background-color:#fff;border:1px solid #fff;margin-bottom:10px}
.btn_wrap a.line{color:#fff;background-color:transparent}
.btn_wrap a.blue{color:#fff;background-color:#00A8FF;border-color:#00A8FF}
.btn_wrap a.blue.disabled{background-color:#A9AFBE;border-color:#A9AFBE;pointer-events:none;cursor:default;}
.btn_wrap a:last-child{margin:0}
.btn_wrap.black a.line{color:#000;border-color:#000}

.btn_shortcut{z-index:1000;position:absolute;bottom:10px;right:15px;text-align:center}
.btn_shortcut a{display:inline-block;width:177px;height:48px;line-height:48px;font-size:15px;color:#fff;-webkit-box-shadow:0px 3px 8px 1px rgba(0,0,0,.2);box-shadow:0px 3px 8px 1px rgba(0,0,0,.2);border-radius:23px;margin-bottom:10px}
.btn_shortcut a:after{display:inline-block;content:"";width:19px;height:17px;background:url("/resources/main_mobile/images/btn_arrow_white-7683a39838074edff21561dbcc9769cd.png") 10px 3px no-repeat}
.btn_shortcut .btn_onpremise{background-color:#00a8ff;background:linear-gradient(to right, #00a8ff 0%, #15c7e1 100%);background:-webkit-linear-gradient(to right, #00a8ff 0%, #15c7e1 100%);background:-moz-linear-gradient(to right, #00a8ff 0%, #15c7e1 100%);background:-ms-linear-gradient(to right, #00a8ff 0%, #15c7e1 100%);background:-o-linear-gradient(to right, #00a8ff 0%, #15c7e1 100%)}
.btn_shortcut.fixed .btn_onpremise{position:fixed;bottom:20px;right:15px;transition:bottom .5s}

.jquery-modal{position:fixed;top:0;right:0}
.blocker{z-index:2000;width:100%;height:100%;background:rgba(0,0,0,.4)}
.modal{max-width:none;padding:0}
.modal a.close-modal{display:none}
.pop_up{display:none;position:fixed;top:50%;transform:translateY(-50%);left:0;width:calc(100% - 50px);min-height:175px;text-align:center;background-color:#fff;margin-left:25px}
.pop_up .inner_wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;width:100%;height:100%}
.pop_up p{height:100%;font-size:18px;line-height:25px;letter-spacing:-1px;margin:15px 0 35px}
.pop_up p span{color:#00A8FF}

header{z-index:1500;position:fixed;top:0;left:0;width:100%}
header .menu{position:relative;width:100%;height:64px;padding:0 20px;background:url("/resources/main_mobile/images/bg_header-55064d08fb68a500ee6b7148c9a70179.jpg") 50% 0 /100% 2px no-repeat;border-bottom:1px solid rgba(255,255,255,.15)}
header .menu h1{float:left;height:100%;text-align:center;margin-right:calc((100% - 237px) / 4)}
header .menu h1:nth-child(1){width:23px}
header .menu h1:nth-child(2){width:47px}
header .menu h1:nth-child(3){width:79px}
header .menu h1:nth-child(4){width:68px;margin-right:0}
header .menu h1 a{display:block;width:100%;height:100%;font-size:17px;line-height:19px;letter-spacing:-1px;color:#fff;padding-top:22px}
header .menu h1:nth-child(1) a{width:calc(15px + 66%)}
header .menu h1.on:after{display:block;content:"";width:100%;height:4px;background-color:#fff;margin:-3px 0 0 0}
header .menu h1:nth-child(1).on:after{width:calc(15px + 66%);margin-left:0}
header .btn_gnb{z-index:1700;position:absolute;top:50%;right:20px;overflow:hidden;width:26px;height:26px;cursor:pointer;margin-top:-13px}
header .btn_gnb ul{position:relative;width:100%;height:100%}
header .btn_gnb li{transition:all .3s;position:absolute;left:0;position:absolute;display:block;width:26px;height:2px;background-color:#fff}
header .btn_gnb li:nth-child(1){bottom:20px}
header .btn_gnb li:nth-child(2){opacity:1;top:12px}
header .btn_gnb li:last-child{bottom:4px}
header .btn_gnb.on li{background-color:#000}
header .btn_gnb.on li:last-child{bottom:12px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
header .btn_gnb.on li:nth-child(2){opacity:0;left:12px;width:0}
header .btn_gnb.on li:nth-child(1){bottom:12px;transform:rotate(135deg);-webkit-transform: rotate(135deg)}
header.fixed .menu,header.maintain .menu{transition:all .5s;background-color:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.15)}
header.fixed .menu h1 a,header.maintain .menu h1 a{color:#000}
header.fixed .menu h1.on:after,header.maintain .menu h1.on:after{background-color:#24B3FE}
header.fixed .btn_gnb li,header.maintain .btn_gnb li{background-color:#000}
header .dimmed{z-index:1500;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:pink;display:none}
header .gnb{z-index:1600;position:fixed;top:0;right:0;width:0;height:100vh;text-align:center;background-color:#fff}
header .gnb ul{position:relative;width:100%;min-height:540px;height:100vh;padding:60px 20px}
header .gnb li a{display:inline-block;font-size:18px;padding:0 15px;margin-bottom:20px}
header .gnb li a.btn_login_join{font-size:16px;line-height:36px;border:1px solid #000;border-radius:35px}
header .gnb li:last-child{position:absolute;bottom:14%;left:0;right:0}
header .gnb li:last-child a{font-size:15px;color:rgba(0,0,0,.5); text-decoration:underline}
header .gnb li.on a{color:#00A8FF}
header .gnb li.on a.btn_login_join{border-color:#00A8FF}
header .gnb.on{width:100%}

footer{z-index:1000;width:100%;height:216px;background-color:#F8F9FA}
footer .fnb li{display:inline-block;font-size:15px;line-height:1;margin-right:10px}
footer .fnb li a{color:#64656e;line-height:32px}
footer .fnb li:after{float:right;display:block;content:"";width:1px;height:10px;background-color:rgba(0,0,0,.15);margin:11px 0 0 10px}
footer .fnb li:last-child{margin-right:0}
footer .fnb li:last-child:after{display:none}
footer address,footer address a{font-size:13px}
footer address span,footer address span a{font-size:14px}
footer .familysite{position:relative;display:block;width:100%;vertical-align:top;margin-top:15px}
footer .familysite ul{z-index:1000;display:none;position:absolute;top:-325px;left:0;width:100%;text-align:left;background-color:#fff;border:1px solid #d3d4d5;padding:10px 0}
footer .familysite.on ul{display:block}
footer .familysite ul a{display:block;width:100%;font-size:15px;line-height:38px;color:#8d8d8d;text-decoration:none;padding:0 20px}
footer .familysite .btn_familysite{position:relative;display:block;width:100%;height:50px;line-height:50px;font-size:15px;color:#64656e;text-align:left;text-decoration:none;cursor:pointer;border:1px solid #d3d4d5;padding:0 14px}
footer .familysite .btn_familysite em{position:absolute;top:22px;right:20px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #7e7e7e}
footer .familysite.on .btn_familysite em{border-top:0 none;border-bottom:6px solid #7e7e7e}

section h2{font-size:28px;line-height:28px}
section h2+p{color:rgba(0,0,0,.6);padding-top:12px}

.intro{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;width:100%;height:460px;color:#fff;padding:24px}
.intro h2{font-size:35px;line-height:1;margin-top:-40px}
.intro h2+p{color:rgba(255,255,255,.8)}
.intro .btn_wrap{position:absolute;bottom:40px;left:0;padding:0 24px}
.intro .shortcut{position:absolute;bottom:0;left:0;height:186px}
.intro.black{color:#000}
.intro.black h2{font-size:44px}
.intro.black h2+p{color:rgba(0,0,0,.8)}

.contents{position:relative;overflow:hidden;background-color:#fff}
.contents .inner_wrap{padding:60px 24px}
.contents ul.n2{width:100%;margin-top:36px}
.contents ul.n2>li{float:left;width:50%}
.contents ul.n2>li em{line-height:20px;color:#000}
.contents .usage .inner_wrap{padding:24px}
.contents .usage h2{font-size:21px;padding-bottom:10px}
.contents .usage h2 span{font-size:21px;color:#000}
.contents .usage h2 em{font-weight:700}
.contents .usage span{font-size:14px;color:rgba(0,0,0,.6)}

.form_write{width:820px;text-align:left;margin:0 auto}
.form_write dl:before{display:block;content:"";clear:both}
.form_write dl{width:100%;font-size:15px}
.form_write dt{line-height:18px;color:rgba(0,0,0,.6);padding:20px 0 7px}
.form_write input,.form_write select{margin-bottom:4px}
.form_write input[type="checkbox"]{width:auto;padding:0}
.form_write textarea{width:100%;height:120px;resize:none}
.form_write dl.agree p a span{float:right;font-size:13px}
.form_write dl.agree p a span:after{display:inline-block;content:"";width:17px;height:9px;background:url("/resources/main_mobile/images/btn_arrow_black-d8ede6f177f559ca0485ec018f34e8ac.png") 100% 50% / 12.5px no-repeat;margin-left:4px}
.form_write dl.agree p a span:last-child{display:none}
.form_write dl.agree p a span:last-child:after{transform:rotate(180deg)}
.form_write dl.agree p a.on span:first-child{display:none}
.form_write dl.agree p a.on span:last-child{display:inline-block}
.form_write dl.agree label{cursor:pointer}
.form_write dl.agree .text_terms_of_use,.form_write dl.agree .text_collation_of_info{display:none;overflow:auto;width:100%;height:120px;font-size:13px;line-height:22px;color:rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.2);padding:10px 14px}
.form_write dl.agree .text_terms_of_use.on,.form_write dl.agree .text_collation_of_info.on{display:block}

.support .inner_wrap{position:relative;overflow:hidden;text-align:left;background-color:#F8F9FA}
.support h2{font-size:19px;letter-spacing:-1px;line-height:1.25;font-weight:700}
.support h2 em{color:#00A8FF}
.support ul{margin-top:15px}
.support ul li p{position:relative;font-size:15px;line-height:34px;letter-spacing:-1px;color:#000;padding-left:12px}
.support ul li p:after{position:absolute;top:15px;left:0;content:"";width:2px;height:2px;background-color:#000}

/* custom style */
.home.intro{height:470px;background:url("/resources/main_mobile/images/bg_home_intro-08794568a557962e47ffa4e9e53232fb.png") 50% 50% / cover no-repeat}
.home.intro h2{font-size:38px;line-height:47px;font-weight:700;letter-spacing:-3.5px;margin-top:70px}
.home li em{display:block;font-size:21px;line-height:1.25;color:#000;padding-bottom:10px}
.home .company_info{color:#fff;background:url("/resources/main_mobile/images/bg_company_info-67b5b37133447b681355bcf5d022a144.png") 50% 50% / cover no-repeat}
.home .company_info h2{font-size:25px}
.home .company_info h2+p{color:rgba(255,255,255,.6)}
.home .company_info ul{padding-top:15px}
.home .company_info li{font-size:0;line-height:0;background-color:#fff}
.home .company_info li img{width:100%}
.home .company_info li p{width:100%;font-size:15px;line-height:22px;text-align:left;color:rgba(0,0,0,.6);padding:12px 20px 20px;margin-bottom:20px}
.home .company_info li:last-child{margin-right:0}
.home .strength .inner_wrap{text-align:left;padding-bottom:80px !important}
.home .strength h2{display:inline-block;background:url("/resources/main_mobile/images/logo_teamup_2_black-8f3ab1571442c2a641d44171537afbfe.png") 0 2px / 120px no-repeat;padding-left:124px}
.home .strength h2+p{color:#000;padding-bottom:35px}
.home .strength ul li{width:100%;font-size:15px;line-height:20px;color:rgba(0,0,0,.7);background:url("/resources/main_mobile/images/icon_strength_1-d345b6a5e4f78362f3b2c784f5aef939.png") 0 22px /50px no-repeat;border-top:1px solid rgba(0,0,0,.1);padding:20px 0 20px 68px}
.home .strength ul li:nth-child(2){background:url("/resources/main_mobile/images/icon_strength_2-322ac68e3aee591be48c896560a2b924.png") 0 22px /50px no-repeat}
.home .strength ul li:nth-child(3){background:url("/resources/main_mobile/images/icon_strength_3-93be01d8622a7f1cb9dff2ea74ad134e.png") 0 22px /50px no-repeat}
.home .strength ul li:nth-child(4){background:url("/resources/main_mobile/images/icon_strength_4-7e46ace665811da546cb42a9a7495ca9.png") 0 22px /50px no-repeat}
.home .strength ul li:nth-child(5){background:url("/resources/main_mobile/images/icon_strength_5-5265126c01df5e4c7d61548c7cba4ded.png") 0 22px /50px no-repeat}
.home .strength ul li:nth-child(6){background:url("/resources/main_mobile/images/icon_strength_6-31f2d63095495bac768e981f9aae553a.png") 0 22px /50px no-repeat}
.home .strength ul li em{font-size:17px;line-height:22px;font-weight:700}

.onpremise.intro{background:url("/resources/main_mobile/images/bg_onpremise_intro-0fa0f7695ccad47a5644dd6a21322512.png") 75% 50% / cover no-repeat}
.onpremise.intro h2{display:inline-block;background:url("/resources/main_mobile/images/logo_teamup_2_white-e1320efc93cf86bfdf4ce418379552a5.png") 100% 2px / 160px no-repeat;padding-right:166px}
.onpremise .examples{color:#fff;background-color:#161D25}
.onpremise .examples h2+p{color:rgba(255,255,255,.6)}
.onpremise .examples ul li{text-align:left}
.onpremise .examples ul li.thumb{font-size:0;line-height:0;border-top:1px solid rgba(255,255,255,.2)}
.onpremise .examples ul li.thumb img{width:100%}
.onpremise .examples ul li:first-child.thumb{border-top:0}
.onpremise .examples ul li dl{width:100%;margin-bottom:40px}
.onpremise .examples ul li dl dt{width:200px;height:40px;background:url("/resources/main_mobile/images/logo_example_cmc-c42273025455ddcffd225be874e56028.png") 0 0 /200px no-repeat;vertical-align:bottom;padding-left:210px;margin-bottom:25px}
.onpremise .examples ul li:nth-child(3).thumb{margin:10px 0 30px}
.onpremise .examples ul li:nth-child(4) dl dt{height:28px;background:url("/resources/main_mobile/images/logo_example_mode-a8673093c3b1dcd0cd4959e1b3669c4c.png") 0 0 /147px no-repeat;padding-left:157px}
.onpremise .examples ul li:nth-child(5).thumb{margin:5px 0 20px}
.onpremise .examples ul li:nth-child(6) dl dt{height:28px;background:url("/resources/main_mobile/images/logo_example_hanmi-be2e6830fb07cafcdc7b114d4f3c45c8.png") 0 0 /165px no-repeat;padding-left:175px}
.onpremise .examples ul li dl dt .speech_bubble{position:relative;display:inline-block;width:47px;height:28px;border-top:1px solid #fff;border-bottom:1px solid #fff;vertical-align:-7px;margin-left:14px}
.onpremise .examples ul li dl dt .speech_bubble span{display:inline-block;width:70px;height:28px;line-height:27px;font-size:15px}
.onpremise .examples ul li dl dt .speech_bubble:before{position:absolute;top:-1px;left:-14px;content:"";width:14px;height:37px;background:url("/resources/main_mobile/images/bg_speech_bubble_left-8651a1c8fa6d3bf4d2b4d5a2801f9415.png") 0 0 no-repeat}
.onpremise .examples ul li dl dt .speech_bubble:after{position:absolute;top:-1px;left:47px;content:"";width:34px;height:37px;background:url("/resources/main_mobile/images/bg_speech_bubble_right-b4ab8fb9fbfb62df8e1356429ddd5432.png") 0 0 no-repeat}
.onpremise .examples ul li:nth-child(4) dl dt .speech_bubble{width:25px;vertical-align:0}
.onpremise .examples ul li:nth-child(4) dl dt .speech_bubble:after{left:25px}
.onpremise .examples ul li:nth-child(6) dl dt .speech_bubble{width:85px;vertical-align:0}
.onpremise .examples ul li:nth-child(6) dl dt .speech_bubble span{width:112px}
.onpremise .examples ul li:nth-child(6) dl dt .speech_bubble:after{left:85px}
.onpremise .examples ul li dl dd{position:relative;width:100%;font-size:15px;color:rgba(255,255,255,.6);padding:0 0 22px 14px}
.onpremise .examples ul li dl dd:last-child{padding-bottom:0}
.onpremise .examples ul li dl dd:after{position:absolute;top:10px;left:0;content:"";width:4px;height:4px;background-color:rgba(255,255,255,.6)}
.onpremise .inquiry h2{line-height:35px}
.onpremise .inquiry .tel_inquiry{margin-top:16px}
.onpremise .inquiry .tel_inquiry a{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:98px;font-size:14px;color:#fff;background:url("/resources/main_mobile/images/bg_tel_inquiry-c0924f537819abd690f73901745a6a6c.png") 50% 50% / 100% no-repeat;border-radius:4px}
.onpremise .inquiry .tel_inquiry a strong{display:block;font-size:25px;line-height:30px;font-weight:400}
.onpremise .inquiry .tel_inquiry a span{display:block;font-size:13px;color:rgba(255,255,255,.7)}
.onpremise .inquiry .tel_inquiry a span i{font-size:14px}
.onpremise .inquiry .form_write{width:100%}
.onpremise .inquiry .btn_wrap{margin:25px 0 40px}
.onpremise .inquiry pre{white-space:pre-wrap}

.cloud.intro{background:url("/resources/main_mobile/images/bg_cloud_intro-966a3f3272a2a9b9706e6f0c9d51b924.png") 50% 50% / cover no-repeat}
.cloud.intro h2{display:inline-block;background:url("/resources/main_mobile/images/logo_teamup_2_white-e1320efc93cf86bfdf4ce418379552a5.png") 50% 100% / 160px no-repeat;padding:0 15px 42px 15px;margin-top:-60px}
.cloud .usage ul li em{display:block;font-size:36px;line-height:1;padding-bottom:15px}
.cloud .product_info{color:#fff;background:url("/resources/main_mobile/images/bg_product_info-438a5ab80de8931e8a12a0ae41d5052b.png") 50% 50% / cover no-repeat}
.cloud .product_info h2+p{color:rgba(255,255,255,.6)}
.cloud .product_info ul{padding-top:36px}
.cloud .product_info ul li{margin-bottom:20px}
.cloud .product_info ul li dl{height:100%;text-align:left;background-color:#fff;padding:20px}
.cloud .product_info ul li dl dt{font-size:19px;line-height:22px;color:#000}
.cloud .product_info ul li dl dt>strong{display:block;font-size:20px;padding-bottom:7px}
.cloud .product_info ul li dl dt>span{display:block;font-size:14px;line-height:18px;text-align:right;color:rgba(0,0,0,.5);padding:10px 0 20px}
.cloud .product_info ul li dl dt>span em{font-size:30px;line-height:35px;color:#00a8ff}
.cloud .product_info ul li dl dt>span em i{font-size:14px}
.cloud .product_info ul li dl dd{width:100%;color:#000}
.cloud .product_info ul li dl dd>p{background-color:#f7f9fb;font-size:15px;line-height:18px;text-align:center;padding:15px;margin-bottom:20px}
.cloud .product_info ul li dl dd>p span{font-size:13px;letter-spacing:-.5px}
.cloud .product_info ul li dl dd>span{display:inline-block;width:50%;font-size:15px;line-height:32px;color:rgba(0,0,0,.7)}
.cloud .product_info ul li dl dd>span.right{font-size:17px;text-align:right;color:#000}
.cloud .product_info em{font-size:14px;line-height:20px;color:rgba(255,255,255,.4)}
.cloud .support.free .inner_wrap{background-color:transparent;padding-top:100px}
.cloud .support.free .inner_wrap:before{position:absolute;top:-10px;left:-45px;content:"FREE";width:140px;height:35px;font-size:18px;font-weight:700;text-align:center;color:#fff;background-color:#00a8ff;padding-top:35px;transform:rotate(-45deg)}
.cloud .support.free h2{font-size:24px}
.cloud .support.free h2 em{color:#008fd9}
.cloud .support.free ul{margin:25px 0}
.cloud .support.free .btn_wrap{margin-bottom:40px}


.features.intro{height:auto}
.features.intro h2{font-size:30px;line-height:40px;margin-top:84px}
.features.intro .btn_wrap{margin:25px 0 0}
.features .prod_comparison .inner_wrap{padding:0 24px}
.features .prod_comparison strong{display:block;font-size:18px;text-align:left}
.features .prod_comparison table{width:100%;border-collapse:collapse;color:rgba(0,0,0,.8);margin:10px auto 30px}
.features .prod_comparison th{height:40px;font-size:14px;background-color:#f1f7fb;border-top:2px solid #000;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding-top:4px}
.features .prod_comparison th:first-child{border-left:none}
.features .prod_comparison td{height:40px;font-size:14px;letter-spacing:-.5px;text-align:center;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding-top:2px}
.features .prod_comparison td:first-child{font-size:13px;border-left:none}
.features .prod_comparison td > em{font-size:12px}
.features .support .inner_wrap{padding:35px 24px}

.features .sd_features .inner_wrap{padding:0 0 100px !important}
.features .sd_features .sd_wrap{visibility:hidden;opacity:0;transition:all .5s}
.features .sd_features .sd_wrap.slick-initialized{visibility:visible;opacity:1}
.features .sd_features .sd_wrap.slick-initialized li{display:block}
.features .sd_features .sd_wrap{overflow:hidden;-webkit-box-shadow:0 0 1px 3px rgba(0,0,0,0.1);box-shadow: 0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}
.features .sd_features .sd_wrap:after{display:block;content:"";clear:both}
.features .sd_features .sd_wrap li{display:none;width:100%;color:#262626}
.features .sd_features .sd_wrap li:first-child{display:block}
.features .sd_features .sd_wrap li img{width:100%}
.features .sd_features .sd_wrap li .text{position:relative;height:350px;text-align:left;padding:25px}
.features .sd_features .sd_wrap li .text h2{font-size:25px;padding-bottom:20px}
.features .sd_features .sd_wrap li .text h2 strong{display:block;font-size:14px;padding-bottom:10px}
.features .sd_features .sd_wrap li .text p{font-size:15px;line-height:18px}
.features .sd_features .sd_wrap li .text p br{display:none}
.features .sd_features .sd_wrap li .text p em{display:block;font-size:19px;line-height:29px;padding-bottom:8px;color:#00a8ff}
.features .sd_features .sd_wrap .slick-dots{z-index:1000;position:absolute;bottom:20px;left:50%;text-align:center;transform:translateX(-50%)}
.features .sd_features .sd_wrap .slick-dots li{float:left;width:10px;height:10px;border-radius:10px;background-color:#dbdbdb;cursor:pointer;margin-right:15px}
.features .sd_features .sd_wrap .slick-dots li:last-child{margin-right:0}
.features .sd_features .sd_wrap .slick-dots li button{font-size:0;line-height:0}
.features .sd_features .sd_wrap .slick-dots .slick-active{background-color:#00a8ff}

.download.intro{height:230px}
.download.intro h2{font-size:36px;line-height:44px;margin-top:90px}
.download .recommended .inner_wrap{text-align:left;padding:25px 55px 35px !important}
.download .recommended h2 strong{font-size:22px}
.download .recommended p{position:relative;font-size:15px;line-height:25px;color:rgba(0,0,0,.5);padding-left:11px;padding-top:0}
.download .recommended p:after{position:absolute;top:12px;left:0;content:"";width:2px;height:2px;background-color:rgba(0,0,0,.7)}
.download .recommended p a{color:rgba(0,0,0,.8);text-decoration:underline}
.download .recommended p span{display:block;}
.download .recommended p span a{font-weight:bold;color:#00A8FF;}
.download .recommended .btn_wrap{margin-top:16px}
.download .recommended .btn_wrap a span{font-size:14px}
.download .recommended .btn_wrap a{height:63px;font-size:18px;line-height:1;text-align:left;color:#000;background-color:#fff;border-color:rgba(0,0,0,.5);border-radius:4px;padding:8px 0 14px calc(50% - 30px)}
.download .recommended .btn_wrap a+p{padding-bottom:18px}
.download .recommended .btn_wrap a[vendor="apple"]{background:url("/resources/main_mobile/images/btn_appstore-74c719406606c0dc2b1b6d99151f45dc.png") calc(50% - 60px) 50% /26px no-repeat}
.download .recommended .btn_wrap a[vendor="google"]{background:url("/resources/main_mobile/images/btn_googleplay-239b4af03cf0adacc839505b783da5a8.png") calc(50% - 60px) 50% /27px no-repeat}
.download .recommended .btn_wrap p span{color:rgba(0,0,0,.8);padding-right:10px}
.download .recommended dl{font-size:13px;line-height:25px;color:rgba(0,0,0,.5)}
.download .recommended dl dt{display:inline-block;width:128px;color:rgba(0,0,0,.7);vertical-align:top}
.download .recommended dl dt:before{display:inline-block;content:"";width:2px;height:5px;background:url("/resources/main_mobile/images/icon_dot_black-6aae68c8bc95455ca44a6228cbc0a146.png") 0 0 no-repeat;margin-right:6px}
.download .recommended dl dd{display:inline-block;width:calc(100% - 140px)}
.download .demo .inner_wrap{background-color:#F8F9FA;padding:25px 25px 27px !important}
.download .demo h2{font-size:22px;line-height:33px}
.download .demo p{padding-bottom:15px}
.download .demo .btn_wrap a{width:180px;height:40px;line-height:40px;font-size:15px;border-radius:40px;margin:0 auto}
.download .manual .inner_wrap{padding:30px 55px 50px}
.download .manual h2{text-align:left}
.download .manual .btn_manual a{position:relative;display:inline-block;width:100%;font-size:16px;line-height:1;text-align:left;color:#000;background:url("/resources/main_mobile/images/icon_user-9e4e0ab749246fa38ab1eb0359b938a2.png") 10px 50% / 15px no-repeat transparent;border-bottom:1px solid rgba(0,0,0,.2);padding:17px 0 17px 40px;margin:17px 0 0 0}
.download .manual .btn_manual a:before{position:absolute;top:calc(50% - 4px);right:10px;display:inline-block;width:13px;height:7px;content:"";background:url("/resources/main_mobile/images/btn_arrow_black-d8ede6f177f559ca0485ec018f34e8ac.png") 0 0 / 100% no-repeat transparent;transform:rotate(-90deg)}
.download .manual .btn_manual a:last-child{margin-top:17px}
.download .manual .btn_manual a+a{background:url("/resources/main_mobile/images/icon_manager-5b1145dedbcf18c7e2c1bcbb84117e9b.png") 6px 50% / 20px no-repeat}

.policy{padding-top:64px}
.policy .tab{overflow:hidden;width:100%;height:50px;text-align:left;border-bottom:1px solid #f0f0f0}
.policy .tab.open{height:auto}
.policy .tab li{padding:0 24px}
.policy .tab li a{display:block;height:50px;line-height:49px;font-size:16px;color:rgba(0,0,0,.7)}
.policy .tab li.on a{font-weight:700;color:#00a8ff;background:url("../images/icon_tab_open.png") 100% 50% / 13px auto no-repeat}
.policy .intro{display:block;height:auto;text-align:left;padding:24px 24px 0}
.policy .intro h2{font-size:34px;color:#00a8ff;margin-top:0}
.policy .intro h2+p{font-size:14px;line-height:1.4;color:#00a8ff;padding:7px 0}
.policy .terms_area .inner_wrap{padding:0 24px 40px;text-align:left;font-size:12px;line-height:1.5}
.policy .terms_area h3{font-size:12px;color:#00a8ff;margin-top:17px}
.policy .terms_area h4{font-size:12px;margin:18px 0 19px}
.policy .terms_area p{margin-bottom:17px}
.policy .terms_area a{color:#00a8ff}
.policy .terms_area .mb0{margin-bottom:0}
.policy .terms_area.private h3{color:#262626;margin:17px 0}
.policy .terms_area strong.caption{display:block;font-weight:700;margin:0 0 6px}
.policy .terms_area strong.caption+table{margin-bottom:17px}
.policy .terms_area table{border-top:2px solid #a5a5a5;width:100%}
.policy .terms_area table.th_left th,.policy .terms_area table.th_left td{text-align:left;}
.policy .terms_area table.th_left tbody td:first-child{color:#000;}
.policy .terms_area table.th_left tbody td{color:#4b4b4b;}
.policy .terms_area table.th_left thead th+th{border-left:1px solid rgba(0,0,0,.15);}

.policy .terms_area table th{text-align:center;border-bottom:1px solid rgba(0,0,0,.15);padding:8px 8px 7px}
.policy .terms_area table td{text-align:center;color:#000;border-left:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);padding:8px 10px 7px}
.policy .terms_area table td:first-child{border-left:0}
.policy .terms_area table td:last-child{text-align:left;color:#4b4b4b}

.layer_form{position:relative;height:100%}
.layer_form input{height:57px;font-size:16px;border:0;border-bottom:1px solid rgba(0,0,0,.5)}
.layer_form input:focus{border:0;border-bottom:1px solid #00A8FF}
.layer_form article{width:100%;height:100%;min-height:538px}
.layer_form article h2{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;width:100%;min-height:176px;background:url("/resources/main_mobile/images/icon_teamup-4226286364dfdcd76b756ca7cba90260.png") 50% 50% / 95px no-repeat;margin-top:64px}
.layer_form article .inner_wrap{width:100%}
.layer_form .login_form h2{height:calc(100% - 400px);font-size:0;line-height:0}
.layer_form .login_form span{display:block;font-size:14px;line-height:1;text-align:right;padding:10px 0 30px}
.layer_form .join_form h2{height:calc(100% - 380px);font-size:17px;line-height:25px;background-position:50% calc(50% - 25px);padding-top:121px}
.layer_form .join_form input{margin-bottom:30px}
.layer_form .join_form .agree_box{text-align:left;margin-bottom:10px;}
.layer_form .join_form .agree_box span{display:block;font-size:12px;line-height:24px}
.layer_form .join_form .agree_box span a{color:#00a8ff;}
.layer_form .join_form .agree_box span .agree_info{display:none;background:#F8F9FA;padding:10px;margin:5px 0 5px 28px;}
.layer_form .join_form .agree_box span .agree_info li{display:block;font-size:11px;line-height:13px;color:#7F7F7F;}
.layer_form .join_form .agree_box span .agree_info li:first-child{padding-bottom:4px;}
.layer_form .mail_form{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%}
.layer_form .mail_form h2{height:183px;font-size:21px;line-height:26px;font-weight:700;color:rgba(0,0,0,.8);background:url("/resources/main_mobile/images/icon_mail-79ace8f9f57a498bc21ce2b258b5845e.png") 50% 0 / 170px no-repeat;padding-top:124px}
.layer_form .mail_form p{font-size:17px;line-height:25px}
.layer_form .authenticode_form h2{width:100%;height:calc(100% - 308px);font-size:17px;line-height:25px;background-position:50% calc(50% - 40px);padding-top:140px}
.layer_form .authenticode_form h2 strong{width:100%;height:auto;font-weight:400;padding:0 24px}
.layer_form .authenticode_form h2 strong span{width:100%;word-break:break-all}
.layer_form .authenticode_form input{text-align:center;margin-bottom:15px}
.layer_form .authenticode_form .time,.layer_form .authenticode_form .again a{color:rgba(0,168,255,.8);font-weight:700;margin-bottom:40px}
.layer_form .authenticode_form .again{display:none}

@media all and (max-width:325px){
  header .menu{padding:0 10px !important}
  header .btn_gnb{right:10px !important}
  .inner_wrap,.contents .usage .inner_wrap,.intro{padding:24px 10px !important}
  .intro .btn_wrap{padding:0 10px}
  .home.intro h2 br{display:none}
  .contents .inner_wrap{padding:60px 10px !important}
  .cloud .support.free .inner_wrap{padding-top:100px !important}
}

/* animation */
.home.intro .top_animate{animation:top .5s cubic-bezier(0.0, 0.0, 0.2, 1)}
@keyframes top {
  0%{transform:translateY(50px);opacity:0}
  100%{transform:translateY(0);opacity:1}
}
.home.intro h2+p.top_animate{animation-duration:.8s}
.home .company_info li,.cloud .product_info li dl{transform:translateY(80px);opacity:0}
.home .company_info li.animate img{opacity:0}
.onpremise .examples h2,.onpremise .examples h2+p,.onpremise .examples .thumb,.cloud .product_info h2,.cloud .product_info h2+p{transform:translateY(50px);opacity:0}
.home .company_info li.animate img,.onpremise .examples.animate h2,.onpremise .examples.animate h2+p,.cloud .product_info.animate h2,.cloud .product_info.animate h2+p{transform:translateY(0);opacity:1;transition:all .6s cubic-bezier(0.0, 0.0, 0.2, 1)}
.home .company_info li.animate,.onpremise .examples .thumb.animate,.cloud .product_info li.animate dl{transform:translateY(0);opacity:1;transition:all .9s cubic-bezier(0.0, 0.0, 0.2, 1)}