@charset "UTF-8";

/*
* File       : response.css
* Author     : LinkBiz Home
*/

/* respon max 1400px */
@media all and (max-width:1400px)
{
	/* **************************************** *
	 * MAIN
	 * **************************************** */
	.main-key-inner{padding:200px 0 0}
	.main-key .key-visual{position:relative; left:auto; bottom:0; width:100%; height:auto; margin-left:0; margin-top:50px}
	.main-key .key-visual:before{display:none}
}


/* max 1300px */
@media all and (max-width:1300px)
{   
	/* **************************************** *
	 * LAYOUT
	 * **************************************** */
	.main-layout{min-width:auto}
	.sub-layout{min-width:auto}
	.dev-content{padding:0 20px}
	.content-section{width:100%; margin:0}
	.content-price{width:100%; margin:75px 0}
	
	#header .header-inner{width:100%}
	#header .logo{left:20px}
	#gnb .gnb_inner{width:100%}
	.toolbar-util{margin-right:20px}
	.tbanner .tbanner-inner{width:100%; margin:0}
	
	.wing-side{display:none}
	
	#footer{padding:0 20px 50px}
	.footer-contents{width:100%}
	.link-site{position:relative; top:auto; right:auto; margin-top:15px}
	
	.sfocus{height:auto}
	.sfocus .sfocus-inner{width:100%; height:auto;  padding:95px 0 95px}
	.sfocus .current_location{display:none}
	
	.tbanner{padding:0 20px}
	.tbanner .tbanner-inner{justify-content:flex-start}
	
	
	/* **************************************** *
	 * MAIN
	 * **************************************** */
	.main-key-inner{width:100%}
	.main-key .key-top{padding:0 20px}
	
	.main-cis-inner{width:100%; padding:145px 20px 165px; min-height:auto}
	.main-cis .top-num{margin-top:20px}
	
	.main-band-inner{width:100%; padding:0 20px}
	
	.main-mark-inner{width:100%; margin:0; padding:145px 20px 160px}
	.main-mark .mark-card .card-list li{width:50%}
	.main-mark .mark-card .card-box:hover{margin-top:0}
	.main-mark .mark-card .card-list li:nth-child(1) .card-box:hover{margin-top:-60px}
	.main-mark .mark-card .card-list li:nth-child(3) .card-box:hover{margin-top:-35px}
	.main-mark .mark-card .card-list li:nth-child(3) .card-box{margin-top:-35px}
	.main-mark .mark-card .card-list li:nth-child(4) .card-box{margin-top:24px}
	
	.main-count-inner{justify-content:unset; width:100%; height:800px; padding:95px 20px 0}
	
	.main-consult-inner{width:100%; padding:145px 20px 160px}
	
	.main-partner-inner{width:100%; padding:0 20px}
	
	.main-biz-inner{width:100%}
	.main-biz .biz-top{padding:0 20px}
	
	.main-ability-inner{width:100%}
	.main-ability .ability-top{padding:0 20px}
	
	.main-toolkit-inner{width:100%}
	.main-toolkit .toolkit-top{padding:0 20px}
	
	.main-connect-inner{width:100%}
	.main-connect .biz-top{padding:0 20px}
	
    .wms-mobile{padding:0px 5vw;}
    .wms-mobile .mobile-wrap{width:100%;}
    .wms-mobile:before{background-size:contain; width:280px; height:524px; top:-300px;}
    .wms-mobile:after{left:380px; background-size:contain; width:280px; height:606px;}
    .mobile-wrap .tit{margin-top:114px;}
    .mobile-wrap .mobile-feature{margin-top:50px;}
    .mobile-wrap .mobile-feature li{margin:20px 20px 20px 0px}
    .mobile-wrap .mobile-visual{top:-460px;}
    .mobile-wrap .mobile-feature li{width:280px;}
	
	
	/* **************************************** *
	 * 서비스
	 * **************************************** */
	.tab-function{margin:0 -20px}
	.tab-function .tab_inner{width:100%; margin:0}
	.tab-function ul li a{width:100%; font-size:18px}
	.tab-function ul li a span{width:100%}
	
	.tool_cts2{width:100%; margin:60px 0}
	.tool_cts2 .mnt2{max-width:none; width:100%}
	.tool_cts2 .mnt2 img{width:100%}
	
	.pro_cts2 ul.box_top li span{min-width:auto}
	
	.tool_cts3{padding:0 0 60px 0; background:none}
	.tool_cts3 .tool_inner{max-width:none; width:100%}
	.tool_cts3 .tool_inner .tool_feat img{width:100%; margin:40px 0}
	.tool_cts3 .tool_inner .img_box{display:none}
	
	.wms_cts1{width:100%; margin:0}
	.wms_cts1 img{max-width:none; width:100%; margin:60px 0}
	.wms_cts2 .wms_bg{background:none}
	
	.wms_cts3{width:100%; margin:0; margin-bottom:60px}
	.wms_cts3 .wms_img_list .wms_img_l,
	.wms_cts3 .wms_img_list .wms_img_r{background-size:90%}
	
	.wms_cts4{margin:0 -20px}
	
	.pms_cts1{width:100%; margin:60px 0}
	.pms_cts1 .pms_img1,
	.pms_cts1 .pms_img2{display:flex; justify-content:center; width:50%}
	.pms_cts1 .pms_img1 img,
	.pms_cts1 .pms_img2 img{width:90%}
	.pms_cts1 .pms_img1::after{right:-25px; width:30px; height:30px; background-size:30px 30px}
	
	.pms_cts2{margin:0 -20px}
	.pms_cts2 .pms_inner{width:100%; margin:0; padding:0 20px; box-sizing:border-box}
	
	.pms_cts3{margin:60px 0}
	.pms_cts3 .tool_inner{width:100%; margin:0}
	.pms_cts3 .tool_inner .tool_feat .feat_list{margin-top:60px}
	
	.dms_cts1{margin:60px 0}
	.dms_cts2 .feat_list{margin:60px 0}
	.dms_cts2 .feat_list li .txt_list p{font-size:20px}
	
	.qms_cts1{margin:60px 0}
	.qms_cts1::after{display:none}
	.qms_cts1 strong{width:160px; height:160px; font-size:18px}
	.qms_cts2 .feat_list{margin:60px 0}
	.qms_cts2 .feat_list li .qms_img1{display:none}
	.qms_cts2 .feat_list li .qms_img2{display:none}
	
	
	/* **************************************** *
	 * 고객지원
	 * **************************************** */
	.tab-faq{margin:0 -20px}
	.tab-faq .tab_inner{width:100%; margin:0}
	.tab-faq ul li a{width:100%; font-size:18px}s
	.tab-faq ul li a span{width:100%}
	.content-faq{width:100%; margin:0}
	
	
	/* **************************************** *
	 * 가격정책
	 * **************************************** */
	.price-table ul li div{font-size:16px}
	.price_cts > ul > li.cts_box .inner{min-height:378px}
	.price_cts > ul > li.cts_box .top_txt{padding:20px 0}
	.price_cts > ul > li.cts_box .top_txt strong{font-size:20px}
	.price_cts > ul > li.cts_box .top_txt strong span{font-size:16px}
	.price_cts > ul > li.cts_box .top_txt p{font-size:16px}
	.price_cts > ul > li.cts_box .btm_txt{padding:30px 20px}
	.price_cts > ul > li.cts_box .btm_txt .txt_list li{font-size:16px}
	
	.price-table{margin-bottom:60px}
	.price_cts{margin-bottom:60px}
}


