@charset "utf-8";


/* **************************************** *
 * CONTENT-SECTION
 * **************************************** */
.content-section{width:1300px; margin:0 auto}


/* **************************************** *
 * TAB
 * **************************************** */
/* tab-function */
.tab-function{position:relative; height:68px; background:rgba(255,255,255,1); transition:all .30s ease}
.tab-function:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd}
.tab-function .tab_inner{position:relative; width:1300px; margin:0 auto; box-sizing:border-box}
.tab-function ul{height:68px}
.tab-function ul:after{content:''; display:block; clear:both}
.tab-function ul li{flex:1; height:100%}
.tab-function ul li a{position:relative; height:68px; line-height:135%; letter-spacing:-0.8px; text-align:center; font-weight:normal; font-size:20px; color:#ccc; box-sizing:border-box; transition:all .20s ease}
.tab-function ul li a span{padding:0 15px; box-sizing:border-box}
.tab-function ul li a:hover,
.tab-function ul li.active a{color:#222}
.tab-function ul li.active a{font-weight:300}
.tab-function ul li.active a span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#222}
.tab-function ul,
.tab-function ul li,
.tab-function ul li a,
.tab-function ul li a span{display:flex; align-items:center; justify-content:center}


/* contents h2 style*/
h2.main_title{position:relative; padding-bottom:25px; font-size:32px;}
h2.main_title::after{content:''; position:absolute; background:linear-gradient(-43deg, #085dbc, #008cd4); border-radius:50px; width:35px; height:5px; bottom:0; left:50%; transform:translate(-50%, -50%);}

/* icon box list style */
.feat_list li .ico_box{flex:none; position:relative; background:linear-gradient(-43deg, #085dbc, #008cd4); border-radius:15px; width:65px; height:65px; margin-right:50px; box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);}
.feat_list li .ico_box::after{content:''; position:absolute; background:#ddd; width:1px; left:50%; top:50%;}
.feat_list li .ico_box .ico{line-height:2.3; font-size:28px; color:#fff;}

/* 제조관리 */
.pro_cts1{position:relative; text-align:center; margin:160px 0 100px 0}
.pro_cts1:before,
.pro_cts1:after{content:''; position:absolute}
.pro_cts1:before{background-image: url(/static/fw/images/contents/pro_left.png); left:0; top:0; width:30px; height:30px;}
.pro_cts1:after{background-image: url(/static/fw/images/contents/pro_right.png); right:0; bottom:0; width:30px; height:30px;}
.pro_cts1 p{padding:30px 0; font-size:20px; letter-spacing:-0.5px}
.pro_cts1 p>b{display:block;}
.pro_cts2{margin-bottom:160px;}
.pro_cts2 ul.box_top{display:flex; text-align:center;}
.pro_cts2 ul.box_top li{width:25%; min-height:334px; margin-right:40px; box-shadow: 3px 6px 10px 2px rgba(0, 0, 0, 0.08); border-radius:20px;}
.pro_cts2 ul.box_top li:last-child{margin-right:0;}
.pro_cts2 ul li p{font-size:20px; font-weight:600; color:#008cd4; padding-top:40px; margin-bottom:35px;}
.pro_cts2 ul.box_top li p,
.pro_cts2 ul.box_btm li p{position:relative}
.pro_cts2 ul.box_top li p::after,
.pro_cts2 ul.box_btm li p::after{content:''; position:absolute; left:50%; transform:translate(-50%, 0); bottom:-10px; width:92%; height:2px; background:#008cd4}
.pro_cts2 ul.box_top li span{display:block; min-width:253px; border:1px solid #ddd; border-radius:10px; margin:15px 15px; padding:10px 0; letter-spacing:-0.5px}
.pro_cts2 ul.box_btm{display:flex; text-align:center; margin-top:40px;}
.pro_cts2 ul.box_btm li{width:50%; min-height:263px; margin-right:40px; box-shadow: 3px 6px 10px 2px rgba(0, 0, 0, 0.08); border-radius:20px;}
.pro_cts2 ul.box_btm li:last-child{margin-right:0;}
.pro_cts2 ul.box_btm li .txt_list1,
.pro_cts2 ul.box_btm li .txt_list2{display:flex; margin:15px 20px;}
.pro_cts2 ul.box_btm li .txt_list1 span,
.pro_cts2 ul.box_btm li .txt_list2 span{display:block; width:50%; border:1px solid #ddd; border-radius:10px; padding:10px 0; margin-right:15px;}
.pro_cts2 ul.box_btm li .txt_list1 span:last-child,
.pro_cts2 ul.box_btm li .txt_list2 span:last-child{margin-right:0;}

/* Toolkit 툴킷 */
.tool_bg{position:relative; background:#fafafa; min-height:470px; margin-top:300px; text-align:center;}
.tool_cts1{position:relative}
.tool_cts1 img{max-width:1028px; margin-top:-170px}
.tool_cts1 p{margin-top:15px; font-size:20px;}
.tool_cts1 p b{display:block;}
.tool_cts1 p em{color:#008cd4;}
.tool_cts2{width:1300px; margin:100px auto; text-align:center;}
.tool_cts2 .mnt1{display:flex; justify-content:space-around; padding:80px 100px;}
.tool_cts2 .mnt1 .mnt1_mod,
.tool_cts2 .mnt1 .mnt1_func{display:flex; flex-direction:column; align-items:center;}
.tool_cts2 .mnt1 .mnt1_mod .mod_ico,
.tool_cts2 .mnt1 .mnt1_func .func_ico{position:relative; background-image:url(/static/fw/images/contents/mnt_ico_bg.png); background-repeat:no-repeat; width:230px; height:230px; display:flex; align-items:center; justify-content:center;}
.tool_cts2 .mnt1 strong{position:relative; display:block; font-size:24px; color:#008cd4; padding-bottom:20px;}
.tool_cts2 .mnt1 strong::after{content:''; position:absolute; background:#008cd4; border-radius:50%; width:4px; height:4px; bottom:15%; left:50%; transform:translate(-50%, -50%);}
.tool_cts2 .mnt1 p{margin-top:20px; letter-spacing:-0.5px}
.tool_cts2 .mnt2{max-width:1300px; margin-bottom:100px;}
.tool_cts2 .mnt2 p{margin-top:40px;}
.tool_cts2 .mnt2 p em{display:block;}
.tool_cts3{background:#f7fafb; padding:100px 0 160px 0;}
.tool_cts3 .tool_inner{width:1300px; margin:0 auto; text-align:center;}
.tool_cts3 .tool_inner .tool_feat img{max-width:1300px; margin:80px 0 100px 0;}
.tool_cts3 .tool_inner .tool_feat .feat_list li{display:flex; flex-direction:row; align-items:flex-start; margin-bottom:70px;}
.tool_cts3 .tool_inner .tool_feat .feat_list li:last-child{margin-bottom:0;}
.tool_cts3 .tool_inner .tool_feat .feat_list li:nth-child(1) .ico_box::after{height:145px; transform:translate(-50%, 34%);}
.tool_cts3 .tool_inner .tool_feat .feat_list li:nth-child(2) .ico_box::after{height:183px; transform:translate(-50%, 28%);}
.tool_cts3 .tool_inner .tool_feat .feat_list li:nth-child(3) .ico_box::after{height:80px; transform:translate(-50%, 62%);}
.tool_cts3 .tool_inner .tool_feat .feat_list li .ico_box:last-child::after{display:none;}
.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list{text-align:left;}
.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list p{font-size:24px; font-weight:600; margin-bottom:15px; letter-spacing:-0.5px}
.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list span{display:block; margin-top:8px; font-size:18px}
.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list span:first-child{margin-top:0;}
.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list span em{display:block; margin-left:15px;}
.tool_cts3 .tool_inner .img_box{position:relative;}
.tool_cts3 .tool_inner .img_box img{position:absolute; width:375px; bottom:-65px; right:0;}

/* wms 물류 */
.wms_cts1{width:1300px; margin:0 auto;}
.wms_cts1 img{max-width:1300px; margin:160px 0 100px 0;}
.wms_cts2{position:relative; text-align:center; margin-top:190px;}
.wms_cts2 .wms_bg{background:#fafafa; height:996px;}
.wms_cts2 .wms_inner{position:absolute; width:1300px; margin:0 auto; top:-20%; left:50%; transform: translate(-50%, 0);}
.wms_cts2 .wms_inner img{max-width:846px; margin-bottom:80px}

.wms_cts2 .wms_inner .txt_list li{display:flex; align-items:flex-start}
.wms_cts2 .wms_inner .txt_list li strong{flex:none; position:relative; padding:25px 0; font-size:24px; font-weight:300; letter-spacing:-0.5px; color:#008cd3; width:280px; align-items:center}
.wms_cts2 .wms_inner .txt_list li strong:before{content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:#008cd3}

.wms_cts2 .wms_inner .txt_list li p{flex:1; position:relative; padding:30px 40px; text-align:left; font-size:18px; letter-spacing:-0.5px; color:#202020}
.wms_cts2 .wms_inner .txt_list li p:before{content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:#ddd}

.wms_cts3{width:1300px; margin:100px auto;}
.wms_cts3 .wms_img_list{display:flex; align-items:center; justify-content:space-between;}
.wms_cts3 .wms_img_list .wms_img_l,
.wms_cts3 .wms_img_list .wms_img_r{border:1px solid #ddd; border-radius:20px; width:48%; height:350px;}
.wms_cts3 .wms_img_list .wms_img_l{background:url(/static/fw/images/contents/wms_img3.jpg) no-repeat center center;}
.wms_cts3 .wms_img_list .wms_img_r{background:url(/static/fw/images/contents/wms_img4.jpg) no-repeat center center;}
.wms_cts3 .wms_img_list img{max-width:630px;}
.wms_cts4{display:flex; align-items:center; justify-content:center; padding:28px 20px; background:linear-gradient(-43deg, #085dbc, #008cd4);}
.wms_cts4 p{color:#fff;}

/* pms 품질 */
.pms_cts1{width:1300px; margin:160px auto 100px auto; display:flex; justify-content:space-around; align-items:center;}
.pms_cts1 .pms_img1{position:relative; width:590px;}
.pms_cts1 .pms_img1::after{content:''; position:absolute; background:url(/static/fw/images/contents/plus.png) no-repeat center center; width:40px; height:40px; top:50%; right:-66px; transform:translate(0, -50%);}
.pms_cts1 .pms_img2{width:480px}
.pms_cts2{background:#fafafa; text-align:center;}
.pms_cts2 .pms_inner{position:relative; width:1300px; margin:0 auto;}
.pms_cts2 .pms_inner .ico_box{position:absolute; top:-30px; left:50%; transform:translate(-50%, 0); display:flex; justify-content:center; align-items:center; background:#fff; width:70px; height:70px; box-shadow: 3px 6px 10px 2px rgba(0, 0, 0, 0.08); border-radius:15px;}
.pms_cts2 .pms_inner .ico_box .ico{color:#008cd4; font-size:30px;}
.pms_cts2 .pms_inner .txt_box{padding-top:80px; padding-bottom:80px}
.pms_cts2 .pms_inner .txt_box strong{display:block; position:relative; color:#008cd4; font-size:20px; padding-bottom:35px;}
.pms_cts2 .pms_inner .txt_box strong::after{content:''; position:absolute; background:#008cd4; width:400px; height:3px; bottom:23px; left:50%; transform:translate(-50%, 0);}
.pms_cts2 .pms_inner .txt_box p span{display:block;}
.pms_cts3{margin:100px 0 160px 0;}
.pms_cts3 .tool_inner{width:1300px; margin:0 auto; text-align:center;}
.pms_cts3 .tool_inner .tool_feat .feat_list{margin-top:80px;}
.pms_cts3 .tool_inner .tool_feat .feat_list li{display:flex; flex-direction:row; align-items:flex-start; margin-bottom:70px;}
.pms_cts3 .tool_inner .tool_feat .feat_list li:last-child{margin-bottom:0;}
.pms_cts3 .tool_inner .tool_feat .feat_list li:nth-child(1) .ico_box::after{height:145px; transform:translate(-50%, 40%);}
.pms_cts3 .tool_inner .tool_feat .feat_list li:nth-child(2) .ico_box::after{height:110px; transform:translate(-50%, 46%);}
.pms_cts3 .tool_inner .tool_feat .feat_list li:nth-child(3) .ico_box::after{height:180px; transform:translate(-50%, 32%);}
.pms_cts3 .tool_inner .tool_feat .feat_list li .ico_box:last-child::after{display:none;}
.pms_cts3 .tool_inner .tool_feat .feat_list li .ico_box .txt_ico{line-height:3; font-size:20px; color:#fff;}
.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list{text-align:left;}
.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list p{font-size:24px; font-weight:600; margin-bottom:15px;}
.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list span{display:block; margin-top:8px;}
.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list span:first-child{margin-top:0;}
.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list span em{display:block; margin-left:15px;}

/* qms 품질 */
.qms_cts1{display:flex; justify-content:center; flex-wrap:wrap; margin:160px 0 100px 0; position:relative;}
.qms_cts1::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#ccc; width:95%; height:2px; z-index:-1;}
.qms_cts1 strong{display:flex; justify-content:center; align-items:center; flex-direction:column; width:190px; height:190px; background:#008cd4; font-size:20px; color:#fff; border-radius:50%; margin-right:1.9%;}
.qms_cts1 strong:nth-child(2), .qms_cts1 strong:nth-child(4), .qms_cts1 strong:nth-child(6){background:#085dbc;}
.qms_cts1 strong:last-child{margin-right:0;}
.qms_cts2{position:relative; text-align:center;}
.qms_cts2 .feat_list{margin:80px 0 280px 0;}
.qms_cts2 .feat_list li{position:relative; display:flex; flex-direction:row; align-items:flex-start; margin-bottom:70px;}
.qms_cts2 .feat_list li .qms_img1{position:absolute; right:-60px; top:-60px;}
.qms_cts2 .feat_list li .qms_img2{position:absolute; right:-60px; bottom:-200px}
.qms_cts2 .feat_list li:last-child{margin-bottom:0;}
.qms_cts2 .feat_list li:nth-child(1) .ico_box::after{height:43px; transform:translate(-50%, 119%);}
.qms_cts2 .feat_list li:nth-child(2) .ico_box::after{height:75px; transform:translate(-50%, 66%);}
.qms_cts2 .feat_list li:nth-child(3) .ico_box::after{height:180px; transform:translate(-50%, 32%);}
.qms_cts2 .feat_list li:nth-child(4) .ico_box::after{height:180px; transform:translate(-50%, 34%);}
.qms_cts2 .feat_list li:nth-child(5) .ico_box::after{height:130px; transform:translate(-50%, 42%);}
.qms_cts2 .feat_list li:last-child .ico_box::after{display:none;}
.qms_cts2 .feat_list li .txt_list{text-align:left;}
.qms_cts2 .feat_list li .txt_list p{font-size:24px; font-weight:600; margin-bottom:15px;}
.qms_cts2 .feat_list li .txt_list span{display:block; margin-top:8px;}
.qms_cts2 .feat_list li .txt_list span:first-child{margin-top:0;}
.qms_cts2 .feat_list li .txt_list span em{display:block; margin-left:15px;}
.qms_cts2 .feat_list li .txt_list .list_step{display:flex; margin-bottom:20px;}
.qms_cts2 .feat_list li .txt_list .list_step2{width:1175px}
.qms_cts2 .feat_list li .txt_list .list_step strong,
.qms_cts2 .feat_list li .txt_list .list_step2 strong{position:relative; border:2px solid #008cd4; width:25%; height:60px; border-radius:100px; color:#008cd4; display:flex; justify-content:center; align-items:center; margin-right:25px;}
.qms_cts2 .feat_list li .txt_list .list_step strong::after{content:''; position:absolute; background:url(/static/fw/images/contents/qms_arrow.png) no-repeat center center; width:7px; height:13px; right:-18px}
.qms_cts2 .feat_list li .txt_list .list_step strong:last-child::after,
.qms_cts2 .feat_list li .txt_list .list_step2 strong:last-child::after{background:none;}
.qms_cts2 .feat_list li .txt_list .list_step strong:last-child,
.qms_cts2 .feat_list li .txt_list .list_step2 strong:last-child{border:0; background:#008cd4; color:#fff; margin-right:0;}
.qms_cts2 .feat_list li .txt_list .list_step2 strong::after{content:''; position:absolute; background:url(/static/fw/images/contents/qms_arrow.png) no-repeat center center; width:7px; height:13px; right:-10.3%;}
.qms_cts2 .feat_list li .txt_list .list_step2{display:flex; margin:20px 0;}
.qms_cts2 .feat_list li .txt_list .list_step2 strong:nth-child(3),
.qms_cts2 .feat_list li .txt_list .list_step2 strong:nth-child(4){flex-direction:column;}

/* dms 문서관리 */
.dms_cts1{margin:160px 0 100px 0; text-align:center;}
.dms_cts2{position:relative; text-align:center;}
.dms_cts2 .feat_list{margin:80px 0 160px 0; background:url(/static/fw/images/contents/dms_bg.png) no-repeat 90% 15%;}
.dms_cts2 .feat_list li{display:flex; flex-direction:row; align-items:flex-start; margin-bottom:70px;}
.dms_cts2 .feat_list li:last-child{margin-bottom:0;}
.dms_cts2 .feat_list li:nth-child(1) .ico_box::after{height:320px; transform:translate(-50%, 18%);}
.dms_cts2 .feat_list li .ico_box:last-child::after{display:none;}
.dms_cts2 .feat_list li .txt_list{text-align:left;}
.dms_cts2 .feat_list li .txt_list p{font-size:24px; font-weight:600; margin-bottom:15px;}
.dms_cts2 .feat_list li .txt_list span{display:block; margin-top:8px;}
.dms_cts2 .feat_list li .txt_list span:first-child{margin-top:0;}
.dms_cts2 .feat_list li .txt_list span em{display:block; margin-left:15px;}
.dms_cts2 .feat_list li .txt_list .txt_list2 .list_circle li{position:relative; margin-bottom:0; padding:3px 0 3px 25px; color:#555;}
.dms_cts2 .feat_list li .txt_list .txt_list2 .list_circle li::before{content:''; position:absolute; background:#008cd4; border-radius:50%; width:4px; height:4px; left:15px; top:14px;}



/* FAQ */
.faq-wrap{padding-bottom:50px}
.tab-faq{position:relative; height:68px; background:rgba(255,255,255,1); transition:all .30s ease}
.tab-faq:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd}
.tab-faq .tab_inner{position:relative; width:1300px; margin:0 auto; box-sizing:border-box}
.tab-faq ul{height:68px}
.tab-faq ul:after{content:''; display:block; clear:both}
.tab-faq ul li{flex:1; height:100%}
.tab-faq ul li a{position:relative; height:100%; letter-spacing:-0.8px; text-align:center; font-weight:normal; font-size:20px; color:#ccc; box-sizing:border-box; transition:all .20s ease}
.tab-faq ul li a span{position:relative; height:100%; padding:0 15px; box-sizing:border-box}
.tab-faq ul li a:hover,
.tab-faq ul li.active a{font-weight:300; color:#222}
.tab-faq ul li.active a span:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#222}
.tab-faq ul,
.tab-faq ul li,
.tab-faq ul li a,
.tab-faq ul li a span{display:flex; align-items:center; justify-content:center}

.content-faq{display:none; width:1300px; margin:0 auto}
.content-faq.active{display:block}

.faq .faq-list .faq-box{position:relative; padding:35px 0; border-bottom:1px solid #ddd; box-sizing:border-box}
.faq .faq-list li:last-child .faq-box{border-bottom:none}
.faq .faq-list .faq-box .faq_q{display:block; position:relative; padding-left:40px; padding-right:40px; transition:all .20s ease}
.faq .faq-list .faq-box .faq_q .bul{display:block; position:absolute; left:0; top:-6px; line-height:135%; color:#008cd4; font-size:28px; font-weight:600; letter-spacing:-1px}
.faq .faq-list .faq-box .faq_q .tit{display:block; line-height:135%; color:#333; font-size:20px; font-weight:300; letter-spacing:-1px}
.faq .faq-list .faq-box .faq_q:after{content:"\e943"; position:absolute; right:-2px; top:0; color:#999; font-family:'xeicon'; font-size:28px; transition:all .10s ease}
.faq .faq-list li.active .faq-box .faq_q:after{transform:rotate(-180deg)}
.faq .faq-list .faq-box .faq-a{display:none; position:relative; padding-right:40px}
.faq .faq-list .faq-box .faq-a p{font-size:18px; font-weight:normal; color:#555; line-height:160%; letter-spacing:-0.8px; white-space:normal; word-break:break-all}
.faq .faq-list .faq-box .faq-a p:first-child{margin-top:18px}
.faq .faq-list .faq-box .faq-a a span.link{color: #008cd4; border-bottom:1px solid #008cd4; letter-spacing:-0.8px}


/* 가격정책 */
.content-price{width:1300px; margin:75px auto}

.price-table{width:100%; margin-bottom:100px; word-break:keep-all}
.price-table ul li{display:flex; align-items:center; border-bottom:1px solid #ccc;}
.price-table ul li.sort{font-weight:300; color:#008cd3; height:65px; background:#f7fafb; border-top:2px solid #008cd3; border-bottom:1px solid #008cd3}
.price-table ul li.sort span{display:block; font-size:15px}

.price-table ul li div{text-align:center; padding:0 5px}
.price-table ul li .tit{color:#333; font-weight:300}
.price-table ul .emport_s{border-top:1px solid #008cd3}
.price-table ul .emport_e{border-bottom:2px solid #008cd3}
.price-table ul li>ul>li{justify-content:space-around; border-bottom:1px solid #eaeaea; padding:15px 0px}
.price-table ul li>ul{border-left:1px solid #eaeaea}
.price-table ul li>ul>li:last-child{border-bottom:0}
.price-table ul li>ul>li .txt{text-align:left}

.price-table .refer{display:flex; margin-top:15px}
.price-table .refer .p_list{margin-left:auto}
.price-table .refer p{font-size:16px; letter-spacing:-0.5px; line-height:155%; color:#505050}

.price_cts{margin-bottom:100px}
.price_cts > ul{margin:-30px 0 0 -30px}
.price_cts > ul:after{content:''; display:block; clear:both}
.price_cts > ul > li.cts_box{float:left; width:33.3333333%}
.price_cts > ul > li.cts_box .inner{min-height:402px; background:#fff; margin:30px 0 0 30px; box-shadow:3px 6px 10px 2px rgba(0, 0, 0, 0.08); border-radius:25px; text-align:center; box-sizing:border-box}
.price_cts > ul > li.cts_box .inner:hover{box-shadow:3px 6px 10px 2px rgba(0, 140, 211, 0.1)}

.price_cts > ul > li.cts_box .top_txt{padding:30px 0; background:#f7fafb; border-bottom:1px solid #eaeaea; border-top-left-radius:25px; border-top-right-radius:25px}
.price_cts > ul > li.cts_box .top_txt .price-check input,
.fixed .appli .type_cts .price-check input{width:20px; height:20px; cursor:pointer; display:none}
.price_cts > ul > li.cts_box .top_txt p{font-size:18px; letter-spacing:-0.8px; line-height:135%; color:#202020}
.price_cts > ul > li.cts_box .top_txt strong{font-size:24px; margin-bottom:15px}
.price_cts > ul > li.cts_box .top_txt strong span{font-size:20px; margin-left:5px; color:#666}
.price_cts > ul > li.cts_box .top_txt strong span.essen{color:#008cd3}
.price_cts > ul > li.cts_box .btm_txt span{display:inline-block; background:#008cd3; border-radius:1000px; color:#fff; min-width:90px; padding:3px 0}
.price_cts > ul > li.cts_box .btm_txt{padding:30px}
.price_cts > ul > li.cts_box .btm_txt .txt_list{text-align:left; margin-top:20px}
.price_cts > ul > li.cts_box .btm_txt .txt_list li{margin-bottom:13px; display:flex; align-items:flex-start; line-height:145%; letter-spacing:-0.8px; font-size:18px; word-break:keep-all}
.price_cts > ul > li.cts_box .btm_txt .txt_list li i{font-size:24px; color:#008cd3; margin-right:8px}

.price_inq{background:linear-gradient(-43deg, #085dbc, #008cd4); border-radius:1000px; min-height:180px}
.price_inq .inq_cts{padding:50px 80px; display:flex; justify-content:space-between; align-items:center}
.price_inq .txt_cts h2.tit{font-size:24px; font-weight:600; color:#fff}
.price_inq .txt_cts p{font-size:20px; margin-top:10px; color:#fff}

.price_more .more{height:65px; margin:0; padding:0 25px 0 30px; border:0; border-radius:200px; cursor:pointer; box-sizing:border-box; transition:all .20s ease; background:#fff; -webkit-appearance:none; display:inline-block; min-width:200px}
.price_more .more .btn_txt{display:flex; align-items:center; line-height:65px}
.price_more .more .btn_txt span{padding-right:40px; font-size:18px; font-weight:300; color:#008cd3; letter-spacing:-0.8px}
.price_more .more .btn_txt .arrow{position:relative; width:30px; height:2px; background-color:#008cd3; transition:all .20s ease}
.price_more .more .btn_txt .arrow:before,
.price_more .more .btn_txt .arrow:after{content:''; position:absolute; right:3px; width:2px; height:10px; background-color:#008cd3}
.price_more .more .btn_txt .arrow:before{top:-7px; transform: rotate(-48deg)}
.price_more .more .btn_txt .arrow:after{bottom:-7px; transform: rotate(48deg)}
.price_more .more:hover .btn_txt .arrow{width:60px}

.fixed{width:100%; height:160px; position:fixed; bottom:0; left:50%; transform: translate(-50%, 0); background:#fff; box-shadow:3px 5px 10px 15px rgba(0, 140, 211, 0.08); z-index:1}
.fixed .appli{min-width:1300px; position:absolute; top:50%; left:50%; transform: translate(-50%, -72%); display:flex; justify-content:space-evenly; align-items:center}
.fixed .appli .type_cts .regist-check{display:flex; margin-bottom:8px}
.fixed .appli .type_cts .regist-check strong{margin-left:5px}

.input_cts{display:flex; text-align:center; width:75%}
.input_cts strong.tit{display:block; margin-bottom:5px}
.input_cts .memb, 
.input_cts .drive, 
.input_cts .subs{margin-right:10px}
.input_cts .price-input{display:inline-block; position:relative; height:48px; margin:0; padding:0 35px; line-height:48px; border:1px solid #ddd; text-align:right; font-size:18px; color:#101010; letter-spacing:-0.8px; background:#fff; vertical-align:middle; border-radius:8px; box-sizing:border-box}
.input_cts .price-input[disabled]{background:#eeeeee; color:#b4b4b4}
.input_cts .price-input[readonly]{background:#f5f5f5}
.input_cts .price-input::placeholder{font-family:'pps','ptd', 'sans-serif' !important; font-size:18px; font-weight:normal; color:#909090}

.price-confirm{display:flex; align-items:center; justify-content:center; position:relative}
.price-confirm .confirm{display:flex; align-items:center; justify-content:center; height:65px; margin:0; padding:0 30px; border:0; border-radius:10px; text-align:center; cursor:pointer; box-sizing:border-box; transition:all .20s ease; background:linear-gradient(-43deg, #085dbc, #008cd4); -webkit-appearance:none}
.price-confirm .confirm span{font-size:18px; font-weight:300; color:#fff; letter-spacing:-0.8px}

.vat_area{width:100%; background:#f7fafb; position:fixed; bottom:0; height:38px}
.vat_area p{min-width:1300px; color:#008cd3; position:absolute; bottom:0; left:50%; transform: translate(-50%, 0); font-size:16px; text-align:center; padding:8px 0}

.price-check{position:relative; display:inline-block; width:100%; min-width:29px; min-height:29px; vertical-align:middle; overflow:hidden}
.price-check input[type="checkbox"]{position:absolute; top:0; left:0; margin:0}
.price-check .hero{display:inline-block; /*position:absolute; top:0; left:0;*/ width:29px; height:29px; background-color:#fff; background-image:url("/static/fw/images/main/regist_check.png"); background-size:60px 29px; background-position:0 0; cursor:pointer; margin:-5px 3px}
.price-check input[type='checkbox']:checked + .hero {background-position:-31px 0}

.fixed .price-check{display:flex; align-items:center}
.fixed .price-check .hero{margin:5px}

.biz-form{position:relative; width:920px; margin:75px auto 160px}
.biz-form .form-regist{background-color:#fff; border-radius:35px 35px 35px 0; box-shadow:2px 4px 12px 2px rgb(0 0 0 / 13%)}
.biz-form .form-regist .regist-inner{padding:60px 35px}
.biz-form .form-regist .regist-wrap{margin-left:-25px; margin-top:-25px}

.biz-form .regist-group:after{content:''; display:block; clear:both}
.biz-form .regist-group .form-list1:after{content:''; display:block; clear:both}
.biz-form .regist-group.col1 .form-list > li{width:100%}
.biz-form .regist-group.col2 .form-list > li{float:left; width:50%}

.biz-form .regist-group .form-split{float:left; width:50%}

.biz-form .regist-group .regist-box{margin-top:25px; margin-left:25px}
.biz-form .regist-group .regist-tit{display:flex; align-items:center}
.biz-form .regist-group .regist-tit:before{content:''; display:none; width:20px; height:20px; margin-right:10px; background:url("/static/fw/images/main/app_bul.png") 50% 50% no-repeat; background-size:20px 20px}
.biz-form .regist-group .regist-tit .tit{display:inline-block; line-height:135%; color:#101010; font-size:18px; font-weight:300; letter-spacing:-0.8px}
.biz-form .regist-group .regist-cont{margin-top:12px}


.biz-form .regist-input
{
	display:inline-block;
	position:relative;
	height:48px;
	margin:0;
	padding:0 20px;
	line-height:48px;
	border:1px solid #ddd;
	text-align:left;
	font-size:18px;
	color:#101010;
	letter-spacing:-0.8px;
	background:#fff;
	vertical-align:middle;
	border-radius:8px;
	box-sizing:border-box
}
.biz-form .regist-input[disabled]{background:#eeeeee; color:#b4b4b4}
.biz-form .regist-input[readonly]{background:#f5f5f5}
.biz-form .regist-input::placeholder{font-family:'pps','ptd', 'sans-serif' !important; font-size:18px; font-weight:normal; color:#909090}

.biz-form .regist-select{display:inline-block; *display:inline; position:relative; height:48px; border:1px solid #ddd; border-radius:8px; overflow:hidden; vertical-align:middle; box-sizing:border-box}
.biz-form .regist-select select
{
	width:100%;
	height:46px;
	line-height:46px;
	margin:0;
	padding:0;
	padding-left:20px;
	color:#101010;
	letter-spacing:-0.8px;
	font-family:'pps','ptd', 'sans-serif' !important;
	font-size:18px;
	font-weight:normal;
	border:0;
	cursor:pointer;
	border-radius:8px;
	background-image:url("/static/fw/images/main/regist_select.png");
	background-position: right 50%;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:33px 9px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.biz-form .regist-select select[disabled]{background:#eeeeee url("../images/common/select_normal.png") right 50% no-repeat; background-size:30px 36px; color:#b4b4b4}
.biz-form .regist-select select[readonly]{background:#f5f5f5 url("../images/common/select_normal.png") right 50% no-repeat; background-size:30px 36px;}
.biz-form .regist-select select::-ms-expand{display:none}

.biz-form .regist-textarea
{
	display:inline-block;
	height:169px;
	margin:0;
	padding:13px 20px;
	line-height:135%;
	background:#fff;
	color:#101010;
	letter-spacing:-0.8px;
	font-size:18px;
	font-weight:normal;
	border:1px solid #ddd;
	border-radius:8px;
	outline:none;
	box-sizing:border-box;
	resize:none
}
.biz-form .regist-textarea::placeholder{font-family:'pps','ptd', 'sans-serif' !important; font-size:18px; font-weight:normal; color:#909090}

.biz-form .regist-privacy{display:flex; align-items:center}
.biz-form .regist-check{position:relative; display:inline-block; min-width:29px; min-height:29px; vertical-align:middle; overflow:hidden}
.biz-form .regist-check input[type="checkbox"]{position:absolute; top:0; left:0; margin:0}
.biz-form .regist-check .hero{display:block; position:absolute; top:0; left:0; width:29px; height:29px; background-color:#fff; background-image:url("/static/fw/images/main/regist_check.png"); background-size:60px 29px; background-position:0 0; cursor:pointer}
.biz-form .regist-check input[type='checkbox']:checked + .hero {background-position:-31px 0}
.biz-form .regist-check strong{padding-left:39px; display:block; line-height:29px; font-size:18px; color:#909090; letter-spacing:-0.8px; font-weight:normal; cursor:pointer}

.biz-form .privacy-detail{display:inline-block; position:relative; margin-left:12px}
.biz-form .privacy-detail:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#008cd3}
.biz-form .privacy-detail span{line-height:135%; font-size:18px; color:#008cd3; font-weight:300; letter-spacing:-0.8px}


.biz-form .regist-confirm{display:flex; align-items:center; justify-content:center; position:relative; margin-top:60px}
.biz-form .regist-confirm .confirm
{
	display:flex; align-items:center; justify-content:center; width:480px; height:65px; margin:0; padding:0 25px; border:0; border-radius:10px; text-align:center; cursor:pointer; box-sizing:border-box; transition:all .20s ease;
	background:#000; background:-webkit-linear-gradient(-43deg, #085dbc, #008cd4); background:-moz-linear-gradient(-43deg, #085dbc, #008cd4); background:linear-gradient(-43deg, #085dbc, #008cd4);
	-webkit-appearance:none;
}
.biz-form .regist-confirm .confirm span{font-size:18px; font-weight:300; color:#fff; letter-spacing:-0.8px}

.biz-form .regist-checklist ul{margin-left:-5px; margin-top:-5px}
.biz-form .regist-checklist ul:after{content:''; display:block; clear:both}
.biz-form .regist-checklist ul li{float:left; width:50%}
.biz-form .regist-checklist ul li .regist-check{margin-left:5px; margin-top:5px}

.biz-form .regist-info{position:relative; margin-top:45px; line-height:155%; font-size:16px; font-weight:300; color:#0196fa; letter-spacing:-0.8px; text-align:center; word-break:keep-all}


.appcomplet-result{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative}
.appcomplet-result .appcomplet-img{margin-bottom:25px}
.appcomplet-result .appcomplet-img img{width:160px}
.appcomplet-result .appcomplet-message .message{line-height:155%; color:#222; font-size:28px; font-weight:normal; text-align:center; letter-spacing:-1.5px}
.appcomplet-result .appcomplet-message .message strong{font-weight:300; color:#008cd4}
.appcomplet-result .appcomplet-help{margin-top:15px; line-height:155%; color:#888; font-size:16px; text-align:center; letter-spacing:-0.5px}
.appcomplet-result .appcomplet-confirm{margin-top:35px}

/* **************************************** *
*  toast
* **************************************** */
.dx-toast-content{
	width:600px !important;
	border:1px solid;
}

.dx-toast-success{
    background-color:#5629ee !important;
    width:200px;
}


.appintro{display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; padding-top:140px}
.appintro .appintro-img{margin-bottom:20px}
.appintro .appintro-img img{width:110px}
.appintro .appintro-message .message{line-height:155%; color:#111; font-size:28px; font-weight:normal; text-align:center; letter-spacing:-1.5px}
.appintro .message.bold{font-weight:600}
.appintro .appintro-message .message strong{color:#5629ee}
.appintro .appintro-btm-message{font-size:18px; line-height:155%; color:#333; text-align:center; letter-spacing:-0.5px; margin-top:30px}