@charset "UTF-8";  
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff;overflow-x: hidden;}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family: 'Spoqa Han Sans Neo','Noto Sans KR', 'Malgun Gothic', 'sans-serif', sans-serif;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {cursor: pointer;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/* root */
:root {
    /* color */
    --color-background: #EFF4FD;
    --color-border:#DADDDF;
    --color-primary:#3C73DD;  
    --color-secondary:#FE921B;
    /* gray */
    --color-white:#fff;
    --color-gray50:#F0F0F0;
    --color-gray100:#C9C9C9;
    --color-gray200:#ABABAB;
    --color-gray300:#8C8C8C;
    --color-gray400:#757575;
    --color-gray500:#696969;
    --color-gray600:#575757;
    --color-gray700:#454545;
    --color-gray800:#333333;
    --color-gray900:#242424;
    --color-black:#000;

    --color-navy-pale:#DFE7F0;
    --color-navy-soft:#B0C2D8;
    --color-navy-strong:#5B7696;
    --color-navy-deep:#56677B;

    /* rainbow */
    --color-red-pale:#FCEBEB;
    --color-red-soft:#E29E9E;
    --color-red-strong:#E65656;
    --color-red-deep:#A71D1D;

    --color-orange-pale:#FEF2ED;
    --color-orange-soft:#E3B6A3;
    --color-orange-strong:#F38150;
    --color-orange-deep:#AD4A1F;
    
    --color-yellow-pale:#FAF4E4;
    --color-yellow-soft:#E3D09D;
    --color-yellow-strong:#F3C750;
    --color-yellow-deep:#A38123;
    
    --color-green-pale:#F0FAF3;
    --color-green-soft:#ABD9B8;
    --color-green-strong:#6BCD85;
    --color-green-deep:#1E953D;
    
    --color-skyblue-pale:#EDFAFE;
    --color-skyblue-soft:#99CADB;
    --color-skyblue-strong:#009AD0;
    --color-skyblue-deep:#186C89;
    
    --color-blue-pale:#EFF4FD;
    --color-background-info-subtle:#E7F3FF;
    --color-blue-strong:#2D64C4;
    --color-text-info-bold:#073F73;
    
    --color-purple-pale:#ECEBF4;
    --color-purple-soft:#C9B2E0;
    --color-purple-strong:#8831E0;
    --color-purple-deep:#473C93;

    /* etc */
    /* shadow */
    --shadow-default:0 6px 10px rgba(0,0,0,.16);
    --shadow-big:6px 6px 15px rgba(0,0,0,.16);

    /* radius */
    --radius-default:12px;
    --radius-small:8px;
  }

/* global */
#niceOrderIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%}
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}