/* respon max 1200px */
@media all and (max-width:1200px)
{     
	/* **************************************** *
	 * LAYOUT
	 * **************************************** */
	.toolbar-util{margin-left:auto}
	.toolbar-util .util-account .account-default li a{padding:0 30px}
	
	.footer-contents{padding-top:80px}
	.footer-logo{top:35px}
	.footer-info{padding-top:25px}
	
	
	/* **************************************** *
	 * MAIN
	 * **************************************** */
	.main-key-inner{padding:180px 0 0}
	.main-key .bg.blur01{left:-200px}
	.main-key .bg.blur02{right:-200px}
	.main-key .key-top .top-tit .tit span{font-size:34px}
	.main-key .key-top .top-tit .info{font-size:18px}
	.main-key .key-top .top-tit .mylink{width:200px; height:49px; background-size:200px 49px}
	
	.main-cis-inner{padding:80px 20px 0}
	.main-cis .cis-top{padding-left:0}
	.main-cis .top-tit .tit{text-align:center; font-size:28px;}
	.main-cis .top-tit .stit{text-align:center}
	.main-cis .top-tit .stit span{font-size:22px}
	.main-cis .top-num li{float:left; width:50%}
	.main-cis .top-num li .inner-box{flex-direction:column; justify-content:center; min-height:150px; padding:20px; text-align:center; font-size:18px; color:#808080; border:1px solid #ebebeb; border-radius:10px}
	.main-cis .top-num li:before{display:none}
	.main-cis .top-num li:last-child{width:100%}
	.main-cis .top-num li .tit{display:block; margin-bottom:10px; color:#303030; font-weight:600}
	.main-cis .top-num li .mblind{display:none}
	.main-cis .cis-visual{position:relative; width:auto; height:auto; margin-top:40px; left:auto; right:20%}
	
	.main-band-inner{flex-direction:column; justify-content:center; height:auto; padding:80px 20px 75px}
	.main-band .top-tit .tit{text-align:center}
	.main-band .top-tit .info{text-align:center}
	.main-band .top-more{margin-top:45px}
	
	.main-mark-inner{padding:80px 20px 80px}
	.main-mark .mark-top .top-tit .tit span{font-size:28px}
	.main-mark .mark-top .top-tit .info span{display:block; font-size:16px}
	.main-mark .mark-card{margin-top:105px}
	.main-mark .mark-card .card-box .tit-area{min-height:60px}
	.main-mark .mark-card .card-box .tit-area .tit{font-size:22px}
	.main-mark .mark-card .card-box .info-area{margin-top:10px}
	.main-mark .mark-card .card-box .info-area .info{font-size:16px}
	
	.main-count-inner{height:auto}
	.main-count .count-visual{position:relative; margin-top:10px}
	.main-count .count-visual img{width:100%; height:auto}
	
	.main-consult-inner{padding:80px 20px 80px}
	.main-consult .consult-top .top-tit .tit span{font-size:28px}
	.main-consult .consult-top .top-tit .info span{font-size:16px}
	.main-consult .consult-regist{border-radius:10px}
	.main-consult .consult-regist .regist-inner{padding:45px 20px 45px}
	
	.main-partner .top-tit .tit span{font-size:28px}
	
	.main-biz-inner{height:auto; padding:90px 20px}s
	.main-biz .top-tit .tit{font-size:30px}
	.main-biz .top-tit .stit{font-size:22px}
	.main-biz .top-tit .info span{font-size:18px}
	.main-biz .biz-visual{position:relative; right:auto; bottom:auto}
	
	.main-toolkit{background: #f7fafb url(/static/fw/images/main/toolkit_bg.jpg) 70% 50% no-repeat; background-size:cover}
	.main-toolkit-inner{height:auto; padding:90px 20px}
	.main-toolkit .top-tit .ctit{font-size:18px}
	.main-toolkit .top-tit .tit{font-size:30px}
	.main-toolkit .top-tit .stit{font-size:22px}
	.main-toolkit .top-tit .info span{font-size:18px}
	
	.main-connect-inner{height:auto; padding:80px 20px 40px}
	.main-connect .top-tit .ctit{font-size:18px}
	.main-connect .top-tit .tit{font-size:30px}
	.main-connect .top-tit .stit{font-size:22px}
	.main-connect .top-tit .info span{font-size:18px}
	.main-connect .connect-visual{position:relative; top:auto; right:auto; bottom:auto; margin-top:0}
	
	.main-ability{height:auto}
	.main-ability-inner{height:auto; padding:80px 20px 80px}
	.main-ability .top-tit .info{margin-top:10px}
	
    .mobile-wrap .tit{margin-left:5vw;}
    .mobile-wrap .mobile-feature{width:450px}
    .mobile-wrap .mobile-feature li{display:flex; width:320px; justify-content:center; margin:20px auto;}
    .mobile-wrap .mobile-visual:before{background-size:contain; width:550px;}
    .mobile-wrap .mobile-visual .mobile-slide{width:350px; height:700px; right:60px;}
    .mobile-wrap .mobile-visual .mobile-slide .slick-slide img{width:350px;}
    .mobile-wrap .mobile-visual .visual02{top:330px; width:180px; height:259px;}
    .wms-mobile:after{left:350px; bottom:-288px;}
	

	.biz-form{width:100%; margin:20px 0}
	.biz-form .form-regist{border-radius:10px}
	.biz-form .form-regist .regist-inner{padding:45px 20px 45px}
	
	
	/* **************************************** *
	 * 가격정책
	 * **************************************** */
	.price_cts > ul > li.cts_box{width:50%}
	.price_inq{min-height:auto; border-radius:25px}
	.price_inq .inq_cts{flex-direction:column; justify-content:center; text-align:center; padding:40px 20px}
	.price_inq .txt_cts h2.tit{font-size:22px}
	.price_inq .txt_cts p{font-size:18px}
	.price_inq .price_more{margin-top:25px}
	.price_more .more{height:50px; min-width:none}
	.price_more .more .btn_txt{line-height:50px}
	.price_more .more .btn_txt span{font-size:16px; padding-right:20px}
	
	
	/* **************************************** *
	 * 서비스
	 * **************************************** */
	.pro_cts2 ul.box_top li{margin-right:20px}
	.pro_cts2 ul.box_btm li{margin-right:20px}
	
	.tool_bg{min-height:auto; background:none; margin-top:60px}
	.tool_cts1 img{max-width:none; width:100%; margin-top:0}
	
	.tool_cts2 .mnt1{padding:40px 40px 60px}
	
	.tool_cts3 .tool_inner .img_box img{width:270px}
	
	.wms_cts2{margin-top:20px}
	.wms_cts2 .wms_bg{height:auto}
	.wms_cts2 .wms_inner{position:relative; width:100%; margin:0; top:auto; left:auto; transform:translate(0, 0)}
	.wms_cts2 .wms_inner .txt_list li strong{font-size:20px}
	.wms_cts2 .wms_inner .txt_list li p{font-size:16px}
	
	.wms_cts3 .wms_img_list .wms_img_l,
	.wms_cts3 .wms_img_list .wms_img_r{height:300px}
	
	.dms_cts2 .feat_list{background:none}
	
	.qms_cts1 strong{margin-right:0}
	
	.qms_cts2 .feat_list li .txt_list .list_step{flex-wrap:wrap}
	.qms_cts2 .feat_list li .txt_list .list_step strong{width:33.3333%; margin-right:0; margin-bottom:5px}
	.qms_cts2 .feat_list li .txt_list .list_step strong:after{display:flex; align-items:center; justify-content:center; right:18px; z-index:1}
	.qms_cts2 .feat_list li .txt_list .list_step strong:last-child:after{display:none}
	
	.qms_cts2 .feat_list li .txt_list .list_step2{flex-wrap:wrap; width:auto}
	.qms_cts2 .feat_list li .txt_list .list_step2 strong{width:33.3333%; margin-right:0; margin-bottom:5px}
	.qms_cts2 .feat_list li .txt_list .list_step2 strong:after{display:flex; align-items:center; justify-content:center; right:18px; z-index:1}
	.qms_cts2 .feat_list li .txt_list .list_step2 strong:last-child:after{display:none}
	.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:row}
}


/* max 1000px */
@media all and (max-width:1000px)
{	
	/* **************************************** *
	 * LAYOUT
	 * **************************************** */
	#header .logo{top:23px}
	#header .logo a{width:100px; height:25px; background-size:100px 25px}
	
	#gnb{display:none}
	.toolbar-util{display:none; right:53px}
	.toolbar-util .util-account .account-default li a{padding:0 20px}
	
	.allmenu-btn{display:block}
	
	.footer-info{flex-direction:column; padding-top:5px; border-top:0}
	.footer-info .info-company li,
	.footer-info .info-address li{font-size:14px}
	#footer .copyright{font-size:14px}

	.link-site .site-jump .jump-toggle > span{font-size:14px}
	
	/* **************************************** *
	 * MAIN
	 * **************************************** */
	.main-key-inner{padding:160px 0 0}
	.main-key .bg.blur01{left:-100px}
	.main-key .bg.blur02{right:-100px}
	
	.main-cis .top-tit .stit span{display:block}
	.main-cis .top-num li .inner-box{font-size:15px;  min-height:150px}
	
	.main-band .top-tit .tit span{font-size:26px}
	.main-band .top-tit .info span{font-size:16px}
	
	.main-mark .mark-card{display:none}
	.main-mark .mark-card-carousel-wrap{display:block}
	
	.main-count .count-info .count-txt strong{font-size:46px}
	.main-count .count-info .count-txt span{font-size:16px; padding-top:10px}
	.main-count .count-slogan .count-txt{font-size:22px}
	.main-count .count-slogan{margin-top:56px}
	
	.main-consult .regist-group.col2 .form-list li{float:none; width:100%}
	.main-consult .regist-group .form-split{float:none; width:100%}
	.main-consult .regist-group .regist-tit .tit{font-size:16px}
	.main-consult .regist-input{padding:0 15px; font-size:15px}
	.main-consult .regist-input::placeholder{font-size:15px}
	.main-consult .regist-select select{padding-left:15px; font-size:15px}
	.main-consult .regist-textarea{height:168px; padding:10px 15px; font-size:15px}
	.main-consult .regist-textarea::placeholder{font-size:15px}
	.main-consult .regist-check strong{font-size:16px}
	
	.main-partner:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4)}
	.main-partner .top-tit .tit span{display:block}
	.main-partner .top-tit .info span{display:block}
	
	.main-biz-inner{flex-direction:column; justify-content:center}
	.main-biz .biz-top .top-tit{text-align:center}
	.main-biz .top-tit .stit{font-size:20px}
	.main-biz .top-tit .info span{display:block}
	.main-biz .biz-visual{right:-120px}
	
	.main-toolkit{background: #f7fafb url(/static/fw/images/main/toolkit_bg.jpg) 40% 50% no-repeat; background-size:cover}
	.main-toolkit:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.8)}
	.main-toolkit-inner{flex-direction:column; justify-content:center}
	.main-toolkit .toolkit-top .top-tit{text-align:center}
	.main-toolkit .top-tit .stit{font-size:20px}
	.main-toolkit .top-tit .info span{display:block}
	
	.main-connect-inner{flex-direction:column; justify-content:center}
	.main-connect .connect-top .top-tit{text-align:center}
	.main-connect .top-tit .stit{font-size:20px}
	.main-connect .top-tit .info span{display:block}
	.main-connect .connect-visual{margin-top:10px}
	
	.main-ability .top-corp .corp-box img{width:50%}
	.main-ability .top-tit .tit span{display:inline}
	.main-ability .top-tit .tit .mylink{font-size:18px}
	.main-ability .top-tit .info span{display:inline; font-size:16px}
	
	.pro_cts1{margin:60px 0 25px; padding:10px 30px}
	.pro_cts1 p{font-size:18px}
	
    .mobile-wrap .mobile-feature{width:35vw; margin-left:40px;}
    .mobile-wrap .mobile-feature li{width:35vw}
    .wms-mobile .mobile-wrap{padding-top:90px;}
    .wms-mobile:after{left:175px; bottom:-278px;}
    .mobile-wrap .mobile-visual:before{top:100px;}
    .mobile-wrap .mobile-visual .mobile-slide{width:270px; height:550px; top:80px;}
    .mobile-wrap .mobile-visual .mobile-slide .slick-slide img{width:270px}
    .mobile-wrap .mobile-visual .visual02{top:359px;}
    .mobile-wrap .mobile-visual .slick-dots{right:65px;}
	

	/* **************************************** *
	 * 고객지원
	 * **************************************** */
	.faq .faq-list .faq-box .faq_q .bul{top:-9px}
	.faq .faq-list .faq-box{padding:25px 0}
	.faq .faq-list .faq-box .faq_q .tit{font-size:18px}
	.faq .faq-list .faq-box .faq-a p{font-size:16px}
	
	.tab-faq{height:auto}
	.tab-faq .tab_inner{flex-wrap:wrap}
	.tab-faq ul{height:auto}
	.tab-faq ul li{align-items:flex-start; min-width:50%}
	.tab-faq ul li a{font-size:16px}
	.tab-faq ul li a span{height:50px}
	
	
	/* **************************************** *
	 * 가격정책
	 * **************************************** */
	/*.price-table ul li{padding:12px 0}*/
	.price_inq .txt_cts h2.tit{font-size:20px}
	.price_inq .txt_cts p{font-size:16px}
	.fixed{display:none}
	
	
	/* **************************************** *
	 * 서비스
	 * **************************************** */
	.tab-function{height:auto}
	.tab-function .tab_inner{flex-wrap:wrap}
	.tab-function ul{height:auto}
	.tab-function ul li{align-items:flex-start; min-width:33.333333%}
	.tab-function ul li a{font-size:16px}
	.tab-function ul li a span{height:50px}
	
	.pro_cts2 ul.box_top{flex-wrap:wrap}
	.pro_cts2 ul.box_top li{width:50%; min-height:auto; margin-right:0; margin-top:20px}
	.pro_cts2 ul.box_top li:nth-child(1),
	.pro_cts2 ul.box_top li:nth-child(2){margin-top:0}
	.pro_cts2 ul.box_top li span{margin:10px; font-size:16px}
	
	.pro_cts2 ul.box_btm{flex-wrap:wrap}
	.pro_cts2 ul.box_btm li{width:50%; min-height:auto; margin-right:0; margin-top:20px}
	.pro_cts2 ul.box_btm li:nth-child(1),
	.pro_cts2 ul.box_btm li:nth-child(2){margin-top:0}
	.pro_cts2 ul.box_btm li span{font-size:16px}
	
	.pro_cts2 ul li p{margin-bottom:20px; font-size:18px}
	
	.tool_cts1 p{font-size:18px; margin-top:25px}
	.tool_cts1 p b{display:inline}
	
	.tool_cts2 .mnt1{padding:40px 20px 60px}
	.tool_cts2 .mnt1 p{font-size:16px}
	.tool_cts2 .mnt2{margin-bottom:60px}
	.tool_cts2 .mnt2 p{margin-top:30px}
	.tool_cts2 .mnt2 p em{display:inline}
	.tool_cts2 .mnt1 strong{font-size:18px}
	
	.tool_cts3 .tool_inner .tool_feat .feat_list li{margin-bottom:40px}
	.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list p{font-size:20px}
	.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list span{font-size:16px}
	
	.feat_list li .ico_box{margin-right:25px}
	
	.tool_cts3 .tool_inner .img_box{text-align:left}
	.tool_cts3 .tool_inner .img_box img{position:relative; right:auto; width:auto; margin-left:90px}
	
	.wms_cts2 .wms_inner img{width:100%; margin-bottom:60px}
	
	.wms_cts2 .wms_inner .txt_list li strong{width:180px}
	
	.wms_cts3 .wms_img_list .wms_img_l,
	.wms_cts3 .wms_img_list .wms_img_r{height:240px}
	
	.wms_cts4 p{font-size:16px}
	
	.pms_cts2 .pms_inner .txt_box strong{font-size:18px}
	
	.pms_cts3 .tool_inner .tool_feat .feat_list li{margin-bottom:40px}
	.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list p{font-size:20px}
	.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list span{font-size:16px}
	
	.dms_cts1 img{width:100%}
	
	.dms_cts2 .feat_list li{margin-bottom:40px}
	.dms_cts2 .feat_list li .txt_list span{font-size:16px}
	.dms_cts2 .feat_list li .txt_list span em{display:inline; margin-left:0}
	.dms_cts2 .feat_list li .txt_list .txt_list2 .list_circle li{font-size:16px}
	
	.qms_cts2 .feat_list li{margin-bottom:40px}
	.qms_cts2 .feat_list li .txt_list p{font-size:20px}
	.qms_cts2 .feat_list li .txt_list span{font-size:16px}
	
	.qms_cts2 .feat_list li .txt_list .list_step strong{width:50%}
	
	.qms_cts2 .feat_list li .txt_list .list_step2 strong{width:50%}
	
	.pro_cts2{margin-bottom:60px}
	
	.pro_cts2 ul li p{padding-top:20px}
}


/* max 740px */
@media all and (max-width:740px)
{	
	/* **************************************** *
	 * LAYOUT
	 * **************************************** */
	.sub-content-inner{min-height:auto}
	
	.sfocus .sfocus-inner{padding:35px 0 35px}
	.sfocus .page-tit .parent-tit{font-size:18px}	
	.sfocus .page-tit .current-tit .tit{margin-bottom:10px; padding:0 40px; font-size:28px; word-break:keep-all}
	.sfocus .page-tit .current-tit .info{padding:0 40px}
	.sfocus .page-tit .current-tit .info p{font-size:15px}
	
	.sfocus .service-inquiry{padding-top:10px}
	.sfocus .service-inquiry .inquiry-btn{width:150px; margin:0 2px}
	.sfocus .service-inquiry .inquiry-btn span{font-size:16px}
	
	.footer-logo{width:110px; height:27px; background-size:110px 27px;}
	.footer-info .info-address li{padding-left:30px}
	.footer-info .info-address li strong{position:absolute; left:0; top:0}
	.link-site .site-jump{width:100%}
	.link-site .site-jump .jump-toggle{width:100%}
	
	.tbanner-notice .num{margin-right:5px; padding:0 8px}
	.tbanner .tbanner-close .today{display:none}
	.tbanner .tbanner-close .close span{display:none}
	.tbanner-notice .num{font-size:13px}
	.tbanner-notice .info{padding-right:20px; font-size:14px}
	.tbanner-notice .more{display:none}
	
	.allmenu .allmenu-inner{width:100%; padding:80px 40px 40px}
	#allmenu-gnb .gnb-depth{margin-top:40px}
	#allmenu-gnb .depth2-list li{width:50%}
	#allmenu-gnb .depth2-box .depth2-tit .tit{font-size:18px}
	
	.event-popup .popup-wrap{padding:0 30px}
	.event-popup .popup-wrap .popup-img img{width:100%; height:auto}
	.event-popup .popup-wrap .btn_close{top:3px; right:35px}
	
	/* **************************************** *
	 * MAIN
	 * **************************************** */
	.main-key .bg.blur01{left:-300px}
	.main-key .bg.blur02{right:-200px}
	.main-key .key-top{padding:0}
	.main-key .key-top .top-tit .tit{letter-spacing:-1.2px}
	.main-key .key-top .top-tit .tit span{display:block; font-size:30px}
	.main-key .key-top .top-tit .info{font-size:16px; letter-spacing:-1px}
	.main-key .key-top .top-tit .mylink{width:161px; height:39px; background-size:161px 39px}
	.main-key .top-more .more-inner{flex-direction:column; margin-top:25px}
	.main-key .top-more .more-inner:last-child{margin-top:0}
	.main-key .top-more .more.dark{margin-top:5px}
	.main-key .top-more .more.clear{margin-top:5px}
	.main-key .top-more .more span{width:145px; font-size:16px}
	.main-key .key-visual{margin-top:60px}
	
	.main-cis .top-tit .tit{letter-spacing:-1.2px}
	.main-cis .top-tit .stit{line-height:105%}
	.main-cis .top-tit .stit span{font-size:18px}
	.main-cis .top-num li:before{top:43px}
	.main-cis .top-num{margin-left:-4px}
	.main-cis .top-num li .inner-box{margin-top:4px; margin-left:4px; padding:20px 8px; font-size:14px}
	.main-cis .cis-visual img{width:120%}
	
	.main-band .top-tit .tit span{display:block}
	.main-band .top-tit .info span{display:block}
	
	.main-count .count-info .count-txt span{margin-left:5px}
	.main-count .count-slogan .count-txt{flex-direction:column; align-items:unset}
	
	.main-consult .consult-top .top-tit .tit span{display:block}
	.main-consult .consult-top .top-tit .info span{display:block}
	.main-consult .consult-regist{margin-top:45px}
	.main-consult .regist-privacy{flex-direction:column}
	.main-consult .privacy-detail{margin-top:10px; margin-left:0}
	.main-consult .regist-confirm{margin-top:40px}
	
	.main-partner{background:url("/static/fw/images/main/partner_bg.jpg") 48% 50% no-repeat; background-size:cover}
	
	.main-mark .mark-card-carousel-wrap{margin-top:45px}
	.main-mark .mark-card-carousel .slick-list{padding:0 12px 20px}
	.main-mark .mark-card-carousel .card-box:nth-child(odd){top:0}
	.main-mark .mark-card-carousel .card-box{padding:150px 32px 30px}

	.main-toolkit-inner{padding:90px 10px}
	.main-toolkit .top-tit .info{margin-top:15px}
	.main-toolkit .top-tit .info span{display:inline; font-size:16px}
	
	.main-biz-inner{padding:80px 10px 40px}
	.main-biz .top-tit .info{margin-top:15px}
	.main-biz .top-tit .info span{font-size:16px}
	.main-biz .biz-visual:before{display:none}
	.main-biz .biz-visual img{width:100%; height:auto}
	
	.main-connect-inner{padding:80px 10px 40px}
	.main-connect .top-tit .info{margin-top:15px}
	.main-connect .top-tit .info span{font-size:16px}
	.main-connect .connect-visual img{width:100%; height:auto}
	
	.main-ability .top-tit .tit,
	.main-ability .top-tit .info{text-align:justify}
	.main-ability .top-corp .corp-box img{width:75%}
	
	.wms-mobile{height:1350px;}
	.wms-mobile:before{left:40px; width:220px; height:420px;}
	.wms-mobile:after{width:200px; bottom:-420px; left:initial; right:-10px;}
	.mobile-wrap .mobile-visual:before{top:32px; width:530px; left:-70px;}
	.mobile-wrap .mobile-visual{width:400px; margin:0 auto; position:relative;}
	.mobile-wrap .mobile-visual .visual02{left:calc(100% - 140px); top:378px; width:160px; height:231px;}
	.mobile-wrap .mobile-visual .mobile-slide{right:initial; margin:0 auto; position:relative;}
	.mobile-wrap .tit{width:340px; margin-top:20px;}
	.mobile-wrap .tit h3{line-height:1.1}
	.mobile-wrap .tit h3.highlight::after{width:136px}
	.mobile-wrap .mobile-feature{top:520px; width:100%; margin-left:0; }
	.mobile-wrap .mobile-feature li{width:90%;}
	
	
	/* **************************************** *
	 * 고객지원
	 * **************************************** */
	.faq .faq-list .faq-box{padding:20px 0}
	.faq .faq-list .faq-box .faq_q{padding-right:0}
	.faq .faq-list .faq-box .faq_q:after{display:none}
	.faq .faq-list .faq-box .faq_q .tit{font-size:16px}
	.faq .faq-list .faq-box .faq-a p{font-size:15px}
	
	.biz-form .regist-group.col2 .form-list li{float:none; width:100%}
	.biz-form .regist-group .form-split{float:none; width:100%}
	.biz-form .regist-group .regist-tit .tit{font-size:16px}
	.biz-form .regist-input{padding:0 15px; font-size:15px}
	.biz-form .regist-input::placeholder{font-size:15px}
	.biz-form .regist-select select{padding-left:15px; font-size:15px}
	.biz-form .regist-textarea{height:168px; padding:10px 15px; font-size:15px}
	.biz-form .regist-textarea::placeholder{font-size:15px}
	.biz-form .regist-check strong{font-size:16px}
	.biz-form .regist-confirm .confirm span{font-size:16px}
	.biz-form .privacy-detail span{font-size:16px}
	.biz-form .regist-privacy{flex-direction:column}
	.biz-form .privacy-detail{margin-top:10px; margin-left:0}
	.biz-form .regist-confirm{margin-top:40px}
	.biz-form .regist-info{font-size:15px}
	
	
	/* **************************************** *
	 * POPUP
	 * **************************************** */
	.layer-pop{padding:40px 20px}
	.layer-pop .head .pop-close{right:-6px}
	.layer-pop .head .pop-tit{font-size:20px}
	.layer-pop .head .pop-info > li{font-size:14px}
	.layer-pop .pop-confirm{display:block; text-align:center; margin-top:20px !important}
	.layer-pop .pop-confirm span{font-size:14px}
	
	
	/* **************************************** *
	 * COMMON
	 * **************************************** */
	h3.stit03{font-size:16px}
	.infoTxt01{font-size:14px}
	
	
	/* **************************************** *
	 * 가격정책
	 * **************************************** */
	.price-table .table-inner{overflow:hidden; overflow-x:auto}
	.price-table .table-inner > ul{width:750px}
	.price_inq .txt_cts h2.tit{font-size:18px}
	
	.price-table .refer p{font-size:15px}
	.price-table .refer{flex-direction:column}
	.price-table .refer .p_list{margin-left:0; margin-top:10px}
	
	.price_cts > ul > li.cts_box{width:100%}
	.price_cts > ul > li.cts_box .inner{min-height:auto}
	
	.price_cts > ul > li.cts_box .btm_txt .txt_list li{font-size:15px}
	
	
	/* **************************************** *
	 * 서비스
	 * **************************************** */
	.tool_cts1 p{font-size:16px}
	
	.tool_cts2 .mnt2 p{font-size:16px}
	
	h2.main_title{font-size:22px}
	
	.tool_cts2 .mnt1{flex-wrap:wrap}
	.tool_cts2 .mnt1 p{margin-top:10px}
	.tool_cts2 .mnt1 .mnt1_func{margin-top:25px}
	
	.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list p{font-size:18px}
	.tool_cts3 .tool_inner .img_box img{width:100%; margin-left:0}
	.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list span em{display:inline; margin-left:0}
	
	.wms_cts1 img{margin:40px 0}
	
	.wms_cts2 .wms_inner .txt_list li{flex-direction:column}
	.wms_cts2 .wms_inner .txt_list li strong{padding-bottom:15px; font-size:18px; width:100%; box-sizing:border-box}
	.wms_cts2 .wms_inner .txt_list li p{width:100%; padding:0 0 60px; text-align:center;  box-sizing:border-box}
	.wms_cts2 .wms_inner .txt_list li p:before{display:none}
	
	.wms_cts3{display:none}
	.wms_cts3 .wms_img_list{flex-wrap:wrap}
	.wms_cts3 .wms_img_list .wms_img_l,
	.wms_cts3 .wms_img_list .wms_img_r{width:100%; height:290px}
	.wms_cts3 .wms_img_list .wms_img_l{margin-bottom:20px}

	.wms_cts4{padding:24px 20px}
	.wms_cts4 p{font-size:15px}
	
	.pms_cts1{flex-wrap:wrap}
	.pms_cts1 .pms_img1,
	.pms_cts1 .pms_img2{width:100%}
	.pms_cts1 .pms_img2{margin-top:40px}
	.pms_cts1 .pms_img1 img,
	.pms_cts1 .pms_img2 img{width:100%}
	.pms_cts1 .pms_img1::after{right:50%; margin-right:-15px; top:auto; bottom:-55px; width:30px; height:30px; background-size:30px 30px; transform:none}
	
	.pms_cts2 .pms_inner .txt_box{padding-bottom:50px}
	.pms_cts2 .pms_inner .txt_box p{font-size:16px}
	.pms_cts2 .pms_inner .txt_box p span{display:inline}
	
	.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list p{font-size:18px}
s	.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list span em{display:inline; margin-left:0}
	
	.dms_cts2 .feat_list li .txt_list p{font-size:18px}
	.dms_cts2 .feat_list li .txt_list .txt_list2 .list_circle li{font-size:15px}
	.dms_cts2 .feat_list li .txt_list .txt_list2 .list_circle li::before{top:12px}
	
	.qms_cts1 strong{width:150px; height:150px; font-size:15px}
	
	.qms_cts2 .feat_list li .txt_list p{font-size:18px}
	
	.qms_cts2 .feat_list li .txt_list .list_step strong{font-size:15px}
	.qms_cts2 .feat_list li .txt_list span em{display:inline; margin-left:0}
	
	.qms_cts2 .feat_list li .txt_list .list_step2 strong{font-size:15px}
	.qms_cts2 .feat_list li .txt_list .list_step2 strong span{font-size:15px}
		
	.pro_cts1 p{font-size:16px}
	
	.mblock{display:block}
}
	