/* img render */
img{image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: crisp-edges;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.f_l {float:left}

.f_r {float:right}
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.d_sm_flex{display: flex !important;}
.d_sm_inline_block{display:inline-block !important;}
.d_sm_none{display: none !important;}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.dot{display: inline-block;width:3px;height:3px;margin-right:4px;border-radius:50%;background-color:#FE6036;vertical-align:middle;}
.flexbox{display:flex;}
.tac{text-align: center;}

h1{font-size:30px;font-weight: 900;color:#fff;text-align: center;}
h2{font-size:25px;font-weight: bold;color:#242424;text-align: center;margin-bottom:8px;word-break: keep-all;}
h2.wht{color:#fff}
h2 em{color: var(--color-primary);font-weight: inherit;}
h3{font-size:20px;font-weight: bold;color:#454545;}
p{font-size:14px;font-weight: 400;color:#696969}
.section_desc{font-size:14px;font-weight: 400;color:#757575;text-align: center;padding-bottom:40px;}
.section_desc.wht{color:rgba(255,255,255,0.7)}
.txt_info{font-size:12px;color:#8C8C8C;}

/* 간격 조정 */
.pt4{padding-top:4px !important;}
.pt8{padding-top:8px !important;}
.pt16{padding-top:16px !important;}
.pt24{padding-top:24px !important;}
.pt32{padding-top:32px !important;}
.pt40{padding-top:40px !important;}
.pb4{padding-bottom:4px !important;}
.pb8{padding-bottom:8px !important;}
.pb16{padding-bottom:16px !important;}
.pb24{padding-bottom:24px !important;}
.pb32{padding-bottom:32px !important;}
.pb40{padding-bottom:40px !important;}
.mt16{margin-top:16px !important;}
.mt24{margin-top:24px !important;}
.mt32{margin-top:32px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}
.mb16{margin-bottom:16px !important;}
.mb24{margin-bottom:24px !important;}
.mb40{margin-bottom:40px !important;}

.section{padding:46px 24px 64px}

/* icon */
.ico{display: inline-block;vertical-align: middle;font-size: 0;background:url(../images/bg_main.png) no-repeat; background-size:1500px auto;}
.ico_gnb{background:url(../images/ico_gnb_mo.png) no-repeat;background-size:167px auto;}
.ico_gnb.ico_gnb_call{width:24px;height: 24px;background-position: 0px 0;}
.ico_gnb.ico_gnb_store{width:24px;height: 24px;background-position: -50px 0;}
.ico_gnb.ico_gnb_blog{width:24px;height: 24px;background-position: -100px 0;}
.ico_gnb.ico_gnb_menu{width:63px;height:59px;background-position:0 -100px}
.open .ico_gnb.ico_gnb_menu{background-position:0 -200px}

/* icon 공통 */
/* line1 */
.ico.ico1{background-position: 0 0;width: 238px;height: 160px;}/*cable A*/
.ico.ico2{background-position: -250px 0;width: 238px;height: 160px;}/*wireless*/
.ico.ico3{background-position: -500px 0;width: 238px;height: 160px;}/*bluetooth A*/
.ico.ico4{background-position: -750px 0;width: 238px;height: 160px;}/*cable C*/
.ico.ico5{background-position: -1000px 0;width: 238px;height: 160px;}/*cable B*/
.ico.ico6{background-position: -1250px 0;width: 238px;height: 160px;}/*bluetooth C*/
/* line2 */
.ico.ico_arrow{background-position: 0 -250px;width: 67px;height: 13px;}
.ico.ico_drop{background-position: -100px -250px;width: 10px;height: 6.17px;vertical-align: middle;}
.ico.ico_downarrow{background-position:-300px -250px;width:24px;height:24px;vertical-align: middle;}
.ico.ico_leftarrow{background-position:-500px -250px;width:24px;height:24px;}
.ico.ico_close{background-position:-600px -250px;width:24px;height:24px;}
.ico.ico_pencil{background-position:-700px -250px;width:24px;height:24px;}
.ico.ico_arrow_r{background-position:-800px -250px;width:24px;height:24px;}

.ico.ico_kakao{background-position:-900px -250px;width:60px;height:55px;}
.ico.ico_tel{background-position:-1000px -250px;width:84px;height:70px;}
.ico.ico7{background-position: -1250px -200px;width: 238px;height: 160px;}/*bluetooth B*/
/* line3 */
.ico.ico_logo{background-position:0px -300px;width:170px;height:40px;}
.ico.ico_store{background-position:-200px -300px;width:24px;height:24px;}
.ico.ico_blog{background-position:-300px -300px;width:24px;height:24px;}
.ico.ico_insta{background-position:-400px -300px;width:24px;height:24px;}
/* line4 */
.ico.ico8{background-position: 0px -350px;width: 238px;height: 160px;}
.ico.ico9{background-position: -250px -350px;width: 238px;height: 160px;}
.ico.ico10{background-position: -500px -350px;width: 238px;height: 160px;}
.ico.ico11{background-position:-750px -350px;width:238px;height:160px;}/* POS A */
/* line5 */
.ico.ico_person{background-position:0px -550px;width:60px;height:60px;}
.ico.ico_building{background-position:-100px -550px;width:60px;height:60px;}
.ico.ico_document{background-position:-200px -550px;width:60px;height:60px;}

.down .ico.ico_drop, .down .ico.ico_downarrow{transform: rotate(180deg);}

/* input */
label{display: inline-block;font-size:12px;color:#696969}
label + label{margin-left:8px;}
input[type="checkbox"],input[type="radio"]{appearance: none;position: absolute;width: 1px;height: 1px;opacity: 0;}
input[type="checkbox"] + .ico{content: '';display: inline-block;width: 24px;height: 24px;background: url("../images/ipt_chk.png") left top / 124px no-repeat;}
input[type="checkbox"]:focus + .ico,input[type="radio"]:focus + .ico{background-position-x: -100px;}
input[type="checkbox"]:checked + .ico,input[type="radio"]:checked + .ico{background-position-x: -50px;}
input[type="radio"] + .ico{content: '';display: inline-block;width: 24px;height: 24px;background: url("../images/ipt_raodio.png") left top / 124px no-repeat;}

@media screen and (min-width:1180px){
    label{font-size:16px;}
}

/* select */
select{padding: 12px 20px;border-radius: 50px;border: 2px solid #56677B;appearance: none;font-size: 14px;color:#AAADAF;font-weight: bold;width: 100%;margin: 0 auto;color: #56677B;background: url(../images/ico_select.png) right 10px center no-repeat;background-size:24px;}
select option:disabled{display: none;}
select.selected{font-weight:bold;color:#111;}

  option {
    color: #111;
  }
 /* textarea */
 textarea{ 
    width: 100%;
    border: 1px solid var(--color-border);
    resize: none;}

/* tab */
ul.tabs{text-align:center;gap:12px;justify-content: center;margin-bottom:40px;}
ul.tabs li{display:inline-block;color:#56677B;font-size:18px;font-weight:bold;padding:8px 16px;cursor: pointer;;border:2px solid #56677B;border-radius: 25px;box-sizing:border-box;}
ul.tabs li.active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}

/* tab-select
.select_tabs{display: block;}
@media screen and (min-width:1180px){
    ul.tabs{display:flex;}
    .select_tabs{display: none;}
} */

/* button */
.btn{display: inline-block;vertical-align: middle;text-align: center;transition: 0.3s;}
.btn.btn_primary{color:#fff;font-size:16px;padding:5px 10px;background-color: var(--color-primary);border-radius: var(--radius-default);}
.btn.btn_primary_border{padding:5px 10px;border:1px solid var(--color-primary);color:var(--color-primary);font-size:16px;border-radius: var(--radius-default);}
.btn.btn_primary_border:hover{background-color:var(--color-primary);color:#fff;}
.btn.btn_bottom{font-size:18px;color:#fff;padding:17px;display:block;position: fixed;bottom: 0; left: 0;right: 0;background-color:var(--color-primary);height: 60px;box-sizing: border-box;}
.btn.btn_txt{text-decoration: underline;color:#707580;font-size:16px;}

.btn.btn_big{padding:11px;display: block;}

button:disabled,.btn_disabled{color:var(--color-gray100) !important; background:var(--color-gray200)!important;}
button:disabled span{color:var(--color-gray100) !important;}
@media screen and (min-width:1180px){
    .btn.btn_primary{padding:12px 20px;width: -webkit-fill-available;}
    .btn.btn_bottom{max-width: 1180px;margin: 0 auto;}

}



/* list style */
.list_type1{padding-left:10px;}
.list_type1 li{color:#696969;font-size:14px;padding-bottom:8px;position:relative;}
.list_type1 li:before{content:'';display: inline-block;width:4px;height:4px;background-color:#696969;border-radius: 50%;position: absolute;top:8px;left: -10px;}

.list_type2 .tit{font-size: 20px;font-weight: bold;color:#333333;padding-bottom:12px;}
.list_type2 li{font-size:14px;padding-left:13px;padding-bottom:4px;position:relative;}
.list_type2 li:before{content:'';display: inline-block;width:4px;height:4px;background-color:#ACACAC;border-radius: 50%;position: absolute;top:9px;left: 0px;}

.list_sub{padding-top:4px;padding-left:10px;}
.list_sub li{padding-bottom:2px;font-size:12px;}
.list_sub li::before{width:4px;height:1px;border-radius: 0;}

.list_check dt{color:#333;font-size:20px;font-weight:bold;text-align:center;padding-bottom:20px;}
.list_check dd{color:#242424;font-size:14px;letter-spacing:-0.5px;padding-bottom:12px;padding-left:26px;position:relative;}
.list_check dd::before{content:"";display:block;position:absolute;top:6px;left:0;background:url("../images/bg_check.png") no-repeat;width:18px;height:14px;}
@media screen and (min-width:1180px){
    .list_type2 li{font-size: 16px;}
    .list_check dd{font-size: 16px;}
}

.list_box{display: grid;justify-content: center;row-gap: 20px;column-gap: 40px;}
.list_box .item_box{color:var(--color-white);display:flex;justify-content: center;align-items: center;padding:24px 16px;background-color: var(--color-primary);border-radius: 12px;}
.list_box .item_box h3, .list_box .item_box p{color:var(--color-white)}
.list_box .item_box .num{font-size:16px;font-weight:bold;line-height:21px;color: var(--color-primary);text-align:center;vertical-align: middle;display:inline-block;width: 20px;height: 20px;background-color: var(--color-white);margin-right:8px;border-radius: 4px;}
.list_box .item_box p{padding-top:20px}
.list_box.gray .item_box{background-color:#F5F6FA;}
.list_box.gray .item_box h3, .list_box.gray .item_box p{color:var(--color-gray900)}
.list_box.gray .item_box .num{color:var(--color-white);background-color: var(--color-gray900);}
.list_box.justi_start .item_box{justify-content: start;position:relative}
.list_box .item_box .right_top{position:absolute;width: auto;height:50px;top:20px;right:16px;}
@media screen and (min-width:1180px){
  .list_box{grid-template-columns: repeat(2, 50%);row-gap: 40px;}
  .list_box .item_box{flex-direction: column;align-items: start;padding:36px 36px 32px;}
  .list_box .item_box .num{font-size:26px;line-height:32px;width:32px;height:32px;}
  .list_box .item_box .right_top{width: 88px;height: auto;}
}

.list_side{display: flex;gap:40px;flex-direction: column;}
.list_side li{display: flex;gap:16px;flex-direction: column;justify-content: center;align-items: center;}
.list_side li > * {flex: 1}
.list_side .img_flex{width: 100%;max-width: 400px;}
.list_side .txt_m{font-size:16px;color:var(--color-gray900);font-weight: 500;text-align: center;}
.list_side .txt_m b{color: var(--color-primary);}
.list_side .txt_s{font-size:16;font-weight: bold;color: var(--color-gray900);}
.list_side .txt_xs{font-size:14;font-weight:400;color: var(--color-gray400);}
.list_side .wrap_wht_box{display: flex;gap:0.5rem}
.list_side .wrap_wht_box .box{padding:24px 16px;background-color: var(--color-white);box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);border-radius: 0.75rem;}
@media screen and (min-width:1180px){
  .list_side li{flex-direction: row;}
  .list_side li:nth-child(odd){text-align: left;}
  .list_side li:nth-child(odd) h2, .list_side li:nth-child(odd) .txt_m,list_side li:nth-child(odd) .txt_xs{text-align: left;}
  .list_side li:nth-child(even){flex-direction: row-reverse;}
  .list_side li:nth-child(even) .txt_m,  .list_side li:nth-child(even) .txt_s,  .list_side li:nth-child(even) .txt_xs,  .list_side li:nth-child(even) h2{text-align: right;}
  .list_side .txt_m{font-size:28px;}
  .list_side .txt_s{font-size:20px;}
  .list_side .txt_xs{font-size:20px;}
  .list_side .wrap_wht_box{gap:1rem}
  .list_side .wrap_wht_box .box{border-radius: 1.5rem;}
}



/* table style */
.tbl_horizon_scroll{width: 100%;overflow-x: auto;white-space: nowrap;}
.tbl_type1{border-top:2px solid #C9C9C9;border-collapse: collapse;width: auto;}
.tbl_type1 tr{border-bottom:1px solid #c9c9c9;}
.tbl_type1 th, .tbl_type1 td{border-right:1px solid #c9c9c9;}
.tbl_type1 th:last-child, .tbl_type1 td:last-child{border-right:none;}
.tbl_type1 th{color:#454545;font-size:14px;font-weight:bold;padding:8px;background-color: #F5F6FA;}
.tbl_type1 td{padding:12px;}
.tbl_type1 td em{color:var(--color-primary);font-weight: bold;}

@media screen and (min-width:1180px){
    .tbl_type1 td{font-size:16px;}
}


/* youtube */
.wrap_frame{position: relative;width: 100%;padding-top: 56.2%;}
.wrap_frame iframe{position:absolute;top:0;left:0;right:0;width:100%;height: 100%;}


/* common */
.down_box{background:url("../images/bg_download.png") var(--color-primary) center no-repeat;background-size:cover;border-radius: 16px;padding:40px 16px;margin: 0 24px 60px;text-align: center;}
.device .down_box,.cable .down_box,.kiosk .down_box,.cable .down_box,.smartphone .down_box{background-image:url("../images/bg_particle.png"), linear-gradient(45deg,#7F7CFF,#426EFF) ;}
.down_box h3{color:#fff;font-size:25px;word-break:keep-all;padding-bottom: 16px;}
.down_box .anchor_arrow,
.down_box .anchor_arrow{color:#fff;font-size:16px;font-weight: 500;display:inline-block;padding:2px 26px 16px 4px;background: url("../images/bg_anchor.png") right bottom no-repeat;}
.down_box .anchor_arrow + .anchor_arrow{margin-left:16px;}
.info_box{color: var(--color-text-info-bold);font-size:13px;padding:12px 16px 12px 44px;position: relative;background-color: var(--color-background-info-subtle);border-radius: 8px;}
.info_box::before{display:inline-block;width: 24px;height: 24px;content:'';position: absolute;left: 12px;top: 8px;background: url(../images/ico_info.png) center no-repeat;background-size: cover;}


/* slick slider center box */
.slick_wrap_center.slick-slider {display: flex;flex-direction: column;} /* 슬릭 전체를 flex column으로 */
.slick_wrap_center .slick-list {order: 2;} /* 슬라이드 영역을 아래로 */
.slick_wrap_center .slick_box{padding:24px 16px;background:var(--color-white);border-radius:20px;border:1px solid #E3E4E5;transform: scale(0.9);opacity: 0.8;}
.slick_wrap_center .slick_box h3{color: var(--color-primary);padding-bottom: 8px;}
.slick_wrap_center .slick_box.slick-current{transform: scale(1);opacity: 1;}
.slick_wrap_center .slick_box .text_sub{font-size:18px;font-weight: 500;color: var(--color-gray900);padding-bottom: 8px;}
.slick_wrap_center .slick_box .wrap_flag{padding-top:16px}
.slick_wrap_center .slick_box .flag{font-size:13px;font-weight: bold;color:#000;padding:4px 12px;background-color:#D9D9D9;border-radius: 12px;}
/* 화살표 */
.slick-arrow{font-size:0;width: 48px;height: 48px;background-color: var(--color-white);border-radius: 25px;border: 1px solid var(--color-primary);position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);left: -20px;background: url(../images/slick_arrow.png) #fff 0 0 no-repeat;background-size: 100px auto;}
.slick-arrow.slick-next{left:auto;right:-20px;background-position: -50px 0;}
/* 버튼 */
.slick_wrap_center .slick-dots{display: flex;gap:6px;justify-content: center;flex-wrap:wrap;order: 1;margin-bottom: 24px;position: relative;top: 0;} /* dots를 위로 */
.slick_wrap_center .slick-dots li{display: inline-block;}
.slick_wrap_center .slick-dots .slick-active .slick_dot{color:var(--color-primary);font-weight: bold;background-color:var(--color-white);border:1px solid var(--color-primary)}
.slick_wrap_center .slick-dots .slick_dot{color:#fff;font-size: 14px;font-weight: 400;display: inline-block;padding: 6px 8px;border: 1px solid #fff;border-radius: 30px;}

@media screen and (min-width:1180px){
    .down_box{background: url(../images/bg_download_w@2x.png) var(--color-primary) center no-repeat;background-size:cover;max-width: 980px;margin:0 auto 120px;padding:80px 0px}
    .down_box h3{font-size:40px;padding-bottom:53px}
    .down_box .anchor_arrow, .nicecheck .section_apppos .anchor_arrow {font-size:20px;}
    .down_box .anchor_arrow + .anchor_arrow{margin-left:100px}
    .info_box{font-size: 16px;}
    .info_box::before{top:10px}
    .slick-arrow{left:calc(50vw - 590px)}
    .slick-arrow.slick-next{right:calc(50vw - 590px)}
    .slick_wrap_center .slick_box{padding:24px 24px}
    .slick_wrap_center .slick-dots{gap:8px;}
    .slick_wrap_center .slick-dots .slick_dot{font-size:17px;padding:8px 12px}
}



.section{width:100vw;box-sizing: border-box;}
.section.has_bg{background-color: var(--color-background);}
@media screen and (min-width:1180px){
    /* 공통 */
    .d_lg_flex{display: flex !important;}
    .d_lg_none{display: none !important;}
    .d_lg_block{display: block !important;}
    .lg_align_center{align-items: center !important;}
    .lg_font-light{font-weight: 300 !important;}
    .d_sm_none{display: block !important;}

    .tooltip_wrap{position: relative;line-height: 1;}
    .tooltip_wrap .tooltip{font-size:13px;color:#fff;line-height:1.3;width:max-content;padding:4px 8px;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:rgba(106,106,106,.9);border-radius:4px;display: none;}
    .tooltip_wrap .tooltip::after{content: "";position: absolute;bottom:100%;left:50%;border:solid transparent;border-bottom-color:rgba(106,106,106,.9);border-width: 8px;margin-left: -8px;}
    .tooltip_wrap:hover .tooltip{display: block;}

    h1{font-size:46px;}
    h2{font-size:40px;margin-bottom:16px;}
    h3{font-size:30px;}
    p{font-size:16px;}
    .section_desc{font-size:18px;padding-bottom:40px;}

    .section{padding:100px 0px 100px;}
    .section .contents{max-width: 1180px;margin: 0 auto;}

    /* list style */
    .list_type1{padding-left:10px;}
    .list_type1 li{font-size:16px;padding-bottom:12px;}
    .list_type1 li:before{top:11px;left: -10px;}


}


.btn_comm {display:block;overflow:hidden;background:url(../images/btn_comm.png) no-repeat;background-size:300px auto;text-indent:-9999px;}
.btn_m {width:63px;height:59px;background-position:0 0;}
.open .btn_m {width:63px;height:59px;background-position:-65px 0;}
.btn_google {background-position:0 -60px;}
.btn_apple {background-position:0 -105px;}
.btn_link2 {width:94px;height:26px;background-position:0 -150px;}
.btn_call {width:80px;height:60px;margin:0 auto;background-position:0 -180px;}
.btn_inquiry {width:80px;height:60px;margin:0 auto;background-position:0 -240px;}
#CTA{color:var(--color-white);font-size: 18px;font-weight: bold;display:inline-block;padding:24px 80px;background-color: var(--color-primary);border-radius: var(--radius-default);box-shadow: var(--shadow-big);}

.txt_comm {display:block;overflow:hidden;background:url(../images/txt_comm.png) no-repeat;background-size:350px auto;text-indent:-9999px;}

.txt_solution {height:96px;margin-top:6px;background-position:center -270px}
.txt_solution1 {height:72px;margin-top:6px;background-position:center -370px}
.txt_solution2 {height:72px;margin-top:6px;background-position:center -470px}
.txt_solution3 {height:96px;margin-top:6px;background-position:center -570px}
.txt_solution4 {height:72px;margin-top:6px;background-position:center -670px}
.txt_more {height:24px;margin-top:26px;background-position:center -770px;}
.tit_product {height:30px;background-position:center -800px;}
.txt_category1 {height:20px;background-position:center -830px}
.txt_category2 {height:20px;background-position:center -850px}
.txt_category3 {height:20px;background-position:center -870px}
.txt_category4 {height:20px;background-position:center -890px}
.txt_product1 {height:32px;background-position:center -930px;}
.txt_product2 {height:32px;background-position:center -965px;}
.txt_product3 {height:32px;background-position:center -1000px;}
.txt_product4 {height:32px;background-position:center -1035px;}
.txt_product5 {height:32px;background-position:center -1070px;}
.txt_product6 {height:32px;background-position:center -1105px;}
.txt_product7 {height:32px;background-position:center -1140px;}
.txt_product8 {height:32px;background-position:center -1175px;}

.txt_comm2 {display:block;overflow:hidden;background:url(../images/txt_comm2.png) no-repeat;background-size:320px auto;text-indent:-9999px;}
.tit_moneyplus {height:63px;background-position:center 0;}
.txt_moneyplus {height:72px;background-position:center -70px;margin-top:15px;}
.tit_dgplus {height:63px;background-position:center -170px;}
.txt_dgplus {height:48px;background-position:center -240px;margin-top:15px;}
.tit_niceorder {height:63px;background-position:center -340px;}
.txt_niceorder {height:48px;background-position:center -410px;margin-top:15px;}
.tit_map {height:30px;background-position:center -510px}
.tit_qna {height:30px;background-position:center -540px}
/* .tit_req {height:30px;background-position:center -570px} */
/* .tit_reqs {height:30px;margin-top:47px;background-position:center -600px} */
.txt_map {height:96px;margin-top:15px;background-position:center -630px}
/* .txt_req {height:48px;margin-top:15px;background-position:center -730px} */
.box_homepage_w .txt_homepage {height:56px;background-position:center -830px}
.box_homepage_b .txt_homepage {height:56px;background-position:center -890px}


#DVANWrap {padding-top:99px}
#DVANHead {position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:100}
/* top banner */
#DVANHead #topBanner{width: 100%;background-color: var(--color-gray900);height: 40px;position:relative;overflow: hidden;}
#DVANHead #topBanner ul {animation: verticalrolling 10s infinite;}
@keyframes verticalrolling {
    0%{transform: translateY(0%);} 
    30%{transform: translateY(-33.3%);}
    70%{transform: translateY(-33.3%);}
    100%{transform: translateY(-66.6%);} 

}
#DVANHead #topBanner a{color:#fff;font-size:16px;font-weight:800;text-align:center;display: block;line-height: 40px;}
#DVANHead #topBanner em{color:#5C91F7;font-weight: 800;}
#DVANHead .head_inner {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
#DVANHead .head_inner:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
#DVANHead h1 {float:left;font-size: 0;}
/* #DVANHead h1 a{padding:20px;} */
#DVANHead #DVANLogo {display:block;overflow:hidden;width:30px;height:30px;background:url(../images/logo.png) 0 0 no-repeat;background-size:30px 30px;margin: 14px 20px 15px;}
#DVANHead #MBtn {position:fixed;top:40px;right:0;z-index:101}
#DVANHead #MBtn.open{top:0}
#DVANHead #MBtn button {outline:none;border:0 none;}
#DVANHead #DVANGnb {display:none;}
#DVANHead #DVANGnb.open {display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:99;}
#DVANHead #DVANGnb .list_gnb {position:absolute;top:0;right:0;bottom:0;width:270px;padding-top:59px;background-color:#fff;}
#DVANHead #DVANGnb .list_gnb a {text-decoration: none;color:#1c1c1c;display:block;line-height: 46px;font-size:13px;padding:0 24px;}
#DVANHead #DVANGnb .list_gnb .submenu .menu a {position:relative;}
#DVANHead #DVANGnb .list_gnb .submenu .menu a:after {transition-duration: 0.3s;position:absolute;top:0;right:0;width:50px;height:46px;background:url(../images/menu_arr.png) no-repeat;background-size:50px auto;content:'';}
#DVANHead #DVANGnb .list_sub_gnb {transition-duration: 0.3s;display:none;padding:13px 0;background-color:#F1F2F4;}
#DVANHead #DVANGnb .list_sub_gnb .outlink::after{content:'';display: inline-block;width: 8px;height: 8px;background:url(../images/ico_gnb_mo.png);background-position:0 -25px;margin-left: 3px;background-size: 167px auto;}
#DVANHead #DVANGnb .list_gnb .submenu.on .menu a:after {transform: rotate(180deg);}
#DVANHead #DVANGnb .on .list_sub_gnb {display:block;}
#DVANHead #DVANGnb .short_cut i{margin-right: 8px;}
#DVANHead #DVANGnb .short_cut .call_tit,#DVANHead #DVANGnb .short_cut .call_num{color:var(--color-primary);font-weight: bold;}
#DVANHead #DVANGnb hr{margin:10px 16px;height:1px;border:none;background-color:#D3D3D3}

/* footer */
#DVANFoot {background-color:var(--color-gray50);}
#DVANFoot p,#DVANFoot address{font-size:13px;color:#696969}
#DVANFoot .infomation1{padding-top:24px;}
#DVANFoot .anchor_footer {font-size:15px;font-weight: bold;}
#DVANFoot .company_name {font-size:13px;padding-top:16px;}
#DVANFoot .copyright {color:#818183;font-size:13px;padding-top:16px;}
#DVANFoot .short_cut a{font-size:0;line-height:0;width:32px;height:32px;display:inline-block;padding:4px;border-radius: 50%;background-color:#E1E4F0;box-sizing: border-box;}
#DVANFoot .short_cut a + a{margin-left: 20px;}
#DVANFoot .infomation2{padding-top:24px;}
#DVANFoot .ad_tit{color:#333;font-size:15px;font-weight:bold;padding-top:16px;}
#DVANFoot .ad_num{color:#333;font-size:30px;font-weight:900;}
#DVANFoot .ad_info{color:#818183;font-size:13px}
#DVANBtn {position:fixed;bottom:100px;right:20px;height:60px;z-index:99;}
#DVANBtn .btn {width: 60px;background-color: #2c55dd;display: block;height: 60px;border-radius: 8px;color: #fff;text-align: center;font-size:10px;font-weight: bold;padding: 10px;box-sizing: border-box;box-shadow: rgb(0 0 0 / 20%) 0px 0.2em 0.8em;}
#DVANBtn .btn .ico{display: block;margin: 0 auto;}

#cSub {position:relative;}
#mainTouchSlider {position:relative;width:100%;overflow:hidden;}
#mainTouchSlider ul {position:absolute;top:0;left:0;overflow:hidden;width:99999px;}
#mainTouchSlider ul li {float:left;width:100%;}
.main_slider .inner {height:345px;padding:68px 20px 187px;box-sizing:border-box;}
.main_slider .nth1 {display:block;background:url(../images/bg_main_visual08.png) bottom right no-repeat #fff;background-size:360px auto;}
.main_slider .nth2 {display:block;background:url(../images/bg_main_visual04.jpg) bottom right no-repeat #F2C1CD;background-size:360px auto;}
.main_slider .nth3 {display:block;background:url(../images/bg_main_visual12.jpg) bottom right no-repeat #F3F3F3;background-size:360px auto;}
.main_slider .nth4 {display:block;background:url(../images/bg_main_visual09.png) bottom right no-repeat #fff;background-size:cover}
.main_slider .nth5 {display:block;background:url(../images/bg_main_visual10.jpg) bottom right no-repeat #fff;background-size:cover}
.main_slider .nth6 {display:block;background:url(../images/bg_main_visual11.jpg) bottom right no-repeat #fff;background-size:cover}
.main_slider .txt_slider {display:block;}
.main_slider .bk .sub_tit{color:#fff;text-shadow: 0px 0px 10px rgba(0,0,0, .25);}
.main_slider .bk .tit {color:#fff;text-shadow: 0px 0px 10px rgba(0,0,0, .25);}
.main_slider .bk .txt {color:#e8e8e8;line-height: 1.5;text-shadow: 0px 0px 5px rgba(0,0,0, .25);}
.main_slider .sub_tit{color:#333333;font-size:14px;line-height: 1.3;margin-top:-1.3;}
.main_slider .tit {color:#333333;font-size:25px;font-weight:bold;}
.main_slider .txt {color:#696969;font-size:13px;margin-top:14px;width: 50%;min-width:190px;word-break: keep-all;}
.main_slider .btn a{display:block;width:110px;margin-top:24px;background-color:var(--color-primary);border-radius:12px;line-height: 34px;font-size:14px;color:#fff;font-weight:900;text-align: center;}
.main_slider .btn.wh a{background-color:white;color:var(--color-primary)}
.slider-controls {float:left;position:absolute;top:291px;left:20px;height:24px;padding:0 3px 0 7px;background-color:rgba(0, 0, 0, 0.5);border-radius:12px;}
.slider-controls .slider-count {float:left;width:31px;height:24px;font-size:10px;line-height:24px;color:#bdbdbd;text-align:center;}
.slider-controls .slider-count strong {color:#fff;font-weight:bold;}
.slider-controls button {display:block;overflow:hidden;float:left;height:24px;background:url(../images/btn_slider.png) no-repeat;background-size:30px auto;border:0 none;outline:none;text-indent:-9999px;}
.slider-controls .prev {width:10px;background-position:0 0;}
.slider-controls .next {width:10px;background-position:-10px 0;}
.slider-controls .pause {width:15px;background-position:0 -25px;}
.slider-controls .play {width:15px;background-position:-15px -25px;}
@media screen and (min-width:768px){
.main_slider .nth3{background-image:url(../images/bg_main_visual12_t.jpg);background-position:center;background-size: cover;}
.main_slider .nth1{background-image:url(../images/bg_main_visual08_t.png);background-position:bottom right;background-size: cover;}
.main_slider .nth6{background-image:url(../images/bg_main_visual11_t.jpg);background-position:bottom right}
.main_slider .nth4{background-image:url(../images/bg_main_visual09_t.png);background-position:center}
.main_slider .nth5{background-image:url(../images/bg_main_visual10_t.jpg);background-position:center}
.main_slider .wbk .sub_tit{color:#fff;text-shadow: 0px 0px 10px rgba(0,0,0, .25);}
.main_slider .wbk .tit {color:#fff;text-shadow: 0px 0px 10px rgba(0,0,0, .25);}
.main_slider .wbk .txt {color:#e8e8e8;line-height: 1.5;text-shadow: 0px 0px 5px rgba(0,0,0, .25);}
.main_slider .bwh .sub_tit{color:#242424;text-shadow: 0px 0px 10px rgba(255,255,255, .35);}
.main_slider .bwh .tit {color:#242424;text-shadow: 0px 0px 10px rgba(255,255,255, .35);}
.main_slider .bwh .txt {color:#242424;line-height: 1.5;text-shadow: 0px 0px 5px rgba(255,255,255, .35);}
}
/* main / 나이스정보통신은~ */

.section_intro h2{word-break: keep-all;}
.section_intro .flexbox{flex-direction: column;gap:30px}
.section_intro .flexbox .box{flex:1;}
.section_intro .img_main{position: relative;width:100%;}
.section_intro .img_main .nice_ads{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* .section_intro .img_main{background:url(../images/img_main1.png);background-size: cover;width:100%;height:200px;border-radius: 12px;} */
.section_intro .txtbox{display: flex;flex-wrap: wrap;text-align: right;}
.section_intro .txtbox dl{width:50%;padding:20px;box-sizing: border-box;}
.section_intro .txtbox dd{font-size:14px;}
.section_intro .txtbox dd em{font-size: 30px;color:var(--color-primary);font-weight: 900;padding-right:2px;}
.section_intro .txtbox dt{font-size:12px;color:#757575}
.section_marquee.marquee{padding-top:24px;}
.section_marquee.marquee .flexbox{flex-direction: row;gap:0}
.section_marquee.marquee img{width: 180px;}
@media screen and (min-width:1180px){
    /* main / 제품소개 */
    .section_intro .flexbox{flex-direction: row;max-width: 980px;margin:0 auto;gap:0}
    .section_intro .txtbox dl{padding:32px 30px 30px}
    .section_intro .txtbox dd{font-size:20px}
    .section_intro .txtbox dd em{font-size: 53px;}
    .section_intro .txtbox dt{font-size:16px}
    .section_marquee.marquee{padding-top:80px;}
    .section_marquee.marquee img{width: 253px;}

    /* .section_intro .intro_list{flex-direction:row;}
    .section_intro .intro_list li{margin-right: 24px;margin-bottom: 0;}
    .section_intro .intro_list li:last-child{margin-right: 0px;margin-bottom: 0;}
    .section_intro .intro_list .wrap_txt{height: 140px;} */
}

/* main / 단말기 구매 시 드리는 혜택 */
.section_benefit{background-color: var(--color-background);overflow: hidden;}
.section_benefit .contents{flex-direction: column;}
.section_benefit .tit_sect *{text-align: left;}
.section_benefit .list_sect{display: flex;gap: 16px;flex-direction: column;}
.section_benefit .list_sect ul{display: flex;flex-direction: row;gap:16px}
.section_benefit .list_sect .list_right{margin-left:-90px;animation: horizontalscroll 80s linear infinite;}
.section_benefit .list_sect .list_left{animation: horizontalscroll 80s linear infinite;}
.section_benefit .list_sect li img{width:160px}
@media screen and (min-width:1180px){
    .section_benefit{padding:0}
    .section_benefit .contents{flex-direction: row;justify-content: space-between;overflow: hidden;height: calc(100vh - 100px);align-items: center;}
    .section_benefit .list_sect{flex-direction: row;gap: 24px; animation: 1.2s moveshow ease-out forwards;}
    .section_benefit .list_sect ul{flex-direction: column;gap:24px}
    .section_benefit .list_sect .list_left{animation: verticalscroll 180s linear infinite;}
    .section_benefit .list_sect .list_right{margin-left:0px;margin-top:-160px;animation: verticalscroll 180s linear infinite;}
    .section_benefit .list_sect li img{width:240px}
}
@keyframes moveshow {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
@keyframes verticalscroll {
    0% {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      -moz-transform: translateY(-8904px);
      -ms-transform: translateY(-8904px);
      -webkit-transform: translateY(-8904px);
      transform: translateY(-8904px);
    }
  }
  @keyframes horizontalscroll {
    0% {
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(-2920px);
    }
  }

/* main / 나이스정버통신을 선택하는 이유 */
.section_reason{display:flex;height: calc(100vh - 100px);box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.section_reason .img_reason{width: 100%;max-width:500px;display: block;margin-left: 50%;transform: translateX(-50%);}
@media screen and (min-width:1180px){
.section_reason .img_reason{width: 80%;max-width:1000px;margin-top: 40px;}
}

/* main / 배너 */
.section_banner{height:120px;text-align: center;font-size: 0;background:#4BC6FD url(../images/img_banner.png) no-repeat center;background-size: 380px auto, 100% auto;}
.section_banner.banner_hyundai{background:url(../images/img_banner_hd.png) no-repeat center, #8D9EBD;background-size: 380px auto, 100% auto;}
.section_banner.banner_boram{background:url(../images/img_banner_br.jpg) no-repeat center,linear-gradient(180deg, #006cb5 0%, #004aa1 64%, #01429e 100%);background-size: 380px auto, 100% auto;}
.section_banner.banner_req{background: url(../images/img_banner_device.png) no-repeat center ,#58C0A0;background-size: 380px auto, 100% auto}

/* main / 자주 묻는 질물 */
.section_fold_list{background-color: var(--color-background);}
.section_fold_list .list_fold .item_fold .desc_fold {background-color:#fff}

/* main / 나이스정보통신을 선택하는~~ */
.section_terminal {background: linear-gradient(136deg, rgb(61 115 221) 10%, rgb(127 124 255) 90%);}
.section_terminal picture img{width: 100%;border-radius: 20px;}
.section_terminal .wrap_info{gap: 12px;flex-direction: column;justify-content: center;}
.section_terminal .box_row{flex-direction: column;gap: 30px;align-self: center;}
.section_terminal .box_info{position:relative;display: inline-block;}
.section_terminal .pic_mo .pic_tag{display: none;}
.section_terminal .pic_mo .pic_desc{position: absolute;bottom:5px;left:0;right:0;height:80px;background-color:rgba(32,29,29,0.6);backdrop-filter: blur(10px);border-radius:0 0 20px 20px;padding:12px;box-sizing:border-box}
.section_terminal .pic_mo .pic_desc h4{color:#fff;font-size:20px}
.section_terminal .pic_mo .pic_desc p{color: rgba(255,255,255,0.7);font-size:16px;padding-top:2px;}
.section_terminal .pic_mo .ico_arrow_r{position:absolute;right: 12px;top:12px}
/* 태블릿 가로 (해상도 768px ~ 1023px)인데 1179로 수정 */ 
@media screen and (min-width:768px) and (max-width:1179px) { 
  .section_terminal .wrap_info{gap: 16px;flex-direction: row;}
  .section_terminal picture img{width: 220px;}
  .section_terminal .pic_mo .pic_desc h4{font-size:16px}
  .section_terminal .pic_mo .pic_desc p{font-size:13px;}
  .section_terminal .box_row{gap:16px}
} 
@media screen and (min-width:1180px){ 
    .section_terminal .wrap_info{gap: 30px;flex-direction: row;}
    .section_terminal picture img{width: 272px;}
    .section_terminal .pic_mo .pic_tag{color:#fff;font-size:16px;font-weight:bold;position: absolute;top:12px;left:12px;display: inline-block;padding:6px 16px;background-color:rgba(0,0,0,0.5);border-radius: 20px;}
    .section_terminal .pic_mo .pic_desc{display: none;}
    .section_terminal .pic_over{padding:20px 12Px;position: absolute;top: 0;left: 0;right: 0;bottom:5px;background-color:rgba(32,29,29,0.7);backdrop-filter: blur(8px);border-radius: 20px;}
    .section_terminal .pic_over h3{color:#fff;font-size:23px;}
    .section_terminal .pic_over p{color:rgba(255,255,255,0.7);font-size:18px;font-weight: normal;padding-top:16px;word-break: keep-all;}
    .section_terminal .pic_over a{position: absolute;bottom:20px;left:20px;right: 20px}
}


.section_product_slide {padding:45px 0 36px;background-color:#f6f6f6;}
.ts-controls > button {display:none;}
.ts-paging {font-size:0;line-height:0;text-align:center;}
.ts-paging .ts-paging-btn {display:inline-block;width:10px;height:10px;margin:9px;background-color:#bfc0c1;border-radius:10px;font-size:0;line-height:0;}
.ts-paging .ts-paging-active {background-color:#1b2024;}
#touchSlider {position:relative;width:100%;overflow:hidden;}
#touchSlider ul {position:absolute;top:0;left:0;overflow:hidden;width:99999px;}
#touchSlider ul li {float:left;width:100%;}
.slider .item {padding:19px 0 18px;}
.slider .item a {display:block;width:270px;margin:0 auto;text-decoration:none;}
.slider .item .thumb {display:block;height:305px;margin:0 auto 24px;background:url(../images/img_product.png) no-repeat;background-size:1080px auto;box-shadow: 0px 0px 12px 12px rgba(0, 0, 0, 0.05);}
.slider .item1 .thumb {background-position:0 0;}
.slider .item2 .thumb {background-position:-270px 0;}
.slider .item3 .thumb {background-position:-540px 0;}
.slider .item4 .thumb {background-position:-810px 0;}
.slider .item5 .thumb {background-position:0 -310px;}
.slider .item6 .thumb {background-position:-270px -310px;}
.slider .item7 .thumb {background-position:-540px -310px;}
.slider .item8 .thumb {background-position:-810px -310px;}
.slider .item .btn {display:none;}


/* 카드단말기 */
/* 카드단말기 / 공통 */
.section_device{background-color:var(--color-background)}
.device h2{padding-bottom:40px;}
/* 카드단말기 / 추천업종 */
.list_flex{display: flex; gap: 16px 12px; text-align: left;justify-content: center;flex-wrap: wrap;}
.list_flex li{width: calc(50% - 10px);}
.list_flex .item_top{width: 100%;max-width: 360px;}
.list_flex .tit{font-size:20px;color: var(--color-gray900);font-weight:500;padding-top:8px}
.list_flex .desc{font-size: 14px; color: var(--color-gray400);padding-top:4px;word-break: keep-all;}
@media screen and (min-width:1180px){ 
    .list_flex{flex-wrap: nowrap; gap: 20px; }
    .list_flex li{width: auto;}
    .list_flex .item_top{width: 280px;padding-top:20px}
    .list_flex .tit{font-size:24px;color: var(--color-gray900);padding-top:16px}
    .list_flex .desc{font-size: 16px; color: var(--color-gray400);padding-top:8px;word-break: keep-all;}
}
/* 카드단말기 / 단말기 영역 */
.list_device{display:flex;flex-direction: column;justify-content: center;}
.list_device .item_device{min-width:320px;padding: 25px 0;border-radius:16px;flex:1;overflow: hidden;}
.list_device .item_device:first-child{padding-top: 0;}
.list_device .item_device .sect_top{padding:15px 30px;box-sizing: border-box;border-radius: 12px 12px 0 0;background-color:#2B3773;}
.list_device .sect_top .ico{display: block;margin: 0 auto;}
.list_device .sect_top .tit{color:white;font-size:23px;font-weight: bold;}
.list_device .sect_top .desc{color:white;font-size:14px;}
.list_device .item_device .sect_center{background-color:#fff;padding:36px 30px 90px;position: relative;box-sizing: border-box;height:calc(100% - 190px);border-radius:0 0 12px 12px ;}
.list_device .sect_center hr{border-color:#DADDDF;border-width:0 0 1px;margin:20px 0}
.list_device .sect_center ul
.list_device .item_device .sect_bottom{padding:0 30px 30px 30px;}
.list_device .sect_center .btn_primary_border{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);padding:10px;width:80%;display: block;margin:0 auto;}
/* 카드단말기 / 단말기 영역 / 메인에서만 */
.main .list_device .item_device .sect_top{height:279px;}
.main .list_device .item_device .sect_center{height:441px;}
@media screen and (min-width:1180px){ 
    .circle_list{gap:60px}
    .list_device{flex-direction: row;}
    .list_device .item_device{max-width: 373px;padding: 0 15px;}
    .list_device .sect_top .desc{font-size:16px;}
    .main .list_device .item_device .sect_center{height:471px}
}


/*********** 푸드 erp ***********/
.food_erp{}
.food_erp .tit_sub{font-size:14px;font-weight:bold;color:var(--color-gray900);text-align: center;}
.food_erp .section_intro .img_intro_module{height:817px;background:url(../images/img_erp.png) top center no-repeat;background-size:320px auto;}
.food_erp .list_3x{display: grid;grid-template-columns: repeat(2, 50%);justify-content: center;row-gap: 40px;column-gap: 10px;}
.food_erp .item_3x{text-align: center;}
/* .food_erp .item_3x img{width: 100%;} */
.food_erp .item_3x h3{font-size: 20px;padding-top:16px;}
.food_erp .item_3x p{padding-top:8px}
.food_erp .tbl_type1{width: 100%;}
.food_erp .item_box{gap:50px}
.food_erp .num{color:var(--color-white);font-size:20px;margin-right:4px;display: inline-block;width:25px;height:25px;border-radius: 4px;background-color: var(--color-primary);}
.food_erp .img_erp_flow{display: block;width: 342px;margin: 0 auto;}
.wrap_move_img{position:relative;width:fit-content;}
.wrap_move_img img{width:80%;max-width:500px;max-height: 560px;}
/* .food_erp .wrap_move_img{flex:1} */
/* 푸드 erp / 자재·물류 & 통합발주 시스템 */
.food_erp .wrap_move_img .img1 {width:82px}
.food_erp .wrap_move_img .img2 {animation: ani1 1.3s infinite;position:absolute;bottom:30%;left:100%;width:50px}
.food_erp .wrap_move_img .img3 {width:72px}
.food_erp .wrap_move_img .img4 {animation: ani2 1.3s infinite;position:absolute;top:-20%;left:102%;width:40px}
.food_erp .wrap_move_img .img5 {width:74px}
.food_erp .wrap_move_img .img6 {animation: ani3 1.3s infinite;position:absolute;bottom:0%;right:-44%;width:48px}
.food_erp .wrap_move_img .img7 {width:90px}
.food_erp .wrap_move_img .img8 {animation: ani1 1.3s infinite;position:absolute;bottom:-10%;left:0%;width:40px}
.food_erp .wrap_move_img .img9 {animation: ani2 1.3s infinite;position:absolute;top:0%;right:-4%;width:17px}

/* 푸드 erp / ERP & 생산 & 유통 & 배송 section */
.food_erp .wrap_move_img .img10 {width:110px}
.food_erp .wrap_move_img .img11 {animation: ani1 1.3s infinite;position:absolute;bottom:30%;left:40%;width:30px}
.food_erp .wrap_move_img .img12 {width:110px}
.food_erp .wrap_move_img .img13 {animation: ani2 1.3s infinite;position:absolute;top:0%;right:0%;width:41px}
.food_erp .wrap_move_img .img14 {width:110px}
.food_erp .wrap_move_img .img15 {animation: ani1 1.3s infinite;position:absolute;bottom:50%;right:0%;width:48px}
.food_erp .wrap_move_img .img16 {width:121px}
.food_erp .wrap_move_img .img17 {animation: ani3 1.3s infinite;position:absolute;bottom:40%;right:-4%;width:27px}

@keyframes ani1{ 
  0%{margin-bottom:0px;}
  50%{margin-bottom:20px;}
  100%{margin-bottom:0px;}
}

@keyframes ani2{ 
  0%{margin-top:-20px;}
  50%{margin-top:0;}
  100%{margin-top:-20px;}
}

@keyframes ani3{ 
  0%{margin-right:-10px;}
  50%{margin-right:0;}
  100%{margin-right:-10px;}
}

@media screen and (min-width:1180px){
  .food_erp .tit_sub{font-size:28px;}
  .food_erp .section_intro .img_intro_module {background-image:url(../images/img_erp_w.png);background-size:contain;height: 317px;}
  .food_erp .list_3x{grid-template-columns: repeat(3, 300px);column-gap: 40px;}
  .food_erp .item_box{gap:24px}
  .food_erp .num{width:40px;height:40px;font-size:26px;vertical-align: middle;}
  .food_erp .img_erp_flow{width:694px}
  .food_erp .wrap_move_img .img1{width:93px}
  .food_erp .wrap_move_img .img2{width:50px}
  .food_erp .wrap_move_img .img3{width:118px}
  .food_erp .wrap_move_img .img4{width:66px}
  .food_erp .wrap_move_img .img5{width:100px}
  .food_erp .wrap_move_img .img6{width:63px}
  .food_erp .wrap_move_img .img7{width:179px}
  .food_erp .wrap_move_img .img8{width:69px}
  .food_erp .wrap_move_img .img9{width:30px}

  .food_erp .wrap_move_img .img10{width:147px}
  .food_erp .wrap_move_img .img11{width:41px}
  .food_erp .wrap_move_img .img12{width:104px}
  .food_erp .wrap_move_img .img13{width:54px}
  .food_erp .wrap_move_img .img14{width:101px}
  .food_erp .wrap_move_img .img15{width:54px}
  .food_erp .wrap_move_img .img16{width:151px}
  .food_erp .wrap_move_img .img17{width:40px}

}

/*********** QR 오더 ***********/
.qr_order .qr_top{display: block;text-align: center;}
.qr_order .img_list{height: 468px;}
.qr_order .section_intro .contents{display: flex;justify-content: space-between;flex-direction: column;align-items: center;gap:32px}
.qr_order .section_intro .img_intro_type{display: flex;gap:10px;flex: 1 1 0;}
.qr_order .section_intro .imgbox{text-align: center;}
.qr_order .section_intro .imgbox img{width: 100%;}
.qr_order .section_slide h2{color:var(--color-white)}

@media screen and (min-width:1180px){
  .qr_order .img_list{height: 394px;}
  .qr_order .section_intro .contents{flex-direction: row;}
  .qr_order .section_intro .section_desc{text-align: left;}
}
/* 문의하기 */
.req #cTopBanner .top_banner{background: url(../images/top_req.jpg) center right;background-size: cover;}
.section_req_form {background: linear-gradient(136deg, rgb(61 115 221) 10%, rgb(127 124 255) 90%);}
/* .section_req_form h2{margin-bottom:40px;} */
.section_req_form h3{margin-bottom:40px;text-align: center;font-weight: 400;}
.section_req .img_req {height:104px;background:url(../images/img_req.png) top center no-repeat;background-size:contain;}
.section_req_form fieldset{display: flex;flex-direction: column;padding-bottom:40px;background-color:#fff;border:1px solid var(--color-border);border-radius: 16px;overflow: hidden;}
.section_req_form .img_form{width:calc(100vw - 48px);height:110px;object-fit: cover;}
.section_req_form .wrap_img{color: var(--color-gray900);}
.section_req_form .wrap_img .section_desc{padding-bottom:24px;}
.section_req_form .wrap_img .list_check{display: flex;flex-direction: column;align-items: center;}
.section_req_form .wrap_img.niceorder{background-image: url(../images/bg_form2.png);}
.section_req_form .box {text-align:left;max-width:320px;margin:0 auto;padding:0px 8px;box-sizing: border-box;}
/* .section_req_form .list_form {padding:0 16px;} */
.section_req_form .list_form dd {padding-top:5px;}
.section_req_form input[type="text"],
.section_req_form select,
.section_req_form textarea {display:block;width:100%;min-height:26px;padding:10px 15px;margin:1px;border:1px solid #dbdddf;border-radius:4px;box-sizing:border-box;font-weight:bold;font-size:13px;color:#111;outline:none;}
input::-webkit-input-placeholder {font-weight:normal;color:#abadaf;}
input:-ms-input-placeholder {font-weight:normal;color:#abadaf;}
textarea::-webkit-input-placeholder {font-weight:normal;color:#abadaf;}
textarea:-ms-input-placeholder {font-weight:normal;color:#abadaf;}
input::placeholder {font-weight:normal;color:#abadaf;}
textarea::placeholder {font-weight:normal;color:#abadaf;}
.section_req_form input[type="radio"] label,.section_req_form input[type="checkbox"] label{width:fit-content}
.section_req_form input:focus,
.section_req_form select:focus,
.section_req_form textarea:focus {margin:0;border-width:2px;border-color:#0091eb;box-shadow:3px 3px 10px 0px rgba(0, 0, 0, 0.1);}
.section_req_form select {padding:10px;color:#abadaf;font-weight:normal}
.section_req_form select.selected{font-weight:bold;color:#111;}
.section_req_form select option[value=""][disabled]{display: none;} /* select box placeholder */
.section_req_form textarea {height:158px}
.section_req_form .box {padding-top:20px;}
.section_req_form .list_form dt{color:#848484;font-size:12px;position:relative}
.section_req_form .list_form dt .reddot{display:inline-block;width:4px;height:4px;background-color:#FE4A0E;margin-left:4px;border-radius:50%;position:absolute;top:3px;}
.section_req_form .list_form dd[col]{display:flex;gap:8px;flex-wrap: wrap;}
.section_req_form .list_form dd[col="2"] *{flex:1 0 auto}
.section_req_form .list_form dd[col="3"] *{flex: 1 1 calc(50% - 4px);}
.section_req_form .list_form dd[col="4"] *{flex: 1 1 calc(50% - 4px);}
.section_req_form .list_form dd[col="5"] *{flex: 0 calc(32% - 4px);}
.section_req_form .list_form dd label + label{margin-left:0}
.section_req_form .box_btn .more {color:#7E7E7E;font-size:11px;position:relative}
.section_req_form .box_btn .more .reddot{display: inline-block;width: 4px;height: 4px;background: red;border-radius: 50%;position: absolute;top: 3px;}
.section_req_form .box_btn .check{padding-top: 16px;}
.section_req_form .box_btn .toggle_down{display: inline-block;padding:2px 4px;margin-left:4px;background-color:#F0F0F0;border-radius:4px;cursor: pointer;}
.section_req_form .box_btn .ico_drop{margin-left:4px;}
.section_req_form .box_btn .txt_info{padding-top:4px;}
.section_req_form .box_btn button[type="submit"] {display:block;width:100%;height:56px;margin:40px auto 0;background:var(--color-primary);border:0 none;border-radius: var(--radius-default);outline:none;box-shadow:var(--shadow-big)}
.section_req_form .box_btn button span {font-size:18px;color:#fff}
.section_req_form .wrap_info{background-color:var(--color-background);padding:24px;margin-top:16px;border-radius: 4px;display: none;}
.section_req_form .wrap_info h4{font-size:16px;color:#454545;font-weight: bold;word-break: keep-all;text-align: center;}
.section_req_form .wrap_info .info_desc{font-size:14px;padding-top:16px;padding-bottom:24px; text-align: left;}
.section_req_form .wrap_info table caption{font-size:14px;color:#696969;font-weight:bold;text-align: left;}
.section_req_form .wrap_info .list_type1 li{font-size: 12px;}
.section_req_form hr{width:320px;border-color:#DADDDF;border-top-width:0px;margin:24px auto}
.box_w {display:none;}
/* 문의하기 배너 */
.section_box_banner .contents{flex-direction: column;gap:16px;}
.section_box_banner .anchor_banner1,.section_box_banner .anchor_banner2{padding:24px;align-items: center;gap:12px;box-sizing:border-box;border-radius: var(--radius-default);}
.section_box_banner .anchor_banner1{background-color:#5189FA;}
.section_box_banner .anchor_banner2{background-color:#A674EF;}
.section_box_banner .anchor_banner1 span,.section_box_banner .anchor_banner2 span{color:#fff;font-size:16px}
.section_box_banner .anchor_banner1 p,.section_box_banner .anchor_banner2 p{color:#fff;font-size:24px;font-weight: bold;}
@media screen and (min-width:1180px){
    .section_box_banner .contents{flex-direction: row;justify-content: center;}
    .section_box_banner .anchor_banner1,.section_box_banner .anchor_banner2{padding:36px 40px;width:calc(50% - 120px);height:150px;}
    .section_box_banner .anchor_banner1 span,.section_box_banner .anchor_banner2 span{font-size:20px;}
    .section_box_banner .anchor_banner1 p,.section_box_banner .anchor_banner2 p{font-size:40px;}
}
/* 결제 모듈 상담 신청 */
.req.module #cTopBanner .top_banner{background: url(../images/top_module.jpg) center right;background-size: cover;}
.section_req .img_req_module{height:252px;background:url(../images/img_reqmodule.png) top center no-repeat;background-size:320px auto;}
.section_req_form .wrap_img.device{background-image: url(../images/bg_form.png);}
.section_req_form .wrap_img.module{background-image: url(../images/bg_form3.png);}
.section_req_form .wrap_img h2{padding-top:32px;}
.section_req_form .wrap_img h2 b{color:var(--color-primary);padding-left: 0;}
.section_req_form.column{background:transparent;}
/* 열고 접는 리스트 (자주 묻는 질문) */
.list_fold {width:100%;margin:0 auto;}
.list_fold .item_fold{border-bottom:1px solid #EBECED;}
.list_fold .item_fold.down{border-bottom:none}
.list_fold .item_fold .tit_fold{font-size:16px;font-weight: bold;text-align:left;word-break:keep-all;padding:12px 8px;display: flex;gap:8px;justify-content: space-between;align-items: center;width: 100%;}
.list_fold .item_fold .tit_fold .ico_downarrow{text-align: right;}
.list_fold .item_fold .desc_fold{background-color:var(--color-background);border-radius: 16px;padding:12px;display: none;}
.list_fold .item_fold .desc_fold,.list_fold .item_fold .desc_fold *{font-size:14px;color:#242424;line-height: 1.5;}
.list_fold .item_fold:first-child .desc_fold{display: block;}

@media screen and (min-width:1180px){
    .section_req {padding:104px 0 110px;}
    .section_req .img_req {background-image:url(../images/img_req_w.png);background-size:contain;height: 178px;}
    .section_req .img_req_module{background-image:url(../images/img_reqmodule_w.png);background-size:contain;height: 178px;}
    .section_req_form fieldset{flex-direction: row;padding-bottom:0;width: 80%;margin: 0 auto;}
    .section_req_form .wrap_img,.section_req_form .wrap_form{flex:1;width:50%;align-content: center;}
    .section_req_form .wrap_img *{text-align: left;padding-left:40px}
    .section_req_form .wrap_img.niceorder{background-image: url(../images/bg_form_w2.png);}
    .section_req_form .wrap_img.device{background-image: url(../images/bg_form.png);height:200px;background-position: center;}
    .section_req_form .wrap_img.module{background-image: url(../images/bg_form_w3.png);height:200px;background-position: center;}
    .section_req_form .wrap_img .list_check{align-items: normal;}
    .section_req_form .wrap_form{padding:16px 0 40px;}
    .section_req_form .box {padding:24px 40px 0;width: auto;max-width:none;}
    .section_req_form .img_form{width: 100%;height:650px;display:block;object-fit: cover;}
    .section_req_form .box:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
    .section_req_form .list_form dd {padding:0;}
    .section_req_form input[type="text"], .section_req_form select, .section_req_form textarea {padding:17px 20px;font-size:16px;width: 100%;}
    .section_req_form .box_btn {margin:0 auto;width:auto;padding-top:0}
    .section_req_form .box_btn button {width:280px;height:72px;margin-top:31px;}
    .section_req_form .box_btn button span {font-size:16px;}

    .section_req_form .box_btn .check{padding-top: 16px;}
    .section_req_form .wrap_info .tbl_type1{width: 100%;}
    .section_req_form .wrap_info .list_type1 li{font-size: 14px;}
    .section_req_form hr{width:auto;margin:24px 60px}


    /* 결제 모듈 상담 신청 */
    .section_req_form.column fieldset{flex-direction: column;}
    .section_req_form.column .wrap_img,.section_req_form.column .wrap_form{flex:none;width:auto;}
    .section_req_form.column .wrap_form{display: flex;flex-wrap: wrap;}
    .section_req_form.column .box{flex : 1 1 calc(50%)}
    .section_req_form.column .box:nth-child(even){padding-right:30px}
    .section_req_form.column .box:nth-child(odd){padding-left:30px}
    .section_req_form.column .box.box_full{padding-right: 40px;padding-left: 40px;}
    .section_req_form.column .box label{margin-top:16px}
    .section_req_form.column .list_form dd[col]{gap: 0;}
    .section_req_form.column hr{width:100%}

    .list_fold {width:980px;}
    .list_fold .item_fold .tit_fold{font-size:23px;padding:16px 24px;}
    .list_fold .item_fold .desc_fold{padding:20px;}
    .list_fold .item_fold .desc_fold,.list_fold .item_fold .desc_fold *{font-size:18px;}
}


@media screen and (min-width:1180px){ 
    .box_w {display:block;}
    /* #DVANBtn {display:none;} */
    .btn_comm {background-image:url(../images/btn_comm_w.png);background-size:inherit;}
    .btn_google {background-position:0 -500px;}
    .btn_apple {background-position:-260px -500px;}
    .btn_link2 {width:110px;height:32px;background-position:0 -570px;}

    .txt_comm {background-image:url(../images/txt_comm_w.png);background-size:inherit;}

    .txt_more {width:60px;height:32px;margin-top:40px;background-position:0 -1100px;}
    .tit_product {height:50px;background-position:center -1140px;}
    .txt_category1 {height:32px;background-position:0 -1190px}
    .txt_category2 {height:32px;background-position:0 -1230px}
    .txt_category3 {height:32px;background-position:0 -1270px}
    .txt_category4 {height:32px;background-position:0 -1310px}
    .txt_product1 {height:30px;background-position:-400px -1190px;}
    .txt_product2 {height:30px;background-position:-400px -1220px;}
    .txt_product3 {height:30px;background-position:-400px -1250px;}
    .txt_product4 {height:30px;background-position:-400px -1280px;}
    .txt_product5 {height:30px;background-position:-400px -1310px;}
    .txt_product6 {height:30px;background-position:-400px -1340px;}
    .txt_product7 {height:30px;background-position:-400px -1370px;}
    .txt_product8 {height:30px;background-position:-400px -1400px;}

    .txt_comm2 {background:url(../images/txt_comm2_w.png) no-repeat;background-size:inherit;}
    .tit_moneyplus {height:50px;background-position:center 0;}
    .txt_moneyplus {height:64px;margin-top:16px;background-position:center -50px;}
    .tit_dgplus {height:50px;background-position:center -150px;}
    .txt_dgplus {height:32px;margin-top:16px;background-position:center -200px;}
    .tit_niceorder {height:50px;background-position:center -300px;}
    .txt_niceorder {height:32px;margin-top:16px;background-position:center -350px;}
    .tit_map {height:50px;background-position:center -450px}
    .txt_map {height:64px;margin-top:16px;background-position:center -500px}
    .tit_qna {height:50px;background-position:center -600px}
    .box_homepage_w .txt_homepage {height:72px;background-position:center -850px}
    .box_homepage_b .txt_homepage {height:72px;background-position:center -950px}


    #DVANWrap {padding-top:140px;}
    #DVANHead #MBtn {display:none;}
    #DVANHead .head_inner {width:1180px;height:100px;margin:0 auto;}
    #DVANHead h1 a {display:inline-block;height: 100px;padding:24px;box-sizing: border-box;}
    #DVANHead #DVANLogo {width:46px;height:46px;background:url(../images/logo_w.png) 0 0 no-repeat;margin:0;}
    #DVANHead #DVANGnb {display:block;float:left;width:1050px;margin-left:34px;}
    #DVANHead #DVANGnb .list_gnb {position:inherit;width:auto;padding:0;clear:both;*zoom:1}
    #DVANHead #DVANGnb .list_gnb .home{display: none;}
    #DVANHead #DVANGnb .list_gnb:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
    #DVANHead #DVANGnb .list_gnb .menu a{text-align:center;line-height: 100px;font-size:16px;width: 200px;box-sizing: border-box;}
    #DVANHead #DVANGnb .list_gnb li {float:left;position:relative;}
    #DVANHead #DVANGnb .list_gnb .submenu.hover .menu{background-color:#0b0b0c;color:#fff;}
    #DVANHead #DVANGnb .list_gnb .submenu .menu a:after {display:none;}
    #DVANHead #DVANGnb .list_sub_gnb {display:none;position:absolute;left:0;right:0;padding:17px 0 35px;background-color:#0b0b0c}
    #DVANHead #DVANGnb .list_sub_gnb li{width: 100%;}
    #DVANHead #DVANGnb .list_sub_gnb li:hover a{color:#53B7FC}
    #DVANHead #DVANGnb .list_sub_gnb .outlink::after{width: 13px;height: 13px;background:url(../images/ico_gnb_pc.png);background-position:0 -50px;background-size: auto;}
    #DVANHead #DVANGnb .submenu.hover a,#DVANHead #DVANGnb .list_sub_gnb  a{color:#fff;}
    #DVANHead #DVANGnb .on .list_sub_gnb {display:none;}
    #DVANHead #DVANGnb .hover .list_sub_gnb {display:block;}
    #DVANHead #DVANGnb .short_cut{height: 100px;box-sizing: border-box;padding:4px;}
    #DVANHead #DVANGnb .short_cut i{margin-right: 0px;}
    #DVANHead #DVANGnb .short_cut .ico_gnb_call{padding-right:4px;}
    #DVANHead #DVANGnb .short_cut a{padding:8px;line-height: 1;}
    #DVANHead #DVANGnb .short_cut .call_num{font-weight: 900;font-size: 16px;color:#2948DB}
    #DVANHead #DVANGnb .short_cut.hover .tooltip_wrap{background-color:rgba(158, 167, 168, .24);border-radius: 50%;}
    #DVANFoot .contents{display: flex;gap:0 60px;}
    #DVANFoot .contents .infomation1{flex:1;padding-top:0;}
    #DVANFoot .contents .infomation2{padding-top:0;}


    .main_slider .inner {width:1180px;height:540px;margin:0 auto;padding:132px 0 164px;box-sizing:border-box;}
    .main_slider .nth3 {background:url(../images/bg_main_visual12_w.jpg) top center no-repeat #F3F3F3;background-size: 1920px auto;}
    .main_slider .nth1 {background:url(../images/bg_main_visual08_w.png) top center no-repeat #fff;background-size: 1920px auto;}
    .main_slider .nth2 {background:url(../images/bg_main_visual04_w.jpg) top center no-repeat #fff;background-size: 1920px auto;}
    .main_slider .nth4 {background:url(../images/bg_main_visual09_w.png) center no-repeat #fff;background-size:cover}
    .main_slider .nth6 {background:url(../images/bg_main_visual11_w.jpg) center no-repeat #fff;background-size:cover}
    .main_slider .sub_tit{font-size: 23px;}
    .main_slider .tit {font-size:48px;height:58px;}
    .main_slider .txt {font-size:20px;height:68px;margin-top:15px;}
    .main_slider .btn a{width:241px;margin-top:43px;line-height: 60px;font-size:22px;}
    .slider-controls {position:absolute;top:inherit;bottom:48px;left:50%;height:40px;margin-left:-590px;padding:0 5x 0 10px;background-color:rgba(0, 0, 0, 0.5);border-radius:20px;}  /* 해상도 대응으로 인한 3840px */
    .slider-controls .slider-count {width:50px;height:40px;font-size:16px;line-height:40px;color:#bdbdbd;text-align:center;}
    .slider-controls .slider-count strong {color:#fff;font-weight:bold;}
    .slider-controls button {height:40px;background:url(../images/btn_slider_w.png) no-repeat;background-size:inherit}
    .slider-controls .prev {width:18px;background-position:0 0;}
    .slider-controls .next {width:18px;background-position:-20px 0;}
    .slider-controls .pause {width:24px;background-position:0 -40px;}
    .slider-controls .play {width:24px;background-position:-25px -40px;}


    /* main / 배너 */
    .section_banner{background: #48bdf1 url(../images/img_banner_w.png) center center / 1920px no-repeat; height:140px}
    .section_banner.banner_hyundai{background:url(../images/img_banner_hd_w.png) center center / 1920px no-repeat, #8D9EBD}
    .section_banner.banner_boram{background:url(../images/img_banner_br_w.jpg) center center / 1920px no-repeat,linear-gradient(180deg, #006cb5 0%, #004aa1 64%, #01429e 100%);}
    .section_banner.banner_req{background: url(../images/img_banner_device_w.png) center center / 1920px no-repeat, #58C0A0;}
    .section_solution {padding:114px 0 0}
    .section_solution .inner {width:1180px;margin:0 auto;}
    .section_solution .list_solution {margin-top:42px;}
    .section_solution .list_solution .thumb {position:absolute;top:0;bottom:0;background-image:url(../images/img_prod_w.png);background-size:inherit;}
    .section_solution .list_solution li {position:relative}
    .section_solution .list_solution .nth1,
    .section_solution .list_solution .nth3 {padding-left:680px}
    .section_solution .list_solution .nth2,
    .section_solution .list_solution .nth4 {padding-right:558px;}
    .section_solution .list_solution .nth1 .thumb,
    .section_solution .list_solution .nth3 .thumb {left:0;width:680px}
    .section_solution .list_solution .nth2 .thumb,
    .section_solution .list_solution .nth4 .thumb {right:0;width:558px}
    .section_solution .list_solution .nth1 {padding-top:42px;padding-bottom:69px;}
    .section_solution .list_solution .nth2 {padding-top:69px;padding-bottom:57px;}
    .section_solution .list_solution .nth3 {padding-top:57px;padding-bottom:77px;}
    .section_solution .list_solution .nth4 {padding-top:77px;padding-bottom:137px;}
    .section_solution .list_solution .nth1 .thumb {height:inherit;background-position:0 0}
    .section_solution .list_solution .nth2 .thumb {height:inherit;background-position:0 -500px;}
    .section_solution .list_solution .nth3 .thumb {height:inherit;background-position:0 -1000px;}
    .section_solution .list_solution .nth4 .thumb {height:inherit;background-position:0 -1500px;}
    .section_product_slide {padding:80px 0 60px;}
    .section_product_slide .inner {width:1180px;margin:0 auto;}
    .section_product_slide .slider_wrap {position:relative}
    #touchSlider {width:1230px;margin:0 -25px;}
    .slider .item {padding:34px 25px 29px;}
    .slider .item a {position:relative;width:360px;margin:0 auto;text-decoration:none;}
    .slider .item .thumb {width:360px;height:405px;margin:0 auto 22px;background:url(../images/img_product_w.png) no-repeat;background-size:inherit;box-shadow:none}
    .slider .item:hover .thumb{box-shadow: 0px 0px 12px 12px rgba(0, 0, 0, 0.05);}
    .slider .item1 .thumb {background-position:0 0;}
    .slider .item2 .thumb {background-position:-400px 0;}
    .slider .item3 .thumb {background-position:-800px 0;}
    .slider .item4 .thumb {background-position:0 -500px;}
    .slider .item5 .thumb {background-position:-400px -500px;}
    .slider .item6 .thumb {background-position:-800px -500px;}
    .slider .item7 .thumb {background-position:0 -1000px;}
    .slider .item8 .thumb {background-position:-400px -1000px;}
    .slider .item:hover .btn {display:block;overflow:hidden;position:absolute;top:325px;left:0;right:0;height:80px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAUBAMAAAB1+65sAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAM3fM7qoR3SKIu2ZVmUTnfR2LAAABoUlEQVQ4y62TvU7CUBTHj3wpWAM3GL8SYwf34hOUgbgW4wNAg5MuTjhoQokPAG5uhugDOLjjpCOrmyY+gEghFQ2p9xxuPXyEmBj/Aynnd3+959y28O+xHfg1S5ltHaoCU8T/2gWAkSe0WJdoIpFjdRFuGzqYPoYWRTtDL7aCCEs3WD5Ry5NZkFwufkWIKy0ssxfqBJ6J5RzQzV/IszcHojThJQYzPBym4pDHkL2kh31kGQ2H6BK0YNwr8HxXlToYjdSoJ2RyyOY85UV7ho+Qz1PrHnRwd4W4T1reV968Z6cRcppfmrWDHiP2arvKq/kpbCbp+2qGkGx2NYvelnU7NZ9ZV17ByCCcE2JjIBuVlT0so2e2ysqriuV3YgkXhp7mJfoE6bGpxIRjOxD/jLqlYIRIm4BZVl7zI1bZR/jmYwCTlhdnspMymNfj3p1bVN7zPRyek9eQXdL8C9YTHFk6PDoQGtuPRlceJkxePji3UE/+tDKMwPApLjzALI/2u6T92LMFZY3fa/WxTM93Gnxi6HHYo6yn1D1/znMUTSSuw1/zDXoqx+CTAO4wAAAAAElFTkSuQmCC) center center no-repeat #14204e;text-indent:-9999px;}
    .ts-paging {display:none;}
    .ts-controls > button {display:block;overflow:hidden;width:65px;height:65px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAMAAAC93eDPAAAAilBMVEUUIE7////h4+UAAAAdHR3k5uvu7u/8/PzY2uJiaolBS3AjLlkXIlAqKirz8/Pn6O3e3t7T1d7Pz8++ws7MzMy1ucfGxsbAwMCfpLeysrKTma6rq6uoqKidnZ18g5xudpOOjo5bY4NOV3pJUnZ1dXVoaGgyPWUuOGEfKlZQUFBGRkYwMDAaGhoVFRXP503xAAABEklEQVR42u3YV66DMBBA0QnPNoRAeu+9Z//bewuIFNlirCjongVYV3jGH0jydZI0qkmqHkACCSSQQAIJJJBAAgkk1CehXzq9BFf2wxNmr4XmV1i8ZqEJWzPUvYih2QYlpKdHoj0LyeOU+ie4+62tP47t2935JnTLYxpjI9Jj2fVLGJtVrKVcmbFPwvI5ifcuTJ5LjwTz94l5Twg84LdeRxJIIIEEEkgggQQSSCCBBBJI+IGErxMAAAAAqJM8a4maVpZLsJ1riqKm20mgtc1FVW7XEqKY9i6i7NKbFgE3NxhdRd11NPCernM2LySCYp6dxcvBbiSSjT14zW5nL9HsOz57Zhuf2KoH8FMFAAAAAIDa+QfvZixc5n2D2AAAAABJRU5ErkJggg==) no-repeat;text-indent:-9999px;}
    .ts-controls .ts-prev {position:absolute;top:170px;left:-105px;background-position:0 0;}
    .ts-controls .ts-next {position:absolute;top:170px;right:-105px;background-position:-65px 0;}
    .ts-controls .ts-prev:hover {background-position:0 -65px;}
    .ts-controls .ts-next:hover {background-position:-65px -65px;}

    .section_img .tit_buja {height:440px;background-image:url(../images/img_buja_w.png);background-size:inherit;}
    .section_img .list_buja {height:352px;background-image:url(../images/img_buja_list_w.png);background-size:inherit;}
    .section_img .btn a {width:260px;height:64px;margin:0 15px;box-shadow: 12px 12px 30px 0px rgba(43, 44, 60, 0.26);}
    .box_homepage {padding-top:20px;}
    .box_homepage a {width:300px;height:72px;border-radius:36px;}

    .section_moneyplus {padding:104px 0 110px}
    .section_moneyplus .list_moneyplus {height:505px;background-image:url(../images/img_moneyplus_w.png);background-size:inherit;}

    
    .section_dgplus {padding:104px 0 110px}
    .section_dgplus .list_dgplus {height:457px;background-image:url(../images/img_dgplus_w.png);background-size:inherit;}


    /* 나이스체크 */
    .nicecheck .top_banner h1{font-size: 70px;margin: 0 auto 12px;max-width: 1180px;}
    .nicecheck #cTopBanner .top_banner {background:url(../images/bg_nicecheck_top_w@2x.png) right center no-repeat, linear-gradient(45deg,#7318B4,#325EB5);background-size: 40%, cover;padding:70px 0 90px}
    .nicecheck #cTopBanner .top_banner.niceorder {background:url(../images/bg_niceorder_top_w@2x.png) right center no-repeat, linear-gradient(45deg,#7318B4,#325EB5);background-size: 40%, cover;padding:100px 0 120px}
    .nicecheck .top_banner .banner_desc{font-size:20px;display:block;margin: 0 auto 12px;max-width: 1180px;}
    .nicecheck .section_img .img_list{width: auto;max-width: 1180px;display:bloack;margin:0 auto 40px;}
    .nicecheck .section_img .btn a{width: 260px;height: 64px;margin: 0 15px;box-shadow: 12px 12px 30px 0px rgb(43 44 60 / 26%);}
    .nicecheck .section_nicecheck{display: flex;align-items: center;justify-content: center;}
    .nicecheck .section_nicecheck .wrap_txt{text-align:left;margin-right: 40px;margin-left:40px;width:320px;}
    .nicecheck .section_nicecheck:nth-child(even) .wrap_txt{order:1}
    .nicecheck .section_apppos::before{right:-4%;width:50vw;height: 50vw;}
    .nicecheck .section_apppos .wrap_card{margin-bottom:80px;}
    .nicecheck .section_apppos .wrap_card dl{justify-content: center;}
    .nicecheck .down_box h3{font-size:40px;padding-bottom:53px}

    /* 나이스체크 */
    .nicecheck .section_nicecheck .wrap_img{width:auto;margin:0}
    .nicecheck .banner .img_banner{width:100%}
    
    .box_typing p.typing1{font-size:40px;}
    .box_typing .typing2{font-size:40px;}

    .section_niceorder {padding:94px 0 100px}
    .section_niceorder .list_niceorder {height:355px;background-image:url(../images/img_niceorder_w.png);background-size:inherit;}
    .section_map {padding-top:94px;}
    .section_map .img_map {height:605px;background-image:url(../images/img_map_w.png);background-size:inherit;}

    .section_qna {padding:106px 0 110px}
    .section_qna .list_qna {width:1082px;padding-top:19px;margin:0 auto;}
    .section_qna .list_qna .tit_q button {height:82px;margin-top:18px;background-image:url(../images/img_qna_q_w.png);background-size:inherit;}
    .section_qna .list_qna .nth1 .tit_q button {background-position:0 0;}
    .section_qna .list_qna .nth2 .tit_q button {background-position:0 -200px;}
    .section_qna .list_qna .nth3 .tit_q button {background-position:0 -400px;}
    .section_qna .list_qna .nth1.on .tit_q button {background-position:0 -100px;}
    .section_qna .list_qna .nth2.on .tit_q button {background-position:0 -300px;}
    .section_qna .list_qna .nth3.on .tit_q button {background-position:0 -500px;}
    .section_qna .list_qna .cont {padding:37px 0 52px;}
    .section_qna .list_qna .txt_a {width:922px;background-image:url(../images/img_qna_a_w.png);background-size:inherit;}
    .section_qna .list_qna .nth1 .txt_a {height:64px;background-position:0 0;}
    .section_qna .list_qna .nth2 .txt_a {height:64px;background-position:0 -200px;}
    .section_qna .list_qna .nth3 .txt_a {height:128px;background-position:0 -400px;}


}


.section_product {padding:44px 0 56px}
.section_product .inner {width:320px;margin:0 auto;}
.section_product .tit {display:block;overflow:hidden;height:28px;background:url(../images/tit_product.png) no-repeat;background-size:320px auto;text-indent:-9999px;}
.section_product .txt {display:block;overflow:hidden;height:63px;margin-top:8px;background:url(../images/txt_product.png) no-repeat;background-size:320px auto;text-indent:-9999px;}
.section_product .more {display:block;overflow:hidden;height:23px;background:url(../images/txt_product.png) 0 -770px no-repeat;background-size:320px auto;text-indent:-9999px;}

.section_product .box {width:320px;margin:20px auto 0;border:1px solid #dedfe1}
.section_product .box .list_dot {padding:25px 21px 28px;background-color:#eee;font-size:11px;line-height:18px;color:#454545;}
.section_product .box .list_dot dt {display:none;}
.section_product .tbl_product {width:100%;margin-top:30px;border-top:2px solid #043465;}
.section_product .tbl_product th {width:38.3%;padding:10px 0;background-color:#e5eaef;border-bottom:1px solid #c7ccd0;font-weight:bold;font-size:11px;line-height:14px;color:#111;text-align:center;}
.section_product .tbl_product td {padding:5px 15px;border-left:1px solid #c7ccd0;border-bottom:1px solid #c7ccd0;font-size:11px;line-height:14px;color:#777;text-align:left;}
.section_product .tbl_product td p {padding:5px 0;}
@media screen and (min-width:1180px){
    .section_product {padding:90px 0 10px;}
    .section_product .inner {width:1180px;margin:0 auto;padding-bottom:90px;}
    .section_product .tit {height:50px;background:url(../images/tit_product_w.png) no-repeat;background-size:inherit;}
    .section_product .txt {height:56px;margin-top:7px;background:url(../images/txt_product_w.png) no-repeat;background-size:inherit;}
    .section_product .box .list_dot {display:table-cell;padding:0 64px 0 634px;vertical-align:middle;font-size:14px;line-height:32px;}/* 0 63px 0 640px */
    .section_product .box .list_dot dt {display:block;position:absolute;top:-1px;right:-1px;width:64px;height:36px;padding:14px 0;background-color:#0b4279;font-weight:bold;font-size:14px;line-height:18px;color:#fff;letter-spacing:-1px;text-align:center;}
    .section_product .tbl_product {margin-top:40px;}
    .section_product .tbl_product th {width:354px;padding:6px 0;font-size:14px;line-height:28px;}
    .section_product .tbl_product td {padding:6px 30px;font-size:14px;line-height:18px;}
}

#cTopBanner .top_banner{padding:60px 0 60px;max-height:230px;box-sizing:border-box;background:linear-gradient(45deg,#7F7CFF,#426EFF);background:-webkit-linear-gradient(45deg,#7F7CFF,#426EFF)}
.top_banner .banner_desc{text-align:center;color:#fff;margin-top:16px;}
#cTopBanner .top_banner h1,#cTopBanner .banner_desc{margin: 0 24px 12px;max-width: 1180px;text-align: left;}


.qr_order #cTopBanner .top_banner{background: url(../images/top_qr.jpg) center right;background-size: cover;padding: 30px 0 30px;max-height: none;}
.food_erp #cTopBanner .top_banner{background: url(../images/top_erp.jpg) center right;background-size: cover;padding: 30px 0 30px;}
.cable #cTopBanner .top_banner{background: url(../images/top_cable.jpg) center right;background-size: cover;}
.wireless #cTopBanner .top_banner{background: url(../images/top_wireless.jpg) center right;background-size: cover;}
.smartphone #cTopBanner .top_banner{background: url(../images/top_smartphone.jpg) center right;background-size: cover;}
.kiosk #cTopBanner .top_banner{background: url(../images/top_kiosk.jpg) center right; background-size:cover}
.pos #cTopBanner .top_banner{background: url(../images/top_pos.jpg) center right; background-size:cover}



@media screen and (min-width:1180px){
    #cTopBanner .top_banner h1,#cTopBanner .banner_desc{margin: 0px auto 12px;max-width: 1180px;text-align: left;}
    .food_erp #cTopBanner .top_banner{padding: 151px 0;}
    #cTopBanner .top_banner {margin:0 auto;padding:191px 0;max-height: 500px;box-sizing: border-box;}
    #cTopBanner .top_banner .box_btn a {display:block;overflow:hidden;width:158px;height:46px;border-radius:24px;border:1px solid #fff;background:url(../images/btn_req.png) -1px -1px no-repeat;text-indent:-9999px;}

    
}




.section_affiliate .inner {width:320px;margin:0 auto;}
.section_affiliate .box_movie a {display:block;overflow:hidden;width:320px;height:180px;background:url(../images/affiliate_movie.png) top center no-repeat;background-size:320px auto;text-indent:-9999px;}
.section_affiliate .txt_affiliate {height:870px;background:url(../images/affiliate_txt.png) top center no-repeat;background-size:320px auto;}

.section_mkt .inner {width:320px;margin:0 auto;}
.section_mkt .box_sub_header4_1 {height:962px;background:url(../images/img_top_subpage4_1.png) top center no-repeat #fff;background-size:320px auto;}
.section_mkt .box_sub_header4_2 {height:434px;background:url(../images/img_top_subpage4_2.png) top center no-repeat #fff;background-size:320px auto;}
.wrap_combine_products .inner {padding-bottom:56px}
@media screen and (min-width:1180px){
    

    /* .section_machine_pos .inner {height:989px;background:url(../images/machine_pos_w.png) top center no-repeat #f1f2f4;background-size:inherit;} */

    .section_affiliate .inner {width:1180px;margin:0 auto;}
    .section_affiliate .box_movie a {width:540px;height:304px;margin:0 auto;background:url(../images/affiliate_movie_w.png) top center no-repeat;background-size:inherit;}
    .section_affiliate .txt_affiliate {height:498px;background:url(../images/affiliate_txt_w.png) top center no-repeat;background-size:inherit;}

    

    .section_mkt .inner {width:1180px;margin:0 auto;}
    .section_mkt .box_sub_header4_1 {height:624px;background:url(../images/img_top_subpage4_1_w.png) top center no-repeat #fff;background-size:inherit;}
    .section_mkt .box_sub_header4_2 {height:422px;background:url(../images/img_top_subpage4_2_w.png) top center no-repeat #fff;background-size:inherit;}
}

/* 가맹신청 서류안내 */
.document #cTopBanner .top_banner{background: url(../images/top_document.jpg) center right;background-size: cover;}
.section_document .document_list{display: flex;flex-direction: column;}
.section_document .document_list>li{flex:1;padding-bottom:32px;}
.section_document .document_list>li:last-child{padding-bottom:0px;}
.section_document .document_list .wrap_emoji{line-height:1;text-align:center;padding:10px 10px;margin-left:16px;height:80px;width:80px;border-radius: 50%;box-sizing: border-box;position: relative;z-index: 1;background-color: #2B3773;}
.section_document .document_list .wrap_txt{background-color:var(--color-background);padding:64px 16px 24px;margin-top:-40px}
.section_document .document_list .wrap_txt h3{margin-bottom:16px;}
.section_document .document_list .btn_primary_border{margin-top:10px;display: block;}
.section_document .document_list .list_tip{color:#9D1E00}
/* 가맹신청 서류안내 / 매장 내부/외부 사진 */
.section_pic{background-color: var(--color-background);}
.section_pic h2{margin-bottom:40px}
.section_pic .img_pic_item{font-size: 0;display: flex;flex-direction:column;gap:20px;margin-bottom:24px;}
.section_pic .tit_sub{color:#fff;font-size:14px;margin: 24px 0 16px;padding:5px 10px;border-radius: 4px;background-color:#606060;display: inline-block;}
.section_pic .img_pic_item .wrap_img{vertical-align: middle;display: inline-block;}
.section_pic .img_pic_item .wrap_img img{width: 100%;}
.section_pic .img_pic_item .wrap_img p{text-align: center;margin-top:16px;font-size:14px;color:#454545}
.section_pic .img_pic_item .txt{vertical-align: middle;font-size: 12px;color:#BABABA;padding: 0 8px}

/* 가맹신청 서류안내 */
@media screen and (min-width:1180px){
    .section_document .document_list{flex-direction: row;}
    .section_document .document_list>li{padding-bottom:0;padding-right:46px;}
    .section_document .document_list>li:last-child{padding-right:0px;}
    .section_document .document_list .wrap_emoji{font-size:50px;width:100px;height: 100px;padding:22px 17px;}
    .section_document .document_list .wrap_txt{height:950px;box-sizing: border-box;padding:74px 24px 32px;margin-top:-50px}
    .section_document .document_list .btn_primary_border{margin-top:20px;padding:8px 10px;display: block;}
    /* 가맹신청 서류안내 / 매장 내부/외부 사진 */
    .section_pic .pic_list>li:last-child{padding-bottom:0;}
    .section_pic .d_lg_flex .txt_pic_item{width:510px;margin-right:32px;min-width: 300px;}
    .section_pic .tit_sub{font-size:16px;}
    .section_pic .img_pic_item{flex-direction:row;justify-content: space-between;flex-wrap: wrap;}
    .section_pic .img_pic_item .wrap_img{max-width: 48%;}
}



/* modal popup */
#modalPopup{height: 100vh;width: 100vw;background-color:var(--color-background);z-index: 999;position:fixed;top:0;bottom:0;left:0;right:0;}
#modalPopup .popup_head .contents{display:flex;justify-content: space-between;}
#modalPopup .popup_head button{padding:18px}
#modalPopup .popup_body{overflow-y: auto;}
/* #modalPopup .section{height:calc(100vh - 60px);} */
@media screen and (min-width:1180px){
  .popup_head .contents{max-width: 1180px;margin: 20px auto 0;}
}
.device_popup h2{text-align: left;}
.device_popup h3 em{color:var(--color-primary);font-weight: inherit;}
.device_popup div[class^="answer"]{text-align: center;}
.device_popup .num_question{font-size: 32px;font-weight: 900;color:#242424;padding-bottom:8px}
.device_popup .question_bottom{display: flex;flex-direction: column;gap:24px;padding-top:60px;}
.device_popup .question_bottom .btn_radio{flex:1;color:#454545;font-size:20px;text-align:left;padding:24px;background-color:#fff;border:1px solid #B2B2B2;border-radius: 12px;box-sizing: border-box;}
.device_popup .question_bottom .btn_radio:focus,.device_popup .question_bottom .btn_radio:hover{font-weight:700;border:2px solid var(--color-primary);box-shadow: 0 6px 10px rgba(46,88,171,0.16);}
.device_popup .answer_top{padding-bottom:48px;}
.device_popup .answer_middle .wrap_device{display:flex;align-items:center;overflow:hidden;margin:0 auto 24px;background-color:var(--color-white);width: 238px;height: 238px;border-radius: 50%;}
.device_popup .answer_middle .tit_device{font-size:23px;font-weight: bold;color:#333;padding-bottom:24px}
.device_popup .answer_middle .desc_device{font-size:20px;color:#333;margin-bottom:16px;}
.device_popup .answer_middle .desc_device span{font-size:16px;color:#333;}
.device_popup .answer_middle .btn_primary_border{width: 240px;margin: 0 auto;margin-bottom:40px}
.device_popup .answer_bottom{position: fixed;bottom: 0;}
@media screen and (min-width:1180px){
    .device_popup .question_bottom{flex-direction: row;}
}


.marquee {
    width: 100vw ;/* the plugin works for responsive layouts so width is not necessary */
    overflow: hidden;
  }
@media screen and (min-width:1180px){
    .marquee {
      }
}

.section_marquee.marquee .flexbox{animation: 60s linear 0s infinite normal none running JIIef;}
@keyframes JIIef{ 
    0%{transform: translateX(0px);} 
    100%{transform: translateX(calc(-3289px));} 
}