/* max 440px */
@media all and (max-width:440px)
{
	/* **************************************** *
	 * LAYOUT
	 * **************************************** */
	.toolbar-util{right:40px}
	.footer-info .address li span{display:none}
	.sfocus .service-inquiry .inquiry-btn{width:140px; padding:0 15px; height:44px}
	
	.footer-info .info-company li{margin-right:0}
	.footer-info .info-company li:first-child{margin-right:15px}
	#footer .copyright{font-size:12px}
	
	.footer-info .address li span{display:none}
	
	.allmenu .allmenu-inner{padding:80px 20px 40px}
	

	/* **************************************** *
	 * 메인
	 * **************************************** */
	.main-key .key-top .top-tit .tit span{font-size:28px}
	
	.main-mark .mark-card-carousel .card-box:before{left:auto; right:34px}
	.main-mark .mark-top .top-tit .tit span{display:block}
	
	.main-cis .top-tit .stit span{font-size:16px}
	
	.main-band .top-more span{font-size:16px}
	
	.main-consult .regist-check strong{font-size:14px}
	.main-consult .regist-confirm .confirm span{font-size:16px}
	
	.main-partner .top-tit .tit span{font-size:26px}
	.main-partner .top-tit .info span{font-size:16px}
	.main-partner .top-more .more span{font-size:16px}

	
	/* **************************************** *
	 * 서비스
	 * **************************************** */
	.tab-function ul li a{font-size:15px}
	.tab-function ul li a span{padding:0}
	
	.pro_cts2 ul.box_top li{width:100%}
	.pro_cts2 ul.box_top li:nth-child(2){margin-top:20px}
	
	.pro_cts2 ul.box_btm li{width:100%}
	.pro_cts2 ul.box_btm li:nth-child(2){margin-top:20px}
		
	.tool_cts3 .tool_inner .tool_feat .feat_list li{flex-direction:column}
	.tool_cts3 .tool_inner .tool_feat .feat_list li .txt_list{margin-top:10px}
	
	.feat_list li .ico_box{width:45px; height:45px; margin-right:15px; border-radius:12px}
	.pms_cts3 .tool_inner .tool_feat .feat_list li .ico_box .txt_ico{line-height:45px; font-size:16px}
	.feat_list li .ico_box .ico{line-height:45px; font-size:24px}
	.wms_cts3 .wms_img_list .wms_img_l,
	.wms_cts3 .wms_img_list .wms_img_r{height:200px}
	
	.qms_cts1 strong{width:130px; height:130px; font-size:14px}
	
	.qms_cts2 .feat_list li .txt_list .list_step strong{width:100%; height:50px}
	.qms_cts2 .feat_list li .txt_list .list_step strong:after{right:25px; transform: rotate(90deg)}
	
	.qms_cts2 .feat_list li .txt_list .list_step2 strong{width:100%; height:50px}
	.qms_cts2 .feat_list li .txt_list .list_step2 strong:after{right:25px; transform: rotate(90deg)}
	
	
	.pms_cts3 .tool_inner .tool_feat .feat_list li{flex-direction:column}
	.pms_cts3 .tool_inner .tool_feat .feat_list li .txt_list{margin-top:10px}
	
	.dms_cts2 .feat_list li{flex-direction:column}
	.dms_cts2 .feat_list li .txt_list{margin-top:10px}
	
	.qms_cts2 .feat_list li{flex-direction:column}
	.qms_cts2 .feat_list li .txt_list{margin-top:10px}
	
	.feat_list li .ico_box::after{display:none}
	
	.pro_cts1 p>b{display:inline; margin-left:5px}
	
	
	/* **************************************** *
	 * 고객지원
	 * **************************************** */
	.faq .faq-list .faq-box .faq-a{padding-right:0}
	
	.biz-form .regist-check strong{font-size:14px}
	
	.price-table ul li div{font-size:16px}
}


/* max 340px */
@media all and (max-width:340px)
{
	/* **************************************** *
	 * MAIN
	 * **************************************** */
	.main-cis .top-tit .tit{font-size:26px}
	
	/* **************************************** *
	 * 서비스
	 * **************************************** */
	.wms_cts3 .wms_img_list .wms_img_l,
	.wms_cts3 .wms_img_list .wms_img_r{height:180px}
}