.keepBox{padding:20px;background:#d8d8d8;text-align:center;font-weight:700;}

.skip{display:none;}

body{word-break:keep-all;}

.wbNormarl{word-break:normal;}

img{max-width:100%;display:block;vertical-align:top;}
a{display:block;}

.web{display:block !important;}
.webIn{display:inline !important;}
.mo{display:none !important;}
.ml-40{margin-left:40px !important;}

/* header 영역 */
header{max-width:1920px;width:100%;margin:0 auto;position: fixed;height:100px;margin-bottom:-100px;z-index:100;color:#fff;border-bottom:1px solid rgba(255,255,255,0.15);left: 0;top: 0;right: 0;/* display:none !important; */}
header.fixed{position:fixed;top:0;left:0;width:100%;height:100px;margin:0 auto;right:0;background:#fff;color:#000;border-bottom:1px solid #d8d8d8;}
header .header{position:relative;top:0;left:0;width:100%;height:100px;max-width:1640px;margin:0 auto;padding:0 20px;}
header .header .logo{float:left;margin:36px 0 34px;width:124px;height:29px;background:url('/static/images/header_logo.png') no-repeat 0 0;}
header .header .logo span{text-indent:-99999px;display:block;}
header .header .gnb{margin-left:136px;float:left;}
header .header .gnb > ul{overflow:hidden;clear:both;margin-left:-40px;}
header .header .gnb > ul > li{float:left;cursor:pointer;font-weight:700;padding:36px 40px 35px;}
header .header .gnb > ul > li > a{position:relative;font-size:20px;line-height:29px;color:#fff;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
header .header .gnb > ul > li > a:before{content:'';position:absolute;width: 0px;left:50%;background:transparent;height:3px;bottom: -35px;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
header .header .depth2{position:absolute;width:calc(100% + 280px);left:0;top:100px;background:#fff;margin:0 -140px;display: none;-webkit-box-shadow:0px 12px 14px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 12px 14px 0px rgba(0,0,0,0.1);box-shadow:0px 12px 14px 0px rgba(0,0,0,0.1);}

header .header .depth2 > ul{max-width: 1080px;width:100%;margin: 0 420px;overflow:hidden;clear:both;padding:12px 0;}
header .header .depth2 > ul > li{float:left;margin-right:50px;padding:12px 0;}
header .header .depth2 > ul > li a{color:#000;}
header .header .depth2 > ul > li a:hover{color:#bb0841;font-weight:700;text-decoration:underline;}
header .header .depth2.subDepth > ul{display:table;}
header .header .depth2.subDepth > ul > li{display:table-cell;float:none;font-size:18px;color:#bb0841;font-weight:800;margin: 0;width: 16%;position:relative;}
header .header .depth2.subDepth > ul > li > a{color:#bb0841;font-weight:800;text-decoration:none;}
header .header .depth2.subDepth > ul > li:nth-child(1){width:14%;}
header .header .depth2.subDepth > ul > li:nth-child(2){width:20%;}
header .header .depth2.subDepth > ul > li:nth-child(3){width:24%;}
header .header .depth2.subDepth > ul > li:nth-child(4){width:auto;}
header .header .depth2.subDepth > ul > li + li{padding-left:30px;}
header .header .depth2.subDepth > ul > li + li:before{content:'';position:absolute;width:1px;height:calc(100% - 36px);top:18px;left:0;background:#d8d8d8;}
header .header .depth2.subDepth > ul > li > ul{margin-top:14px;position:relative;}
header .header .depth2.subDepth > ul > li > ul > li > a{font-size:17px;line-height:36px;font-weight:400;}
header .header .depth2.subDepth > ul > li:last-child{}
header .header .depth2.subDepth .depth3{}
header .header .depth2.subDepth .depth3 > a{width:40%;background:url('/static/images/ico_clampG_R.png') no-repeat right center;}
header .header .depth2.subDepth .depth3 ul{position:absolute;top:0;left: 0;background:#f8f8f8;width: 60%;margin-left: 44%;padding:0 20px;height: 100%;display:none;}
header .header .depth2.subDepth .depth3.on > a{color:#bb0841;text-decoration:underline;font-weight:700;}
header .header .depth2.subDepth .depth3 ul a{font-size:17px;line-height:36px;color:#666;font-weight:400;}
header .header .depth2.subDepth .depth3 ul a:hover{color:#bb0841;text-decoration:underline;}

header .header .rBox{float:right;color:#fff;padding:36px 0 34px;}
header .header .rBox a{color:#fff;}
header .header .rBox ul li {float:left;}
header .header .rBox ul li + li{margin-left:50px;}
header .header .rBox a{font-size:17px;line-height:29px;font-weight:700;}
header .header .rBox .gnbPopWrap{display:none;position:absolute;}
header .header .rBox .gnbPop{}
header .header .rBox .btnInq a span{background:url('/static/images/ico_inquiry.png') no-repeat left center;padding-left:21px;}
header .header .rBox .btnLan > a > span{padding:0 15px 0 24px;background-image: url('/static/images/ico_language.png'), url('/static/images/ico_clampW_B.png');background-repeat: no-repeat, no-repeat;background-position: left, right;}
header .header .rBox .btnLan{position:relative;}
header .header .rBox .btnLan .gnbPopWrap{left:0;top:63px;}
header .header .rBox .btnLan .gnbPop{background:#fff;width:90px;border:1px solid #d8d8d8;padding:15px 10px;}
header .header .rBox .btnLan .gnbPop:before{content:'';position:absolute;background:url('/static/images/ico_gnbPopBox_arrow.png') no-repeat 0 center;width:15px;height:10px;left:50%;margin-left:-7.5%;top:-9px;}
header .header .rBox .btnLan ul li{float:none;}
header .header .rBox .btnLan ul li a{font-size:17px;line-height:1;text-align:center;color:#000;}
header .header .rBox .btnLan ul li a:hover{color:#be154b;text-decoration:underline;}
header .header .rBox .btnLan ul li + li{margin-top:15px;padding-top:15px;border-top:1px solid #d8d8d8;margin-left:0;}
header .header .rBox .btnShared, header .header .rBox .btnsearch{position:relative;}
header .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared.png') no-repeat 0 center;text-indent:-99999px;padding-left:17px;display:block;}
header .header .rBox .btnShared .gnbPopWrap{right:-35px;top:63px;}
header .header .rBox .btnShared .gnbPop{background:#fff;width:138px;border:1px solid #d8d8d8;padding:15px 10px 10px 10px;box-sizing:border-box;}
header .header .rBox .btnShared .gnbPop:before{content:'';position:absolute;background:url('/static/images/ico_gnbPopBox_arrow.png') no-repeat 0 center;width:15px;height:10px;right:30px;top:-9px;}
header .header .rBox .btnShared .gnbPop div, header .header .rBox .btnShared .gnbPop ul a{color:#000;font-size:15px;line-height:1;font-weight:700;text-align:center;}
header .header .rBox .btnShared .gnbPop ul{overflow:hidden;border-top:1px solid #333;margin-top:12px;}
header .header .rBox .btnShared .gnbPop ul a:hover{color:#be154b;text-decoration:underline;}
header .header .rBox .btnShared .gnbPop ul a{line-height:26px;padding:10px 0;background-repeat:no-repeat;background-position:7px center;}
header .header .rBox .btnShared .gnbPop ul li{float:none;border-bottom:1px solid #d8d8d8;}
header .header .rBox .btnShared .gnbPop ul li + li{margin-left:0;}
header .header .rBox .btnShared .gnbPop ul li:nth-child(1) a{padding-left:38px;background-image:url('/static/images/ico_gnb_f.png');}
header .header .rBox .btnShared .gnbPop ul li:nth-child(2) a{padding-left:38px;background-image:url('/static/images/ico_gnb_in.png');}
header .header .rBox .btnShared .gnbPop ul li:nth-child(3) a{padding-left:38px;background-image:url('/static/images/ico_gnb_kakao.png');}
header .header .rBox .btnShared .gnbPop ul li:nth-child(1) a:hover{background-image:url('/static/images/ico_gnb_f_on.png');}
header .header .rBox .btnShared .gnbPop ul li:nth-child(2) a:hover{background-image:url('/static/images/ico_gnb_in_on.png');}
header .header .rBox .btnShared .gnbPop ul li:nth-child(3) a:hover{background-image:url('/static/images/ico_gnb_kakao_on.png');}
header .header .rBox .btnShared .gnbPop .gnbPopClose{text-align:right;margin-top:10px;}
header .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search.png') no-repeat 0 center;text-indent:-99999px;padding-left:23px;display:block;}
header .header .rBox .btnsearch .gnbPopWrap{right:0;top:63px;}
header .header .rBox .btnsearch .gnbPop{background:#fff;width:320px;border:1px solid #d8d8d8;padding:10px;}
header .header .rBox .btnsearch .gnbPop:before{content:'';position:absolute;background:url('/static/images/ico_gnbPopBox_arrow.png') no-repeat 0 center;width:15px;height:10px;right:10px;top:-9px;}
header .header .rBox .btnsearch .gnbPop .searchBox div .txt input{}
header .header .rBox .btnsearch .gnbPop .searchBox div .txt input{border:1px solid #d8d8d8;width:254px;height:43px;line-height:43px;box-sizing:border-box;float:left;font-size:16px;padding-left:15px;color:#666666;border-right:0;}
header .header .rBox .btnsearch .gnbPop .searchBox div .btn{border:1px solid #d8d8d8;border-left:0;width:43px;height:43px;line-height:43px;box-sizing:border-box;display:block;float:left;background:#fff;}
header .header .rBox .btnsearch .gnbPop .searchBox div .btn button{text-indent:-99999px;width:100%;height:100%;background:#fff url('/static/images/ico_search_sbk.png')no-repeat center;border:0;cursor:pointer;display:block;}
header .header .rBox .gnbPop .gnbPopClose{width:100%;text-align:right;margin-top:20px;}
header .header .rBox .gnbPop .gnbPopClose a{font-size:14px;line-height:14px;color:#000;padding-right:18px;background:url('/static/images/ico_gnbPop_Close.png') no-repeat right top;display:inline-block;}


header.on{background:#fff;color:#000;border-bottom:1px solid #d8d8d8;}
header.on .header .gnb > ul > li > a{color:#000;}
header.on .header .gnb > ul > li.on > a{font-weight:800;color:#bb0841;}
header.on .header .gnb > ul > li.on > a:before{content:'';position:absolute;width: 100%;background:#bb0841;height:3px;bottom: -35px;left: 0;}
header.on .header .rBox .btnInq a{color:#bb0841;}
header.on .header .rBox .btnInq a span{background:url('/static/images/ico_inquiry_on.png') no-repeat left center;padding-left:21px;}
header.on .header .rBox .btnLan a{color:#000;}
header.on .header .rBox .btnLan > a > span{padding:0 15px 0 24px;background-image: url('/static/images/ico_language_on.png'), url('/static/images/ico_clampBk_B.png');background-repeat: no-repeat, no-repeat;background-position: left, right;}
header.on .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_on.png') no-repeat 0 center;text-indent:-99999px;padding-left:17px;display:block;}
header.on .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_on.png') no-repeat 0 center;text-indent:-99999px;padding-left:23px;display:block;}
header.on .header .logo{float:left;width:124px;height:29px;background:url('/static/images/header_logo_on.png') no-repeat 0 0;}

header.fixed .header .logo{float:left;width:124px;height:29px;background:url('/static/images/header_logo_on.png') no-repeat 0 0;}
header.fixed .header .gnb > ul > li > a{color:#000;}
header.fixed .header .rBox .btnInq a{color:#bb0841;}
header.fixed .header .rBox .btnInq a span{background:url('/static/images/ico_inquiry_on.png') no-repeat left center;padding-left:21px;}
header.fixed .header .rBox .btnLan a{color:#000;}
header.fixed .header .rBox .btnLan > a > span{padding:0 15px 0 24px;background-image: url('/static/images/ico_language_on.png'), url('/static/images/ico_clampBk_B.png');background-repeat: no-repeat, no-repeat;background-position: left, right;}
header.fixed .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_on.png') no-repeat 0 center;text-indent:-99999px;padding-left:17px;display:block;}
header.fixed .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_on.png') no-repeat 0 center;text-indent:-99999px;padding-left:23px;display:block;}

/* bg 없는 컨텐츠 header 스타일 */
header.noBg{border-bottom:1px solid #d8d8d8;}
header.noBg .header .logo{float:left;width:124px;height:29px;background:url('/static/images/header_logo_on.png') no-repeat 0 0;}
header.noBg .header .gnb > ul > li > a{color:#000;}
header.noBg .header .rBox .btnInq a{color:#bb0841;}
header.noBg .header .rBox .btnInq a span{background:url('/static/images/ico_inquiry_on.png') no-repeat left center;padding-left:21px;}
header.noBg .header .rBox .btnLan a{color:#000;}
header.noBg .header .rBox .btnLan > a > span{padding:0 15px 0 24px;background-image: url('/static/images/ico_language_on.png'), url('/static/images/ico_clampBk_B.png');background-repeat: no-repeat, no-repeat;background-position: left, right;}
header.noBg .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_on.png') no-repeat 0 center;text-indent:-99999px;padding-left:17px;display:block;}
header.noBg .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_on.png') no-repeat 0 center;text-indent:-99999px;padding-left:23px;display:block;}
header .btnMenu, header .btMenu{display:none;}

@media screen and (max-width: 1640px) {
header .header .depth2{width:100%;margin:0 auto;}
header .header .depth2 > ul{margin:0 0 0 265px;width:calc(100% - 560px);}
header .header .gnb > ul > li{padding:36px 25px 35px;}
header .header .rBox ul li + li{margin-left:25px;}
}

@media screen and (max-width: 1500px) {
    header .header .depth2 > ul{width: calc(100% - 180px);}
}

@media screen and (max-width: 1400px) {
    header .header .depth2 > ul{margin: 0 0 0 140px;width: calc(100% - 180px);}
}

@media screen and (max-width: 1200px) {
header .header .gnb{margin-left:80px;}
header .header .depth2 > ul{margin:0 0 0 50px;width:calc(100% - 80px);}
}

@media screen and (max-width: 1024px) {
header{height:70px;margin-bottom:-70px;}
header .header{padding:0 20px;height:70px;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
header .header .logo{float:left;width:90px;height:31px;background:url('/static/images/header_logo_m.png') no-repeat 0 0;background-size:90px auto;margin:28px 0 0 0;}
header .header .logo span{text-indent:-99999px;display:block;}
header .header .rBox{padding:28px 0 0 0;}
header .header .rBox ul li + li{margin-left:0;}
header .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_m.png')no-repeat center;background-size:16px auto;width:16px;height:14px;margin-left:21px !important;margin-top:2px;}
header .rBox .btnMenu span{display:block;text-indent:-99999px;}
header .rBox .btnInq{display:none;}
header .rBox .btnLan{display:none;}
header .rBox .btnsearch{margin-left:21px !important;}
header .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_m.png') no-repeat 0 center;background-size:19px auto;padding-left:0;height:19px;width:19px;display:block;}
header .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_m.png') no-repeat 0 center;background-size:18px auto;padding-left:18px;height:19px;width:18px;display:block;}
header .header .gnb{display:none;position:absolute;top:70px;left:0;width:100%;background:#fff;color:#000;margin-left:0;float:none;}
header .header .gnb > ul{margin-left:0;border-top:2px solid #d8d8d8;}
header .header .gnb > ul > li{width:100%;border-bottom:1px solid #e8e8e8;padding:0;}
header .header .gnb > ul > li > a{color:#000;font-size:17px;line-height:1;padding:20px 43px 20px 34px;}
header .header .gnb > ul > li > a span{background:url('/static/images/ico_subMenu_m.png')no-repeat right center;background-size:14px auto;width:100%;display:block;}
header .header .gnb > ul > li > a:before{content:none;}
header .header .gnb > ul > li.on{width:100%;border-bottom:1px solid #e8e8e8;padding:0;border-bottom:2px solid #bb0841;}
header .header .gnb > ul > li.on > a{color:#bb0841;border-bottom:2px solid #bb0841;}
header .header .gnb > ul > li.on > a span{background:url('/static/images/ico_subMenu_on_m.png')no-repeat right center;background-size:14px auto;width:100%;display:block;position:relative;}
header .header .depth2{position:relative;top:0;box-shadow:none;}
header .header .depth2 > ul{width:100%;padding:0;margin:0;}
header .header .depth2 > ul > li{width:100%;float:none;border-bottom:1px solid #e8e8e8;padding:0;}
header .header .depth2.subDepth > ul{display:block;}
header .header .depth2.subDepth > ul > li {display:block;}
header .header .depth2.subDepth > ul > li{width:100%;padding:0;}
header .header .depth2.subDepth > ul > li:nth-child(1){width:100%;}
header .header .depth2.subDepth > ul > li:nth-child(2){width:100%;}
header .header .depth2.subDepth > ul > li:nth-child(3){width:100%;}
header .header .depth2.subDepth > ul > li:nth-child(4){width:100%;}
header .header .depth2.subDepth > ul > li > ul{display:none;margin:0;background:#f8f8f8;padding:3px 33px 3px 53px;padding-left:66px;}
header .header .depth2.subDepth > ul > li > ul > li > a{font-size:17px;line-height:1;padding:12px 0;}header .header .depth2.subDepth > ul > li + li{padding-left:0;border-left:0;}
header .header .depth2.subDepth > ul > li:last-child{width:100%;border-bottom:0;}
header .header .depth2.subDepth > ul > li + li:before{content:none;}
header .header .depth2.subDepth > ul > li.on{border-bottom:0;}
header .header .depth2 > ul > li > a{color:#000;font-size:17px;line-height:1;padding:20px 43px 20px 53px;}
header .header .depth2.subDepth  > ul > li > a span{background:url('/static/images/ico_subMenu_m.png')no-repeat right center;background-size:14px auto;width:100%;display:block;position:relative;font-weight:700;}
header .header .depth2 > ul > li.on > a{color:#bb0841;font-weight:400;border-bottom:1px solid #e8e8e8;}
header .header .depth2.subDepth  > ul > li.on > a span{background:url('/static/images/ico_subMenu_on_m.png')no-repeat right center;background-size:14px auto;width:100%;display:block;/* padding-left:3.7vw; */position:relative;}
header .header .depth2.subDepth .depth3 > a{width:100%;}
header .header .depth2.subDepth .depth3 ul li.on a:hover{color:#bb0841;text-decoration:none;font-weight:400;}
header .header .depth2 > ul > li a:hover{text-decoration:none;color:#000;font-weight:700;}
header .header .depth2.subDepth > ul > li > a{color:#000;}
header .header .depth2 > ul > li.on a:hover, header .header .depth2.subDepth > ul > li.on > a{font-weight:400;text-decoration:none;color:#bb0841;}
header .header .depth2.subDepth .depth3List{padding-left:0;background:#fff;padding-right:0;}
header .header .depth2.subDepth .depth3List .depth3 > a{color:#000;font-size:17px;line-height:1;padding:20px 43px 20px 53px;}
header .header .depth2.subDepth .depth3 > a{background:none;font-weight:400;}
header .header .depth2.subDepth .depth3.on > a{text-decoration:none;font-weight:400;}
header .header .depth2.subDepth .depth3List .depth3 > a span{background:url('/static/images/ico_subMenu_m.png')no-repeat right center;background-size:14px auto;width:100%;display:block;position:relative;font-weight:700;position:relative;padding-left:13px;}
header .header .depth2.subDepth .depth3List .depth3 > a span:before{content:'';position:absolute;width:3px;height:3px;left:3px;top:50%;background:#000;margin-top:-1.5px}
header .header .depth2.subDepth .depth3List .depth3.on > a{color:#bb0841;/* border-top:1px solid #e8e8e8; */font-weight:400;}
header .header .depth2.subDepth .depth3List .depth3.on > a span{background:url('/static/images/ico_subMenu_on_m.png')no-repeat right center;background-size:14px auto;width:100%;display:block;/* padding-left:3.7vw; */position:relative;}
header .header .depth2.subDepth .depth3List .depth3.on > a span:before{content:'';position:absolute;width:3px;height:3px;left:3px;top:50%;margin-top:-1.5px;background:#bb0841;}

header .header .depth2.subDepth .depth3 ul{position:relative;padding:4px 0;margin-left:0;width:100%;padding-left:66px;}
header .header .depth2.subDepth .depth3 ul a{padding:23px 0;font-size:17px;color:#000;line-height:1;}
header .header .depth2.subDepth .depth3 ul a:hover{text-decoration:none;}
header .header .depth2 > ul > li{float:none;width:100%;margin-left:0;}
header .btMenu{display:block;padding:32px 33px;overflow:hidden;clear:both;}
header .btMenu > ul{overflow:hidden;float:left;position:relative;}
header .btMenu > ul li{float:left;}
header .btMenu > ul li + li{margin-left:8vw;}
header .btMenu > ul li a{font-size:17px;line-height:1;color:#7b7b7b;font-weight:700;}
header .btMenu > ul li a.on{color:#000;}
header .btMenu > div{float:right;position:relative;padding-left:8.3vw;}
header .btMenu > div a{font-size:17px;line-height:15px;}
header .btMenu > div a span{background:url('/static/images/ico_gnb_link_m.png')no-repeat right center;background-size:8px;padding-right:4.7vw;display:block;}

header.fixed{height:70px;margin-bottom:-70px;}
header.fixed .header .logo{float:left;width:90px;height:31px;background:url('/static/images/header_logo_on_m.png') no-repeat 0 0;background-size:90px auto;margin:28px 0 0 0;}
header.fixed .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_on_m.png') no-repeat 0 center;background-size:19px auto;padding-left:0;height:19px;width:19px;display:block;}
header.fixed .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_on_m.png') no-repeat 0 center;background-size:19px auto;padding-left:0;height:19px;width:19px;display:block;}
header.fixed .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_on_m.png')no-repeat center;background-size:16px auto;width:16px;height:14px;margin-left:21px !important;margin-top:2px;}

header.noBg{height:70px;margin-bottom:-70px;}
header.noBg .header .logo{float:left;width:90px;height:31px;background:url('/static/images/header_logo_on_m.png') no-repeat 0 0;background-size:90px auto;margin:28px 0 0 0;}
header.noBg .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_on_m.png') no-repeat 0 center;background-size:19px auto;padding-left:0;height:19px;width:19px;display:block;}
header.noBg .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_on_m.png') no-repeat 0 center;background-size:19px auto;padding-left:0;height:19px;width:19px;display:block;}
header.noBg .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_on_m.png')no-repeat center;background-size:16px auto;width:16px;height:14px;margin-left:21px !important;margin-top:2px;}

header.mFixed{position:fixed !important; top:0; left:0; bottom:0; z-index:100; width:100%;height:100%;overflow:auto;}
header.mFixed .header{height:100%;background:#fff;}
header.mFixed .header .logo{float:left;width:90px;height:31px;background:url('/static/images/header_logo_on_m.png') no-repeat 0 0;background-size:90px auto;margin:28px 0 0 0;}
header.mFixed .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_close_m.png')no-repeat center;background-size:16px auto;width:16px;height:14px;margin-left:21px !important;margin-top:2px;}
header.mFixed .rBox .btnMenu.on{margin-top:0;}
header.mFixed .rBox .btnsearch, header.mFixed .rBox .btnShared{display:none;}
header.mFixed .rBox .btnInq{display:block;}
header.mFixed .header .rBox .btnInq a span{background:url('/static/images/ico_inquiry_m.png') no-repeat left center;background-size:18px auto;height:19px;display:block;font-size:16px;padding-left:22px;color:#be0737;font-weight:700;line-height:19px;}
}


@media screen and (max-width: 768px) {
header{height:18.4vw;margin-bottom:-18.4vw;}
header .header{padding:0 5.3vw;height:18.4vw;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
header .header .logo{float:left;margin:36px 0 34px;width:23.9vw;height:5.6vw;background:url('/static/images/header_logo_m.png') no-repeat 0 0;background-size:cover;margin:7.2vw 0 0 0;}
header .header .logo span{text-indent:-99999px;display:block;}
header .header .rBox{padding:7.2vw 0 0 0;}
header .header .rBox a{font-size:4.2vw;line-height:1;}
header .header .rBox .btnShared{display:none;}
header .header .rBox ul li + li{margin-left:0;}
header .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_m.png')no-repeat center;background-size:4.2vw auto;width:4.2vw;height:3.7vw;margin-left:6.2vw !important;margin-top:0.6vw;}
header .rBox .btnMenu span{display:block;text-indent:-99999px;}
header .rBox .btnInq{display:none;}
header .rBox .btnLan{display:none;}
header .header .rBox .gnbPopWrap{width:100%;position:fixed;}
header .header .rBox .btnShared .gnbPopWrap{right:0;top:18.4vw;}
header .header .rBox .btnShared .gnbPop{width:100%;border-right:0;border-left:0;padding:8vw 8.8vw;}
header .header .rBox .btnShared .gnbPop:before{content:'';position:absolute;background:url('/static/images/ico_gnbPopBox_arrow_m.png') no-repeat 0 center;width:5vw;height:3.7vw;background-size:5vw 3.7vw;right:26.5vw;top:-3.3vw;}
header .header .rBox .btnShared .gnbPop div, header .header .rBox .btnShared .gnbPop ul a{font-size:4.2vw;line-height:1;}
header .header .rBox .btnShared .gnbPop ul{margin-top:5.3vw;padding:0;padding-top:0;}
header .header .rBox .btnShared .gnbPop ul li{border-bottom:1px solid #d8d8d8;padding:4.8vw 0;float:none;width:100%;}
header .header .rBox .btnShared .gnbPop ul li:nth-child(1) a{padding-left:8.3vw;background:url('/static/images/ico_gnb_f_m.png') no-repeat left center;background-size:2.5vw auto;line-height:4.8vw;}
header .header .rBox .btnShared .gnbPop ul li:nth-child(2) a{padding-left:8.3vw;background:url('/static/images/ico_gnb_in_m.png') no-repeat left center;background-size:4.5vw auto;line-height:4.8vw;}
header .header .rBox .btnShared .gnbPop ul li + li{margin-left:0;padding-left:0;border-left:0;}
header .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_m.png') no-repeat 0 center;background-size:4.8vw auto;padding-left:0;height:5vw;width:4.8vw;display:block;}
header .header .rBox .btnsearch .gnbPopWrap{right:0;top:18.4vw;}
header .header .rBox .btnsearch .gnbPop{width:100%;border-right:0;border-left:0;}
header .header .rBox .btnsearch .gnbPop:before{content:'';position:absolute;background:url('/static/images/ico_gnbPopBox_arrow_m.png') no-repeat 0 center;width:5vw;height:3.7vw;background-size:5vw 3.7vw;right:15.5vw;top:-3.3vw;}
header .header .rBox .btnsearch{margin-left:6.5vw !important;}
header .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_m.png') no-repeat 0 center;background-size:5vw auto;padding-left:0;height:5vw;width:5vw;display:block;}
header .header .rBox .btnsearch .gnbPop{width:100%;border-right:0;border-left:0;padding:8vw 8.8vw;}
header .header .rBox .btnsearch .gnbPop .searchBox div{padding-bottom:0;}
header .header .rBox .btnsearch .gnbPop .searchBox div .txt input{width:calc(100% - 13.5vw);height:13.5vw;font-size:4.2vw;padding-left:5.3vw;}
header .header .rBox .btnsearch .gnbPop .searchBox div .btn{width:13.5vw;height:13.5vw;}
header .header .rBox .btnsearch .gnbPop .searchBox div .btn button{background:#fff url('/static/images/ico_search_sbk_m.png')no-repeat center;background-size:5.3vw auto;}
header .header .rBox .gnbPop .gnbPopClose{margin-top:8vw;}
header .header .rBox .gnbPop .gnbPopClose a{font-size:4.2vw;line-height:1;background:url('/static/images/ico_gnbPop_Close_m.png') no-repeat right center;padding-right:5.3vw;background-size:3.5vw auto;}
header .header .gnb{display:none;position:absolute;top:18.4vw;left:0;width:100%;background:#fff;color:#000;margin-left:0;float:none;}
header .header .gnb > ul{margin-left:0;border-top:2px solid #d8d8d8;}
header .header .gnb > ul > li{width:100%;border-bottom:1px solid #e8e8e8;padding:0;}
header .header .gnb > ul > li > a{color:#000;font-size:4.8vw;line-height:1;padding:5vw 11.5vw 5vw 8.8vw;}
header .header .gnb > ul > li > a span{background:url('/static/images/ico_subMenu_m.png')no-repeat right center;background-size:3.6vw auto;width:100%;display:block;}
header .header .gnb > ul > li > a:before{content:none;}
header .header .gnb > ul > li.on{width:100%;border-bottom:1px solid #e8e8e8;padding:0;border-bottom:2px solid #bb0841;}
header .header .gnb > ul > li.on > a{color:#bb0841;border-bottom:2px solid #bb0841;}
header .header .gnb > ul > li.on > a span{background:url('/static/images/ico_subMenu_on_m.png')no-repeat right center;background-size:3.6vw auto;width:100%;display:block;position:relative;}
header .header .depth2{position:relative;top:0;box-shadow:none;}
header .header .depth2 > ul{width:100%;padding:0;margin:0;}
header .header .depth2 > ul > li{width:100%;float:none;border-bottom:1px solid #e8e8e8;}
header .header .depth2.subDepth > ul > li{width:100%;}
header .header .depth2.subDepth > ul > li > ul{display:none;margin:0;background:#f8f8f8;padding:0;padding-left:17.1vw;}
header .header .depth2.subDepth > ul > li > ul > li > a{font-size:4.2vw;line-height:1;padding:3.1vw 0;}
header .header .depth2.subDepth > ul > li + li{padding-left:0;}
header .header .depth2.subDepth > ul > li:last-child{width:100%;border-bottom:0;}
header .header .depth2.subDepth > ul > li.on{border-bottom:0;}
header .header .depth2 > ul > li > a{color:#000;font-size:4.2vw;line-height:1;padding:5vw 11.5vw 5vw 14.2vw;}
header .header .depth2.subDepth  > ul > li > a span{background:url('/static/images/ico_subMenu_m.png')no-repeat right center;background-size:3.6vw auto;width:100%;display:block;position:relative;font-weight:700;}
header .header .depth2 > ul > li.on > a{color:#bb0841;font-weight:400;border-bottom:1px solid #e8e8e8;}
header .header .depth2.subDepth  > ul > li.on > a span{background:url('/static/images/ico_subMenu_on_m.png')no-repeat right center;background-size:3.6vw auto;width:100%;display:block;/* padding-left:3.7vw; */position:relative;}
header .header .depth2.subDepth .depth3 > a{width:100%;}
header .header .depth2.subDepth .depth3 ul li.on a:hover{color:#bb0841;text-decoration:none;font-weight:400;}
header .header .depth2 > ul > li a:hover{text-decoration:none;color:#000;font-weight:700;}
header .header .depth2 > ul > li.on a:hover{font-weight:400;text-decoration:none;color:#bb0841;}
header .header .depth2.subDepth .depth3List{padding-left:0;background:#fff;}
header .header .depth2.subDepth .depth3List .depth3 > a{color:#000;font-size:4.2vw;line-height:1;padding:5vw 11.5vw 5vw 14.2vw;}
header .header .depth2.subDepth .depth3 > a{background:none;font-weight:400;}
header .header .depth2.subDepth .depth3.on > a{text-decoration:none;font-weight:400;}
header .header .depth2.subDepth .depth3List .depth3 > a span{background:url('/static/images/ico_subMenu_m.png')no-repeat right center;background-size:3.6vw auto;width:100%;display:block;position:relative;font-weight:700;position:relative;padding-left:3.5vw;}
header .header .depth2.subDepth .depth3List .depth3 > a span:before{content:'';position:absolute;width:3px;height:3px;left:0.8vw;top:1.6vw;background:#000;}
header .header .depth2.subDepth .depth3List .depth3.on > a{color:#bb0841;/* border-top:1px solid #e8e8e8; */font-weight:400;}
header .header .depth2.subDepth .depth3List .depth3.on > a span{background:url('/static/images/ico_subMenu_on_m.png')no-repeat right center;background-size:3.6vw auto;width:100%;display:block;/* padding-left:3.7vw; */position:relative;}
header .header .depth2.subDepth .depth3List .depth3.on > a span:before{content:'';position:absolute;width:3px;height:3px;left:0.8vw;top:1.6vw;background:#bb0841;}
header .header .depth2.subDepth .depth3 ul{position:relative;padding:4vw 0;margin-left:0;width:100%;padding-left:17.7vw;}
header .header .depth2.subDepth .depth3 ul a{padding:3.1vw 0;font-size:4.2vw;color:#000;line-height:1;}
header .header .depth2.subDepth .depth3 ul a:hover{text-decoration:none;}
header .header .depth2 > ul > li{float:none;width:100%;margin-left:0;}
header .btMenu{display:block;padding:5.3vw 8.8vw;overflow:hidden;clear:both;padding-top:7.1vw;}
header .btMenu > ul{overflow:hidden;float:left;position:relative;}
header .btMenu > ul li{float:left;margin-right:8vw;}
header .btMenu > ul li a{font-size:4.2vw;line-height:1;color:#7b7b7b;font-weight:700;}
header .btMenu > ul li a.on{color:#000;}
header .btMenu > div{float:right;position:relative;}
header .btMenu > div a{font-size:4.2vw;line-height:3.8vw;}
header .btMenu > div a span{background:url('/static/images/ico_gnb_link_m.png')no-repeat right center;background-size:2.2vw;padding-right:4.7vw;display:block;}

header.fixed{height:18.4vw;margin-bottom:-18.4vw;}
header.fixed .header .logo{float:left;margin:36px 0 34px;width:23.9vw;height:5.6vw;background:url('/static/images/header_logo_on_m.png') no-repeat 0 0;background-size:cover;margin:7.2vw 0 0 0;}
header.fixed .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_on_m.png') no-repeat 0 center;background-size:5vw auto;padding-left:0;height:5.1vw;width:5vw;display:block;}
header.fixed .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_on_m.png') no-repeat 0 center;background-size:4.8vw auto;padding-left:0;height:5vw;width:4.8vw;display:block;}
header.fixed .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_on_m.png')no-repeat center;background-size:4.2vw auto;width:4.2vw;height:3.7vw;margin-left:5.6vw !important;margin-top:0.6vw;}

header.noBg{height:18.4vw;margin-bottom:-18.4vw;}
header.noBg .header .logo{float:left;margin:36px 0 34px;width:23.9vw;height:5.6vw;background:url('/static/images/header_logo_on_m.png') no-repeat 0 0;background-size:cover;margin:7.2vw 0 0 0;}
header.noBg .header .rBox .btnsearch > a > span{background:url('/static/images/ico_header_search_on_m.png') no-repeat 0 center;background-size:5vw auto;padding-left:0;height:5.1vw;width:5vw;display:block;}
header.noBg .header .rBox .btnShared > a > span{background:url('/static/images/ico_shared_on_m.png') no-repeat 0 center;background-size:4.8vw auto;padding-left:0;height:5vw;width:4.8vw;display:block;}
header.noBg .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_on_m.png')no-repeat center;background-size:4.2vw auto;width:4.2vw;height:3.7vw;margin-left:5.6vw !important;margin-top:0.6vw;}

header.mFixed{position:fixed !important; top:0; left:0; bottom:0; z-index:100; width:100%;height:100%;overflow:auto;}
header.mFixed .header{height:100%;background:#fff;}
header.mFixed .header .logo{float:left;margin:36px 0 34px;width:23.9vw;height:5.6vw;background:url('/static/images/header_logo_on_m.png') no-repeat 0 0;background-size:cover;margin:7.2vw 0 0 0;}
header.mFixed .rBox .btnMenu{display:block;background:url('/static/images/ico_menu_close_m.png')no-repeat center;background-size:4.2vw auto;width:4.2vw;height:4.2vw;margin-left:5.6vw !important;margin-top:0.6vw;}
header.mFixed .rBox .btnMenu.on{margin-top:0;}
header.mFixed .rBox .btnsearch{display:none;}
header.mFixed .rBox .btnInq{display:block;}
header.mFixed .header .rBox .btnInq a span{background:url('/static/images/ico_inquiry_m.png') no-repeat left center;background-size:4.8vw auto;height:5vw;display:block;font-size:4.2vw;padding-left:5.8vw;color:#be0737;font-weight:700;line-height:5vw;}
}

/* floating top 버튼 */
.floatingTop{position: fixed;width:56px;height:56px;margin: 0;right: 2%;bottom: 30px;overflow: hidden;z-index:20;}
.floatingTop a{background:#fff url('/static/images/ico_arrow_up.png')no-repeat center;border:1px solid #d8d8d8;width:54px;height:54px;float: right;z-index:20;}
.floatingTop a span{display:block;text-indent:-99999px;}

@media screen and (max-width: 768px) {
    .floatingTop{position: fixed;margin: 0;right: 2%;bottom: 5%;overflow: hidden;width: 14vw;height: 14vw;}
    .floatingTop a{background:#fff url('/static/images/ico_arrow_up_m.png')no-repeat center;background-size:4vw auto;width:13.8vw;height:13.8vw;}
}

/* footer 영역 */
footer{max-width:1640px;width:100%;margin:0 auto;padding:0 20px;}

footer .footerBox{position:relative;}
footer .fTop{margin-top:32px;}
footer .fTop .flBox{overflow:hidden;display: inline-block;width: calc(100% - 510px);}
footer .fTop .subMenuBox{overflow:hidden;float:left;}
footer .fTop .subMenuBox li{float:left;}
footer .fTop .subMenuBox li + li{margin-left:20px;}
footer .fTop .subMenuBox li a{font-size:17px;line-height:55px;color:#000;font-weight:700;}

footer .frBox{float:right;max-width:240px;width:100%;}
footer .frBox > div a{font-size:17px;color:#666;background:#fff;border:1px solid #999;line-height:53px;}
footer .frBox > div a span{position:relative;width:100%;display:block;padding:0 30px;}
footer .frBox > div a span:after{content:'';position:absolute;background:url('/static/images/ico_clampG_B.png')no-repeat right center;width:14px;height:8px;right:30px;top:0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;top:50%;margin-top:-4px;}
footer .frBox > div{float:left;max-width:240px;width:100%;position:relative;}
footer .frBox > div.on a span:after{content:'';position:absolute;background:url('/static/images/ico_clampG_B.png')no-repeat right center;width:14px;height:8px;right:30px;top:0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);top:50%;margin-top:-4px;}
footer .frBox > div > ul{display:none;position:absolute;bottom:55px;left:0;max-width:240px;width:100%;background:#fff;padding:20px 30px;border:1px solid #999;border-bottom:0;}
footer .frBox > div > ul > li + li{margin-top:20px;}
footer .frBox > div > ul > li > div{padding-left:15px;background:url('/static/images/ico_clampR_R.png')no-repeat left center;font-weight:700;}
footer .frBox > div > ul > li > ul{border-top:1px solid #999;padding-top:10px;margin-top:10px;}
footer .frBox > div > ul > li > ul li{padding:5px 0;}
footer .frBox > div > ul > li > ul a{border:0;padding-left:15px;line-height:30px;}
footer .frBox > div > ul > li > ul a:hover{color:#bb0841;}

footer .fBottom{overflow:hidden;clear:both;padding-bottom:80px;padding-right:275px;}
footer .fBottom ul{overflow:hidden;}
footer .fBottom ul li{float:left;}
footer .fBottom ul li + li{border-left:1px solid #d8d8d8;padding-left:15px;margin-left:15px;}
footer .fBottom ul li a{font-size:17px;color:#666;font-weight:400;line-height:1;}
footer .fBottom ul li:first-child a{color:#bb0841;}
footer .fBottom p{font-size:17px;color:#666;margin-top:20px;}
footer .fBottom p + p{margin-top:0;}

footer .fBottom .btnTermPop1 span{font-weight:700;}

footer .snsBox{overflow:hidden;position: absolute;right: 0;top: 70px;}
footer .snsBox li{float:left;}
footer .snsBox li + li{margin-left:10px;padding-left:0;border-left:0;}
footer .snsBox li span{text-indent:-99999px;display:block;}
footer .snsBox li:nth-child(1) a{width:45px;height:45px;background:#eee url('/static/images/ico_footer_b.png')no-repeat center;border-radius:50%;}
footer .snsBox li:nth-child(2) a{width:45px;height:45px;background:#eee url('/static/images/ico_footer_f.png')no-repeat center;border-radius:50%;}
footer .snsBox li:nth-child(3) a{width:45px;height:45px;background:#eee url('/static/images/ico_footer_n.png')no-repeat center;border-radius:50%;}
footer .snsBox li:nth-child(4) a{width:45px;height:45px;background:#eee url('/static/images/ico_footer_y.png')no-repeat center;border-radius:50%;}
footer .snsBox li:nth-child(5) a{width:45px;height:45px;background:#eee url('/static/images/ico_footer_in.png')no-repeat center;border-radius:50%;}

footer .snsBox li:nth-child(1) a:hover{background:#626262 url('/static/images/ico_footer_b_on.png')no-repeat center;}
footer .snsBox li:nth-child(2) a:hover{background:#1877f2 url('/static/images/ico_footer_f_on.png')no-repeat center;}
footer .snsBox li:nth-child(3) a:hover{background:#5aaf33  url('/static/images/ico_footer_n_on.png')no-repeat center;}
footer .snsBox li:nth-child(4) a:hover{background:#ea3223 url('/static/images/ico_footer_y_on.png')no-repeat center;}
footer .snsBox li:nth-child(5) a:hover{background:#0a66c2 url('/static/images/ico_footer_in_on.png')no-repeat center;}


@media screen and (max-width: 1024px) {
footer{text-align:center;}
footer .fTop{margin-top:37px;margin-bottom:37px;}
footer .fTop .flBox{display:block;width:100%;}
footer .fTop .subMenuBox{float:none;max-width:265px;margin:0 auto;margin-bottom:30px;}
footer .fTop .subMenuBox li a{font-size:16px;line-height:1;}
footer .fTop .subMenuBox li + li{margin-left:20px;}
footer .snsBox{position:relative;top:0;width:265px;margin:0 auto;}
footer .frBox{max-width:310px;float:none;margin:0 auto;margin-top:40px;}
footer .frBox > div{float:none;max-width:310px;text-align:left;}
footer .frBox > div a{font-size:16px;line-height:51px;border-color:#dddddd;border-left:0;border-right:0;}
footer .frBox > div a span:after{content:'';position:absolute;background:url('/static/images/ico_clampG_B_m.png')no-repeat right center;width:9px;height:5px;background-size:9px auto;right:20px;top:0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;top:50%;margin-top:-2.5px;}
footer .frBox > div.on a span:after{content:'';position:absolute;background:url('/static/images/ico_clampG_B_m.png')no-repeat right center;width:9px;height:5px;background-size:9px auto;right:20px;top:0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);top:50%;margin-top:-2.5px;}
footer .frBox > div > ul{max-width:initial;bottom:53px;border-color:#eee;}
footer .fBottom{padding-bottom:60px;margin-top:27px;padding-right:0;}
footer .fBottom ul{float:none;}
footer .fBottom ul li{float:none;}
footer .fBottom ul li + li{border-left:0;padding-left:0;margin-left:0;}
footer .fBottom ul li a, footer .fBottom p{font-size:16px;line-height:32px;font-weight:400;}
footer .fBottom ul li a strong{font-weight:400;}
footer .fBottom p{float:none;margin-top:12px;}
}

@media screen and (max-width: 768px) {
footer{text-align:center;}
footer .fTop{margin-top:10vw;margin-bottom:10vw;}
footer .fTop .flBox{display:block;width:100%;}
footer .fTop .subMenuBox{float:none;display:inline-block;margin-bottom:8vw;max-width:none;}
footer .fTop .subMenuBox li a{font-size:4.2vw;line-height:1;}
footer .fTop .subMenuBox li + li{margin-left:5.6vw;}
footer .snsBox{float:none;margin-left:0;padding-top:0;top:0;width: 70.6vw;margin: 0 auto;}
footer .snsBox li:nth-child(1) a{width:12vw;height:12vw;background:#eee url('/static/images/ico_footer_b_m.png')no-repeat center;background-size:3.4vw auto;}
footer .snsBox li:nth-child(2) a{width:12vw;height:12vw;background:#eee url('/static/images/ico_footer_f_m.png')no-repeat center;background-size:2.9vw auto;}
footer .snsBox li:nth-child(3) a{width:12vw;height:12vw;background:#eee url('/static/images/ico_footer_n_m.png')no-repeat center;background-size:4.5vw auto;}
footer .snsBox li:nth-child(4) a{width:12vw;height:12vw;background:#eee url('/static/images/ico_footer_y_m.png')no-repeat center;background-size:5.8vw auto;}
footer .snsBox li:nth-child(5) a{width:12vw;height:12vw;background:#eee url('/static/images/ico_footer_in_m.png')no-repeat center;background-size:4.5vw auto;}

footer .snsBox li:nth-child(1) a:hover{background:#626262 url('/static/images/ico_footer_b_on.png')no-repeat center;background-size:3.4vw auto;}
footer .snsBox li:nth-child(2) a:hover{background:#1877f2 url('/static/images/ico_footer_f_on.png')no-repeat center;background-size:2.9vw auto;}
footer .snsBox li:nth-child(3) a:hover{background:#5aaf33  url('/static/images/ico_footer_n_on.png')no-repeat center;background-size:4.5vw auto;}
footer .snsBox li:nth-child(4) a:hover{background:#ea3223 url('/static/images/ico_footer_y_on.png')no-repeat center;background-size:5.8vw auto;}
footer .snsBox li:nth-child(5) a:hover{background:#0a66c2 url('/static/images/ico_footer_in_on.png')no-repeat center;background-size:4.5vw auto;}

footer .snsBox li + li{margin-left:2.6vw;}

footer .frBox{max-width:none;padding:0 8.8vw;margin-top:10vw;float:none;}
footer .frBox > div{float:none;max-width:none;text-align:left;}
footer .frBox > div a{font-size:3.7vw;line-height:13.6vw;border-color:#dddddd;border-left:0;border-right:0;}
footer .frBox > div a span{padding:0 5.3vw;}
footer .frBox > div a span:after{content:'';position:absolute;background:url('/static/images/ico_clampG_B_m.png')no-repeat right center;width:2.4vw;height:1.5vw;background-size:2.4vw auto;right:5.3vw;top:0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;top:50%;margin-top:-0.75vw;}
footer .frBox > div.on a span:after{content:'';position:absolute;background:url('/static/images/ico_clampG_B_m.png')no-repeat right center;width:2.4vw;height:1.5vw;background-size:2.4vw auto;right:5.3vw;top:0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);top:50%;margin-top:-0.75vw;}
footer .fBottom{padding-bottom:16.1vw;margin-top:7.3vw;padding-right:0;}
footer .fBottom ul{float:none;}
footer .fBottom ul li{float:none;}
footer .fBottom ul li + li{border-left:0;padding-left:0;margin-left:0;}
footer .fBottom ul li a, footer .fBottom p{font-size:3.7vw;line-height:8.5vw;font-weight:400;}
footer .fBottom ul li a strong{font-weight:400;}
footer .fBottom p{float:none;margin-top:3.2vw;}
footer .frBox > div > ul{padding:4vw 5.3vw;}
footer .frBox > div > ul{max-width:none;bottom:13.6vw;border:1px solid #eee;}
footer .frBox > div > ul > li + li{margin-top:4vw;}
footer .frBox > div > ul > li > div{padding-left:3.2vw;font-size:4.2vw;background:url('/static/images/ico_clampR_R_m.png')no-repeat left center;background-size:1.5vw 2vw;}
footer .frBox > div > ul > li > ul a{font-weight:400;padding-left:4vw;line-height:6.8vw;}
footer .frBox > div > ul > li > ul{margin-top:2vw;padding-top:2vw;}
}




/* container */
.container{max-width:1920px;width:100%;margin:0 auto;overflow:hidden;}
.container.typeFbd{border-bottom:1px solid #333;}
.inner{max-width:1200px;width:100%;margin:0 auto;padding:0 60px;box-sizing:border-box;position:relative;}
.con + .con{margin-top:100px;}
.con:first-child{margin-top:100px;}
.inner.line{border-top:1px solid #d8d8d8;width:100%;padding-top:100px;}
/* visual 영역 */
.visual{width:100%;height:460px;display:table;text-align:center;position:relative;}
.visual .txtBox{color:#fff;display:table-cell;vertical-align:middle;text-shadow:2px 2px 2px gray;padding-top:100px;}
.visual .txtBox h1{font-size:60px;line-height:82px;font-weight:800;margin-bottom:12px;}
.visual .txtBox p{font-size:20px;line-height:26px;}
.visual .txtBox p span{display:block;}/* pc-block, mo-inline */
.visual .tabWrap{position:absolute;width:100%;max-width:1080px;left:50%;transform:translateX(-50%);bottom:0;}
.visual .nowTab{display:none;}
.visual .tabArea{overflow:hidden;clear:both;}
.visual .tabArea li{float:left;background:rgba(0,0,0,0.4);position:relative;}
.visual .tabArea li a{color:#fff;font-weight:700;padding:15px 0;}
.visual .tabArea li.on{background:#be154b;}
.visual .tabArea li.on:after{content:'';position:absolute;background:#be154b;left:-1px;top:0;width:1px;height:100%;z-index:1;}
.visual .tabArea li.on a{text-decoration:underline;}
.visual .tabArea li + li{border-left:1px solid rgba(255,255,255,0.15);}
.visual .tabArea li.on + li{border-left:0;}
.visual .tabArea.tab2 li{width:50%;}
.visual .tabArea.tab3 li{width:calc(100%/3);}
.visual .tabArea.tab4 li{width:25%;}
.visual .tabArea.tab5 li{width:20%;}

.floatBox{overflow:hidden;clear:both;}
.fLeft{float:left;}
.fRight{float:right;}

.forPC{display:block !important;}
.forM{display:none !important;}

/* text */
.hidden{position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}
.txtC{text-align:center;}

h2{font-size:22px;line-height:1;position:relative;font-weight:800;}
h2:before{content:'';position:absolute;top:9px;left:-60px;background:#000;width:30px;height:2px;}
.bdtBk{padding-top:100px;margin-top:100px;position:relative;}
.bdtBk:after{content:'';position:absolute;border-top:1px solid #333;left:-60px;top:0;width:calc(100% + 120px);}
.bdtBk:before{top:109px;}

.tUnder{font-weight:800;position:relative;}
.ft01{font-size:40px;line-height:58px;}
.ft01.only{padding-bottom:60px;}
.ft02{font-size:30px;line-height:45px;}
.fstar{font-size:16px;line-height:28px;color:#666;position:relative;padding-left:7px;margin-top:8px;}
.fstar:before{content:'*';position:absolute;top:0;left:0;}
.subTitR{font-size:20px;line-height:32px;font-weight:700;color:#be154b;margin-bottom:24px;}
.fstar .fstarTit{padding-left:5px; font-weight:700;}
.fstar a{display:inline-block;color:#666;}

.fcR{color:#be154b;}

.txtDiv{display:block;} /* text web:block, mo:inline */
.txtDivRev{display:inline;} /* text web:inline, mo:block */
.imgAreaBdt{max-width:1080px; width:100%;border-top:1px solid #d8d8d8; padding-top:55px; margin-top:55px;} /* 2020 영문 작업 수정 */

/* 효과 */
.motion{opacity: 0;-moz-transition: all 700ms ease-out;-webkit-transition: all 700ms ease-out;-o-transition: all 700ms ease-out;transition: all 700ms ease-out;}

* .main .tit.motion{-moz-transition: all 1500ms ease-in-out;-webkit-transition: all 1500ms ease-in-out;-o-transition: all 1500ms ease-in-out;transition: all 1500ms ease-in-out;}
/* 서서히 나타나는 효과 */
.fadeIn{opacity:0;}
/* 아래에서 위로 */
.fadeInUp{-moz-transform: translate3d(0, 50%, 0);-webkit-transform: translate3d(0, 50%, 0);-o-transform: translate(0, 50%);-ms-transform: translate(0, 50%);transform: translate3d(0, 50%, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
/* 오른쪽에서 왼쪽 */
.fadeInR{-moz-transform: translate3d(50%, 0, 0);-webkit-transform: translate3d(50%, 0, 0);-o-transform: translate(50%, 0, 0);-ms-transform: translate(50%, 0, 0);transform: translate3d(50%, 0, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
/* 왼쪽에서 오른쪽 */
.fadeInL{-moz-transform: translate3d(-50%, 0, 0);-webkit-transform: translate3d(-50%, 0, 0);-o-transform: translate(-50%, 0, 0);-ms-transform: translate(-50%, 0, 0);transform: translate3d(-50%, 0, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
/* 스크립트로 .motion 위치에 왔을 때 붙는 클래스 */
.animate{opacity: 1;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate3d(0, 0, 0);}


/* 팝업 공통 */
.publicPop{display:none; position:absolute; top:0; left:0; z-index:101; width:100%;}
.publicPop .popArea{position:relative; padding:0 60px 60px;max-width:1080px; background:#fff;margin:0 auto;}
.publicPop .popTitle strong{display:block; padding:50px 100px 40px 0; font-size:24px; font-weight:400;}
.publicPop .popClose{width:32px; height:32px; position:absolute; top:48px; right:60px; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0;}
.publicPop .moviePop iframe{height:540px;}
.dim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:100; background:#000; filter:alpha(opacity=50); opacity:0.5;}

/* 개인정보취급방침, 이용약관, 이벤트정보수집(선택)팝업 */
.termPop{display:none; position:absolute; top:0; left:0; z-index:103; width:100%;}
.termPop .popArea{position:relative; padding:0 60px 60px;max-width:900px; background:#fff;margin:0 auto;text-align:left;}
.termPop .popTitle{margin-bottom:24px;border-bottom:1px solid #333;}
.termPop .popTitle strong{display:block; padding:50px 100px 40px 0; font-size:24px; font-weight:400;}
.termPop .popTermClose{width:32px; height:32px; position:absolute; top:48px; right:60px; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0;}
.termPop .termCon{height:400px; padding-right:20px;}
.termPop .splitArea{margin-top:45px;}
.termPop .splitArea strong{font-weight:700;}
.termPop .splitArea p{margin-top:10px;}
.termPop .lawList{margin-bottom:80px;}
.termPop .lawList > ul > li{margin-top:45px;}
.termPop .lawList > ul > li.mgtZero{margin-top:0;}
.termPop .lawList .lawTitle{overflow:hidden; display:block; font-size:24px; font-weight:800;}
.termPop .lawList .lawTnum{display:inline-block; float:left; min-width:20px; margin-right:10px;}
.termPop .lawList .lawTtxt{display:inline-block; float:left; width:calc(100% - 50px);}
.termPop .lawList .numType{overflow:hidden; margin-top:22px;}
.termPop .lawList .numType > span{font-weight:700; display:block; float:left; min-width:30px; margin-right:10px;}
.termPop .lawList .defaultTxt{float:left; width:calc(100% - 60px);}
.termPop .lawList .inAlphabet{overflow:hidden; margin-top:10px;}
.termPop .lawList .inAlphabet > span{font-weight:700; display:block; float:left; width:25px;}
.termPop .lawList .alphabetTxt{float:left; width:calc(100% - 25px);}
.termPop .lawList .inRoma{overflow:hidden; margin-top:10px;}
.termPop .lawList .inRoma > span{font-weight:700; display:block; float:left; min-width:10px; margin-right:10px;}
.termPop .lawList .inRoma > p{float:left; width:calc(100% - 40px);}
.termPop .lawList .caution{position:relative; padding-left:20px; margin-top:20px; font-size:16px; line-height:26px; color:#666;}
.termPop .lawList .caution:before{content:'※'; display:block; position:absolute; top:0; left:0;}
.termPop .lawList .liHyphen.inLaw{margin-top:22px;}
.termPop .lawList .liHyphen.mgtZero{margin-top:0;}
.termPop .lawList a{display:inline; text-decoration:underline; word-break:break-all;}
.termPop .lawList a.decoNone{text-decoration:none;}
.termDim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:102; background:#000; filter:alpha(opacity=50); opacity:0.5;}

/* footer 이메일주소 무단수집거부 팝업 */
.publicPop.popEmailReject .popArea{position:relative; padding:0 60px 60px;max-width:600px; background:#fff;margin:0 auto;text-align:left;}
.publicPop.popEmailReject .popTitle{margin-bottom:24px;border-bottom:1px solid #333;}
.publicPop.popEmailReject .popArea .dashBk{padding-left:11px;position:relative;margin-top:30px;font-size:17px;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid #d8d8d8;}
.publicPop.popEmailReject .popArea .dashBk:before{content:'';position:absolute;top:13px;left:0;width:6px;height:2px;background:#888;}

/* 리서치 팝업 */
.publicPop.popResearch .popArea{position:relative; padding:0 60px 60px;max-width:600px; background:#fff;margin:0 auto;text-align:center;}
.publicPop.popResearch .formBox{padding-top:82px;}
.publicPop.popResearch .formBox p{font-size:24px;line-height:40px;margin-bottom:12px;}
.publicPop.popResearch .starBox{margin-bottom:30px;}
.publicPop.popResearch .starBox > .starInput,
.publicPop.popResearch .starBox > .starInput input:checked+label{display: inline-block;vertical-align: top;background:url('/static/images/img_research_star.png')no-repeat;}
.publicPop.popResearch .starBox{white-space: nowrap;}
.publicPop.popResearch .starBox > .starInput{display:inline-block;width: 147px;background-size: 147px;height: 26px;white-space: nowrap;overflow: hidden;position: relative;}
.publicPop.popResearch .starBox > .starInput input{position: absolute;width: 1px;height: 1px;opacity: 0;}
.publicPop.popResearch .starBox > .starInput label{width: 26px;height: 0;padding: 26px 0 0 0;overflow: hidden;float: left;cursor: pointer;position: absolute;top: 0;left: 0;}
.publicPop.popResearch .starBox > .starInput input:checked+label{background-size: 147px;background-position: 0 bottom;}
.publicPop.popResearch .starBox > .starInput li:nth-child(1) label{width: 30px;z-index: 10;}
.publicPop.popResearch .starBox > .starInput li:nth-child(2) label{width: 60px;z-index: 9;}
.publicPop.popResearch .starBox > .starInput li:nth-child(3) label{width: 90px;z-index: 8;}
.publicPop.popResearch .starBox > .starInput li:nth-child(4) label{width: 120px;z-index: 7;}
.publicPop.popResearch .starBox > .starInput li:nth-child(5) label{width: 147px;z-index: 6;}
.publicPop.popResearch .txtBox{width:100%;height:110px;border:1px solid #d8d8d8;padding:8px 14px;font-size:16px;line-height:28px;color:#666;display:block;}


/* 다운로드 팝업 */
.publicPop.downCollect {
    position: absolute;
}

/* [CSR ID:4212172] 홈페이지 내 AWS 사례 이미지 파일 팝업 추가 요청 */
.termPop.AWSCase1 .popArea,.termPop.AWSCase2 .popArea,.termPop.AWSCase3 .popArea {max-width:1100px;}

/* 담당자 연락처 보기 : 공통 */
.publicPop.contactTell .popArea{max-width:600px;}
.publicPop.contactTell .tellBox{border-top:1px solid #333; border-bottom: 1px solid #d8d8d8;}
.publicPop.contactTell .tellBox ul{padding:30px 18px;}
.publicPop.contactTell .tellBox ul li{ margin-top:8px; padding:0 0 0 40px; position:relative;}
.publicPop.contactTell .tellBox ul li:first-child{margin-top:0;}
.publicPop.contactTell .tellBox li:before{content:''; display:block; width:30px; height:30px; position:absolute; top:50%; left:0; transform:translateY(-50%); background-position:0 0; background-repeat:no-repeat;}
.publicPop.contactTell .tellBox .cName:before{background-image: url('/static/images/ico_tell1.png');}
.publicPop.contactTell .tellBox .cTell:before{background-image: url('/static/images/ico_tell2.png');}
.publicPop.contactTell .tellBox .cMail:before{background-image: url('/static/images/ico_tell3.png');}


/* 인풋 박스 */
input.bkCheck{position:relative;}
input.bkCheck[type="checkbox"]{position:absolute; z-index:-1; width:0; height:0;}
input.bkCheck[type="checkbox"] + label{position:relative;}
input.bkCheck[type="checkbox"] + label:before{content:''; display:inline-block; width:28px; height:28px; background: url('/static/images/bk_check_off.jpg') 0 0 no-repeat; background-size:100%; vertical-align:top; position:absolute; top:-4px; right:-35px;}
input.bkCheck[type="checkbox"]:checked + label:before{background: url('/static/images/bk_check_on.jpg') 0 0 no-repeat; background-size:100%; position:absolute; top:-4px; right:-35px;}

/* 버튼 박스 */
.btnBox.btn2{overflow:hidden;}
.btnBox.btn2 a{float:left;}
.btnBox.btn2 a + a{margin-left:10px;}

/* 버튼 */
.btnBkLine{border:2px solid #000;font-size:15px;line-height:27px;font-weight:700;padding:7px 20px;text-align:left;min-width:150px;display:inline-block;}
.btnBk{font-size:15px;color:#fff;line-height:27px;font-weight:700;padding:9px 20px;background:#000;min-width:150px;display:inline-block;}
.btnR{font-size:15px;color:#fff;line-height:27px;font-weight:700;padding:9px 20px;background:#bb0841;min-width:150px;display:inline-block;}
.btnMore{font-size:16px;line-height:26px;display:inline-block;}
.btnMore span{padding-left:46px;background:url('/static/images/btn_more.png')no-repeat left center;display:inline-block;font-weight:700;}
.btnUnderW{font-size:18px;line-height:34px;color:#fff;display:inline-block;}
.btnUnderW span{text-decoration:underline;}

.icoDownW span{background:url('/static/images/ico_unfold_arrow.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:11px 7px;padding-right:20px;box-sizing:border-box;}
.icoUpW span{background:url('/static/images/ico_unfold_arrow_close.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:11px 7px;padding-right:20px;box-sizing:border-box;}
.icoDown span{background:url('/static/images/ico_download.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:10px 12px;padding-right:20px;box-sizing:border-box;}
.icoDownWt span{background:url('/static/images/ico_download_W.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:10px 12px;padding-right:20px;box-sizing:border-box;}
.icoShare span{background:url('/static/images/ico_shared_bk.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:14px 20px;padding-right:25px;box-sizing:border-box;}
.icoClampR span{background:url('/static/images/ico_clampW_R.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:7px 11px;padding-right:20px;box-sizing:border-box;}
.icoClampBkR span{background:url('/static/images/ico_clampBk_R.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:7px 11px;padding-right:20px;box-sizing:border-box;}
.icoMove span{background:url('/static/images/ico_move.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:14px 14px;padding-right:20px;box-sizing:border-box;}
.icoMoveW span{background:url('/static/images/ico_move_w.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:14px 14px;padding-right:20px;box-sizing:border-box;}
.icoMenu span{background:url('/static/images/ico_menu_bk.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:12px 12px;padding:2px 20px 0 0;box-sizing:border-box;}
.icoMenuW span{background:url('/static/images/ico_menu_w.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:12px 12px;padding:2px 20px 0 0;box-sizing:border-box;}

/* 공통 리스트 */
.commList{display:table; width:100%;}
.commList li{display:table-cell; overflow:hidden;}
.commList li div{border:1px solid red;}

/* 공통 상단 텍스트 */
.infoTopCon li{margin-top:45px;}
.infoTopCon li > strong{display:block; color:#bb0841; margin-bottom:7px; font-size:20px; font-weight:700;}
.infoTopCon li > strong.mgb{margin-bottom:45px;}
.infoTopCon.borderType li{border-top:1px solid #d8d8d8; padding-top:55px;}
.infoTopCon.borderType li.bdtNone{border-top:none; padding:0;}

/* Download */
.monaDown ul{margin-top:40px;}
.monaDown ul li{overflow:hidden;clear:both;width:100%;border-top:1px solid #d8d8d8;padding:32px 0;display:table;}
.monaDown ul li:last-child{border-bottom:1px solid #d8d8d8;}
.monaDown ul li > div{display:table-cell;vertical-align:middle;box-sizing:border-box;width:310px;}
.monaDown ul li > div:first-child{width:calc(100% - 360px);background:url('/static/images/platform/img_monaDown.png')no-repeat 40px center;padding-left:120px;}
.monaDown ul li > div.pdfDown{background:url('/static/images/img_pdfDown.png')no-repeat 40px center;}
.monaDown ul li > div:first-child span{font-size:16px;line-height:28px;color:#bb0841;}
.monaDown ul li > div p{font-size:24px;line-height:36px;color:#000;font-weight:700;}
.monaDown ul li > div .btnBox.btn2{float:right; margin-right:40px;}

/* 간격 */
h2 + div{margin-top:60px;}
h2 + p{margin-top:54px;}
h2 + .ft01{margin-top:51px;}
.imgDiv + p{margin-top:54px;}
p + .imgDiv{margin-top:54px;}
h2 + .imgDiv{margin-top:60px;}
.ft01 + p{margin-top:51px;}
.ft01 + p.caseS{margin-top:25px;}
p.divCaseS{margin-top:25px;}
p + .ft01{margin-top:51px;}
h2 + .tabs{margin-top:40px;}
h2 + .txt{margin-top:35px;}
h2 + p.single{margin-bottom:60px;}
p + .imgPop{margin-top:44px;}
.imgPop.anotherTag{margin-top:44px;}
p.caseS + .tbl{margin-top:34px;}
.txtTopmg{margin-top:50px;}
.txtTopmgHf{margin-top:25px;}
.divConbdt{margin-top:50px; padding-top:50px; border-top:1px solid #d8d8d8;}

/* bullet, hyphen normal */
.bulletType,
.hyphenType{position:relative; padding-left:10px;}
.bulletType:before,
.hyphenType:before{content:''; display:block; position:absolute; left:0;}
.bulletType:before{background:#333; width:3px; height:3px; top:12px;}
.hyphenType:before{background:#000; width:5px; height:1px; top:13px;}
.bulletType.tBold,
.hyphenType.tBold{font-weight: 700;}
.bulletType.redTxt,
.hyphenType.redTxt{color: #be154b;}

/* dl text */
.dlText.first{margin-top:0;}
.dlText{margin-top:35px;}
.dlText dt{font-size:18px; font-weight:700; margin-bottom:3px;}
.dlText.type2 dt{font-size:20px;}
.dlText.type3 dt{font-size:24px;}
.dlText dt.redTxt{color:#be154b;}
.dlText dd{position:relative; padding-left:10px;}
.dlText dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.dlText dd.hyphenNone{padding-left:0;}
.dlText dd.hyphenNone:before{display:none;}
.redTxtSize20{color:#be154b; font-size:20px;}

/* dl text2 - dt:bullet, dd:hyphen */
.dlText2.first{margin-top:0;}
.dlText2{margin-top:35px;}
.dlText2 dt{position:relative; padding-left:10px; font-size:18px; font-weight:700; margin-bottom:3px;}
.dlText2 dt:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:12px; left:0;}
.dlText2 dt.redTxt{color:#be154b;}
.dlText2 dt.normal{font-weight:400;}
.dlText2 dd{position:relative; padding-left:10px; margin-left:16px;}
.dlText2 dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}

/* dl text3 - dt:normal, dd:bullet */
.dlText3.first{margin-top:0;}
.dlText3{margin-top:35px;}
.dlText3 dt{font-size:18px; font-weight:700; margin-bottom:3px;}
.dlText3 dt.redTxt{color:#be154b;}
.dlText3 dt.redTxtSize20{color:#be154b; font-size:20px; margin-bottom:15px;}
.dlText3 dd{position:relative; padding-left:10px;}
.dlText3 dd:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:12px; left:0;}

/* li hyphen */
.liHyphen.first{margin-top:0;}
.liHyphen.emp{font-weight:700; margin-bottom:25px;}
.liHyphen{margin-top:35px;}
.liHyphen li{position:relative; padding-left:10px;}
.liHyphen li:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.liHyphen.white li:before{background:#fff;}
.liHyphen.gray li:before{background:#aaa;}

/* li bullet */
.liBullet.first{margin-top:0;}
.liBullet{margin-top:35px;}
.liBullet > li{position:relative; padding-left:10px;}
.liBullet > li:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:12px; left:0;}

/* dotted text */
p + .dotTxt{margin-top:28px;}
.dotTxt > li{padding-left:13px;position:relative;}
.dotTxt > li:before{content:'';position:absolute;width:3px;height:3px;top:13px;left:0;background:#000;}

/* dash text */
.dashTxt > li{padding-left:13px;position:relative;}
.dashTxt > li:before{content:'';position:absolute;width:6px;height:2px;top:13px;left:0;background:#888;}
.dashTxt.gray > li:before{content:'';position:absolute;width:6px;height:2px;top:13px;left:0;background:#888;}

/* border */
.bdt{border-top:1px solid #d8d8d8;margin-top:44px;padding-top:44px;}
.bdtBox{margin-top:44px;padding-top:44px;border-top:1px solid #d8d8d8;}

/* box */
ul.grayBox{display: flex;width:calc(100% + 24px);table-layout:fixed;margin-left:-24px;}
ul.grayBox li{box-sizing:border-box;position:relative;padding:40px 40px 40px 64px;flex: 1;}
ul.grayBox li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:24px;right:0;bottom:0;z-index:-1;}

ul.grayBox2{display: flex;width:calc(100% + 40px);table-layout:fixed;margin-left:-40px;}
ul.grayBox2 li{box-sizing:border-box;position:relative;padding:40px 40px 40px 80px;flex: 1;}
ul.grayBox2 li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:40px;right:0;bottom:0;z-index:-1;}

ul.grayBox4{display: flex;width:calc(100% + 24px);table-layout:fixed;margin-left:-24px;}
ul.grayBox4 li{box-sizing:border-box;position:relative;padding:14px 20px 14px 44px;flex: 1;}
ul.grayBox4 li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:22px;right:0;bottom:0;z-index:-1;}

.bdBox.titleBox{border:1px solid #d8d8d8;padding:68px 0;margin-top:34px;}
.bdBox.titleBox img{margin:0 auto;}

/* 원형 숫자 */
.grayCyList ol{margin-top:50px;}
.grayCyList .listTit{display:block;margin-top:50px;}
.grayCyList .listTit + ol{margin-top:15px;}
.grayCyList .listTit + ol li + li{margin-top:12px;}
.grayCyList .listTit + ol p + p{margin-top:10px;}
.grayCyList ol li{overflow:hidden;clear:both;position:relative;}
.grayCyList ol li span{width:32px;height:32px;position:absolute;background:#333;border-radius:50%;color:#fff;font-weight:700;text-align:center;line-height:32px;}
.grayCyList ol li strong{padding-left:42px;line-height:32px;}
.grayCyList ol li p{padding-left:42px;line-height:32px;}
.grayCyList ol li + li{margin-top:24px;}
.smallInr .textArea .grayCyList ol li span{padding-right:0;}

/* 클릭 이미지 센터 정렬 : 공통 */
.imgPop.typeCenter{text-align:center;}
.imgPop.typeCenter img{display:inline-block;}
.imgPop.typeCenter + .imgPop.typeCenter.bdt{padding-top:80px;margin-top:80px;} /* 2019-12-16 추가 */

/* 지원 단말기 */
.phoneLineUp{border-top:2px solid #333; border-bottom:1px solid #aaa;}
.phoneLineUp > ul > li{overflow:hidden; border-top:1px solid #d8d8d8;}
.phoneLineUp > ul > li:first-child{border-top:none;}
.phoneLineUp > ul > li > strong{width:200px; display:block; float:left; padding-top:25px; color:#bb0841; font-size:20px; font-weight:700;}
.phoneLineUp .normalTxt{}
.phoneLineUp .redTxt{color:#bb0841;}
.phoneLineUp .smallTxt{color:#666; font-size:16px;}
.phoneLineUp .phone_ico{float:left; overflow:hidden; width:calc(100% - 200px);}
.phoneLineUp .phone_ico > div{float:left; width:45%; height:200px; position:relative; padding:0 0 0 150px; display:flex; flex-direction:column; justify-content:center;}
.phoneLineUp .phone_ico > div:before{content:''; display:block; width:140px; height:170px; position:absolute; top:50%; left:0; transform:translateY(-50%); background-position:0 0; background-repeat:no-repeat;}
.phoneLineUp .phone_ico > div > span{display:block;}
.phoneLineUp .ico1:before{background-image: url('/static/images/solution/img_SafeIdp_ph1.png');}
.phoneLineUp .ico2:before{background-image: url('/static/images/solution/img_SafeIdp_ph2.png');}
.phoneLineUp .ico3:before{background-image: url('/static/images/solution/img_SafeIdp_ph3.png');}
.phoneLineUp .ico4:before{background-image: url('/static/images/solution/img_SafeIdp_ph4.png');}
.phoneLineUp .ico5:before{background-image: url('/static/images/solution/img_SafeIdp_ph5.png');}
.phoneLineUp .ico6:before{background-image: url('/static/images/solution/img_SafeIdp_ph6.png');}
.phoneLineUp .ico7:before{background-image: url('/static/images/solution/img_SafeIdp_ph7.png');}
.phoneLineUp .ico8:before{background-image: url('/static/images/solution/img_SafeIdp_ph8.png');}



/* 회색박스 3개타입 공통 */
.grayBox3num{display: flex;width:calc(100% + 24px);table-layout:fixed;margin-left:-24px;margin-top:54px;}
.grayBox3num li{box-sizing:border-box;position:relative;padding:40px 40px 40px 64px;flex: 1;}
.grayBox3num li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:24px;right:0;bottom:0;z-index:-1;}
.grayBox3num li.ico5,
.grayBox3num li.ico6{padding:40px 25px 40px 64px;}
.grayBox3num li.ico5 strong{letter-spacing:-4px;}
.grayBox3num li.ico6 strong{letter-spacing:-3px;}
.grayBox3num li div{position:relative;font-size:40px;line-height:72px;margin-bottom:16px;letter-spacing:-1px;}
.grayBox3num li div strong{font-size:72px;font-weight:800;}
.grayBox3num li.ico1 div{background-image:url('/static/images/img_grayBox3num_01.png');background-repeat:no-repeat;background-position:right top;}
.grayBox3num li.ico2 div{background-image:url('/static/images/img_grayBox3num_02.png');background-repeat:no-repeat;background-position:right top;}
.grayBox3num li.ico3 div{background-image:url('/static/images/img_grayBox3num_03.png');background-repeat:no-repeat;background-position:right top;}
.grayBox3num li.ico4 div{background-image:url('/static/images/img_grayBox3num_04.png');background-repeat:no-repeat;background-position:right top;}
.grayBox3num li.ico5 div{background-image:url('/static/images/img_grayBox3num_05.png');background-repeat:no-repeat;background-position:right top;}
.grayBox3num li.ico6 div{background-image:url('/static/images/img_grayBox3num_06.png');background-repeat:no-repeat;background-position:right top;}

.vtBox{display:table;width:100%;table-layout:fixed;}
.vtCon{display:table-cell;vertical-align:middle;width:100%;}

.vtBoxBoder{display: flex;width:calc(100% + 20px);table-layout:fixed;margin-left:-20px;}
.vtBoxBoder .vtCon{box-sizing:border-box;position:relative;padding:20px 20px 20px 40px;flex: 1;}
.vtBoxBoder .vtCon:after{content:'';position:absolute;border:1px solid #d8d8d8;top:0;left:20px;right:0;bottom:0;z-index:-1;}
.vtBoxBoder + .vtBoxBoder{margin-top:20px;}

.txtBox1{overflow:hidden;clear:both;}
.txtBox1 .subTitR{float:left;width:25%;padding-right:20px;box-sizing:border-box;}
.txtBox1 .txtCon{float:left;width:75%;box-sizing:border-box;}
.txtBox1 .boxTit{line-height:28px;font-weight:700;margin-bottom:15px;}

.txtBox2{overflow:hidden;clear:both;}
.txtBox2 .subTitR{float:left;width:20%;padding-right:20px;margin-bottom:0;box-sizing:border-box;}
.txtBox2 .txtCon{float:left;width:80%;box-sizing:border-box;}
.txtBox2 .boxTit{line-height:28px;font-weight:700;margin-bottom:15px;}
.txtBox2 .imgArea{margin-top:55px;}
.txtBox2 .imgArea.zero{margin-top:0;}

.imgSubBox {text-align:center;}
.imgSubBox img{margin:0 auto;}
.imgSubBox p{font-size:16px;line-height:28px;color:#666;margin-top:12px;}

.imgBox{margin-top:44px;}
.imgBox img{margin:0 auto;}
.imgArea img{margin:0 auto;}
/* 도입 효과 */
/* 190923 타이틀이 붙어있을때 */
.effectTypeTitle > ul > li{overflow:hidden; margin-top:30px;}
.effectTypeTitle > ul > li:first-child{margin-top:0;}
.effectTypeTitle .effectTit{width:315px; margin-right:30px; float:left;}
.effectTypeTitle .effectTit span{display:block; font-size:20px; font-weight:700;}
.effectTypeTitle .effectTit span:after{content:''; display:inline-block; width:40px; height:2px; background:#bb0841; vertical-align:top; margin:14px 0 0 15px;}
.effectTypeTitle .effectTit > div{font-size:30px; line-height:44px; margin:5px 0 0 37px;}
.effectTypeTitle .effectText{width:calc(100% - 345px); float:right; padding:25px 30px; background:#f8f8f8;}
.effectTypeTitle.ver2 .effectTit{width:215px;}
.effectTypeTitle.ver2 .effectText{width:calc(100% - 245px);}

/* 190923 글자 박스만 있을때 */
.effectTypeText .text{padding:25px 30px; background:#f8f8f8;}
.effectTypeText .number{display:block; font-size:20px; font-weight:700;}
.effectTypeText .number:after{content:''; display:inline-block; width:40px; height:2px; background:#bb0841; vertical-align:top; margin:14px 0 0 15px;}
.effectTypeText .text{margin-top:10px;}
.effectTypeText .minHline2{min-height:110px;}
.effectTypeText .minHline3{min-height:140px;}
.effectTypeText .minHline4{min-height:170px;}
.effectTypeText .minHline5{min-height:200px;}
.effectTypeText .defaultLimit{overflow:hidden;}
.effectTypeText .defaultLimit > li{width:31.8%; float:left; margin-top:45px;}
.effectTypeText .defaultLimit > li:nth-child(1),
.effectTypeText .defaultLimit > li:nth-child(3){margin-top:0;}
.effectTypeText .defaultLimit > li:nth-child(2){margin:0 2.3%;}
.effectTypeText .defaultLimit > li:nth-child(3n+5){margin:45px 2.3% 0;}
.effectTypeText .rongLimit{overflow:hidden;}
.effectTypeText .rongLimit > li{width:31.8%; float:left; margin:45px 0 0 2.3%;}
.effectTypeText .rongLimit > li.mglNone{margin-left:0;}
.effectTypeText .rongLimit > li.rong{width:calc(100% - 31.8% - 2.3%);}
.effectTypeText .halfLimit{overflow:hidden;}
.effectTypeText .halfLimit > li{width:calc(50% - 1.15%); margin-top:45px;}
.effectTypeText .halfLimit > li:nth-child(1),
.effectTypeText .halfLimit > li:nth-child(2){margin-top:0;}
.effectTypeText .halfLimit > li:nth-child(odd){float:left;}
.effectTypeText .halfLimit > li:nth-child(even){float:right;}
.effectTypeText .rongLimit > li.mgtZero{margin-top:0;}

/* 원형이 세개일때 : 좌우 여백이 있는 타입 추가 */
.con.introductionNew{margin-top:56px;}
.con.introductionNew ul{overflow:hidden;clear:both;margin-top:70px;}
.con.introductionNew ul li{float:left;vertical-align:middle;width:31.8%;text-align:center;position:relative;}
.con.introductionNew ul li:nth-child(2){margin:0 2.3%;}
.con.introductionNew ul li:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fcf8f7;border:1px solid #eed9d7;border-radius:50%;box-sizing:border-box;}
.con.introductionNew ul li div{position:relative;padding-top:100%;}
.con.introductionNew ul li p{font-size:20px;position:absolute;top:47%;left:50%;transform: translate(-50%, -50%);width:100%;padding-top:54px;background: url('/static/images/point_check.png')no-repeat center top;}

/* 원형이 두개일때 : 좌우 여백이 있는 타입 추가 */
.con.introductionNew2 ul{overflow:hidden;clear:both;margin-top:70px; padding: 0 180px;}
.con.introductionNew2 ul li{float:left;vertical-align:middle;width:calc(50% - 15px);text-align:center;position:relative;}
.con.introductionNew2 ul li:first-child{margin-right:30px;}
.con.introductionNew2 ul li:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(243,226,224,0.25);border:1px solid #f3e2e0;border-radius:50%;box-sizing:border-box;}
.con.introductionNew2 ul li div{position:relative;padding-top:100%;}
.con.introductionNew2 ul li p{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;padding:0 50px;padding-top:54px;background: url('/static/images/industry/img_digitalTf_check.png')no-repeat center top;}

/* 원형이 세개일때 */
.con.introduction{margin-top:56px;}
.con.introduction.ver2 .inner{border-top:none; padding:0 60px; margin-top:100px;}
.con.introduction > ul{overflow:hidden;clear:both;margin-top:70px;}
.con.introduction > ul > li{float:left;vertical-align:middle;width: calc((100%/3) + 15px);text-align:center;position:relative;margin-left: -15px;margin-right: -15px;}
.con.introduction > ul > li:first-child{margin-left:0;}
.con.introduction > ul > li:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(243,226,224,0.25);border:1px solid #f3e2e0;border-radius:50%;box-sizing:border-box;}
.con.introduction > ul > li div{position:relative;padding-top:100%;}
.con.introduction > ul > li p{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;padding:0 35px;padding-top:54px;background: url('/static/images/industry/img_digitalTf_check.png')no-repeat center top;}

/* 원형이 두개일때 */
.con.introduction2 ul{overflow:hidden;clear:both;margin-top:70px; padding: 0 180px;}
.con.introduction2 ul li{float:left;vertical-align:middle;width:calc(50% + 15px);text-align:center;position:relative;margin-left:-15px;}
.con.introduction2 ul li:first-child{margin-left:0;margin-right:-15px;}
.con.introduction2 ul li:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(243,226,224,0.25);border:1px solid #f3e2e0;border-radius:50%;box-sizing:border-box;}
.con.introduction2 ul li div{position:relative;padding-top:100%;}
.con.introduction2 ul li p{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;padding:0 50px;padding-top:54px;background: url('/static/images/industry/img_digitalTf_check.png')no-repeat center top;}

/* 세로 3원형 공통 */
.conCycle{height:800px; background:url('/static/images/solution/bg_3cycle.png')no-repeat 0 0;}
.conCycle.bg2{height:800px; background:url('/static/images/solution/bg_3cycle_2.png')no-repeat 0 0;}
.conCycle > div{display:flex; align-items:center;}
.conCycle > div:after{content:''; display:block; clear:both;}
.conCycle strong{float:left; width:280px; text-align:center; font-size:24px; font-weight:700; line-height:36px;}
.conCycle .cycle1{height:280px;}
.conCycle .cycle1 strong{padding:0 50px; color:#fff;}
.conCycle .cycle2{height:240px;}
.conCycle .cycle2 strong{padding:0 60px;}
.conCycle .cycle3{height:280px;}
.conCycle .cycle3 strong{color:#fff; padding:0 20px;}
.conCycle .inr{float:right; width:calc(100% - 280px); padding-left:90px;}
.conCycle .inr dt{font-size:20px; font-weight:700; margin-bottom:8px;}
.conCycle .inr dd{position:relative; padding-left:10px;}
.conCycle .inr dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.conCycle .inr .first{margin-bottom:30px;}
.conCycle.bg2 .cycle1 strong,
.conCycle.bg2 .cycle2 strong,
.conCycle.bg2 .cycle3 strong{color:#000;}
.conCycle .inr dd.hyphenNone{padding-left:0;}
.conCycle .inr dd.hyphenNone:before{display:none;}

/* 세로 3원형 공통 : 상하 여백이 있는 타입 추가 */
.conCycleNew > div{display:flex; align-items:center;}
.conCycleNew > div:after{content:''; display:block; clear:both;}
.conCycleNew .cycBg {display:flex; align-items:center; float:left; width:330px; height:280px; background:url('/static/images/bg_3cycle_new.png')no-repeat 0 0;}
.conCycleNew .cycTitle{position:relative; width:280px; color:#000; text-align:center; font-size:20px; line-height:30px;}
.conCycleNew .cycTitle:before{content:''; display:block; width:31px; height:30px; background:url('/static/images/point_check.png')no-repeat 0 0; position:absolute; top:-40px; left:50%; transform:translateX(-50%);}
.conCycleNew .cycTitle.mgtT1{margin-top:30px;}
.conCycleNew .cycTitle strong{font-weight:700;}
.conCycleNew .cycTitle .fontBig{font-size:24px; line-height:36px;}
.conCycleNew .cycle2,
.conCycleNew .cycle4{margin:20px 0;}
.conCycleNew .inr{float:right; width:calc(100% - 330px); padding-left:40px;}
.conCycleNew .inr dt{font-size:20px; font-weight:700; margin-bottom:8px;}
.conCycleNew .inr dd{position:relative; padding-left:10px;}
.conCycleNew .inr dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.conCycleNew .inr .first{margin-bottom:30px;}
.conCycleNew .inr .liHyphen.first{margin-bottom:0;}
.conCycleNew .inr dd.hyphenNone {
    padding-left: 0;
}
.conCycleNew .inr dd.hyphenNone:before{display:none;}

/* 서비스 특장점 도형 - ex) 서비스 - rpa*/
.cyCon.pdb0{padding-bottom:0;}
.cyCon{padding-bottom:80px; margin:0 auto; text-align:center;}
.cyCon .allCy{overflow:hidden;}
.cyCon .allCy > li{float:left; width:360px;}
.cyCon .allCy > li dt{width:240px; height:240px; background:#fcf8f7; border:1px solid #e6c8c5; border-radius:50%; padding:0 30px; margin:0 auto 15px auto; font-size:20px; font-weight:700; display:flex; align-items:center; justify-content:center;}
.cyCon .allCy > li dd{padding:0 35px;}
.cyCon .allCy > li:nth-child(2) dd{padding:0 50px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.cyCon .allCy.type2 > li:nth-child(2) dd{padding:0 20px; min-height:230px;}
.cyCon .textCy li{margin-top:40px;}
.cyCon .textCy li:first-child{margin-top:0;}
.cyCon .textCy strong{display:block; color:#bb0841; font-weight:700;}
.cyCon .textCy span{letter-spacing:-0.5px;}
.cyCon .textCyNm > li{position:relative;}
.cyCon .textCyNm > li:before{content:''; display:inline-block; width:5px; height:1px; position:relative; top:-6px; left:inherit; background:#000;}
.cyCon .textCyNm > li > span{padding-left:10px;}

.cyConBig.newType .textCyNm{text-align:left;}
.cyConBig.newType .cyCon .textCyNm > li{padding-left:13px;}
.cyConBig.newType .cyCon .textCyNm > li:before{content:''; display:inline-block; width:5px; height:1px; position:absolute; top:14px; left:0; background:#000;}
.cyConBig.newType .cyCon .textCyNm > li > span{padding-left:0;}

/* 서비스 특장점 - 아이콘 있는 스타일 - ex) solution > tuna */
.dominSection > li{overflow:hidden; padding-top:47px; margin-top:50px; border-top:1px solid #d8d8d8;}
.dominSection > li:first-child{padding-top:0; margin-top:0; border-top:none;}
.dominSection .left{float:left; width:141px;}
.dominSection .right{float:right; width:calc(100% - 141px);}
.dominSection .ico{background-position:0 0; background-repeat:no-repeat;}
.dominSection .ico1{height:122px; background-image: url('/static/images/solution/ico_color_type1.png');}
.dominSection .ico2{height:68px; background-image: url('/static/images/solution/ico_color_type2.png');}
.dominSection .ico3{height:68px; background-image: url('/static/images/solution/ico_color_type3.png');}
.dominSection .ico4{height:59px; background-image: url('/static/images/solution/ico_color_type4.png');}
.dominSection .topTitle strong{font-size:30px; font-weight:700;}
.dominSection .topTitle p{margin-top:20px; font-size:18px; font-weight:700;}
.dominSection .dominInfo{padding-top:22px; margin-top:22px; border-top:1px solid #d8d8d8;}
.dominSection .dominInfo .imgPop{margin-top:15px;}
.dominSection .dominInfo .liBullet li{padding-top:5px;}
.dominSection .dominInfo .liBullet li:first-child{padding-top:0;}

/* 기본 붉은색 원형 */
.defaultRedCy{text-align:center; font-size:24px; font-weight:800;}
.defaultRedCy > ul{overflow:hidden; width:980px; margin:0 auto;}
.defaultRedCy > ul > li{float:left; width:300px; height:300px; border:28px solid #bb0841; border-radius:50%; display:flex; align-items:center; justify-content:space-around;}
.defaultRedCy > ul > li:nth-child(2){margin:0 40px;}

/* 테이블 리스트 */
.tblList > ul > li{border-top:1px solid #d8d8d8; padding-top:50px; margin-top:50px;}
.tblList > ul > li:first-child{border-top:none; padding-top:0; margin-top:50px;}
.tblAllArea .tblAll .tbl table th{text-align:center;}
.tblAllArea .tblAll .tbl table td > strong{text-align:center; display:block;}
.tblAllArea .tblAll .tblVertical table th > strong{text-align:center; display:block;}
.tblTit{padding-bottom:25px; display:block; font-size:20px; color:#bb0841; font-weight:700;}

/* 약관안에 테이블 */
.termPopTbl .tbl table th,
.termPopTbl .tbl table td{padding:14px 12px;}

/* 테이블 type1 */
.tbl{border-top:2px solid #333;border-bottom:1px solid #aaa;}
.tbl table th{background:#f8f8f8;border-left:1px solid #eee;line-height:28px;font-weight:700;padding:15px 10px;}
.tbl table th:first-child{border-left:0;}
.tbl table td{border-top:1px solid #d8d8d8;border-left:1px solid #eee;padding:14px 30px 14px 30px;word-break:break-word;} /* 2020 영문 작업 수정 */
.tbl table td:first-child{border-left:0;}
.tbl table .dashBk{text-align:left;padding-left:12px;}
.tbl table .dashBk li{padding-left:11px;position:relative;}
.tbl table .dashBk li:before{content:'';position:absolute;top:13px;left:0;width:6px;height:2px;background:#888;}

/* 테이블 type2 */
.tbl.type2{border-top:0;border-bottom:0;border-bottom:1px solid #d8d8d8;}
.tbl.type2 table th{background:#bb0841;border-left:1px solid #d8d8d8;font-size:20px;line-height:30px;font-weight:700;padding:10px 10px;color:#fff;}
.tbl.type2 table th:first-child{border-left:0;border-radius:5px 0 0 0;}
.tbl.type2 table th:last-child{border-radius:0 5px 0 0;}
.tbl.type2 table td{border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;padding:14px 30px 14px 30px;position:relative;text-align:center;}
.tbl.type2 table td.bdr:after{content:'';border-right:1px solid #d8d8d8;right: 0px;top:0;width:1px;height:100%;position: absolute;}
.tbl.type2 table .dashBk{text-align:left;padding-left:0;}
.tbl.type2 table .dashBk li{padding-left:11px;position:relative;}
.tbl.type2 table .dashBk li:before{content:'';position:absolute;top:13px;left:0;width:6px;height:2px;background:#888;}

/* 테이블 type3 */
.tbl.type3 {text-align:center;}
.tbl.type3 table th{background:#fff;padding:15px 10px;}

/* 테이블 세로타입 */
.tblVertical{/*border-left:2px solid #333;*/border-top:1px solid #d8d8d8;}
.tblVertical table th{background:#f8f8f8;border-bottom:1px solid #d8d8d8; line-height:28px;font-weight:700;padding:15px 10px;}
.tblVertical table td{border-bottom:1px solid #d8d8d8;border-left:1px solid #eee; border-right:1px solid #eee; padding:14px 30px 14px 30px;}
.tblVertical table td:first-child{border-left:0;}
.tblVertical table .dashBk{text-align:left;padding-left:12px;}
.tblVertical table .dashBk li{padding-left:11px;position:relative;}
.tblVertical table .dashBk li:before{content:'';position:absolute;top:13px;left:0;width:6px;height:2px;background:#888;}


/* swiper */
/* 가로 페이징 도트 swiper */
.naviDot .swiper-pagination{position:relative;bottom:0;width:100%;line-height:12px;margin-top:30px;}
.naviDot .swiper-pagination-bullet{width:12px;height:12px;border-radius:0;background:#fff;border:2px solid #000;box-sizing:border-box;opacity:1;}
.naviDot .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.naviDot .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:12px;}

.pageNum .swiper-pagination{position:absolute;bottom:0;width: auto;line-height:12px;left: 58px;font-weight:800;font-size:18px;line-height:1;z-index:0;}
.pageNum .naviBox{position:absolute;bottom:0;width: auto;text-align:center;left: 0;line-height:18px;}
.pageNum .swiper-button-next, .pageNum .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.pageNum .swiper-button-next, .pageNum .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk.png');margin-top:0;margin-left: 45px;}
.pageNum .swiper-button-prev, .pageNum .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk.png');margin-top:0;margin-right: 45px;}

.pageNumBg .swiper-pagination{position:absolute;bottom:0;width: auto;line-height:12px;left: 58px;font-weight:800;font-size:18px;line-height:1;z-index:0;}
.pageNumBg .naviBox{position:absolute;bottom:0;width: auto;text-align:center;left: 0;line-height:18px;}
.pageNumBg .swiper-button-next, .pageNumBg .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.pageNumBg .swiper-button-next, .pageNumBg .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk.png');margin-top:0;margin-left: 45px;}
.pageNumBg .swiper-button-prev, .pageNumBg .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk.png');margin-top:0;margin-right: 45px;}

/* 세로 페이징 swiper */
.discriPoint .addText{margin-top:90px;}
.discriPoint .typeVertical{margin-top:60px; background: url('/static/images/bg_vertical.jpg') no-repeat center 0;}
.discriPoint .typeVertical.bgType2{margin-top:60px; background: url('/static/images/bg_vertical2.jpg') no-repeat center 0;}
.discriPoint .typeVertical.bgType3{margin-top:60px; background: url('/static/images/bg_vertical3.jpg') no-repeat center 0;}
.discriPoint .typeVertical.bgType4{margin-top:60px; background: url('/static/images/bg_vertical4.jpg') no-repeat center 0;}
.discriPoint .typeVertical.bgType5{margin-top:60px; background: url('/static/images/bg_vertical5.jpg') no-repeat center bottom;}
.discriPoint .typeVertical.bgType6{height:480px; margin-top:60px; background: url('/static/images/bg_vertical6.jpg') no-repeat center 0;}/* bgType6은 슬라이드 없는 형태 */
.discriPoint .typeVertical.bgType6 .maxInner{max-width:1080px; margin:0 auto;}
.typeVertical .swiper-container{max-width:1080px; height:400px;}
.typeVertical .swiper-container-vertical > .swiper-pagination-bullets{right:0;}
/* .typeVertical .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{border:2px solid #fff;background:#000;width:12px;height:12px;box-sizing:border-box;opacity:1;border-radius:0;margin:12px 0;}
.typeVertical .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff;} */
.typeVertical .text{color:#fff; padding:140px 0;}/* 두줄 */
.typeVertical .text.line1{padding:155px 0;}/* 한줄 */
.typeVertical .smallInr{padding:0 0 0 68px; border-top:none;}

.typeVertical .swiper-container{max-width:1080px; height:400px;}
.typeVertical .swiper-container-vertical > .swiper-pagination-bullets{right:0;}
.typeVertical .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{border:2px solid #fff;background:none;width:12px;height:12px;box-sizing:border-box;opacity:1;border-radius:0;margin:12px 0;} /* 2020 영문 작업 수정 */
.typeVertical .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff;} /* 2020 영문 작업 수정 */
.typeVertical .text{color:#fff;padding-right:10px;display: flex;align-items: center;height: 400px;}/* 클래스 추가해서, bg 이미지 높이값 입력 */
.typeVertical h3 {font-size:30px;line-height:42px;}
.typeVertical h3 span{font-weight:700;}
.typeVertical h3 + .topText{margin-top:39.5px;}
.typeVertical .commaBox h3{padding-top:61px;font-size:40px;line-height:58px;}
.typeVertical .commaBox .topText{font-size:20px;line-height:32px;margin-top:10px;}
.typeVertical .listTxt > li + li{margin-top:24px;border-top:1px solid rgba(255,255,255,0.2);padding-top:22.5px;}
.typeVertical .listTxt li p{font-size:22px;line-height:30px;font-weight:700;}
.typeVertical ul.dash{}
.typeVertical ul.dash li{position:relative;padding-left:13px;}
.typeVertical ul.dash li:before{content:'';position:absolute;width:7px;height:2px;background:#9e9e9f;left:0;top:13px;}
.typeVertical .smallInr h3 strong{color:#fff; font-weight:300; top:0;}
.typeVertical .smallInr{padding:0 0 0 68px; border-top:none;}
.typeVertical .smallInr .br{display:block;}

.typeVertical .securityArea{width:1080px; overflow:hidden; margin-top:20px;}
.typeVertical .securityArea > li{float:left;}
.typeVertical .securityArea > li:nth-child(1){width:30%; border-left:none;}
.typeVertical .securityArea > li:nth-child(2){width:calc(46% - 100px); padding-left:50px; margin-right:50px; border-left:1px solid #656872; border-right:1px solid #656872;}
.typeVertical .securityArea > li:nth-child(3){width:24%;}
.typeVertical .securityArea > li > strong{display:block; font-size:24px;}
.typeVertical .securityArea > li > span{display:block; margin-top:10px; font-size:18px;}

/* 관련 특허 */
.patent{max-width:1200px; margin:75px auto 0 auto;}
.patent .patentTit{color:#bb0841; font-size:20px;}
.patent .patentCon{overflow:hidden; margin-top:20px;}
.patent .patentCon .left{position:relative; float:left; width:200px; padding:5px 0;}
.patent .patentCon .left:before{content:''; display:block; width:70px; height:64px; background: url('/static/images/solution/ico_patent.png'); position:absolute; top:50%; left:0; transform:translateY(-50%);}
.patent .patentCon .left strong{display:inline-block; padding-left:110px; font-size:50px; font-weight:700; line-height:60px;}
.patent .patentCon .left span{display:inline-block; font-size:20px; font-weight:700;}
.patent .patentCon .right{float:left; width:calc(100% - 240px); padding:5px 0 0 40px; border-left:1px solid #d8d8d8;}

/* youtube 영상 */
.youtubeCon{position:relative;width:100%;height:0;padding-top:56.25%;}
.youtubePlay, .youtubeCon iframe, .youtubeCon object, .youtubeCon embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* inquiry */
.con.inquiry{background:url('/static/images/img_inquiry_Bg.jpg')no-repeat center;background-size:cover;padding-top:100px;padding-bottom:77px;text-align:center;}
.con.inquiry div > div{font-size:16px;color:#fff;font-weight:700;line-height:1;margin-bottom:26px;letter-spacing:4px;}
.con.inquiry p{font-size:20px;line-height:32px;color:#fff;}
.con.inquiry p.txt1{font-size:30px;line-height:58px;color:#fff;font-weight:700;}
.con.inquiry a{display:inline-block;margin-top:44px;}
.videoArea + .con{margin-top:0;}

/* inquiry Ver2 */
.con.inquiryVer2{background:url('/static/images/img_inquiry_Bg.jpg')no-repeat center;background-size:cover;padding-top:100px;padding-bottom:77px;text-align:center;}
.con.inquiryVer2 ul:after{content:''; display:block; clear:both;}
.con.inquiryVer2 li{width:50%;}
.con.inquiryVer2 li.inqL{float:left;}
.con.inquiryVer2 li p.txt1{line-height:44px;}
.con.inquiryVer2 li.inqR{float:right; position:relative;}
.con.inquiryVer2 li.inqR:before{content:''; display:block; width:1px; height:219px; background:#fff; opacity:0.3; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.con.inquiryVer2 li > div{font-size:16px;color:#fff;font-weight:700;line-height:1;margin-bottom:26px;letter-spacing:4px;}
.con.inquiryVer2 p{line-height:26px; color:#fff; margin-top: 10px;}
.con.inquiryVer2 p.txt1{font-size:30px;color:#fff;font-weight:700;}
.con.inquiryVer2 a{display:inline-block;}
.con.inquiryVer2 li.inqL a{margin-top:57px;}
.con.inquiryVer2 li.inqR a.contactBtn{margin-top:35px; color:#fff; position:relative;}
.con.inquiryVer2 li.inqR a.contactBtn:after{content:''; display:block; width:8px; height:13px; background: url('/static/images/ico_contact.png'); position:absolute; top:50%; right:-14px; margin-top:-6.5px;}

.footerContact a.contactBtn1{margin-top:35px; color:#fff; position:relative;font-weight:0;}
.footerContact a.contactBtn1:after{content:''; display:block; width:8px; height:13px; background: url('/static/images/ico_contact.png'); position:absolute; top:50%; right:-14px; margin-top:-6.5px;}

/* 펼치기 폼 */
ul.unfoldBox > li{overflow:hidden;clear:both;width:100%;}
ul.unfoldBox > li div.top{max-width:1200px;width:100%;margin:0 auto;padding:0 60px;box-sizing:border-box;}
ul.unfoldBox > li div.top > div{display:table;width:100%;padding:42px 0;position:relative;}
ul.unfoldBox > li div.top > div:before{content:'';border-top:1px solid #d8d8d8;width:100%;height:1px;bottom: -1px;left:0;position: absolute;}
ul.unfoldBox > li.open div.top > div:before{width:0;border:0;}
ul.unfoldBox > li div.top p{display:table-cell;width:calc(100% - 210px);font-size:24px;line-height:36px;font-weight:700;padding-left:30px;position:relative;vertical-align:top;padding-top:4px;}
ul.unfoldBox > li div.top p:before{content:'';position:absolute;background:#000;width:5px;height:5px;border-radius:50%;left:10px;top:18px;}
ul.unfoldBox > li div.top .btnBox{display:table-cell;vertical-align:middle;box-sizing:border-box;width:150px;}
ul.unfoldBox > li:first-child div.top > div{border-top:1px solid #d8d8d8;}
ul.unfoldBox > li div.bottom{background:#f8f8f8;display:none;}
ul.unfoldBox > li div.bottom .btnBox{overflow:hidden;clear:both;}
ul.unfoldBox > li div.bottom .btnBox a{float:right;}
ul.unfoldBox + .pageBox{margin-top:35px;}

/* Q & A 폼 */
.qna ul.unfoldBox > li div.top p{width:calc(100% - 210px);padding-left:0;}
.qna ul.unfoldBox > li div.top p:before{width:0;}
.qna ul.unfoldBox > li div.top .label{font-size:24px;line-height:36px;width:45px;display:table-cell;font-weight:700;padding-top:4px;}
.qna ul.unfoldBox > li div.bottom .vtBox{padding:75px 0 29px;}
.qna ul.unfoldBox > li div.bottom .label{width:45px;display:table-cell;font-size:24px;line-height:36px;color:#be154b;font-weight:700;}
.qna ul.unfoldBox > li div.bottom .vtBox > div{width:calc(100% - 210px);display:table-cell;}

/* 검색창 */
.searchBox div{overflow:hidden;clear:both;}
.searchBox div .txt input{border:1px solid #e5e5e5;width:210px;height:45px;line-height:45px;box-sizing:border-box;float:left;font-size:16px;padding-left:15px;color:#666666;border-right:0;}
.searchBox div .btn{border:1px solid #000;width:45px;height:45px;line-height:45px;box-sizing:border-box;display:inline-block;float:left;background:#000;}
.searchBox div .btn button{text-indent:-99999px;width:100%;height:100%;background:#000 url('/static/images/ico_search_w.png')no-repeat center;border:0;cursor:pointer;}

/* 페이징 */
.pageBox{text-align:center;}
.paginate{display:inline-block;overflow:hidden;clear:both;}
.paginate a span{text-indent:-99999px;display:inline-block;}
.paginate a{display:inline-block;width:32px;height:32px;float:left;margin-left:5px;font-weight:700;position:relative;line-height:35px;}
.paginate a.on{color:#be154b;font-weight:800;height:32px;width:32px;display:inline-block;float:left;}
.paginate a.on:before{content:'';position:absolute;width:24px;height:2px;background:#be154b;bottom:0;left:50%;margin-left:-12px;}
.paginate a.btnPrev{background:url('/static/images/btn_prev.jpg')no-repeat center;margin-left:0;margin-right:25px;}
.paginate a.btnNext{background:url('/static/images/btn_next.jpg')no-repeat center;margin-right:0;margin-left:25px;}
.paginate a.btnFirst{background:url('/static/images/btn_first.jpg')no-repeat center;margin-left:0;margin-right:6px;}
.paginate a.btnLast{background:url('/static/images/btn_last.jpg')no-repeat center;margin-right:0;margin-left:6px;}
.paginate a + .on{margin-left:5px;}
.paginate a.btnPrev + .pagingon{margin-left:0;}
.paginate a.btnPrev + a{margin-left:0;}
.paginate a.lastPage{margin-left:44px;}
.paginate a.lastPage:after{content:'...';position:absolute;left:-28px;bottom:0;}

/* 뉴스 컨텐츠 - 공통 */
.pNews ul{margin-top:40px;}
.pNews ul li p{font-size:20px;line-height:32px;margin-top:22px;height:64px;}
.pNews .swiper-pagination{display:none;}

/* 핵심기능 - 공통 */
.coreFunction ul{margin-top:40px; overflow:hidden;}
.coreFunction ul li{float:left; width:32%;}
.coreFunction ul li:nth-child(2){margin:0 2%;}
.coreFunction ul li strong{display:block; font-size:20px;line-height:32px;margin-top:10px; min-height:64px;}
.coreFunction ul li p{font-size:18px;line-height:28px;margin-top:8px;}
.coreFunction .redTxt{color:#bb0841;}

/* Solution 컨텐츠 */
.pSolution ul{max-width: 1200px;width: 100%;margin: 0 auto;padding: 0 60px;margin-top:40px;}
.pSolution ul li{overflow:hidden;clear:both;width:100%;border-top:1px solid #d8d8d8;padding:20px 0;display:table;}
.pSolution ul li:last-child{border-bottom:1px solid #d8d8d8;}
.pSolution ul li > div{display:table-cell;vertical-align:middle;box-sizing:border-box;width: 180px;text-align:right;}
.pSolution ul li > div:first-child{width:calc(100% - 180px);padding:12px 0;text-align:left;}
.pSolution ul li > div:first-child span{font-size:24px;line-height:36px;color:#bb0841;font-weight:700;}
.pSolution ul + div{margin-top:30px;text-align:center;}

/* Related 컨텐츠 */
.pRelated h2 + .slideBox{margin-top:40px !important;}
.pRelated .swiper-slide{height:auto;background-color:#f9f9f9;border:1px solid #e8e8e8;position:relative;} /* 2020 영문 작업 수정 */
.pRelated .swiper-slide:before{content:'';position:absolute;background:url('/static/images/ico_arrow_next_bk.png')no-repeat left bottom;width:30px;height:11px;left:40px;bottom:40px;background-size:100% auto;} /* 2020 영문 작업 수정 */
.pRelated .swiper-slide{background-position:right bottom;background-repeat:no-repeat;} /* 2020 영문 작업 수정 */
.pRelated .swiper-slide > div a{padding:40px;height:100%;}
.pRelated a div{padding-bottom:47px;/* background:url('/static/images/ico_arrow_next_bk.png')no-repeat left bottom; */} /* 2020 영문 작업 수정 */
.pRelated a div strong{display:block;font-size:24px;line-height:36px;margin-bottom:3px;}
.pRelated .naviBox{width:100%;text-align:center;line-height:18px;max-width:1080px;padding-top:42px;}
.pRelated .swiper-pagination{bottom:0;display:inline-block;line-height:12px;font-weight:800;font-size:18px;line-height:1;z-index:0;position:relative;width:auto;}
.pRelated .swiper-button-next, .pRelated .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.pRelated .swiper-button-next, .pRelated .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk.png');margin-top:0;margin-left: 30px;}
.pRelated .swiper-button-prev, .pRelated .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk.png');margin-top:0;margin-right: 30px;}
.pRelated .related01{background-image:url('/static/images/img_related01.png');}
.pRelated .related02{background-image:url('/static/images/img_related02.png');}
.pRelated .related03{background-image:url('/static/images/img_related03.png');}
.pRelated .related04{background-image:url('/static/images/img_related04.png');}
.pRelated .related05{background-image:url('/static/images/img_related05.png');}
.pRelated .related06{background-image:url('/static/images/img_related06.png');}
.pRelated .related07{background-image:url('/static/images/img_related07.png');}
.pRelated .related08{background-image:url('/static/images/img_related08.png');}
.pRelated .related09{background-image:url('/static/images/img_related09.png');}
.pRelated .related10{background-image:url('/static/images/img_related10.png');}
.pRelated .related11{background-image:url('/static/images/img_related11.png');}
.pRelated .related12{background-image:url('/static/images/img_related12.png');}
.pRelated .related13{background-image:url('/static/images/img_related13.png');}
.pRelated .related14{background-image:url('/static/images/img_related14.png');}
.pRelated .related15{background-image:url('/static/images/img_related15.png');}
.pRelated .related16{background-image:url('/static/images/img_related16.png');}
.pRelated .related17{background-image:url('/static/images/img_related17.png');}
.pRelated .related18{background-image:url('/static/images/img_related18.png');}
.pRelated .related19{background-image:url('/static/images/img_related19.png');}
.pRelated .related20{background-image:url('/static/images/img_related20.png');}
.pRelated .related21{background-image:url('/static/images/img_related21.png');}
.pRelated .related22{background-image:url('/static/images/img_related22.png');}
.pRelated .related23{background-image:url('/static/images/img_related23.png');}



/* Reference 컨텐츠 */
.con.reference .vtCon{color:#fff;height:250px;padding-right:60px;}
.con.reference .slideBox{max-width: 760px;width:100%;background:#fff;position:relative;padding:-42px;} /* 2020 영문 작업 수정 */
.con.reference .slideBox:before{content:'';position:absolute;background:#fff;width:420px;left:-420px;height:100%;top:0;}
.con.reference .slideBox .naviNum{margin-right:80px;}
.con.reference .naviNum .swiper-slide > div{display:table;width:100%;border-bottom:1px solid #dedede;height:130px;table-layout:fixed;}
.con.reference .naviNum .swiper-slide > div > div{display:table-cell;vertical-align:middle;}
.con.reference .naviNum .swiper-slide .boldText{display:block; font-size:24px; font-weight:700; text-align:center;}
.con.reference .naviNum .swiper-slide .letterM0_5{letter-spacing:-0.5px;}
.con.reference .naviNum .swiper-slide .letterM1{letter-spacing:-1px;}
.con.reference .naviNum .swiper-slide > div > div img{margin:0 auto;}
.con.reference .naviNum .swiper-slide p{color:#000;text-align:center;padding: 24px 0 25px;}
.con.reference .naviNum .swiper-slide p strong{display:block;font-size:20px;line-height:36px;margin-bottom:6px;}
.con.reference .swiper-pagination{position:absolute;bottom:0;width:100%;line-height:12px;font-weight:800;font-size:18px;line-height:1;z-index:0;} /* 2020 영문 작업 수정 */
.con.reference .naviBox{position:absolute;bottom:0;width:100%;text-align:center;line-height:18px;} /* 2020 영문 작업 수정 */
.con.reference .swiper-button-next, .con.reference .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.con.reference .swiper-button-next, .con.reference .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk.png');margin-top:0;margin-left: 45px;}
.con.reference .swiper-button-prev, .con.reference .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk.png');margin-top:0;margin-right: 45px;}

/* slidesPerView가 1개일때 ver1 */
.con.reference.ver1 .slideBox .naviNum{padding:0 20px;}
/* slidesPerView가 2개일때 ver2 */
.con.reference.ver2 .slideBox .naviNum{padding:0 120px;}

/* pc에선 슬라이드 없고, 모바일에서만 있을 경우 */
.slideMo .swiper-pagination{display:none;}
.slideNumMo .swiper-pagination, .slideNumMo .naviBox{display:none;}
.speechMo .swiper-pagination{display:none;}
.numMona .swiper-pagination,
.numMona .naviBox,
.entMInr .swiper-pagination,
.entMInr .naviBox{display:none;}


/* pc에선 슬라이드 X 모바일에선 슬라이드 1개 */
.moSlide.pcNone .swiper-wrapper{display:block !important;transform:translate3d(0px, 0px, 0px) !important;}

/* 탭 - 컨텐츠 안에 탭 */
.tabs{overflow:hidden;clear:both;}
.tabs li{width:50%;border:2px solid #d8d8d8;border-bottom:0;float:left;box-sizing:border-box;text-align:center;font-size:18px;line-height:34px;padding:15px 0;position:relative;}
.tabs li + li{border-left:0;}
.tabs li:after{content:'';position:absolute;width:calc(100% + 4px);height:100%;border-bottom:2px solid #be154b;left:-2px;top:-2px;}
.tabs li.on:before{content:'';position:absolute;width:100%;height:100%;border:2px solid #be154b;left:-2px;top:-2px;}
.tabs li.on:after{border-bottom:0;}
.tabs.tab03 li{width:calc(100%/3);}
.tabs.tab04 li{width:calc(100%/4);}
.tabContainer > div{display:none;}
.tabContainer > div:first-child{display:block;}

/* 탭 - PC에서는 탭, 모바일에서는 셀렉트 박스 */
.tabSelWrap{position:relative;}
.tabSelWrap.solo{margin-top:54px;}
.tabSelWrap .nowSelTab{display:none;}
.tabSelWrap .tabList{overflow:hidden;clear:both;z-index:10;margin-bottom:44px;}
.tabSelWrap .tabList.typeInner{max-width:1200px;width:100%;margin:0 auto;padding:0 60px;box-sizing:border-box;position:relative;}
.tabSelWrap .tabList li{width:50%;border:2px solid #d8d8d8;border-bottom:0;float:left;box-sizing:border-box;text-align:center;position:relative;}
.tabSelWrap .tabList li a{font-size:18px;line-height:34px;padding:15px 0;}
.tabSelWrap .tabList li + li{border-left:0;}
.tabSelWrap .tabList li:after{content:'';position:absolute;width:calc(100% + 4px);height: 1px;border-bottom:2px solid #be154b;left:-2px;bottom: 0px;}
.tabSelWrap .tabList li.isActive:before{content:'';position:absolute;width:100%;height:100%;border:2px solid #be154b;left:-2px;top:-2px;}
.tabSelWrap .tabList li.isActive:after{border-bottom:0;}
.tabSelWrap .tabList.tab3 li{width:33.33%;}
.tabSelWrap .tabList.tab3 li:last-child{width:33.34%;}
.tabSelWrap .tabList.tab4 li{width:calc(100%/4);}
.tabSelWrap .tabList.tab5 li{width:calc(100%/5);}
.tabSelWrap .tabList.tab6 li{width:16.6%;}
.tabSelWrap .tabList.tab6 li:last-child{width:17%;}
.tabSelWrap .tabContainer .redTitle{display:block; color:#be154b; font-weight:800; max-width:1200px;width:100%;margin:0 auto;padding:20px 60px 30px;}
.tabSelWrap .tabList.tab4_1 li{width:23%;} /* 2020-05-12 Add */
.tabSelWrap .tabList.tab4_1 li:last-child{width:31%;padding-left: 3%;} /* 2020-05-12 Add */

/* 하단 비디오 박스 */
.videoArea{background:#f8f8f8;text-align:center;padding-top:81px;padding-bottom:100px;}
.videoArea .tit{font-size:40px;line-height:58px;margin-bottom:31px;}
.videoArea .tit strong{font-weight:800;}
.videoArea .videoBox{position:relative;padding-top:56.25%;}
.videoArea .videoBox video, .videoArea .videoBox iframe{position:absolute;width:100%;height:100%;top:0;left:0;}

/* 아이콘박스 공통 */
.box2numGray{margin-top:54px;}
.box2numGray ul{overflow:hidden;}
.box2numGray li{width:calc(50% - 12px); min-height:142px; float:left; overflow:hidden; position:relative; padding:40px 0 40px 130px; background:#f8f8f8; border:1px solid #d8d8d8;}
.box2numGray li:nth-child(odd){margin-right:12px;}
.box2numGray li:nth-child(even){margin-left:12px;}
.box2numGray li:before{content:''; display:block; width:65px; height:65px; position:absolute; top:34px; left:40px; background-position:0 0; background-repeat:no-repeat;}
.box2numGray li span{display:block; letter-spacing:-0.5px;}
.box2numGray li > span > span{display:block;}
.box2numGray li .singleTxt{padding-top:15px;}
.box2numGray li > p{position:absolute; top:40px; right:30px; font-size:30px; font-weight:700; line-height:72px;}
.box2numGray li.ico5 > p{right:55px;}
.box2numGray li.ico6 > p{right:70px;}
.box2numGray li.ico9 > p{right:70px;}
.box2numGray li.ico10 > p{right:70px;}
.box2numGray li > p > strong{font-size:60px; font-weight:800; line-height:62px; letter-spacing:-2px; vertical-align:top;}
.box2numGray li.ico1:before{background-image: url('/static/images/ico_boxin1.png');}
.box2numGray li.ico2:before{background-image: url('/static/images/ico_boxin2.png');}
.box2numGray li.ico3:before{background-image: url('/static/images/ico_boxin3.png');}
.box2numGray li.ico4:before{background-image: url('/static/images/ico_boxin4.png');}
.box2numGray li.ico5:before{background-image: url('/static/images/ico_boxin5.png');}
.box2numGray li.ico6:before{background-image: url('/static/images/ico_boxin6.png');}
.box2numGray li.ico7:before{background-image: url('/static/images/ico_boxin7.png');}
.box2numGray li.ico8:before{background-image: url('/static/images/ico_boxin8.png');}
.box2numGray li.ico9:before{background-image: url('/static/images/ico_boxin9.png');}
.box2numGray li.ico10:before{background-image: url('/static/images/ico_boxin10.png');}
.box2numGray li.ico11:before{background-image: url('/static/images/ico_boxin11.png');}
.box2numGray li.ico12:before{background-image: url('/static/images/ico_boxin12.png');}


/*** 왼쪽 아이콘 영역 공통 ***/
.iconInfoArea{padding:30px 0 40px 0;}
.iconInfoArea.typeSolo{padding:0; margin-top:0;}
.iconInfoArea li{position:relative; padding:50px 0; border-top:1px solid #d8d8d8;}
.iconInfoArea li:first-child{border-top:none;}
.iconInfoArea li:before{content:''; display:block; width:94px; height:94px; position:absolute; top:52px; left:0; background-position:0 0; background-repeat:no-repeat;}
.iconInfoArea .onlyType{padding:15px 0 0 140px;}
.iconInfoArea .onlyType.line2{padding:0 0 0 140px;}/*두줄일때*/
.iconInfoArea .onlyType strong{display:block; font-size:20px; font-weight:700; margin-bottom:8px;}
.iconInfoArea .redTxt{color:#bb0841;}
.iconInfoArea .pdbPlus{padding-bottom:60px;}
.iconInfoArea li.mgtZero{margin-top:0;}
    /* 1~5까지 : 인프라서비스 */
.iconInfoArea li.ico1:before{background-image: url('/static/images/service/ico_infra1.png');}
.iconInfoArea li.ico2:before{background-image: url('/static/images/service/ico_infra2.png');}
.iconInfoArea li.ico3:before{background-image: url('/static/images/service/ico_infra3.png');}
.iconInfoArea li.ico4:before{background-image: url('/static/images/service/ico_infra4.png');}
.iconInfoArea li.ico5:before{background-image: url('/static/images/service/ico_infra5.png');}
    /* 6~8까지 : 스마트 교통 */
.iconInfoArea li.ico6:before{background-image: url('/static/images/industry/ico_indtraffic1.png');}
.iconInfoArea li.ico7:before{background-image: url('/static/images/industry/ico_indtraffic2.png');}
.iconInfoArea li.ico8:before{background-image: url('/static/images/industry/ico_indtraffic3.png');}
    /* 9~11까지 : 솔루션 교통 FMS */
.iconInfoArea li.ico9:before{background-image: url('/static/images/solution/ico_fms1.png');}
.iconInfoArea li.ico10:before{background-image: url('/static/images/solution/ico_fms2.png');}
.iconInfoArea li.ico11:before{background-image: url('/static/images/solution/ico_fms3.png');}
    /* 12~14까지 : 솔루션 스마트팩토리 factova IPharm */
.iconInfoArea li.ico12:before{background-image: url('/static/images/solution/ico_iph1.png');}
.iconInfoArea li.ico13:before{background-image: url('/static/images/solution/ico_iph2.png');}
.iconInfoArea li.ico14:before{background-image: url('/static/images/solution/ico_iph3.png');}
    /* 15~17까지 : 솔루션 스마트팩토리 factova View */
.iconInfoArea li.ico15:before{background-image: url('/static/images/solution/ico_view1.png');}
.iconInfoArea li.ico16:before{background-image: url('/static/images/solution/ico_view2.png');}
.iconInfoArea li.ico17:before{background-image: url('/static/images/solution/ico_view3.png');}
    /* 18~20까지 : 솔루션 스마트팩토리 factova Control */
.iconInfoArea li.ico18:before{background-image: url('/static/images/solution/ico_control1.png');}
.iconInfoArea li.ico19:before{background-image: url('/static/images/solution/ico_control2.png');}
.iconInfoArea li.ico20:before{background-image: url('/static/images/solution/ico_control3.png');}
    /* 21~23까지 : 솔루션 스마트팩토리 factova Lync */
.iconInfoArea li.ico21:before{width:103px;background-image: url('/static/images/solution/ico_lync1.png');}
.iconInfoArea li.ico22:before{background-image: url('/static/images/solution/ico_lync2.png');}
.iconInfoArea li.ico23:before{background-image: url('/static/images/solution/ico_lync3.png');}
    /* 24~26까지 : 솔루션 스마트팩토리 factova Connector */
.iconInfoArea li.ico24:before{width:100px; background-image: url('/static/images/solution/ico_connector1.png');}
.iconInfoArea li.ico25:before{width:100px; background-image: url('/static/images/solution/ico_connector2.png');}
.iconInfoArea li.ico26:before{width:100px; background-image: url('/static/images/solution/ico_connector3.png');}
    /* 27~29까지 : About CNS Vision  */
.iconInfoArea li.ico27:before{width:100px; background-image: url('/static/images/about/ico_vision1.png');}
.iconInfoArea li.ico28:before{width:100px; background-image: url('/static/images/about/ico_vision2.png');}
.iconInfoArea li.ico29:before{width:100px; background-image: url('/static/images/about/ico_vision3.png');}


.iconInfoArea dl{padding-left:140px;}
.iconInfoArea dt{font-size:20px; font-weight:700; margin-bottom:8px;}
.iconInfoArea dd{position:relative; padding-left:10px;}
.iconInfoArea dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}


/*** 탭메뉴안에 들어가는 왼쪽 아이콘 ***/
.iconInfoTab{padding-top:20px;}
.iconInfoTab li{position:relative; padding:10px 0;}
.iconInfoTab li:first-child{border-top:none;}
.iconInfoTab li:before{content:''; display:block; width:80px; height:70px; position:absolute; top:50%; left:0; transform: translateY(-50%); background-position:0 0; background-repeat:no-repeat;}
.iconInfoTab dl{padding-left:100px;}
.iconInfoTab dt{color:#be154b; font-weight:700; margin-bottom:8px;}
.iconInfoTab dd{position:relative; padding-left:10px;}
.iconInfoTab dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.iconInfoTab dd.hyphenNone{padding-left:0}
.iconInfoTab dd.hyphenNone:after{display:none;}

    /* platform > iot */
.iconInfoTab li.ico1:before{background-image: url('/static/images/platform/ico_iot1.png');}
.iconInfoTab li.ico2:before{background-image: url('/static/images/platform/ico_iot2.png');}
.iconInfoTab li.ico3:before{background-image: url('/static/images/platform/ico_iot3.png');}
.iconInfoTab li.ico4:before{background-image: url('/static/images/platform/ico_iot4.png');}
.iconInfoTab li.ico5:before{background-image: url('/static/images/platform/ico_iot5.png');}


/* 1012사이즈 공통 */
.smallInr{position:relative; padding:50px 0 100px 68px; border-top:1px solid #d8d8d8;}
.smallInr.pd0{padding:0;}
.smallInr.first{border-top:none; padding:0 0 0 68px;}
.smallInr.fnl{border-top:none; margin-top:0;}
.smallInr.last{padding-bottom:0;}
.smallInr.another{padding:50px 0 0 68px;}
.smallInr.another2{padding:50px 0 50px 68px;}
.smallInr.another3{padding:50px 0 0 68px; margin-top:50px;}
.smallInr h3 strong{position:absolute; top:50px; left:0; color:#aaa; font-size:30px; font-weight:400; line-height:42px;}
.smallInr.first h3 strong{top:0;}
.smallInr h3 span{font-size:30px; line-height:42px;}
.smallInr h3 + .caseS{margin-top:15px;}
.smallInr .topText{margin-top:18px;}
.smallInr .infoInr.type2{padding-top:50px;}
.smallInr .infoInr.type3{padding-top:20px; margin-top:50px; border-top:1px solid #d8d8d8}
.smallInr .infoInr .imgList > li{margin-bottom:45px;}
.smallInr .textArea{padding-top:45px;}
.smallInr .textArea.type2{padding-top:20px;}
.smallInr .textArea .tATit{padding-bottom:8px; display:block; font-size:20px; color:#bb0841; font-weight:700;}
.smallInr .textArea .tATit.colorBk{color:#000;}
.smallInr .textArea span{font-weight:700; padding-right:10px;}
.smallInr .infoImg{padding-top:12px;}
.smallInr .infoImg ul{overflow:hidden;}
.smallInr .infoImg ul li{float:left;margin-right:22px;}
.smallInr .infoImg img{border:1px solid #d8d8d8;}
.smallInr .infoImg ul li p{color:#666; font-size:16px; text-align:center; padding-top:10px; line-height:18px;}
.smallInr .serBtn{margin-top:25px;}
.smallInr .serBtn a{min-width:240px;}
.smallInr .bullet li{position:relative; padding-left:10px;}
.smallInr .bullet li:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:12px; left:0;}
.smallInr .infoInr .inrImgArea ul{overflow:hidden;}
.smallInr .infoInr .inrImgArea ul li{float:left; margin-left:20px;}
.smallInr .infoInr .inrImgArea ul li:first-child{margin-left:0;}

.smallInr_title_St{overflow:hidden;}
.smallInr_title_St > strong{float:left; display:block; width:65px; color:#aaa; font-size:30px; font-weight:400; line-height:42px;}
.smallInr_title_St > span{float:left; display:block; width:calc(100% - 95px); font-size:30px; line-height:42px;}

/* 해외 사업장 컬러 아이콘 */
.smallInr .textArea .iconGrayBox{background:#f8f8f8;}
.smallInr .textArea .iconGrayBox > ul{overflow:hidden; padding:30px 0;}
.smallInr .textArea .iconGrayBox > ul > li{width:20%; float:left; padding:75px 0 15px; border-left:1px solid #d8d8d8;}
.smallInr .textArea .iconGrayBox > ul > li:first-child{border-left:none;}
.smallInr .textArea .iconGrayBox > ul > li > span{display:block; position:relative; font-size:20px; font-weight:700; padding-right:0; text-align:center;}
.smallInr .textArea .iconGrayBox > ul > li > span:before{content:''; display:block; width:100px; height:70px; position:absolute; top:-77px; left:50%; transform:translateX(-50%); background-position:0 0; background-repeat:no-repeat;}
.smallInr .textArea .iconGrayBox .ico1 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico1.png');}
.smallInr .textArea .iconGrayBox .ico2 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico2.png');}
.smallInr .textArea .iconGrayBox .ico3 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico3.png');}
.smallInr .textArea .iconGrayBox .ico4 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico4.png');}
.smallInr .textArea .iconGrayBox .ico5 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico5.png');}

.textInfo{margin-top:45px;}
.separate{padding-top:50px;}
.separate.pdt0{padding-top:0;}
.boxStyle{overflow:hidden; margin-top:5px;}
.boxStyle .normal{position:relative; display:flex; align-items:center; width:630px; height:117px; float:left; padding:0 50px 0 13px; background:#f8f8f8; border:1px solid #d8d8d8;}
.boxStyle .normal:after{content:''; display:block; width:81px; height:10px; background:url('/static/images/solution/img_next_arrow.png') no-repeat 0 0; position:absolute; top:48px; right:-40px;}
.boxStyle .result{display:flex; align-items:center; width:360px; height:117px; float:right; border:1px solid #bb0841;}
.boxStyle .result strong{font-weight:700; text-align:center;}
.boxStyle .result.rong strong{padding:0 40px;}
.boxStyle .result.short strong{padding:0 50px;}
.boxStyle .result.short2 strong{padding:0 70px;}

.boxStyle .redType.result{display:flex; align-items:center; width:360px; height:117px; float:right; border:1px solid #bb0841; background:#bb0841;}
.boxStyle .redType.result strong{color:#fff;}

/***************************************** 사각박스형태 공통 *****************************************/
/* 박스 100% */
.featureList1li > ul > li{margin-top:50px;}
.featureList1li > ul > li{overflow:hidden; width:100%; border:1px solid #d8d8d8; padding:20px 20px 17px 20px; margin-top:20px;}
.featureList1li > ul > li:first-child{margin-top:0;}
.featureList1li > ul > li .fLNum{float:left; position:relative; width:28px; margin-right:20px; font-size:22px; font-weight:700;}
.featureList1li > ul > li .fLNum:after{content:''; display:block; width:28px; height:1px; background:#bb0841; position:absolute; bottom:4px; left:0;}
.featureList1li > ul > li .fLText{float:right; width:calc(100% - 48px);}
.featureList1li > ul > li .fLText > strong{color:#bb0841; font-weight:700; margin-bottom:6px;}
.featureList1li > ul > li .fLText > strong,
.featureList1li > ul > li .fLText > span{display:block;}

/* 박스 2개 */
.featureList2li{margin-top:50px;}
.featureList2li > ul{overflow:hidden;display:flex;width:calc(100% + 20px);margin-bottom: 20px;margin-left:-20px;}
.featureList2li > ul > li{overflow:hidden;padding: 20px 20px 17px 40px;flex:1;width: 50%;vertical-align: top;position: relative;}
.featureList2li > ul > li:after{content:'';position:absolute;border:1px solid #e8e8e8;top:0;left:20px;right:0;bottom:0;z-index:-1;}
.featureList2li > ul > li .fLNum{float:left; position:relative; width:28px; margin-right:20px; font-size:22px; font-weight:700;}
.featureList2li > ul > li .fLNum:after{content:''; display:block; width:28px; height:1px; background:#bb0841; position:absolute; bottom:4px; left:0;}
.featureList2li > ul > li .fLText{float:right; width:calc(100% - 48px);}
.featureList2li > ul > li .fLText .redTxt{color:#bb0841; font-weight:700;font-weight:700; margin-bottom: 6px;}
.featureList2li > ul.odd{width:calc(50% + 10px);}

/* 박스 3개 */
.featureList3li{margin-top:50px;}
.featureList3li > ul{overflow:hidden;display:flex;width:calc(100% + 20px);margin-bottom: 20px;margin-left:-24px;}
.featureList3li > ul > li{overflow:hidden;padding: 20px 20px 17px 44px;flex:1;width:33.33%;vertical-align: top;position: relative;}
.featureList3li > ul > li:last-child{width:33.34%;}
.featureList3li > ul > li:after{content:'';position:absolute;border:1px solid #e8e8e8;top:0;left:24px;right:0;bottom:0;z-index:-1;}
.featureList3li > ul > li .fLNum{float:left; position:relative; width:28px; margin-right:20px; font-size:22px; font-weight:700;}
.featureList3li > ul > li .fLNum:after{content:''; display:block; width:28px; height:1px; background:#bb0841; position:absolute; bottom:4px; left:0;}
.featureList3li > ul > li .fLText{float:right; width:calc(100% - 48px);}
.featureList3li > ul > li .fLText .redTxt{color:#bb0841; font-weight:700;}
.featureList3li > ul.odd2{width:calc(66% + 20px);}
.featureList3li > ul.odd1{width:calc(33% + 20px);}

/* 다운로드 iframe 창 제거 */
#frameDownload{display:none;}

/***************************************** Main *****************************************/
.conContinue {position:fixed;left:50%;margin-left:-19px;z-index:1;bottom:20px;width:38px;height:20px;animation:bounce 1.5s infinite ease-in-out;}
.conContinue span{text-indent:-99999px;position:relative;display:block;}
.conContinue span:after{content: "";width: 38px;height: 20px;position:absolute;right:0;top:0;background-image:url('/static/images/img_continueCon.png');background-size:38px 20px;}
@keyframes bounce {
    0% {transform: translateY(0);}
    50% {transform: translateY(10px);}
    100% {transform: translateY(0);}
}

.main .section.sec1{background:url('/static/images/main/bg_section1.jpg')no-repeat center top;height:1080px;position:relative;}
.main .section.sec2{position:relative;}
.main .section.sec3{position:relative;height:1080px;} /* bg없음 */
.main .section.sec4{background:url('/static/images/main/bg_section4.jpg')no-repeat center top;height:1080px;position:relative;}
.main .comma{padding-top:50px;} /* 2020 영문 작업 수정 */
.main .mainInner{width:100%;max-width:1600px;padding:0 100px;margin:0 auto;}


.main .section.sec0{height:1080px;}
.main .visual{height:100%;display:block;position:relative;background:#000;}
.main .visual .slideBox{height:100%;}
.main .visual .slideBox .swiper-container{height:100%;}
.main .section.sec0 .bgImg{background-repeat:no-repeat;background-position:center top;position:relative;background-size:cover;height:100%;background-color:#000;}
.main .section.sec0 .visual .txtBox{text-align:left;padding-top:0;position:absolute;top:45%; left:50%;transform: translate(-50%, -50%);width:100%;max-width:1600px;padding:0 100px;}
.main .section.sec0 .visual .adVs .txtBox{transform: translate(0%, -50%);width:auto;max-width:none;padding:0;left:auto;right:0;}
.main .section.sec0 .visual .txtBox .comma{font-size:60px;line-height:81px;font-weight:800;}
.main .section.sec0 .visual .txtBox .comma + p{margin-top:34px;}
.main .section.sec0 .visual .txtBox p{font-size:24px;line-height:36px;font-weight:700;}
.main .section.sec0 .visual .txtBox p + div, .main .section.sec0 .visual .txtBox div + div{margin-top:70px;}
.main .section.sec0 .visual .btnMove{bottom:320px;text-align:left;margin:0 auto;position: absolute;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1600px;padding: 0 100px;z-index:5;}
.main .section.sec0 .visual .btnMove .btnBkLine{background:#fff;}
.main .section.sec0 .naviBox{bottom:250px;text-align:left;margin:0 auto;position: absolute;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1600px;padding: 0 100px;z-index:5;}
.main .section.sec0.onePage .naviBox{display:none;} /* 2020 영문 작업 수정 */
.main .section.sec0 .swiper-pagination{position:relative;color:#fff;display:inline-block;bottom:auto;left:auto;width:auto;}
.main .section.sec0 .swiper-button-next, .main .section.sec0 .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.main .section.sec0 .swiper-button-next, .main .section.sec0 .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w.png');margin-top:0;margin-left: 30px;}
.main .section.sec0 .swiper-button-prev, .main .section.sec0 .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w.png');margin-top:0;margin-right: 30px;}
.main .section.sec0 .swiper-slide{z-index:-1;}
.main .section.sec0 .swiper-slide-active{z-index:1;}
.main .section.sec0 .sideBox{position:absolute;top:0;right:0;height:100%;padding-left:125px;}
.main .section.sec0 .sideBox .btnSide{position:absolute;top:50%;left: 0;margin-top:-8px;z-index:1;-webkit-animation: btnSide linear 1s infinite;animation: btnSide linear 1s infinite;-moz-animation: btnSide linear 1s infinite;-o-animation: btnSide linear 1s infinite;}
@-webkit-keyframes btnSide {0% {opacity: 1;}50% {opacity: .1;}100% {opacity: 1;}}
@keyframes btnSide {0% {opacity: 1;}50% {opacity: .1;}100% {opacity: 1;}}
.main .section.sec0 .sideBox .btnSide.on {-webkit-animation: none;-moz-animation: none;-o-animation: none;animation: none;}

.main .section.sec0 .sideBox .btnSide a{color:#fff;font-size:16px;line-height:16px;}
.main .section.sec0 .sideBox .btnSide a{position:relative;display:inline-block;}
.main .section.sec0 .sideBox .btnSide a:after{content:'';position:absolute;width:140px;height:1px;background:#fff;top:50%;right:-150px;z-index: 1;}
.main .section.sec0 .sideBox .sideCon{background:rgba(0,0,0,0.6);height:100%;display: table;padding-left:80px;}
.main .section.sec0 .sideBox ul{overflow:hidden;clear:both;display: table-cell;vertical-align: middle;}
.main .section.sec0 .sideBox li{float:left;}
.main .section.sec0 .sideBox li + li{margin-left:20px;}
.main .section.sec0 .sideBox li a{position:relative;}
.main .section.sec0 .sideBox li a div{position:absolute;bottom:41px;left:40px;text-align:left;}
.main .section.sec0 .sideBox li a div strong{display:block;font-size:24px;line-height:27px;font-weight:800;color:#fff;}
.main .section.sec0 .sideBox li a div p{font-size:15px;line-height:24px;color:#fff;}

.main .section.sec1{text-align:center;padding:173px 0 0 0;}
.main .section.sec1 .tit{font-size:50px;line-height:64px;font-weight:800;color:#fff;margin-bottom:33px;}
.main .section.sec1 .searchBox{margin-bottom:10px;}
.main .section.sec1 .searchBox div{display:inline-block;}
.main .section.sec1 .searchBox .txt input{border:0;width:575px;height:80px;line-height:80px;box-sizing:border-box;float:left;font-size:30px;padding-left:40px;color:#aaa;}
.main .section.sec1 .searchBox .btn{border:0;width:80px;height:80px;line-height:80px;box-sizing:border-box;display:inline-block;float:left;background:#fff;}
.main .section.sec1 .searchBox .btn button{text-indent:-99999px;width:100%;height:100%;background:#fff url('/static/images/ico_search_bk.png')no-repeat 17px center;border:0;cursor:pointer;}
.main .section.sec1 .tagList{display:inline-block;overflow:hidden;clear:both;}
.main .section.sec1 .tagList li{float:left;margin:10px 0;}
.main .section.sec1 .tagList li a{color:#fff;border:1px solid rgba(255,255,255,0.25);border-radius:30px;padding:7px 20px;}
.main .section.sec1 .tagList li a:hover{background:#bb0841;border:1px solid #bb0841;}
.main .section.sec1 .tagList li + li{margin-left:5px;}
.main .section.sec1 .tagList + .subTit{border-top:1px solid rgba(255,255,255,0.25);margin-top:50px;padding-top:52px;}
.main .section.sec1 .subTit{font-size:30px;line-height:45px;color:#fff;margin-bottom:22.5px;}
.main .section.sec1 .sec1Slide{width:100%;max-width:1200px;padding:0 60px;margin:0 auto;}
.main .section.sec1 .swiper-slide{padding-top:5px;}
.main .section.sec1 .tBubble{background:#fff;border-radius:20px;color:#000;padding:34px 20px 34px 40px;position:relative;text-align:left;}
.main .section.sec1 .tBubble:before{content:'';position:absolute;top:-3px;left:0px;background:url('/static/images/platform/img_bubble2.png')no-repeat 0 0;width:14px;height:20px;}
.main .section.sec1 .tBubble p:first-child{font-size:20px;line-height:32px;font-weight:700;}
.main .section.sec1 .tBubble p strong{font-weight:800;}
.main .section.sec1 .sec1Slide .naviBox{position:relative;margin-top:40px;bottom:auto;text-align:center;}
.main .section.sec1 .sec1Slide .swiper-pagination{position:relative;color:#fff;display:inline-block;bottom:auto;left:auto;width:auto;}
.main .section.sec1 .sec1Slide .swiper-button-next, .main .section.sec1 .sec1Slide .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.main .section.sec1 .sec1Slide .swiper-button-next, .main .section.sec1 .sec1Slide .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w.png');margin-top:0;margin-left: 30px;}
.main .section.sec1 .sec1Slide .swiper-button-prev, .main .section.sec1 .sec1Slide .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w.png');margin-top:0;margin-right: 30px;}

.main .section.sec2{text-align:center;padding:173px 0 0 0;}
.main .section.sec2 .tit{font-size:50px;line-height:64px;font-weight:800;margin-bottom:17px;}
.main .section.sec2 .txt{font-size:24px;line-height:36px;font-weight:700;}
.main .section.sec2 .sec2Slide{height:600px;margin-top:56px;overflow:hidden;clear:both;text-align:left;margin-bottom:140px;position:relative;}
.main .section.sec2 .sec2Slide > div{height:100%;}
.main .section.sec2 .slideNavi{position:absolute;padding-left:100px;height:600px;width:50%;max-width:740px;z-index:5;}
.main .section.sec2 .slideNavi .slideNaviBg{height:100%;width:100%;}
.main .section.sec2 .slideNavi .swiper-container{height:calc(100% - 80px);}
.main .section.sec2 .slideNavi .swiper-slide{background:rgba(0,0,0,0.5);padding:25px 20px 19px 60px;color:#fff;}
.main .section.sec2 .slideNavi .swiper-slide + .swiper-slide{border-top:1px solid rgba(255,255,255,0.15);}
.main .section.sec2 .slideNavi .swiper-button-prev, .main .section.sec2 .slideNavi .swiper-container-rtl .swiper-button-next{position:relative;background-image: url('/static/images/ico_clampW_up.png');left:auto;right: auto;top:auto;margin:0;height:40px;background-position:center;background-size:16px 9px;width:100%;background-color:rgba(0,0,0,0.5);}
.main .section.sec2 .slideNavi .swiper-button-next, .main .section.sec2 .slideNavi .swiper-container-rtl .swiper-button-prev{position:relative;background-image: url('/static/images/ico_clampW_down.png');left:auto;right: auto;top:auto;margin:0;height:40px;background-position:center;background-size:16px 9px;width:100%;background-color:rgba(0,0,0,0.5);}
.main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{background:rgba(187,8,65,0.8);}
.main .section.sec2 .slideNavi .swiper-slide p{font-size:24px;line-height:36px;margin-bottom:6px;}
.main .section.sec2 .slideNavi .swiper-slide p.comma{padding-top:29px;}
.main .section.sec2 .slideNavi .swiper-slide p strong{font-weight:400;}
.main .section.sec2 .slideNavi .swiper-slide a{color:#fff;display:inline-block;text-decoration:underline;}
.main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active  p strong{font-weight:700;text-decoration:underline;}
.main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active p{font-weight:700;}
.main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active p strong{font-weight:800;}
.main .section.sec2 .slideCon{color:#fff;padding:0;width:100%;height:600px;background:#000;}
.main .section.sec2 .slideCon .swiper-slide > div{background-repeat:no-repeat;background-position:center bottom;height:600px;position:relative;}
.main .section.sec2 .slideCon .swiper-slide > div .txtBox{width:100%;padding-left:50%;display:table;height:100%;}
.main .section.sec2 .slideCon .swiper-slide > div .vtCon{padding:0 20px;}
.main .section.sec2 .slideCon .slideBG1{background-image:url('/static/images/main/bg_section2_1.jpg');}
.main .section.sec2 .slideCon .slideBG2{background-image:url('/static/images/main/bg_section2_2.jpg');}
.main .section.sec2 .slideCon .slideBG3{background-image:url('/static/images/main/bg_section2_3.jpg');}
.main .section.sec2 .slideCon .slideBG4{background-image:url('/static/images/main/bg_section2_4.jpg');}
.main .section.sec2 .slideCon .slideBG5{background-image:url('/static/images/main/bg_section2_5.jpg');}
.main .section.sec2 .slideCon .slideBG6{background-image:url('/static/images/main/bg_section2_6.jpg');}
.main .section.sec2 .slideCon .slideBG7{background-image:url('/static/images/main/bg_section2_7.jpg');}
.main .section.sec2 .slideCon .slideBG8{background-image:url('/static/images/main/bg_section2_8.jpg');}
.main .section.sec2 .slideCon .vtBox{height:100%;}
.main .section.sec2 .slideCon .tit{font-size:75px;line-height:80px;font-weight:800;margin:0;}
.main .section.sec2 .slideCon .tit + p{font-weight:700;margin-top:40px;font-size:30px;line-height:45px;}
.main .section.sec2 .slideCon .sTxt{font-size:20px;line-height:32px;margin-top:17px;}
.main .section.sec2 .slideCon a{font-size:18px;padding:13px 20px;}
.main .section.sec2 .slideCon p + div{margin-top:34px;}
.main .section.sec2 .slideCon a span{padding-right:40px;}

.main .section.sec3{text-align:center;padding:173px 0 0 0;}
.main .section.sec3 .tit{font-size:50px;line-height:64px;font-weight:800;margin-bottom:17px;}
.main .section.sec3 .txt{font-size:24px;line-height:36px;font-weight:700;}
.main .section.sec3 .sec3Slide{padding-bottom:150px;margin-top:56px;text-align:center;}
.main .section.sec3 .sec3Slide .swiper-slide a{position:relative;color:#fff;}
.main .section.sec3 .sec3Slide .swiper-slide img{width:100%;}
.main .section.sec3 .sec3Slide .swiper-slide a div{position:absolute;bottom:48px;left:0;padding-left:7%;text-align:left;min-height:111px;}
.main .section.sec3 .sec3Slide .swiper-slide a div strong{display:block;font-size:30px;line-height:36px;font-weight:800;margin-bottom:11px;}
.main .section.sec3 .sec3Slide .swiper-slide a div p{font-size:20px;line-height:32px;}
.main .section.sec3 .sec3Slide .swiper-slide a div p .br{display:block;}
.main .section.sec3 .sec3Slide .swiper-scrollbar{width:270px;margin:0 auto;position:relative;bottom:auto;left:auto;height:6px;background:#e8e8e8;margin-top:60px;}
.main .section.sec3 .sec3Slide .swiper-scrollbar-drag{background:#bb0841;}

.main .section.sec4{text-align:center;padding:248px 0 0 0;color:#fff;}
.main .section.sec4 .tit{font-size:50px;line-height:64px;font-weight:800;margin-bottom:17px;}
.main .section.sec4 .txt{font-size:24px;line-height:36px;font-weight:700;margin-top:17px;margin-bottom:96px;}
.main .section.sec4 .swiper-slide > a{color:#fff;}
.main .section.sec4 .swiper-slide > a > div{display:table;width:100%;}
.main .section.sec4 .swiper-slide > a > div > div{display:table-cell;width:55.5%;vertical-align:top;}
.main .section.sec4 .swiper-slide > a > div > div:first-child{width:44.5%;}
.main .section.sec4 .swiper-slide .txtBox{text-align:left;padding-left:50px;}
.main .section.sec4 .swiper-slide .txtBox p:first-child{font-size:30px;line-height:45px;font-weight:700;}
.main .section.sec4 .swiper-slide .txtBox p + p{margin-top:27px;}
.main .section.sec4 .swiper-slide .txtBox p + span{display:block;margin-top:58px;font-weight:700;}
.main .section.sec4 .swiper-slide{width:100%;opacity:0.5;max-width:1080px;}
.main .section.sec4 .swiper-slide.swiper-slide-active{opacity:1;}
.main .section.sec4 .sec4Slide .naviBox{position:relative;margin-top:40px;bottom:auto;text-align:center;}
.main .section.sec4 .sec4Slide .swiper-pagination{position:relative;color:#fff;display:inline-block;bottom:auto;left:auto;width:auto;}
.main .section.sec4 .sec4Slide .swiper-button-next, .main .section.sec4 .sec4Slide .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.main .section.sec4 .sec4Slide .swiper-button-next, .main .section.sec4 .sec4Slide .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w.png');margin-top:0;margin-left: 30px;}
.main .section.sec4 .sec4Slide .swiper-button-prev, .main .section.sec4 .sec4Slide .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w.png');margin-top:0;margin-right: 30px;}

/***************************************** platform  *****************************************/
.platform .visual {
    background: url('/static/images/platform/bg_visual.jpg')no-repeat center;
    background-size: cover;
}
.platform.cloud .visual{background:url('/static/images/platform/bg_cloud_visual.jpg')no-repeat center;background-size:cover;}/* 클라우드 */
.platform.bigData .visual{background:url('/static/images/platform/bg_aibigdata_visual.jpg')no-repeat center;background-size:cover;}/* AI빅데이터 */
.platform.smartFactory .visual{background:url('/static/images/platform/img_smartFactory_bg.jpg')no-repeat center;background-size:cover;}/* 스마트팩토리 */
.platform.monaC .visual{background:url('/static/images/platform/bg_mona_bg.jpg')no-repeat center;background-size:cover;}/* 블록체인 */
.platform.iot .visual{background:url('/static/images/platform/img_iot_bg.jpg')no-repeat center;background-size:cover;}/* IoT */
.platform.smartCity .visual{background:url('/static/images/platform/img_smartCity_bg.jpg')no-repeat center;background-size:cover;}/* 스마트시티 */
.platform.robotService .visual{background:url('/static/images/platform/img_robotService_bg.jpg')no-repeat center;background-size:cover;}/* 로봇서비스 */

.platform .moreTop{margin-top:40px;}

/***************************************** platform - cloud *****************************************/
.platform.cloud .discriPoint{}

.platform.cloud .con.cloudInfo h2 + div{margin-bottom:51px;}
.platform.cloud .con.cloudInfo .grayBox{margin-top:54px;}
.platform.cloud .con.cloudInfo .grayBox li div{position:relative;font-size:30px;line-height:80px;margin-bottom:10px;}
.platform.cloud .con.cloudInfo .grayBox li div strong{font-size:72px;font-weight:700;}
.platform.cloud .con.cloudInfo .grayBox li:nth-child(1) div{background:url('/static/images/platform/img_cloudInfo01.png')no-repeat right top;}
.platform.cloud .con.cloudInfo .grayBox li:nth-child(2) div{background:url('/static/images/platform/img_cloudInfo02.png')no-repeat right top;}
.platform.cloud .con.cloudInfo .grayBox li:nth-child(3) div{background:url('/static/images/platform/img_cloudInfo03.png')no-repeat right top;}

/* .platform.cloud .con.basicFunc ul li{width:calc(31.4% - 30px);} */
.platform.cloud .con.basicFunc ul li > div, .platform.cloud .con.basicFunc ul li:nth-child(2) > div{background:#ffff;border:30px solid #bb0841;box-sizing:border-box;padding:41.2% 0;}
.platform.cloud .con.basicFunc ul li + li{margin-left:2.9%;}
.platform.cloud .con.basicFunc ul li > div span{font-size:24px;line-height:32px;font-weight:800;color:#000;}
.platform.cloud .con.basicFunc ul li > p{text-align:left;padding:0;}
.platform.cloud .con.basicFunc ul li > div:after{content:'';position:absolute;background:url('/static/images/platform/img_cloud_basicLine.png')no-repeat;width:4px;height: 41%;left:50%;bottom: -25%;background-size:auto 100%;}

.platform.cloud .stepLine{overflow:hidden;clear:both;text-align:center;position:relative;margin-top:30px;}
.platform.cloud .stepLine li{float:left;width:calc(100% / 7);opacity:0.3;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.platform.cloud .stepLine li > div{padding-bottom:50px;font-weight:700;position:relative;}
.platform.cloud .stepLine li > div:after{content:'';position:absolute;width:100%;height:1px;background:#ccc;bottom:20px;left:0;}
.platform.cloud .stepLine li > div:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;border:5px solid #bb0841;background:#fff;bottom:13px;left:50%;margin-left:-7px;z-index:1;}
.platform.cloud .stepLine li > p{font-size:22px;line-height:30px;font-weight:800;word-break: break-all;}

.platform.cloud .con.discriPoint .stepLine .scal1{opacity:1;}
.platform.cloud .con.discriPoint.index1 .stepLine .scal1{opacity:0.3;}
.platform.cloud .con.discriPoint.index2 .stepLine .scal1{opacity:0.3;}
.platform.cloud .con.discriPoint.index1 .stepLine .scal2{opacity:1;}
.platform.cloud .con.discriPoint.index2 .stepLine .scal3{opacity:1;}

.platform.cloud .con.cloudMore .badge{color:#bb0841;font-weight:800;line-height:1;margin-bottom:31px;padding-top:100px;letter-spacing:2px;}
.platform.cloud .unfoldCon01 .cloudMoreList{margin-bottom:40px;}
.platform.cloud .unfoldCon01 .cloudMoreList p.tit{font-size:24px;line-height:58px;font-weight:700;margin-bottom:15px;}
.platform.cloud .unfoldCon01 .cloudMoreList p.tit + p{font-weight:700;margin-bottom:8px;}
.platform.cloud .unfoldCon01 .cloudMoreList ul{overflow:hidden;clear:both;margin-top:33px;}
.platform.cloud .unfoldCon01 .cloudMoreList ul li{float:left;width:25%;overflow:hidden;}
.platform.cloud .unfoldCon01 .cloudMoreList ul li span{font-size:16px;line-height:40px;height:40px;width:40px;border-radius:50%;background:#bb0841;display:block;float:left;position:relative;color:#fff;text-align:center;font-weight:700;}
.platform.cloud .unfoldCon01 .cloudMoreList ul li p{width:calc(100% - 48px);margin-left:8px;float:left;padding-top:6px;}
.platform.cloud .unfoldCon01 .cloudMoreList > li + li{border-top:1px solid #d8d8d8;margin-top:50px;padding-top:43px;}
.platform.cloud .unfoldCon02 .cloudMoreList{margin-bottom:50px;}
.platform.cloud .unfoldCon02 .cloudMoreList > li + li{margin-top:54px;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox{overflow:hidden;clear:both;margin-bottom:24px;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span{font-size:24px;line-height:36px;color:#be154b;font-weight:700;float:left;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t80{width:80px;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t80 + p{width:calc(100% - 102px);}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t115{width:115px;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t115 + p{width:calc(100% - 137px);}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox p{float:left;padding-left:13px;position:relative;margin-left:22px;padding-top: 2px;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox p:before{content:'';position:absolute;width:6px;height:2px;background:#a5a5a5;left:0;top: 16px;}
.platform.cloud .unfoldCon02 .cloudMoreList .bdBox{border:1px solid #d8d8d8;padding:22px 0;overflow:hidden;}
.platform.cloud .unfoldCon02 .cloudMoreList .bdBox img{margin:0 auto;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox{display:table;width:100%;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul{display:table-cell;width:50%;padding-left:10%;vertical-align:middle;padding-right:3%;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox div{display:table-cell;width:50%;vertical-align:middle;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li{overflow:hidden;clear:both;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li + li{margin-top:7px;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li span{float:left;width:25px;font-size:20px;color:#aaa;font-weight:700;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li p{float:left;width:calc(100% - 40px);margin-left:15px;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox{padding:56px 15px 56px 10px;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul{overflow:hidden;display:table;width:100%;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul > li{display:table-cell;width:33.33%;padding:0 15px 0 20px;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul > li + li{border-left:1px solid #d8d8d8;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul > li > div{font-weight:700;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul > li > p{margin:18px 0;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul > li li{padding-left:13px;position:relative;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul > li li:before{content:'';position:absolute;width:6px;height:2px;background:#a5a5a5;left:0;top: 13px;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox > ul ul{margin-bottom:20px;}

.platform.cloud .con.cloudUse .bdBox{border:1px solid #d8d8d8;display:table;width:100%;padding:45px 0;margin-top:24px;}
.platform.cloud .con.cloudUse .bdBox li{display:table-cell;width:25%;padding:0 25px;}
.platform.cloud .con.cloudUse .bdBox li + li{border-left:1px solid #d8d8d8;}
.platform.cloud .con.cloudUse .bdBox li p{padding-top:80px;text-align:center;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(1) p{background:url('/static/images/platform/img_cloud_utilz1.png')no-repeat center top;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(2) p{background:url('/static/images/platform/img_cloud_utilz2.png')no-repeat center top;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(3) p{background:url('/static/images/platform/img_cloud_utilz3.png')no-repeat center top;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(4) p{background:url('/static/images/platform/img_cloud_utilz4.png')no-repeat center top;}

/***************************************** platform - monachain *****************************************/
.platform .con.monaCustomer{background:url('/static/images/platform/img_mona_people_bg.jpg')no-repeat center;background-size:cover;margin-top:0;}
.platform .con.monaCustomer ul{padding:41px 0;}
.platform .con.monaCustomer ul:after{content:''; display:block; clear:both;}
.platform .con.monaCustomer ul li{float:left;width:30%;}
.platform .con.monaCustomer ul li + li{margin-left:0;}
.platform .con.monaCustomer ul li div:first-child{overflow:hidden;clear:both;}
.platform .con.monaCustomer ul li div img{float:left;}
.platform .con.monaCustomer ul li div p{float:left;margin-left:12px;font-weight:700;color:#666;line-height:58px;}
.platform .con.monaCustomer ul li div.tBubble{background:#fff;border-radius:20px;font-size:20px;line-height:32px;color:#000;padding:22px 30px 22px 30px;position:relative;margin-left:10px;margin-top:10px;}
.platform .con.monaCustomer ul li div.tBubble:before{content:'';position:absolute;top:-3px;left:0px;background:url('/static/images/platform/img_bubble2.png')no-repeat 0 0;width:14px;height:20px;}

/* 모나체인 */
.platform .con.monaInfo h2 + div{margin-bottom:51px;}
.platform .con.monaInfo .grayBox{margin-top:54px;}
.platform .con.monaInfo .grayBox li div{position:relative;font-size:60px;line-height:80px;margin-bottom:16px;}
.platform .con.monaInfo .grayBox li div strong{font-size:72px;font-weight:700;}
.platform .con.monaInfo .grayBox li:nth-child(1) div{background:url('/static/images/platform/img_monaInfo01.png')no-repeat right 10px;}
.platform .con.monaInfo .grayBox li:nth-child(2) div{background:url('/static/images/platform/img_monaInfo02.png')no-repeat right top;}
.platform .con.monaInfo .grayBox li:nth-child(3) div{background:url('/static/images/platform/img_monaInfo03.png')no-repeat right top;}

/* 디에이피 */
.platform .con.dapInfo .grayBox{margin-top:54px;}
.platform .con.dapInfo .btnBox{margin-top:40px;text-align:center;}
.platform .dapService .dataSvi{margin:54px 0;}
.platform .dapService .dataSvi ul{width:690px; text-align:center; margin:0 auto;}
.platform .dapService .dataSvi ul:after{content:''; display:block; clear:both;}
.platform .dapService .dataSvi ul li{position:relative; width:360px; height:320px; float:left;}
.platform .dapService .dataSvi .bgRed{background:url('/static/images/platform/bg_dataSvi_r.png')no-repeat 0 0; margin-right:-15px;}
.platform .dapService .dataSvi .bgWhite{background:url('/static/images/platform/bg_dataSvi_w.png')no-repeat 0 0; margin-left:-15px;}
.platform .dapService .dataSvi strong,
.platform .dapService .dataSvi span{display:block; position:absolute; top:50%; transform:translateY(-50%); letter-spacing:-0.5px}
.platform .dapService .dataSvi .bgRed strong{right:70px; color:#fff; font-size:24px; font-weight:700;}
.platform .dapService .dataSvi .bgRed span{left:-50%;}
.platform .dapService .dataSvi .bgWhite strong{left:70px; color:#bb0841; font-size:24px; font-weight:700;}
.platform .dapService .dataSvi .bgWhite span{right:-50%;}

.platform .con.basicFunc ul{margin:0;text-align:center;margin-top:54px;}
.platform .con.basicFunc ul:after{content:''; display:block; clear:both;}
.platform .con.basicFunc ul li{float:left;width:31.4%;box-sizing:border-box;}
.platform .con.basicFunc ul li + li{margin-left:2.9%;}
.platform .con.basicFunc ul li > div{background:#c10641;border-radius:50%;border:1px solid #c10641;font-size:20px;line-height:32px;color:#fff;font-weight:700;padding: 49.68% 0;text-align:center;width: 100%;position: relative;}
.platform .con.basicFunc ul li:nth-child(2) > div{border:1px solid #c10641;background:#fff;color:#000;}
.platform .con.basicFunc ul li > div span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.platform .con.basicFunc ul li > div:after{content:'';position:absolute;background:url('/static/images/platform/img_mona_basicLine.png')no-repeat;width:3px;height: 41%;left:50%;bottom: -15%;background-size:auto 100%;}
.platform .con.basicFunc ul li > p{font-size:18px;line-height:30px;margin-top:64px;padding:0 35px;}
.platform .con.basicFunc ul li > div .opBox{position:absolute;bottom:-5%;font-size:16px;line-height:30px;color:#000;background:rgba(238,238,238,0.95);border-radius:20px;width: 100%;text-align: center;padding: 10px 9px;z-index:1;}
.platform .con.basicFunc .imgArea{margin-top:54px;}
.platform .con.basicFunc .imgArea img{margin:0 auto;}

/* 그라데이션 원형 타입 추가 */
.platform .con.basicFuncCy ul{text-align:center;margin:54px 15px 0;}
.platform .con.basicFuncCy ul:after{content:''; display:block; clear:both;}
.platform .con.basicFuncCy ul li{float:left;width:325px;}
.platform .con.basicFuncCy ul li > div{height:325px; background:url('/static/images/bg_gradation_cy.png')no-repeat;font-size:24px;line-height:32px;color:#000;font-weight:800;text-align:center;width: 100%;position: relative;}
.platform .con.basicFuncCy ul li:nth-child(2){margin:0 37px;}
.platform .con.basicFuncCy ul li > div span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.platform .con.basicFuncCy ul li > div:after{content:'';position:absolute;background:url('/static/images/bg_basicLine.png')no-repeat;width:3px;height:100px;left:50%;top:258px;}
.platform .con.basicFuncCy ul li > p{padding:0 10px;font-size:18px;line-height:30px;margin-top:50px;text-align:left;}
.platform .con.basicFuncCy .imgArea{margin-top:54px;}
.platform .con.basicFuncCy .imgArea img{margin:0 auto;}

/* 그라데이션 원형 타입 추가 : 블록체인 */
.platform .con.basicFuncFull ul{text-align:center;margin:54px 15px 0;}
.platform .con.basicFuncFull ul:after{content:''; display:block; clear:both;}
.platform .con.basicFuncFull ul li{float:left;width:320px;}
.platform .con.basicFuncFull ul li > div{height:320px; background:url('/static/images/bg_white_full.png')no-repeat;font-size:20px;line-height:32px;color:#000;font-weight:700;text-align:center;width: 100%;position: relative;}
.platform .con.basicFuncFull ul li > div.gradationBg{background:url('/static/images/bg_gradation_full.png')no-repeat;color:#fff;}
.platform .con.basicFuncFull ul li:nth-child(2){margin:0 37px;}
.platform .con.basicFuncFull ul li > div span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.platform .con.basicFuncFull ul li > div:after{content:'';position:absolute;background:url('/static/images/platform/img_mona_basicLine.png')no-repeat;width:3px;height:130px;left:50%;top:240px;}
.platform .con.basicFuncFull ul li > p{padding:0 10px;font-size:18px;line-height:30px;margin-top:65px;text-align:center;}
.platform .con.basicFuncFull ul li > div .opBox{position:absolute;left:-25px;bottom:-22px;font-size:16px;line-height:30px;color:#000;background:rgba(238,238,238,0.95);border-radius:20px;width:370px;text-align: center;padding: 10px 9px;z-index:1; font-weight:400;}
.platform .con.basicFuncFull .imgArea{margin-top:54px;}
.platform .con.basicFuncFull .imgArea img{margin:0 auto;}

.platform .con.monaPoint .bg{background:url('/static/images/platform/img_monaPoint_bg.jpg')no-repeat center;background-size:cover;margin-top:44px;}
.platform .con.monaPoint ul{display:table;text-align:center;width:100%;padding:115px 0;}
.platform .con.monaPoint ul li{display:table-cell;color:#fff;font-size:20px;line-height:32px;font-weight:700;width:calc(100%/3);padding:0 20px;padding-top:98px;}
.platform .con.monaPoint ul li + li{border-left:1px solid rgba(255,255,255,0.2);}
.platform .con.monaPoint ul li:nth-child(1){background:url('/static/images/platform/img_monaPoint01.png')no-repeat center 6px;}
.platform .con.monaPoint ul li:nth-child(2){background:url('/static/images/platform/img_monaPoint02.png')no-repeat center 6px;}
.platform .con.monaPoint ul li:nth-child(3){background:url('/static/images/platform/img_monaPoint03.png')no-repeat center 6px;}

.platform .con.monaMore .unfoldBox{margin-top:40px;}
.platform .con.monaMore li .bottom .badge{color:#bb0841;font-weight:800;line-height:1;margin-bottom:31px;padding-top:100px;letter-spacing:2px;}
.platform .con.monaMore li .bottom .ft01 + p{margin-top:25px;margin-bottom:44px;}
.platform .con.monaMore li .bottom .swiper-container{color:#fff;}
.platform .con.monaMore li .bottom .swiper-container p{font-size:30px;line-height:58px;font-weight:700;padding-right:30px;}
.platform .con.monaMore li .bottom ul {padding-right:30px;}
.platform .con.monaMore li .bottom ul li{padding-left:18px;position:relative;}
.platform .con.monaMore li .bottom ul li:before{content:'';position:absolute;left:0;top:13px;background:#fff;width:10px;height:1px;}
.platform .con.monaMore li.unfoldCon01 .bg{background:url('/static/images/platform/img_monaMoreBg_01.png')no-repeat center top;}
.platform .con.monaMore li.unfoldCon01 .vtBox{height:420px;}
.platform .con.monaMore li.unfoldCon01 .sCon01{padding-left:21.3%;background:url('/static/images/platform/img_monaMore_sCon01_1.png')no-repeat 7.8% center;}
.platform .con.monaMore li.unfoldCon01 .sCon02{padding-left:21.3%;background:url('/static/images/platform/img_monaMore_sCon01_2.png')no-repeat 7.8% center;}
.platform .con.monaMore li.unfoldCon01 .sCon03{padding-left:21.3%;background:url('/static/images/platform/img_monaMore_sCon01_3.png')no-repeat 7.8% center;}
.platform .con.monaMore li.unfoldCon01 .naviDotV{height:420px;}
.platform .con.monaMore li.unfoldCon01 .swiper-pagination-bullet{border:2px solid #fff;width:12px;height:12px;box-sizing:border-box;opacity:1;border-radius:0;margin:12px 0;}
.platform .con.monaMore li.unfoldCon01 .swiper-pagination-bullet-active{background:#fff;}
.platform .con.monaMore li.unfoldCon02 .floatBox{margin-bottom:120px;}
.platform .con.monaMore li.unfoldCon02 .fLeft{width:45%;}
.platform .con.monaMore li.unfoldCon02 .fLeft p{padding-right:40px;margin-bottom:0;}
.platform .con.monaMore li.unfoldCon02 .fRight{width:55%;margin-top:100px;}
.platform .con.monaMore li.unfoldCon02 .bg{background:url('/static/images/platform/img_monaMoreBg_02.png')no-repeat center top;}
.platform .con.monaMore li.unfoldCon02 .vtBox{height:520px;}
.platform .con.monaMore li.unfoldCon02 .vtBox .vtCon{max-width:1080px;}
.platform .con.monaMore li.unfoldCon02 .vtBox .vtCon > div{max-width:1080px;width:100%;}
.platform .con.monaMore li.unfoldCon02 .bg .ft01{color:#fff;padding-top:71px;margin-bottom:41px;}
.platform .con.monaMore li.unfoldCon02 .naviNum{width:100%;max-width:1080px;height:293px;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div > div:first-child{overflow:hidden;clear:both;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div img{float:left;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div p{float:left;margin-left:12px;font-weight:700;color:#ccc;font-size:18px;line-height:48px;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble{background:#fff;border-radius:20px;font-size:20px;line-height:32px;color:#000;padding:22px 30px 22px 30px;margin-left:40px;position:relative;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble:before{content:'';position:absolute;top:5px;left:-6px;background:url('/static/images/platform/img_bubble.png')no-repeat 0 0;width:16px;height:24px;}
.platform .con.monaMore li.unfoldCon01 .bottom .txtBox{background:#f8f8f8;width:72%;padding-top:44px;padding-bottom:30px;}
.platform .con.monaMore li.unfoldCon02 .bottom .txtBox{background:#f8f8f8;width: 70%;padding-top:44px;padding-bottom:30px;margin-left: 34%;}
.platform .con.monaMore li.unfoldCon02 .slideBox{position:relative;}
.platform .con.monaMore li.unfoldCon02 .naviBox{position:absolute;top:540px;width:auto;text-align:center;line-height:18px;}
.platform .con.monaMore li.unfoldCon02 .swiper-pagination{color:#fff;top: 534px;left:120px;width: auto;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-next, .platform .con.monaMore li.unfoldCon02 .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-next, .platform .con.monaMore li.unfoldCon02 .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w.png');margin-top:0;margin-left: 45px;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-prev, .platform .con.monaMore li.unfoldCon02 .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w.png');margin-top:0;margin-right: 45px;}
.platform .con.monaMore li .bottom .txtBox p:first-child{font-size:24px;line-height:36px;font-weight:700;margin-bottom:18px;}

.con.monaMedia .naviDot{margin-top:40px;}

.con.reference .bg.monaChain{background:url('/static/images/platform/img_monaRef_bg.png')no-repeat top center;margin-top:40px;} /* 2020 영문 작업 수정 */
.con.reference .bg.monaChain.ver2{margin-top:-20px; padding-top:60px;}/* 레퍼런스 컨텐츠에 4줄 설명이 들어갔을때 */


/* 스마트시티, IoT */
.platform .imgCitihub{margin-top:50px; padding-top:60px; border-top:1px solid #d8d8d8;}
.platform .moreTop .innerTextArea{padding:110px 0 50px 0;}
.platform .moreTop .bigTitle{display:block; margin-bottom:30px; color:#bb0841; font-weight:800; letter-spacing:2px;}
.platform .moreTop .smallTitle{display:block; border-top:1px solid #333; padding-top:45px; font-size:40px; line-height:42px; color:#222; font-weight:400;}
.platform .moreTop .innerTextArea .txtWrap1 .smallTitle{border-top:none; padding-top:0;}

.platform .moreTop .innerTextArea .smallTitle + p{padding-top:30px;}
.platform .moreTop .hubSerList{padding-top:30px;}
.platform .moreTop .hubSerList > ul > li{overflow:hidden; border-top:1px solid #d8d8d8; padding:35px 0;}
.platform .moreTop .hubSerList > ul > li:last-child{padding-bottom:45px;}
.platform .moreTop .hubSerList > ul > li strong{float:left; width:calc(100% - (18.8% * 4)); display:block; color:#be154b; font-size:20px; font-weight:700;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv{overflow:hidden;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div{float:left; width:18.8%;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div > span{display:block; position:relative; padding-left:10px;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div > span:after{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv.right{padding-top:35px; margin-top:35px; border-top:1px solid #d8d8d8;}
.platform .moreTop .innerTextArea .info3txt{overflow:hidden;}
.platform .moreTop .innerTextArea .info3txt.dlArea{padding-bottom:50px;}
.platform .moreTop .innerTextArea .info3txt dl{width:33.33%; float:left; padding-left:30px; margin-top:35px;}
.platform .moreTop .innerTextArea .info3txt dl:first-child{padding-left:0;}
.platform .moreTop .innerTextArea .info3txt dl:nth-child(2){border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.platform .moreTop .innerTextArea .info3txt dt{margin-bottom:15px;}

.platform .typePictureList{padding-bottom:45px;}
.platform.iot .moreTop .innerTextArea .txtWrap2{margin-bottom:0;}
.platform .typePictureList .imgEvery{margin:35px 0 40px;}
.platform .typePictureList .subTitR{font-size:18px;}
.platform .typePictureList .fstar{margin-top:30px;}
.platform .typePictureList .txtBox2 .subTitR{float:left;width:25%;padding-right:20px;margin-bottom:0;box-sizing:border-box;}
.platform .typePictureList .txtBox2 .txtCon{float:left;width:75%;box-sizing:border-box;}

.platform .con.iotInfo .btnBox{margin-top:40px;text-align:center;}

.platform .classify .dlText{margin-top:0;}
.platform .classify .dlText dt{margin-bottom:17px;}
.platform .classify.first{border-top:none;}
.platform .classify{padding:45px 0; border-top:1px solid #d8d8d8;}
.platform .classify.last{padding-bottom:0;}

/* 스마트팩토리 */
.platform.smartFactory .con.factovaPoint p + .smallInr {margin-top:44px;}
.platform.smartFactory .con.factovaPoint .imgPop{margin-top:54px;}
.platform.smartFactory .con.factovaPoint .imgPop img{margin:0 auto;}
.platform.smartFactory .con.factovaPoint .imgPop + p{margin-top:44px;}
.platform.smartFactory .con.factovaPoint  p + .ft01{margin-top:25px;}
.platform.smartFactory .con.factovaPoint .smallInr:last-child{padding-bottom:0;}
.con.reference .bg.factova{background:url('/static/images/platform/img_factovaRef_bg.jpg')no-repeat center;margin-top:40px;}


/* 로봇서비스 */
.platform.robotService .con.basicFunc .imgPop{margin-bottom:50px;}
.platform.robotService .con.basicFunc .topText ul{margin-top:18px;}
.platform.robotService .con.basicFunc .topText li{position:relative;padding-left:12px;float:none;width:100%;text-align:left;}
.platform.robotService .con.basicFunc .topText li:before{content:'';position:absolute;width:7px;height:2px;background:#888;left:0;top:12px;}
.platform.robotService .con.basicFunc .topText li + li{margin-left:0;}
.platform.robotService .con.basicFunc .smallInr:last-child{padding-bottom:0;}

.platform.robotService .grayBoxCnt{margin-top:52.5px;}
.platform.robotService .grayBoxCnt > li + li{margin-top:52.5px;}
.platform.robotService .grayBoxCnt li > div{overflow:hidden;clear:both;}
.platform.robotService .grayBoxCnt li > div > span{font-size:30px;line-height:45px;color:#aaa;float:left;margin-right:40px;width:3.5%;}
.platform.robotService .grayBoxCnt li > div > p{font-size:30px;line-height:45px;float:left;width:calc(96.5% - 40px);}
.platform.robotService .grayBoxCnt li > div.boxWrap{background:#f9f9f9;padding:50px 0;display:table;width:100%;margin-top:22.5px;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon{width:50%;vertical-align:top;overflow:hidden;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon span{float:left;width: 35.5%;padding-left: 7.5%;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon div{float:left;width:64.5%;padding-left: 7%;padding-right: 4%;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon + .vtCon{border-left:1px solid #d8d8d8;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon div li{padding-left:9px;position:relative;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon div li:before{content:'';position:absolute;width:3px;height:3px;left:0;top:11px;background:#000;}

.platform.robotService .con.orottPoint .typeVertical{margin-top:60px; background: url('/static/images/platform/img_robotPoint_bg.jpg') no-repeat center 0;}
.platform.robotService .con.orottPoint .typeVertical .text{padding-right:125px;display: flex;align-items: center;height: 540px;}
.platform.robotService .con.orottPoint .typeVertical .swiper-container{max-width:1080px; height:540px;}
.platform.robotService .con.orottPoint .topText{margin-top:39.5px;}
.platform.robotService .con.orottPoint .topText > ul > li + li{margin-top:24px;border-top:1px solid rgba(255,255,255,0.2);padding-top:22.5px;}
.platform.robotService .con.orottPoint .topText li p{font-size:22px;line-height:30px;font-weight:700;}
.platform.robotService .con.orottPoint .topText li ul{margin-bottom:20px;}
.platform.robotService .con.orottPoint .topText li li{position:relative;padding-left:13px;}
.platform.robotService .con.orottPoint .topText li li:before{content:'';position:absolute;width:7px;height:2px;background:#9e9e9f;left:0;top:13px;}
.platform.robotService .con.orottPoint .typeVertical{background: url('/static/images/platform/img_robotPoint_bg.jpg') no-repeat center 0;}
.platform.robotService .con.orottPoint .typeVertical .swiper-container,
.platform.robotService .con.orottPoint .typeVertical .text{height:540px;}

.platform .con.orottMore .unfoldBox.pageNumBg{margin-top:40px;}
.platform .con.orottMore li.unfoldCon01 .bg{margin-top:40px;}
.platform .con.orottMore li .bottom .badge{color:#bb0841;font-weight:800;line-height:1;margin-bottom:31px;padding-top:100px;letter-spacing:2px;}
.platform .con.orottMore li .bottom .ft01 + p{margin-top:25px;margin-bottom:44px;}
.platform .con.orottMore .bg{background: url('/static/images/platform/img_robotOrott_bg0.png')no-repeat center top;position:relative;margin-top:40px;transition:background 0.4s;-o-transition:background 0.4s;-moz-transition:background 0.4s;-webkit-transition:background 0.4s;}
.platform .con.orottMore .bg:before{content:'';position:absolute;left:0;top: 310px;height: 190px;background:#f8f8f8;width:420px;}
.platform .con.orottMore .bg.bgIndex0{background: url('/static/images/platform/img_robotOrott_bg0.png')no-repeat center top;position:relative;}
.platform .con.orottMore .bg.bgIndex1{background: url('/static/images/platform/img_robotOrott_bg1.png')no-repeat center top;position:relative;}
.platform .con.orottMore .bg.bgIndex2{background: url('/static/images/platform/img_robotOrott_bg2.png')no-repeat center top;position:relative;}
.platform .con.orottMore .slideBox{width:74%;}
.platform .con.orottMore .slideBox .swiper-container{padding-bottom:20px;}
.platform .con.orottMore .slideBox .swiper-slide > div:first-child{height:310px;color:#fff;display:table;width:100%;}
.platform .con.orottMore .slideBox .swiper-slide > div p{display:table-cell;vertical-align:middle;font-size:30px;line-height:58px;color:#fff;font-weight:700;}
.platform .con.orottMore .slideBox .swiper-slide > div p strong{display:block;font-size:40px;line-height:58px;margin-top:3px;}
.platform .con.orottMore .slideBox .swiper-slide .bgBox{padding:34px 0;position:relative;min-height:190px;padding-right:30px;background:#f8f8f8;}
.platform .con.orottMore .slideBox .swiper-slide .bgBox li{position:relative;padding-left:13px;}
.platform .con.orottMore .slideBox .swiper-slide .bgBox li:before{content:'';position:absolute;width:6px;height:2px;background:#a6a6a6;top:12px;left:0;}
.platform .con.orottMore .btnBox.unfold{margin-top:50px;}


/* AI 빅데이터 */
.platform.bigData .con.discriPoint .dotTxt{margin-bottom:25px;}


/***************************************** Industries *****************************************/
.industry .visual{background:url('/static/images/industry/bg_visual.jpg')no-repeat center;background-size:cover;}
.industry.indFinance .visual{background:url('/static/images/industry/bg_indfinance_visual.jpg')no-repeat center;background-size:cover;}/* 금융 */
.industry.intelligent .visual{background:url('/static/images/industry/bg_intelligent_visual.jpg')no-repeat center;background-size:cover;}/* 공공 */
.industry.indTraffic .visual{background:url('/static/images/industry/bg_indtraffic_visual.jpg')no-repeat center;background-size:cover;}/* 교통 */
.industry.manufacturing .visual{background:url('/static/images/industry/bg_manufacturing_visual.jpg')no-repeat center;background-size:cover;}/* 제조 */
.industry.smartLogistic .visual{background:url('/static/images/industry/bg_distribution_visual.jpg')no-repeat center;background-size:cover;}/* 물류 */
.industry.indMedia .visual{background:url('/static/images/industry/bg_indmedia_visual.jpg')no-repeat center;background-size:cover;}/* 통신/미디어 */
.industry.retail .visual{background:url('/static/images/industry/bg_retail_visual.jpg')no-repeat center;background-size:cover;}/* 리테일 */

/* Industries - 통신/미디어 */
.industry .con.comMedia ul{margin-top:66px;}
.industry .con.comMedia li{padding-left:143px;margin-bottom:50px;}
.industry .con.comMedia li + li{border-top:1px solid #d8d8d8;padding-top:44px;}
.industry .con.comMedia li:last-child{margin-bottom:0;}
.industry .con.comMedia li p:first-child{font-size:20px;line-height:32px;font-weight:700;margin-bottom:8px;}
.industry .con.comMedia li p:first-child span{color:#bb0841;}
.industry .con.comMedia li:nth-child(1){background:url('/static/images/industry/img_comMedia01.png')no-repeat left 6px;}
.industry .con.comMedia li:nth-child(2){background:url('/static/images/industry/img_comMedia02.png')no-repeat left 50px;}
.industry .con.comMedia li:nth-child(3){background:url('/static/images/industry/img_comMedia03.png')no-repeat left 50px;}

.industry .con.comMediaIntro ul{margin-top:53px;}
.industry .con.comMediaIntro li{overflow:hidden;clear:both;margin-bottom:44px;}
.industry .con.comMediaIntro li + li{border-top:1px solid #d8d8d8;padding-top:43px;}
.industry .con.comMediaIntro li:last-child{margin-bottom:0;}
.industry .con.comMediaIntro li div{float:left;width:calc(100% - 68px);}
.industry .con.comMediaIntro li div:first-child{font-size:30px;line-height:45px;color:#aaaaaa;width:68px;}
.industry .con.comMediaIntro li div P:first-child{font-size:30px;line-height:45px;margin-bottom:17px;}
.industry .con.comMediaIntro li div div{margin-top:28px;}
.industry .con.comMediaIntro li div dl{overflow:hidden;clear:both;}
.industry .con.comMediaIntro li div dt{padding-left:14px;position:relative;color:#bb0841;font-weight:700;float:left;width:125px;}
.industry .con.comMediaIntro li div dt:before{content:'';position:absolute;width:3px;height:3px;background:#000;left:1px;top:12px;}
.industry .con.comMediaIntro li div dd{float:left;width:calc(100% - 125px);}
.industry .con.comMediaIntro li div dl:first-child dt{width:110px;}
.industry .con.comMediaIntro li div dl:first-child dd{width:calc(100% - 110px);}
.industry .con.comMediaIntro li div dl + dl{margin-top:8px;}
.industry .con.comMediaIntro li div div + div{margin-top:44px;}

.con.reference .bg.comMedia{background: url('/static/images/platform/img_monaRef_bg.png')no-repeat center top;margin-top:40px;}

/* Industries - 디지털 금융 */
.industry .con.digitalFncService{margin-top:56px;}
.industry .con.digitalFnc .inner, .industry .con.digitalFncService .inner{border-top:1px solid #000;padding-top:100px;}
.industry .con.digitalFnc:first-child .inner{border-top:0;padding-top:0;}
.industry .con.digitalFnc ol{margin-top:50px;}
.industry .con.digitalFnc ol li{overflow:hidden;clear:both;position:relative;}
.industry .con.digitalFnc ol li span{width:32px;height:32px;position:absolute;background:#333;border-radius:50%;color:#fff;font-weight:700;text-align:center;line-height:32px;}
.industry .con.digitalFnc ol li p{padding-left:42px;line-height:32px;}
.industry .con.digitalFnc ol li + li{margin-top:24px;}
.industry .con.digitalFnc ul{margin-top:56px;}
.industry .con.digitalFnc ul li{padding-left:140px;padding-top:44px;padding-bottom:44px;}
.industry .con.digitalFnc ul li + li{border-top:1px solid #d8d8d8;}
.industry .con.digitalFnc ul li div{font-size:20px;line-height:32px;font-weight:700;margin-bottom:8px;}
.industry .con.digitalFnc ul li:nth-child(1){background: url('/static/images/industry/img_digitalTf1.png')no-repeat left center;}
.industry .con.digitalFnc ul li:nth-child(2){background: url('/static/images/industry/img_digitalTf2.png')no-repeat left center;}
.industry .con.digitalFnc ul li:nth-child(3){background: url('/static/images/industry/img_digitalTf3.png')no-repeat left center;}
.industry .con.digitalFncService ul{overflow:hidden;clear:both;margin-top:70px;}
.industry .con.digitalFncService ul li{float:left;vertical-align:middle;width: calc((100%/3) + 15px);text-align:center;position:relative;margin-left: -15px;margin-right: -15px;}
.industry .con.digitalFncService ul li:first-child{margin-left:0;}
.industry .con.digitalFncService ul li:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(243,226,224,0.25);border:1px solid #f3e2e0;border-radius:50%;box-sizing:border-box;}
.industry .con.digitalFncService ul li div{position:relative;padding-top:100%;}
.industry .con.digitalFncService ul li p{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;padding:0 35px;padding-top:54px;background: url('/static/images/industry/img_digitalTf_check.png')no-repeat center top;}

/* Industries - 스마트 교통, 철도통신 */
.industry .smartTrafficTop .iconInfoArea{padding:30px 0 0 0;}
.smartTrafficTop .iconInfoArea li:last-child{padding-bottom:0;}

.industry .indServiInfo .imgPop{padding:50px 0 70px 0;}
.industry .transportList{text-align:center; overflow:hidden;}
.industry .transportList li{float:left; width:33.33%;}
.industry .transportList li > strong{width:100%; position:relative; display:block; padding:0 0 120px 0; color:#bb0841; font-size:24px; line-height:26px; font-weight:700;}
.industry .transportList li > strong:after{content:''; display:block; width:74px; height:57px; position:absolute; top:55px; left:50%; transform: translateX(-50%); background-position:0 0; background-repeat:no-repeat;}
.industry .transportList .transport1:after{background-image: url('/static/images/industry/ico_transport1.png');}
.industry .transportList .transport2:after{background-image: url('/static/images/industry/ico_transport2.png');}
.industry .transportList .transport3:after{background-image: url('/static/images/industry/ico_transport3.png');}
.industry .transportList li .txt{font-size:20px;}
.industry .transportList li .txt > span{display:block;}
.industry .indTraffic .ft01{margin-top:100px;}
.con.discriPoint .typeVertical.indTraffic1{margin-top:60px; background: url('/static/images/industry/bg_indTraffic1_slide.jpg') no-repeat center 0;height:480px;}
.con.discriPoint .typeVertical.indTraffic2{margin-top:60px; background: url('/static/images/industry/bg_indTraffic2_slide.jpg') no-repeat center 0;height:480px;}
.con.discriPoint .typeVertical.indTraffic1 .swiper-container,
.con.discriPoint .typeVertical.indTraffic2 .swiper-container{height:480px;}

.industry .railwaySTxt{overflow:hidden; margin:0 0 50px 68px;}
.industry .railwaySTxt.type1,
.industry .railwaySTxt.type3,
.industry .railwaySTxt.type4,
.industry .railwaySTxt.type5{margin:0 0 50px 68px;}
.industry .railwaySTxt.type2{margin:0 0 50px 0;}
.industry .railwaySTxt dl{float:left; position:relative; border-left:1px solid #d8d8d8; min-height:130px;}
.industry .railwaySTxt dl:first-child{border-left:none;}
.industry .railwaySTxt dt{margin-bottom:8px; color:#bb0841; font-weight:700;}
.industry .railwaySTxt dd{position:relative; padding-left:10px;}
.industry .railwaySTxt dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.industry .railwaySTxt dd > span{display:block;}

.industry .railwaySTxt.type1 dl.first{width:222px;}
.industry .railwaySTxt.type1 dl.second{width:295px; padding-left:80px;}
.industry .railwaySTxt.type1 dl.third{width:calc(100% - 222px - 295px); padding-left:60px;}
.industry .railwaySTxt.type1 dl.third dd.tl1{position:absolute; top:38px; left:270px;}
.industry .railwaySTxt.type1 dl.third dd.tl2{position:absolute; top:68px; left:270px;}

.industry .railwaySTxt.type2 dl.first{width:290px;}
.industry .railwaySTxt.type2 dl.second{width:calc(100% - 290px); padding-left:50px;}
.industry .railwaySTxt.type2 dl.second dd.tl1{position:absolute; top:38px; left:385px;}
.industry .railwaySTxt.type2 dl.second dd.tl2{position:absolute; top:99px; left:385px;}
.industry .railwaySTxt.type2 dl.second dd.tl3{position:absolute; top:128px; left:385px;}

.industry .railwaySTxt.type3 dl.first{width:525px;}
.industry .railwaySTxt.type3 dl.second{width:calc(100% - 525px); padding-left:50px;}
.industry .railwaySTxt.type3 dl.first dd.tl1{position:absolute; top:38px; left:190px;}
.industry .railwaySTxt.type3 dl.first dd.tl2{position:absolute; top:68px; left:190px;}
.industry .railwaySTxt.type3 dl.second dd.tl1{position:absolute; top:38px; left:250px;}
.industry .railwaySTxt.type3 dl.second dd.tl2{position:absolute; top:68px; left:250px;}
.industry .railwaySTxt.type3 dl.second dd.tl3{position:absolute; top:99px; left:250px;}

.industry .railwaySTxt.type4 dl.first{width:330px;}
.industry .railwaySTxt.type4 dl.second{width:330px; padding-left:50px;}
.industry .railwaySTxt.type4 dl.third{width:calc(100% - 330px - 330px); padding-left:50px;}
.industry .railwaySTxt.type4 dd{padding-left:0;}
.industry .railwaySTxt.type4 dd:before{background:none;}

.industry .railwaySTxt.type5 dl.first{width:495px;}
.industry .railwaySTxt.type5 dl.second{width:calc(100% - 495px); padding-left:50px;}
.industry .railwaySTxt.type5 dl.second dd.tl1{position:absolute; top:38px; left:260px;}
.industry .railwaySTxt.type5 dl.second dd.tl2{position:absolute; top:68px; left:260px;}
.industry .railwaySTxt.type5 dl.second dd.tl3{position:absolute; top:99px; left:260px;}

/* Industries - 스마트 물류 */
.industry .con.smartLogicTop .dotTxt li + li{margin-top:33px;}
.industry.smartLogistic .cyCon{padding-bottom:0;}

/* Industries - 제조 */
.industry .con.manufacturInfo .smallInr{margin-bottom:50px;}
.industry .con.manufacturInfo .featureList1li{margin-top:52.5px;}

/* Industries - 리테일 */
.industry.retail .imgBox img{margin:0 auto;}
.industry.retail .smartStTop .imgBox{margin-bottom:34px;}
.industry.retail .smartStTop p + p{margin-top:28px;}
.industry.retail .imgBox{position:relative;}
.industry.retail .btnHidden a{width: 24%;height: 3.45%;position:absolute;top: 12.5%;right: 37.8%;}
.industry.retail .btnHidden a span{text-indent:-99999px;display:block;}

/* Industries - 지능형 전자정부/공공 */
.industry.intelligent .con.inTLgTop .grayBox4 {margin-top:54px;}
.industry.intelligent .con.inTLgTop .grayBox4 + .grayBox4{margin-top:24px;}
.industry.intelligent .con.inTLgTop ul.grayBox4 li:after{background:#fff;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div{margin-left:20px;float:left;width:calc(87% - 20px);}
.industry.intelligent .con.inTLgTop .grayBox4 li > div:first-child{font-size:22px;line-height:30px;font-weight:700;float:left;height:100%;margin-left:0;width:13%;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div div{color:#bb0841;font-weight:700;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div p span{display:block;}
.industry.intelligent .con.inTLgTop .grayBox4 div > span{border-bottom:1px solid #bb0841;}
.industry.intelligent .con.inTLgInfo .box2numGray li.ico12 p {top:17px;}
.industry.intelligent .con.inTLgInfo .box2numGray li.ico12 p span{line-height:30px;}
.industry.intelligent .con.inTLgInfo .numberL{margin-top:75px;display:table;width:100%;margin-left:-30px;}
.industry.intelligent .con.inTLgInfo .numberL + .numberL{margin-top:35px;}
.industry.intelligent .con.inTLgInfo .numberL li{display:table-cell;vertical-align:top;width:25%;padding-left:30px;border-left:1px solid #d8d8d8;padding-right:15px;}
.industry.intelligent .con.inTLgInfo .numberL li:first-child{border-left:0;}
.industry.intelligent .con.inTLgInfo .numberL li span{background:#bb0841;border-radius:50%;color:#fff;font-size:20px;line-height:50px;font-weight:700;width:50px;height:50px;display:block;text-align:center;margin-bottom:14px;}

/***************************************** PR 공통 *****************************************/
.pr.newsContent .visual{background:url('/static/images/pr/bg_visual_news.jpg')no-repeat center;background-size:cover;}/* 뉴스 */
.pr.publicCon .visual{background:url('/static/images/pr/bg_visual_public.jpg')no-repeat center;background-size:cover;}/* 홍보영상 */
.pr.blogCon .visual{background:url('/static/images/pr/bg_visual_blog.jpg')no-repeat center;background-size:cover;}/* 블로그 */
.pr.notiCon .visual{background:url('/static/images/pr/bg_visual_noti.jpg')no-repeat center;background-size:cover;}/* 공지사항 */

.pr .con.comm {
    margin-top: 100px;
}
.pr .noticeList h2 + div,
.pr .public2 h2 + div{margin-top:30px;}
.pr .boardList + .pageBox,
.pr .noticeBoardList + .pageBox,
.pr .publicList + .pageBox{margin-top:35px;}

.pr .newsBottom .listTop{overflow:hidden;clear:both;}
.pr .newsBottom .listTop > div.allNum{float:left;line-height:18px;padding-top:28px;}
.pr .newsBottom .listTop > div.searchBox{float:right;}
.pr .empty{text-align:center !important; padding:135px 0 170px !important;}
.pr .empty strong{border-bottom:1px solid #000;}
.pr .empty .btnBkLine{min-width:190px;}
.pr .empty div:first-child{padding-bottom:20px;}

/* pr 팝업 공통 */
.pr .publicPop.blogCan .popArea{max-width:780px;}
.pr .publicPop.CanConfirm{}
.pr .CanConfirmPop{text-align:center;}
.pr .CanConfirmPop > strong{display:inline-block; font-size:24px; font-weight:400;}
.pr .publicPop.CanConfirm .popArea{padding:0 60px 100px; max-width:620px;}

/* view 공통 */
.pr .newsCon{width:100%; max-width:896px; margin:0 auto;}
.pr .newsCon .newsTitle{position:relative; padding-bottom:50px; border-bottom:1px solid #000;margin-bottom:50px; }
.pr .newsCon .newsTitle strong{display:block; margin-right:150px; line-height:40px; font-size:30px; font-weight:400;}
.pr .newsCon .newsTitle span{display:block; position:absolute; top:0; right:0; font-size:16px;}
.pr .newsCon .smallPoint{font-weight:bold; position:relative;padding-left:10px;}
.pr .newsCon .smallPoint:before{content:''; display:block; width:3px; height:3px; background:#000; position:absolute; top:12px; left:0;}
.pr .newsCon .smallPoint + div{margin-top:35px;border-top:1px solid #d8d8d8;padding-top:35px;}
.pr .newsCon .smallPoint + .smallPoint{margin-top:10px;}
.pr .newsCon .clipFile{padding:20px 0; margin-bottom:60px; border-bottom:1px solid #d8d8d8;}
.pr .newsCon .clipFile li{position:relative; padding-left:25px;}
.pr .newsCon .clipFile li:before{content:''; display:block; width:19px; height:22px; background:url('/static/images/ico_clip.png')no-repeat 0 0; position:absolute; top:50%; left:0; margin-top:-11px;}
.pr .newsCon .clipFile a{display:inline; font-size:16px; line-height:20px; border-bottom:1px solid #000;}
.pr .newsCon .textLine{margin-top:30px;}
.pr .newsCon .newsShare{text-align:right; margin-top:90px;}
.pr .newsCon .newsShare a{min-width:180px;}
.pr .imgArea.cen{text-align:center;}
.pr .imgArea.cen img{display:inline-block;}

.pr .viewBottom{margin-top:40px;}
.pr .viewBottom ul{border-bottom:1px solid #d8d8d8;}
.pr .viewBottom ul li{overflow:hidden; padding:25px 20px; border-top:1px solid #d5d9de;}
.pr .viewBottom ul li p,
.pr .viewBottom ul li a{font-size:18px; line-height:20px; font-weight:700;}
.pr .viewBottom ul li p{position:relative; float:left; width:100px; color:#be154b; padding-left:20px;}
.pr .viewBottom ul li a{float:left; width:calc(100% - 100px - 120px); display:block; line-height:20px; color:#000; max-height:20px;}
.pr .viewBottom ul li span{float:right; width:100px; display:block; font-size:16px; line-height:18px;}
.pr .viewBottom .prevText p:before,
.pr .viewBottom .nextText p:before{content:''; display:block; width:8px; height:8px; border-top:2px solid #be154b; border-right:2px solid #be154b; position:absolute;top:50%;margin-top:-6px;}
.pr .viewBottom .prevText p:before{-moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); left:5px;}
.pr .viewBottom .nextText p:before{-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left:0;}
.pr .newsListGo{margin-top:40px; text-align:center;}
.pr .newsListGo a{min-width:180px;}

/* PR - news List */
.pr .con.newsList img{width:100%;}
.pr .con.newsList .newsTop {margin-bottom:74px;}
.pr .con.newsList .newsTop div{width:50%;background:#f9f9f9;padding:0 60px;}
.pr .con.newsList .newsTop div:first-child{padding:0;vertical-align:top;}
.pr .con.newsList .newsTop div .tit{font-size:24px;line-height:36px;font-weight:700;overflow:hidden;margin-bottom:8px;max-height:72px;}
.pr .con.newsList .newsTop div .date{font-size:16px;line-height:36px;margin-bottom:24px;}
.pr .con.newsList .newsTop div .desc.ellipsis{max-height:120px;}
.pr .boardList{border-top:1px solid #000;margin-top:20px;}
.pr .boardList li{overflow:hidden; border-bottom:1px solid #d8d8d8;padding:40px 0;}
.pr .boardList .imgArea{float:left; width:344px; margin-right:40px;}
.pr .boardList .textArea{float:right; width:calc(100% - 384px); padding:15px 0;}
.pr .boardList .textArea .tit{font-size:20px;font-weight:700; margin-bottom:13px;max-height:64px;}
.pr .boardList .textArea .date{font-size:16px;line-height:18px;margin-bottom:20px;}
.pr .boardList .textArea .desc{max-height:90px;}

/* PR - notice List */
.pr .noticeBoardList{border-top:1px solid #000;margin-top:20px;}
.pr .noticeBoardList span{display:block;}
.pr .noticeBoardList .num{float:left; width:145px; text-align:center; font-size:16px;}
.pr .noticeBoardList .text{float:left; width:calc(100% - 145px - 200px);}
.pr .noticeBoardList .text a{display:block; max-height:30px;}
.pr .noticeBoardList .days{float:right; width:200px; text-align:center; font-size:16px;}
.pr .noticeBoardList li{overflow:hidden; padding:17px 0;}
.pr .noticeBoardList li{border-bottom:1px solid #e5e5e5;}
.pr .noticeBoardList .firstTitle{background:#f9f9f9; border-bottom:none;}
.pr .noticeBoardList .firstTitle .num,
.pr .noticeBoardList .firstTitle .text,
.pr .noticeBoardList .firstTitle .days{text-align:center; font-size:18px; font-weight:700;}

/* PR - 홍보영상 */
.pr .movieArea{width: calc(100% + 840px);margin:0 auto;background:#f8f8f8;margin: 0 -420px;margin-top:54px;padding-bottom:80px;}
.pr .movieInner{max-width:1200px;width:100%;margin:0 auto;padding:0 60px;}
.pr .movieCon{position:relative;padding-top:36.25%;}
.pr .movieCon iframe{position:absolute;height:100%;left:0;top:0;}
.pr .movieTab{position:relative;top:-24px;}
.pr .movieTab ul{width:300px; margin:25px auto 20px auto; overflow:hidden;}
.pr .movieTab ul li{width:50%; float:left; border:1px solid #d8d8d8;}
.pr .movieTab ul li a{padding:13px 0; color:#666; font-size:15px; font-weight:700; line-height:20px; text-align:center;background:#fff;}
.pr .movieTab ul li.active{border:1px solid #be154b;}
.pr .movieTab ul li.active a{color:#fff; background:#be154b;}
.pr .movieTabCon{float:left;}
.pr .movieKr{display:block;}
.pr .movieEn{display:none;}
.pr .movieKr, .pr .movieEn{overflow:hidden;clear:both;}
.pr .movieArea .movieCon, .pr .movieArea .txtBox{float:left;}
.pr .movieArea .movieCon{width:65%;}
.pr .movieArea .txtBox{width:35%;padding-left:30px;margin-top:13px;}
.pr .movieArea .txtBox div{font-size:24px;line-height:38px;font-weight:700;margin-bottom:27px;}
.pr .movieArea .txtBox div span{font-weight:800;text-decoration:underline;display:block;}
.pr .movieArea .txtBox p strong{display:block;}
.pr .publicity{margin-bottom:100px;}
.pr .publicList{border-top:1px solid #000;margin-top:20px;}
.pr .publicList ul{overflow:hidden; border-bottom:1px solid #e5e5e5;}
.pr .publicList li{float:left; width:250px; padding:30px 0; border-top:1px solid #e5e5e5;}
.pr .publicList li a > div{border:1px solid #d8d8d8;}
.pr .publicList li a img{width:100%;}
.pr .publicList li:nth-child(4n+2),
.pr .publicList li:nth-child(4n+3){width:calc(250px + 36px);}
.pr .publicList li:nth-child(4n+2) a{margin:0 12px 0 24px;}
.pr .publicList li:nth-child(4n+3) a{margin:0 24px 0 12px;}
.pr .publicList li a > p{margin-top:10px; max-height:60px;}
.pr .publicList li.empty{display:none; width:100%; border-top:none;}

/* PR - blog */
.pr .blogLetter + .con.pSolution{margin-top:60px;}
.pr .blogList ul{overflow:hidden;}
.pr .blogList ul li{float:left; width:calc(50% - 12px);margin-top:30px; padding-top:40px; border-top:1px solid #d8d8d8;}
.pr .blogList ul li:first-child,
.pr .blogList ul li:nth-child(2){margin-top:0; padding-top:0; border-top:none;}
.pr .blogList ul li:nth-child(odd){padding-right:12px;}
.pr .blogList ul li:nth-child(even){padding-left:12px;}
.pr .blogList ul li img{width:100%;}
.pr .blogList ul li a{display:block;}
.pr .blogList .blogTit{font-size:20px; padding-top:23px;height:83px;}
.pr .blogList .blogTit:after{content:''; display:inline-block; width:18px; height:18px; margin:6px 0 0 7px; vertical-align:top; background:url('/static/images/ico_move_big.png') no-repeat 0 0;}

.pr .blogCancel .inner{display:flex; align-items:center; justify-content:space-between; padding:40px 60px; background:#f9f9f9;}
.pr .blogCancel .inner p{font-size:20px;}
.pr .blogCBtn a{min-width:180px; background:#fff;}

/***************************************** utility *****************************************/
.utility .visual{background:url('/static/images/utility/bg_visual.jpg')no-repeat center;background-size:cover;}

.utility .faqGo .inner{overflow:hidden; padding:50px 60px; background:#f9f9f9;}
.utility .faqGo .inner > p{float:left; position:relative; padding-left:80px;}
.utility .faqGo .inner > p:before{content:''; display:block; width:55px; height:56px; position:absolute; top:50%; left:0; margin-top:-28px; background:url('/static/images/ico_question.png') no-repeat 0 0;}
.utility .faqGoBtn{float:right; margin-top:8px;}
.utility .faqGoBtn a{min-width:180px; background:#fff;} 

/*[CSR ID:4237040] 고객 Pain Point 상시관리 기능 추가 요청*/
.utility .faqGo.improvement .inner > p:before{content:''; display:block; width:55px; height:56px; position:absolute; top:50%; left:0; margin-top:-28px; background:url('/static/images/utility/ico_question2.png') no-repeat 0 0;}

.faqArea .inquiry {margin-top: 30px;text-align: center;}
.utility .con.faqGo.gate {margin-top: 70px; margin-bottom: 70px;} 
.utility .faqGo.gate .inner{overflow:hidden; padding:50px 60px;} 
.utility .faqGo.gate .inner p {position:relative; padding-bottom:100px; height: 220px;} 
.utility .faqGo.gate .inner p:before{content:''; display:block; width:57px; height:56px; position:absolute; bottom: 14%; left: 40%; margin-top:-28px; background:url('/static/images/utility/ico_question3.png') no-repeat 0 0;} 
.utility .faqGo.gate .inner .indibox + .indibox p:before{background:url('/static/images/utility/ico_question.png') no-repeat 0 0;}
.utility .faqGo.gate .inner .indibox .dis:before{background:url('/static/images/utility/ico_question2.png') no-repeat 0 0 !important;} 
.utility .gate .faqGoBtn{ margin-top:8px; display: inline-block;} /* float:right;  */
.utility .gate .faqGoBtn + .faqGoBtn {margin-left:15px;}
.utility .gate .faqGoBtn a{ background:#fff;} /* min-width:180px; */
.gate .indibox {position: relative;float: left;width: 30%;height: 340px;padding: 30px 30px;margin-left: 0px;border: 1px solid #b2b2b2;text-align: center; background-repeat: no-repeat;background-position: center 52%;background-size: 108px auto;}
.gate .indibox + .indibox { margin-left: 4%;}  

@media screen and (max-width: 360px) {
    .utility .gate .faqGoBtn{ margin-top:1vw !important;}
    .utility .faqGo.gate .inner{padding: 3.7vw 4vw 0 !important;} 
    .utility .faqGo.gate .inner p {padding-bottom:1vw;height: 100px;}
    .gate .indibox {position: relative; float: left; width: 100%; height: 50vw; padding: 5vw 5vw 3vw;margin-left: 0px;border: 0;}
    .gate .indibox + .indibox { margin-left: 0;margin-top: 30px; padding: 5vw 5vw 5vw; border-top: 1px solid #b2b2b2;}
    .utility .faqGo.gate .indibox:last-child {height: 58vw;}
    .utility .faqGo.gate .inner p:before{ left: 34%;margin-top: -8px;background: none !important;}    
    .utility .faqGo.gate .inner .indibox .dis {padding-bottom: 7vw;} 
    .utility .faqGo.gate .inner .indibox .dis:before{bottom: 13%;background: none !important;}
}
@media (min-width:361px) and (max-width: 768px) {
    .utility .gate .faqGoBtn{ margin-top:1vw !important;}
    .utility .faqGo.gate .inner{padding: 3.7vw 4vw !important;} 
    .utility .faqGo.gate .inner p {padding-bottom:1vw; height: 28vw;}
    .gate .indibox {position: relative; float: left; width: 100%; height: 50vw; padding: 5vw 5vw;margin-left: 0px;border: 0;}
    .gate .indibox + .indibox { margin-left: 0;margin-top: 30px; padding: 5vw 5vw 5vw;  border-top: 1px solid #b2b2b2;} 
    .utility .faqGo.gate .indibox:last-child {height: 52vw;}
    .utility .faqGo.gate .inner p:before{ left: 34%; background: none !important;}
    .utility .faqGo.gate .inner .indibox .dis {padding-bottom: 7vw;} 
    .utility .faqGo.gate .inner .indibox .dis:before {background: none !important;}
}
@media (min-width:769px) and (max-width: 990px) {
    .utility .gate .faqGoBtn{ margin-top:1vw !important;float: none;}
    .utility .faqGo.gate .inner{padding: 3.7vw 4vw !important;} 
    .utility .faqGo.gate .inner p {padding-bottom:1vw; height: 7vw;}
    .utility .faqGo.gate .inner .indibox .dis {height: 10vw;} 
    .gate .indibox {position: relative; float: left; width: 100%; height: 20vw; padding: 5vw 5vw;margin-left: 0px;border: 0;}
    .gate .indibox + .indibox { margin-left: 0;margin-top: 30px; padding: 4vw 4vw 4vw;  border-top: 1px solid #b2b2b2;} 
    .utility .faqGo.gate .indibox:last-child {height: 20vw;}
    .utility .faqGo.gate .inner p:before{ left: 34%; background: none !important;}
    .utility .faqGo.gate .inner .indibox .dis {padding-bottom: 7vw;} 
    .utility .faqGo.gate .inner .indibox .dis:before {background: none !important;}
}

/* utility, 블로그 구독신청 공통 */
.agreeArea{padding:40px 20px 40px 60px; margin:45px 0 20px 0; border:1px solid #d8d8d8;}
.agreeBox{height:268px; position:relative; padding-right:60px;}
.agreeTop > strong{font-weight:800;}
.agreeTop > p{margin-top:35px;}
.assent{position:relative; text-align:right; padding-right:35px;}
.assent label{font-size:18px; line-height:20px; font-weight:700;}

.infoInpArea{margin-bottom:100px;}
.infoInpArea .redNoti{text-align:right; margin:5px 0 15px; color:#be154b; font-size:16px; line-height:18px;}
.infoInpArea .redNoti.ver2{text-align:left; margin:15px 0 5px 0;}

.infoInpBox.type2 .name .colgroup2 input{width:230px;}

/* type3 : 블로그 구독 해지 팝업 */
.infoInpBox.type3 .colgroup1{width:138px; padding:25px 0 0 20px;}
.infoInpBox.type3 .name .colgroup2 input,
.infoInpBox.type3 .email .colgroup2 input{width:240px;}
.infoInpBox.type3 .email .colgroup2 .selectBox,
.infoInpBox.type3 .email .colgroup2 .outSel{width:230px;}
.infoInpBox.type3 .email .colgroup1,
.infoInpBox.type3 .email .colgroup2{height:123px;}
.blogCanPop .colgroup2 .inputBox{margin:0 0 10px 0;}
.blogCanPop .infoInpBox .email .colgroup2 .selectBox{float:inherit; margin:0; width:100%;}
.blogCanPop .colgroup2 .selectBox:after{content:''; display:block; clear:both;}
.blogCanPop .colgroup2 .selectBox input,
.blogCanPop .colgroup2 .selectBox .outSel{float:left;}
.blogCanPop .colgroup2 .selectBox .outSel{position:relative; margin-left:10px;}
.popCanBtn{margin:40px auto 0 auto; text-align:center;}
.popCanBtn a{text-align:center;}
.popCanBtn a.btnBkLine{margin-left:10px;}

/* typeDownC : 자료 다운로드 정보수집 팝업 */
.infoInpBox.typeDownC .colgroup1{width:118px;padding: 25px 0 25px 20px;vertical-align: middle;}
.infoInpBox.typeDownC .name .colgroup2:after{content:''; display:block; clear:both;}
.infoInpBox.typeDownC .name .colgroup2 input,
.infoInpBox.typeDownC .email .colgroup2 input{width:210px;}
.infoInpBox.typeDownC .email .colgroup2 .selectBox{width:200px;}
.infoInpBox.typeDownC .email .colgroup2 select{width:100%;}
.infoInpBox.typeDownC .officeDiv3:after{content:''; display:block; clear:both;}
.infoInpBox.typeDownC .officeDiv3 .sec1{width:37.4%; float:left;}
.infoInpBox.typeDownC .officeDiv3 .sec2{width:31.3%; float:left;}
.infoInpBox.typeDownC .officeDiv3 .sec3{width:31.3%; float:left;}
.infoInpBox.typeDownC .officeDiv3 .colgroup2{width:calc(100% - 118px);}
.infoInpBox.typeDownC .officeDiv3 .colgroup2 input{width:100%;}
.infoInpBox.typeDownC .typeRadio .colgroup1{padding: 25px 0 25px 20px;line-height:26px;}
.infoInpBox.typeDownC .typeRadio.short .colgroup1{padding: 15px 0 15px 20px;}
.infoInpBox.typeDownC .typeRadio.mid .colgroup1{height:100px;}
.infoInpBox.typeDownC .typeRadio .colgroup2{width:calc(100% - 118px);}
.infoInpBox.typeDownC .typeRadio .colgroup2 p{font-size:16px;}
.infoInpBox.typeDownC .typeRadio .colgroup2 ul li{padding:10px 0;}
.infoInpBox.typeDownC .typeRadio .colgroup2 ul li:first-child{margin-right:40px;}

.downCollectPop .infoInpBox ul li .name{display:table;width:100%;}
.downCollectPop .infoInpBox ul li .colgroup1{display:table-cell;width:118px;float: none;}
.downCollectPop .infoInpBox ul li .colgroup2{display:table-cell;width:calc(100% - 118px);float: none;vertical-align: middle;}
.downCollectPop .infoInpBox ul li.officeDiv2 .sec1{width: 100%;float: left;}
.downCollectPop .infoInpBox ul li.officeDiv2 .sec2{width: 62.6%;float: left;}
.termsBox p{font-size:16px;line-height:28px;}
.termsBox .allCheck{line-height:22px;margin-top:14px;margin-bottom:20px;}
.termsBox .termsList{border:1px solid #d8d8d8;padding:10px 20px;}
.termsBox .termsList li{float:none;width:100%;margin:10px 0;overflow:hidden;}
.termsBox .termsList li p{margin-left:10px;float:left;width:calc(100% - 42px);}
.termsBox .termsList li p a{text-decoration:underline;display:inline;}
.termsBox .termsList li label{float:left;margin-top:3px;}
.termsBox .termsList li label span{display:none;}

.publicPop.downCollect .redNoti{text-align:right; color:#bb0841; margin:5px 0 15px; font-size:16px; line-height:18px;}
.redStar{display:inline-block; margin-right:5px; color:#bb0841; font-weight:700;}
.publicPop.downCollect .popNoti{margin-top:15px; font-size:16px; line-height:18px;}

.infoInpBox input[type="text"],
.infoInpBox select{border:1px solid #d8d8d8;height:45px;line-height:45px;font-size:16px;padding:0 15px;color:#666666;}
.infoInpBox input[type="text"]:disabled,
.infoInpBox select:disabled{background:#d8d8d8;}
.infoInpBox textarea{border:1px solid #d8d8d8;line-height:24px;font-size:16px;padding:15px;color:#666666;}

.infoInpBox select{width:230px;}
.infoInpBox .selectBox{width:230px; float:left; position:relative;background:#fff;}
.infoInpBox .selectBox:after{content:''; display:block; width:12px; height:7px; background: url('/static/images/ico_select.png') no-repeat 0 0; position:absolute; top:50%; right:15px; z-index:1; margin-top:-3px; background-size:100% 100%;}

.infoInpBox ul li:after,
.infoInpBox .office:after,
.infoInpBox .office .sec1:after,
.infoInpBox .office .sec2:after,
.infoInpBox .colgroup2:after,
.infoInpBox .attention:after{content:''; display:block; clear:both;}

.infoInpBox{border-top:1px solid #333;}
.infoInpBox ul li{border-bottom:1px solid #d8d8d8;}
.infoInpBox .colgroup1{width:168px; height:70px; background:#f9f9f9; float:left; padding:25px 0 0 45px; font-weight:700; line-height:20px;}
.infoInpBox .colgroup2{float:left; padding:12px 15px;}
.infoInpBox .office .sec1{width:50%; float:left;}
.infoInpBox .office .sec2{width:50%; float:left;}

.infoInpBox .name .colgroup2 input{width:335px;}
.infoInpBox .office .colgroup2 input{width:335px;}
.infoInpBox .tell .colgroup2 input{width:100px;}
.infoInpBox .tell .colgroup2 > span{font-size:22px; color:#d8d8d8;}
.infoInpBox .email .colgroup2 input{width:230px;}
.infoInpBox .email .colgroup2 select{width:230px;}
.infoInpBox .email .colgroup2 > span{float:left; font-size:16px; color:#666; margin:0 10px; line-height:45px;}
.infoInpBox .email .colgroup2 > input{float:left;}
.infoInpBox .email .colgroup2 .selectBox{margin-left:10px;}
.infoInpBox .question .colgroup2 select{width:230px;}
.infoInpBox .question .colgroup2 .sel2{margin-left:10px;}
.infoInpBox .qText .colgroup2 input{width:873px;}
.infoInpBox .qText .colgroup2 textarea{width:873px; height:238px;}
.infoInpBox .qText .colgroup2 .qTextInp{margin-bottom:10px;}

.infoInpBox .qText .colgroup1{height:327px;}

.infoInpBox .attention .colgroup1,
.infoInpBox .attention .colgroup2{height:200px;}
.infoInpBox .attention .colgroup2{width:calc(100% - 168px);}

.infoInpBtn{margin:40px 0; text-align:center;}
.infoInpBtn a{min-width:180px;}

.attCheck ul:after{content:''; display:block; clear:both;}
.attCheck ul li{border:none; line-height:24px; float:left; width:16%; margin-top:25px;}
.attCheck input.bkCheck_s{position:relative;}
.attCheck input.bkCheck_s[type="checkbox"]{position:absolute; z-index:-1; width:0; height:0;}
.attCheck input.bkCheck_s[type="checkbox"] + label{position:relative;}
.attCheck input.bkCheck_s[type="checkbox"] + label:before{content:''; display:inline-block; width:22px; height:22px; background: url('/static/images/bk_check_s_off.jpg') 0 0 no-repeat; background-size:100%; vertical-align:top; margin-right:10px;}
.attCheck input.bkCheck_s[type="checkbox"]:checked + label:before{background: url('/static/images/bk_check_s_on.jpg') 0 0 no-repeat; background-size:100%;}

.ageCheckBox{display:inline;margin-left:20px;}
.ageCheckBox.attCheck input.bkCheck_s[type="checkbox"] + label:before{vertical-align:middle;}

.typeRadio ul li{border:none; line-height:24px; float:left;}
.typeRadio input.bkCheck_s{position:relative;}
.typeRadio input.bkCheck_s[type="radio"]{position:absolute; z-index:-1; width:0; height:0;}
.typeRadio input.bkCheck_s[type="radio"] + label{position:relative;}
.typeRadio input.bkCheck_s[type="radio"] + label:before{content:''; display:inline-block; width:22px; height:22px; background: url('/static/images/bk_check_s_off.jpg') 0 0 no-repeat; background-size:100%; vertical-align:top; margin-right:10px;}
.typeRadio input.bkCheck_s[type="radio"]:checked + label:before{background: url('/static/images/bk_check_s_on.jpg') 0 0 no-repeat; background-size:100%;}


/***************************************** utility *****************************************/
.utility .faqArea{margin-bottom:100px;}
.utility .unfoldBox .bottom p:first-child{padding:54px 0;}
.utility .unfoldBox .bottom p + div.btnBox{padding-top:34px;}


/***************************************** utility - 검색결과 *****************************************/
.utility.totalSearch h2{text-align:center;font-size:60px;line-height:82px;font-weight:800;padding-top:89px;}
.utility.totalSearch h2:before{content:none;}
.utility.totalSearch .searchBox{text-align:center;margin-top:69px;}
.utility.totalSearch .searchBox > div{display:inline-block;}
.utility.totalSearch .searchBox div .txt input{border:0;background:#f9f9f9;font-size:18px;line-height:70px;height:70px;width:590px;padding-left:40px;padding-right:40px;}
.utility.totalSearch .searchBox div .btn{width:70px;height:70px;}
.utility.totalSearch .searchBox div .btn button{background:#000 url('/static/images/ico_totalSc.png')no-repeat center;}
.utility.totalSearch .scTxt{text-align:center;font-size:20px;line-height:32px;margin-top:18px;}
.utility.totalSearch .scTxt strong{font-weight:800;color:#be154b;}
.utility.totalSearch .scTxt span{display:inline;}
.utility.totalSearch .tabSelWrap .tabList{margin-bottom:74px;}
.utility.totalSearch .tabSelWrap{margin-top:74px;}
.utility.totalSearch .scArea + .scArea{margin-top:84px;}
.utility.totalSearch .scArea + .txtC{margin-top:40px;}
.utility.totalSearch .scArea .scTit{font-size:40px;line-height:52px;}
.utility.totalSearch .scArea .scList{margin-top:34px;}
.utility.totalSearch .scArea .scList li{border-bottom:1px solid #d8d8d8;text-align:left;padding:34px 0;}
.utility.totalSearch .scArea .scList li .badge{display:block;font-size:16px;line-height:28px;font-weight:700;color:#bb0841;margin-bottom:18px;}
.utility.totalSearch .scArea .scList p.tit{font-size:24px;line-height:36px;font-weight:700;margin-bottom:18px;}
.utility.totalSearch .scArea .scList p.txt{position: relative;max-height: 60px;word-break: break-all;overflow: hidden;}
.utility.totalSearch .scArea .scList p.txt:before,
.utility.totalSearch .scArea .scList p.txt:after {position: absolute;background: #fff;}
.utility.totalSearch .scArea .scList p.txt:before {content: '...';top:30px;right: 0;width: 14px;}
.utility.totalSearch .scArea .scList p.txt:after {content: '';width: 100%;height: 100%;}
.utility.totalSearch .scArea .scList p.txt strong{font-weight:800;}
.utility.totalSearch .scArea .scList + div{margin-top:40px;text-align:center;}
.utility.totalSearch .btnBk{text-align:left;}
.utility.totalSearch .btnBk.icoPlus span{background:url('/static/images/ico_totalSc_more.png')no-repeat right center;width:100%;text-align:left;display:inline-block;background-size:10px 12px;padding-right:20px;box-sizing:border-box;}

/***************************************** utility - 사이트 맵 *****************************************/
.utility.sitemap h2{text-align:center;font-size:60px;line-height:82px;font-weight:800;padding-top:89px;}
.utility.sitemap h2:before{content:none;}
.utility.sitemap .siteArea + .siteArea{margin-top:90px;}
.utility.sitemap .siteArea .siteTit{font-size:30px;line-height:36px;font-weight:700;padding-bottom:15px;border-bottom:2px solid #000;margin-bottom:27px;}
.utility.sitemap .siteArea dl{overflow:hidden;clear:both;}
.utility.sitemap .siteArea dl + dl{margin-top:27px;border-top:1px solid #d8d8d8;padding-top:27px;}
.utility.sitemap .siteArea dt{font-size:24px;line-height:36px;font-weight:700;color:#be154b;padding-right:10px;width:20%;float:left;}
.utility.sitemap .siteArea dd{float:left;width:80%;}
.utility.sitemap .siteArea .menu1 {overflow:hidden;clear:both;}
.utility.sitemap .siteArea .menu1 > li{float:left;width:20%;margin:7px 0;padding-right:10px;word-break:break-all;}
.utility.sitemap .siteArea dd .menu1 > li{width:25%;}
.utility.sitemap .siteArea a{word-break:keep-all;}
.utility.sitemap .siteArea dd .menu1.submenu > li{width:100%;overflow:hidden;padding-right:0;}
.utility.sitemap .siteArea dd .menu1.submenu > li + li{margin-top:23px;}
.utility.sitemap .siteArea dd .menu1.submenu > li strong{width:25%;float:left;padding-right:10px;}
.utility.sitemap .siteArea dd .menu1.submenu > li ul{width:75%;float:left;overflow:hidden;}
.utility.sitemap .siteArea dd .menu1.submenu > li ul li{float:left;margin:2px 0;margin-right:40px;}
.utility.sitemap .siteArea dl:last-child dd{border-bottom:0;}
/* .utility.sitemap .siteArea a{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-webkit-transition: 0.4s;} */
.utility.sitemap .siteArea a:hover, .utility.sitemap .siteArea a:active{color:#be154b;}

/***************************************** utility - 문의하기 *****************************************/
.publicPop.infoInpPop .popArea{position:relative; padding:0 60px 60px;max-width:600px; background:#fff;margin:0 auto;text-align:left;}
.publicPop.infoInpPop .popTitle{margin-bottom:24px;border-bottom:1px solid #333;}
.publicPop.infoInpPop .btnBox {overflow:hidden;clear:both;margin-top:40px;}
.publicPop.infoInpPop .btnBox > div{width:48%;float:left;text-align:left;}
.publicPop.infoInpPop .btnBox > div:first-child{text-align:right;}
.publicPop.infoInpPop .btnBox > div + div{margin-left:4%;}

/***************************************** SERVICE *****************************************/
.service .visual{background:url('/static/images/service/bg_visual.jpg')no-repeat center;background-size:cover;}
.service.cloud .visual{background:url('/static/images/service/bg_cloud_visual.jpg')no-repeat center;background-size:cover;}/* 클라우드 서비스 */
.service.dataCenter .visual{background:url('/static/images/service/bg_dataCenter_visual.jpg')no-repeat center;background-size:cover;}/* 데이터센터 */
.service.infraSer .visual{background:url('/static/images/service/bg_infraser_visual.jpg')no-repeat center;background-size:cover;}/* 인프라 서비스 */
.service.hrSaas .visual{background:url('/static/images/service/bg_hrSass_visual.jpg')no-repeat center;background-size:cover;}/* HR SaaS 서비스 */
.service.digitalMar .visual{background:url('/static/images/service/bg_digitalMar_visual.jpg')no-repeat center;background-size:cover;}/* 디지털마케팅 */
.service.chatbot .visual{background:url('/static/images/service/bg_chatbot_visual.jpg')no-repeat center;background-size:cover;}/* 챗봇 */
.service.rpa .visual{background:url('/static/images/service/bg_rpa_visual.jpg')no-repeat center;background-size:cover;}/* RPA */
.service.security .visual{background:url('/static/images/service/bg_security_visual.jpg')no-repeat center;background-size:cover;}/* 보안 */
.service.enteuruCon .visual{background:url('/static/images/service/bg_enteurucon_visual.jpg')no-repeat center;background-size:cover;}/* 엔트루컨설팅 */

/* SERVICE - Cloud */
.service.cloud .basicFunc{margin-top:40px;padding-top:54px;border-top:1px solid #d8d8d8;text-align:center;}
.service.cloud .basicFunc > p{font-size:24px;line-height:36px;margin-bottom:24px;}
.service.cloud .basicFunc ul{clear:both;width: 100%;display: table;}
.service.cloud .basicFunc ul li{width: 31.4%;position:relative;display: table-cell;}
.service.cloud .basicFunc ul li + li{padding-left: 2.9%;}
.service.cloud .basicFunc ul li > div{position:relative;padding-top:82.3%;border:30px solid #bb0841;border-radius:50%;}
.service.cloud .basicFunc ul li > div span{position:absolute;width:100%;font-size:24px;line-height:32px;font-weight:800;color:#000;top:50%; left:50%;transform: translate(-50%, -50%);}
.service.cloud .basicFunc ul li > div:after{content:'';position:absolute;background:url('/static/images/platform/img_cloud_basicLine.png')no-repeat;width:4px;height: 41%;left:50%;bottom: -21%;background-size:auto 100%;}
.service.cloud .basicFunc ul li p{margin-top:44px;padding:0 8px;}
.service.cloud .cloudNative > li{overflow:hidden;clear:both;display:table;width:100%;margin-top:20px;padding-top:20px;position:relative;}
.service.cloud .cloudNative > li + li:before{content:'';position:absolute;width:calc(100% - 192px);background:#d8d8d8;height:1px;top:0;right:0;}
.service.cloud .cloudNative .round{display:table-cell;width:192px;height:152px;padding-right:40px;vertical-align:middle;}
.service.cloud .cloudNative .round > div{position:relative;padding-top:100%;border:1px solid rgba(230,200,197,0.25);border-radius:50%;background:rgba(243,226,224,0.25);text-align:center;}
.service.cloud .cloudNative .round > div span{position:absolute;width:100%;font-size:20px;line-height:32px;font-weight:700;color:#000;top:50%; left:50%;transform: translate(-50%, -50%);}
.service.cloud .cloudNative .txtBox{display:table-cell;width:calc(100% - 192px);vertical-align:middle;}
.service.cloud .cloudNative .txtBox p strong{color:#bb0841;}

.service.cloud .con.cloudService .imgTit{font-size:24px;line-height:36px;font-weight:700;text-align:center;color:#bb0841;margin-top:54px;margin-bottom:34px;}
.service.cloud .con.cloudServiceInfo{display:none;}
.service.cloud .con.cloudUse{display:none;}
.service.cloud .con.cloudUse .bdBox{border:1px solid #d8d8d8;display:table;width:100%;padding:45px 0;margin-top:24px;}
.service.cloud .con.cloudUse .bdBox li{display:table-cell;width:25%;padding:0 25px;}
.service.cloud .con.cloudUse .bdBox li + li{border-left:1px solid #d8d8d8;}
.service.cloud .con.cloudUse .bdBox li p{padding-top:80px;text-align:center;}
.service.cloud .con.cloudUse .bdBox li:nth-child(1) p{background:url('/static/images/service/img_cloud_utilz1.png')no-repeat center top;}
.service.cloud .con.cloudUse .bdBox li:nth-child(2) p{background:url('/static/images/service/img_cloud_utilz2.png')no-repeat center top;}
.service.cloud .con.cloudUse .bdBox li:nth-child(3) p{background:url('/static/images/service/img_cloud_utilz3.png')no-repeat center top;}
.service.cloud .con.cloudUse .bdBox li:nth-child(4) p{background:url('/static/images/service/img_cloud_utilz4.png')no-repeat center top;}
.service.cloud .con.cloudValue{display:none;}
.service.cloud .con.cloudValue .vtBox{margin-top:34px;}
.service.cloud .con.cloudValue .vtCon{width:28%;padding-right:3%;}
.service.cloud .con.cloudValue .vtCon span{background:#bb0841;border-radius:50%;text-align:center;font-size:20px;line-height:52px;font-weight:700;display:block;color:#fff;width:52px;height:52px;margin-bottom:24px;}
.service.cloud .con.cloudValue .vtCon p + p{margin-top:12px;}
.service.cloud .con.cloudValue .vtCon + .vtCon{width:29.5%;border-left:1px solid #d8d8d8;padding:0 2% 0 3%;}
.service.cloud .con.cloudOfUse{display:none;}
.service.cloud .ecosys .dlText dt{position:relative;padding-left:10px;} /* 2020 영문 작업 수정 */
.service.cloud .ecosys .dlText dt:before{content:''; display:block; width:4px; height:4px; background:#333; position:absolute; top:12px; left:0;border-radius:50%;} /* 2020 영문 작업 수정 */
.service.cloud .ecosys .dlText + .serBtn{margin-top:20px;} /* 2020 영문 작업 수정 */


/* SERVICE - 데이터센터 */
.service .idc .idcInfo{margin:20px 0 50px 0;}
.service .idc .infoExp ul{overflow:hidden;}
.service .idc .infoExp ul li{width:50%; float:left; border-top:1px solid #d8d8d8; font-size:20px; font-weight:700; background-repeat:no-repeat; background-position:0 45px;}
.service .idc .infoExp ul li:first-child{background-image:url('/static/images/service/img_idc_info.png');}
.service .idc .infoExp ul li:nth-child(2){background-image:url('/static/images/service/img_idc_info2.png');}
.service .idc .infoExp ul li:nth-child(3){background-image:url('/static/images/service/img_idc_info3.png');}
.service .idc .infoExp ul li:nth-child(4){background-image:url('/static/images/service/img_idc_info4.png');}
.service .idc .infoExp ul li p{padding:60px 0 70px 130px;}
.service .idc .infoExp ul li p > span{color:#bb0841;}
.service .idc .infoExp ul li:first-child,
.service .idc .infoExp ul li:nth-child(2){border-top:none;}
.service .idc .infoExp ul li:nth-child(odd) p{margin-right:30px;}
.service .idc .infoExp ul li:nth-child(even){background-position:10px 45px;}
.service .officeInfo ul{overflow:hidden;}
.service .officeInfo ul li{float:left; width:calc(50% - 12px); margin-top:40px;}
.service .officeInfo ul li:first-child,
.service .officeInfo ul li:nth-child(2){margin-top:0;}
.service .officeInfo ul li:nth-child(odd){margin-right:12px;}
.service .officeInfo ul li:nth-child(even){margin-left:12px;}
.service .officeInfo ul li img{width:100%;}
.service .officeInfo ul li dl dt{padding:25px 0 15px; font-size:24px; font-weight:700;}
.service .officeInfo ul li dl dd{font-size:18px; position:relative; padding-left:10px;}
.service .officeInfo ul li dl dd:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:12px; left:0;}
.service .officeInfo ul li dl dd > span{color:#bb0841;}
.service .officeInfo ul li dl dd sup{font-size:10px; line-height:12px;}
.service .serviceInr{position:relative; padding:50px 0 100px 68px; border-top:1px solid #d8d8d8;}
.service .serviceInr.first{border-top:none; padding:0 0 0 68px;}
.service .serviceInr h3 strong{position:absolute; top:50px; left:0; color:#aaa; font-size:30px; font-weight:400;}
.service .serviceInr.first h3 strong{top:0;}
.service .serviceInr h3 span{font-size:30px;}
.service .serviceInr .topText{margin-top:18px;}
.service .serviceInr .infoInr .imgList > li{margin-bottom:45px;}
.service .serviceInr .textArea{padding-top:45px;}
.service .serviceInr .textArea .tATit{padding-bottom:8px; display:block; font-size:20px; color:#bb0841; font-weight:700;}
.service .serviceInr .textArea .txt span{font-weight:700; padding-right:10px;}
.service .serviceInr .infoImg{padding-top:12px;}
.service .serviceInr .infoImg ul{overflow:hidden;}
.service .serviceInr .infoImg ul li{float:left;}
.service .serviceInr .infoImg ul li:nth-child(odd){margin-right:11px;}
.service .serviceInr .infoImg ul li:nth-child(even){margin-left:11px;}
.service .serviceInr .infoImg img{border:1px solid #d8d8d8;}
.service .serviceInr .infoImg ul li p{color:#666; font-size:16px; text-align:center; padding-top:10px; line-height:18px;}
.service .serviceInr .serBtn{margin-top:25px;}
.service .serviceInr .serBtn a{min-width:240px;}
.service .serviceInr .bullet li{position:relative; padding-left:10px;}
.service .serviceInr .bullet li:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:12px; left:0;}

/* SERVICE - 인프라서비스 */
.service .separate .olList{padding:45px 0;}
.service .separate .olList li{padding-top:25px;}
.service .separate .olList li:first-child{padding-top:0;}
.service .separate .olList .olNum{color:#fff; display:inline-block; width:32px; height:32px; margin-right:5px; background:#333; border-radius:50%; text-align:center; line-height:34px; font-weight:700;}
.service .separate .olList .olTit{display:inline-block; font-weight:700;}
.service .separate .olList li > p{padding-left:42px;}
.service .separate .imgAreaPdb{padding-bottom:50px;}
.service .separate .loopCy ul{position:relative; height:368px; background:url('/static/images/service/bg_infra_cy.png') no-repeat center 0;}
.service .separate .loopCy li > strong{position:absolute; display:block; text-align:center; font-size:20px; font-weight:700;}
.service .separate .loopCy dl{width:330px; position:absolute;}
.service .separate .loopCy dt{color:#bb0841; font-size:20px; font-weight:700;}
.service .separate .loopCy dd{position:relative; display:inline-block; padding-left:10px;}
.service .separate .loopCy dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.service .separate .loopCy li.cy1,
.service .separate .loopCy li.cy4{text-align:right;}
.service .separate .loopCy li.cy1 > strong{top:54px; left:390px;}
.service .separate .loopCy li.cy2 > strong{top:66px; right:374px;}
.service .separate .loopCy li.cy3 > strong{top:272px; right:398px;}
.service .separate .loopCy li.cy4 > strong{top:272px; left:387px;}
.service .separate .loopCy li.cy1 dl{top:40px; left:0;}
.service .separate .loopCy li.cy2 dl{top:40px; right:0;}
.service .separate .loopCy li.cy3 dl{top:240px; right:0;}
.service .separate .loopCy li.cy4 dl{top:223px; left:0;}
.service .infraSer .iconInfoArea{padding-bottom:0;}
.service .infraSer .iconInfoArea li:last-child{padding-bottom:0;}


/* SERVICE - 디지털마케팅 */
.service .dmInfo .imgArea{margin:65px 0 50px 0;}
.service .dmInfo .smallInr:last-child{padding-bottom:0;}
.service .strongPoint .typeVertical{margin-top:54px;}
.service .strongPoint .typeVertical{background: url('/static/images/service/img_digitalMarVt_bg.jpg') no-repeat center 0;}
.service .strongPoint .typeVertical .swiper-container, .service .strongPoint .typeVertical .text{height:480px;}
.service .strongPoint .icoCon{margin-top:80px;}
.service .strongPoint .icoCon ul{overflow:hidden; margin-bottom:50px;}
.service .strongPoint .icoCon ul li{position:relative; float:left; width:25%; padding-left:80px; font-weight:700;}
.service .strongPoint .icoCon ul li:before{content:''; display:block; width:58px; height:54px; position:absolute; top:0; left:0; background-position:0 0; background-repeat:no-repeat;}
.service .strongPoint .icoCon ul li.ico1:before{background-image: url('/static/images/service/ico_dmt_1.png');}
.service .strongPoint .icoCon ul li.ico2:before{background-image: url('/static/images/service/ico_dmt_2.png');}
.service .strongPoint .icoCon ul li.ico3:before{background-image: url('/static/images/service/ico_dmt_3.png');}
.service .strongPoint .icoCon ul li.ico4:before{background-image: url('/static/images/service/ico_dmt_4.png');}

.service .strongPointTxt{margin-top:40px;}

.dmtSlideArea{padding-bottom:100px;margin:80px 0 100px 0; background:url('/static/images/service/bg_dmtSlide.jpg') no-repeat center 0;background-size:100% 100%;}
.dmtSlide{position:relative; max-width:1080px; margin:0 auto; padding-top:40px;}
.dmtSlide .naviNum .swiper-slide > div{display:table;width:100%;border-bottom:1px solid #dedede;height:130px;}
.dmtSlide .naviNum .swiper-slide > div > div{display:table-cell;vertical-align:middle;}
.dmtSlide .naviNum .swiper-slide > div > div img{margin:0 auto;}
.dmtSlide .naviNum .swiper-slide p{color:#000;text-align:center;padding: 24px 0 25px;}
.dmtSlide .naviNum .swiper-slide p strong{display:block;font-size:20px;line-height:36px;margin-bottom:6px;}
.dmtSlide .swiper-pagination{position:absolute;bottom:-57px;width:100%;line-height:12px;font-weight:800;font-size:18px;line-height:1;z-index:0;}
.dmtSlide .naviBox{position:absolute;bottom:-57px;width:100%;text-align:center;line-height:18px;}
.dmtSlide .swiper-button-next, .dmtSlide .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;}
.dmtSlide .swiper-button-next,
.dmtSlide .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk.png');margin-top:0;margin-left:60px;}
.dmtSlide .swiper-button-prev,
.dmtSlide .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk.png');margin-top:0;margin-right:60px;}
.dmtSlide a{display:block; position:relative;}
.dmtSlide .dmtTitle{width:100%; min-height:84px; padding-top:16px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.6);}
.dmtSlide .dmtTitle strong,
.dmtSlide .dmtTitle span{display:block; text-align:center; color:#fff;}
.dmtSlide .dmtTitle strong{font-weight:700;}
.dmtSlide .dmtTitle span{font-size:16px; line-height:24px;}

/* SERVICE - 엔트루컨설팅 */
.service .entVInr .imgArea{text-align:center; margin:80px 0 50px;}
.service .entVInr .imgArea img{display:inline-block;}
.service .entVInr > p{text-align:center;}
.service .entMInr{width:980px; margin:0 auto; text-align:center;}

.service .con.basicFunc ul{margin:0;text-align:center;margin-top:54px;}
.service .con.basicFunc ul:after{content:''; display:block; clear:both;}
.service .con.basicFunc ul li{float:left;width:31.4%;box-sizing:border-box;}
.service .con.basicFunc ul li + li{margin-left:2.9%;}
.service .con.basicFunc ul li > dl{position:relative;}
.service .con.basicFunc ul li > dl dt{background:#fff;border-radius:50%;border:30px solid #c10641;font-size:24px;line-height:32px;color:#000;font-weight:800;padding:35.6% 0;text-align:center;width: 100%;position: relative; margin-bottom:40px;}
.service .con.basicFunc ul li > dl span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.service .con.basicFunc ul li > dl:after{content:'';position:absolute;background:url('/static/images/platform/img_mona_basicLine.png')no-repeat;width:3px;height:22%;left:50%;bottom:130px;background-size:auto 100%; transform: rotateX(180deg);}
.service .con.basicFunc ul li > p{font-size:18px;line-height:30px;margin-top:64px;padding:0 35px;}
.service .con.basicFunc ul li > dl dd:before{content:''; display:inline-block; width:5px; height:1px; background:#000; vertical-align:top; margin:14px 8px 0 0;}
.service .con.basicFunc .entrueGo{margin-top:70px; text-align:center;}

/* SERVICE - RPA */
.service .rpaKind{margin:70px 0 90px;}
.service .rpaKind > strong{display:block; font-size:20px; font-weight:bold;}
.service .rpaKind ol{margin-top:40px; overflow:hidden;}
.service .rpaKind li{width:25%; min-height:170px; float:left; border-left:1px solid #d8d8d8; padding:0 30px;}
.service .rpaKind li:first-child{border-left:none;}
.service .rpaKind li dt{width:52px; height:52px; background:#bb0841; border-radius:50%; color:#fff; text-align:center; margin-bottom:15px; font-size:20px; font-weight:bold; line-height:52px;}
.service .rpaKind li dd{position:relative; display:inline-block; padding-left:10px;}
.service .rpaKind li dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.service .rpaStep .imgArea{margin-bottom:100px;}
.service .rpaRobot .imgPop{text-align:center;}
.service .rpaRobot .imgPop img{display:inline-block;}
.service .rpaPoint .imgEvolve{padding:20px 20px 30px 20px;}
.service .rpaPoint .imgEvolve .textArea{overflow:hidden;}
.service .rpaPoint .imgEvolve .imgArea{margin-top:50px;}

/* SERVICE - HR Saas */
.service.hrSaas .con.hrSaasService dl + dl{margin-top:100px;border-top:1px solid #d8d8d8;}

.service.hrSaas .con.hrSaasService dl dd > p{margin-bottom:34px;}
/* .service.hrSaas .con.hrSaasService dl dd > p{padding-left:13px;position:relative;margin-bottom:34px;}
.service.hrSaas .con.hrSaasService dl dd > p:before{content:'';position:absolute;width:6px;height:2px;left:0;top:13px;background:#848484;} */
.service.hrSaas .con.hrSaasService dl dt{font-size:30px;line-height:45px;font-weight:700;margin-top:73px;margin-bottom:13px;}
.service.hrSaas .con.hrSaasService dl dd + dd{margin-top:64px;}
.service.hrSaas .con.hrSaasService .bdBox{border:1px solid #d8d8d8;padding:30px;}
.service.hrSaas .con.hrSaasService .bdBox li.vtCon{overflow:hidden;clear:both;padding-top:18px;padding-bottom:18px;}
.service.hrSaas .con.hrSaasService .bdBox li.vtCon + li.vtCon{padding-left:30px;border-left:1px solid #d8d8d8;}
.service.hrSaas .con.hrSaasService .bdBox > ul:first-child > li{border-bottom:1px solid #d8d8d8;padding-top:0;}
.service.hrSaas .con.hrSaasService .bdBox li div{display:table;width:100%;}
.service.hrSaas .con.hrSaasService .bdBox li div p{display:table-cell;vertical-align:middle;width:15%;}
.service.hrSaas .con.hrSaasService .bdBox li div span{width:52px;height:52px;background:#bb0841;border-radius:50%;font-size:20px;line-height:52px;font-weight:700;text-align:center;color:#fff;display:block;}
.service.hrSaas .con.hrSaasService .bdBox li div .dashTxt{display:table-cell;vertical-align:middle;width:85%;padding-left:10%;padding-right:3%;word-break: break-all;}
.service.hrSaas .con.discriPoint ul li{padding-left:140px;}
.service.hrSaas .con.discriPoint ul li:nth-child(1){background:url('/static/images/service/img_hrsaas_discri1.png')no-repeat 22px center;}
.service.hrSaas .con.discriPoint ul li:nth-child(2){background:url('/static/images/service/img_hrsaas_discri2.png')no-repeat 27px center;}
.service.hrSaas .con.discriPoint ul li:nth-child(3){background:url('/static/images/service/img_hrsaas_discri3.png')no-repeat 22px center;}
.service.hrSaas .con.discriPoint ul li:nth-child(4){background:url('/static/images/service/img_hrsaas_discri4.png')no-repeat 22px center;}
.service.hrSaas .con.discriPoint ul li > div{border-bottom:1px solid #d8d8d8;padding:44px 0;}
.service.hrSaas .con.discriPoint ul li > div p strong{font-size:30px;line-height:45px;}
.service.hrSaas .con.discriPoint ul li > div p + p{margin-top:17px;}


/* SERVICE - 보안 */
.service.security .con.securityAdvt ul.numBox{margin-top:53px;}
.service.security .con.securityAdvt span.num{font-size:30px;line-height:45px;color:#aaa;}
.service.security .con.securityAdvt span.num + span{margin-left:33px;font-size:30px;line-height:45px;}
.service.security .con.securityAdvt ul.numBox > li + li{margin-top:50px;padding-top:43px;border-top:1px solid #d8d8d8;}
.service.security .con.securityAdvt ul.numBox > li > p{margin-bottom:17px;}
.service.security .con.securityAdvt ul.numBox > li > div{margin-left:68px;}
.service.security .con.securityAdvt ul.grayBox + ul.grayBox{margin-top:26px;}
.service.security .con.securityAdvt ul.grayBox li{padding:24px 30px 24px 54px;}
.service.security .con.securityAdvt ul.grayBox li:after{content:'';position:absolute;background:#f9f9f9;border:0;top:0;left:24px;right:0;bottom:0;z-index:-1;}
.service.security .con.securityAdvt ul.grayBox > li > div{margin-left:0;}
.service.security .con.securityAdvt ul.grayBox li > p{font-size:20px;line-height:30px;font-weight:700;color:#bb0841;margin-bottom:9px;}
.service.security .con.securityAdvt ul.grayBox li div strong{padding-left:13px;position:relative;margin-bottom:3px;display:block;}
.service.security .con.securityAdvt ul.grayBox li div strong:before{content:'';position:absolute;width:3px;height:3px;background:#000;left:0;top:13px;}
.service.security .con.securityAdvt ul.grayBox li div p{padding-left:13px;}
.service.security .con.securityAdvt ul.grayBox.box1{width:calc(33% + 12px);}
.service.security .con.securityAdvt ul.grayBox.box2{width:calc(66% + 24px);}
.service.security .con.securityAdvt ul.numBox p.fcR{font-size:20px;line-height:30px;font-weight:700;color:#bb0841;margin-bottom:9px;}
.service.security .con.securityAdvt ul.numBox > li > div + div{margin-top:50px;padding-top:45px;border-top:1px solid #d8d8d8;}
.service.security .con.securityAdvt ul.numBox p.dashTxt{position:relative;padding-left:13px;}
.service.security .con.securityAdvt ul.numBox p.dashTxt:before{content:'';position:absolute;width:6px;height:2px;left:0;top:13px;background:#848484;}
.service.security .con.securityAdvt p + .imgPop{margin-top:36px;}

.service.security .infoNormal{margin-top:45px;}
.service.security .infoNormal > ul > li{overflow:hidden; margin-top:7px;}
.service.security .infoNormal > ul > li:first-child{margin-top:0;}
.service.security .infoNormal > ul > li > strong{display:block; position:relative; float:left; width:220px; padding-left:10px; margin-right:20px; line-height:29px;}
.service.security .infoNormal > ul > li > strong:before{content:'';display:block;position:absolute;width:3px;height:3px;background:#333;left:0;top:13px;}
.service.security .infoNormal > ul > li > p{float:left; width:calc(100% - 240px)}

.service.security .infoAttention > ul > li{overflow:hidden;}
.service.security .infoAttention > ul > li .fTit{float:left; display:block; width:210px; margin-right:20px; font-weight:700;color:#bb0841; padding-top:44px;}
.service.security .infoAttention > ul > li:first-child .attConList{border-top:none;}
.service.security .attConList{float:left; width:calc(100% - 230px); margin-top:22px; padding-top:22px; border-top:1px solid #d8d8d8;}
.service.security .attConList > ul > li{overflow:hidden; margin-top:7px;}
.service.security .attConList > ul > li:first-child{margin-top:0;}
.service.security .attConList > ul > li > strong{display:block; position:relative; float:left; width:240px; margin-right:20px; padding-left:10px; line-height:29px;}
.service.security .attConList > ul > li > strong:before{content:'';display:block;position:absolute;width:3px;height:3px;background:#333;left:0;top:13px;}
.service.security .attConList > ul > li > p{float:left; width:calc(100% - 230px - 260px)}

.service.security .attConCard{float:left; width:calc(100% - 230px);}
.service.security .attConCard .featureList3li > ul{width:calc(100% + 12px);margin-left:-12px;}
.service.security .attConCard .featureList3li > ul > li{padding:15px 12px 12px 24px; letter-spacing:-0.5px;}
.service.security .attConCard .featureList3li > ul > li:after{content:'';position:absolute;border:1px solid #e8e8e8;top:0;left:12px;right:0;bottom:0;z-index:-1;}

/* SERVICE - 챗봇 - B23 */
.basicCyRed ul{text-align:center;margin:54px 15px 0;}
.basicCyRed ul:after{content:''; display:block; clear:both;}
.basicCyRed ul li{float:left;width:300px;}
.basicCyRed ul li > div{height:300px; background:url('/static/images/bg_red_cy.png')no-repeat;font-size:24px;line-height:32px;color:#000;font-weight:800;text-align:center;width: 100%;position: relative;}
.basicCyRed ul li:nth-child(2){margin:0 37px;}
.basicCyRed ul li > div span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.basicCyRed ul li > div:after{content:'';position:absolute;background:url('/static/images/bg_basicLine.png')no-repeat;width:3px;height:100px;left:50%;top:235px;}
.basicCyRed ul li > p{padding:0 10px;font-size:18px;line-height:30px;margin-top:40px;text-align:center;}
.basicCyRed ul li > div .opBox{position:absolute;bottom:-5%;font-size:16px;line-height:30px;color:#000;background:rgba(238,238,238,0.95);border-radius:20px;width: 100%;text-align: center;padding: 10px 9px;z-index:1;}
.basicCyRed .imgArea{margin-top:54px;}
.basicCyRed .imgArea img{margin:0 auto;}

/* SERVICE - 챗봇 - bit Biz */
.service .con.botBizService .serviceList{margin-top:53px;}
.service .con.botBizService .serviceList > li{position:relative; padding-left:140px;}
.service .con.botBizService .serviceList > li:before{content:''; display:block; width:94px; height:94px; position:absolute; top:50px; left:0;}
.service .con.botBizService .serviceList > li.ico1:before{background:url('/static/images/service/img_bizBot_service1.png') no-repeat left top; top:0;}
.service .con.botBizService .serviceList > li.ico2:before{background:url('/static/images/service/img_bizBot_service2.png') no-repeat left top;}
.service .con.botBizService .serviceList > li.ico3:before{background:url('/static/images/service/img_bizBot_service3.png') no-repeat left top;}

.service .con.botBizService .serviceList > li.ico4:before{background:url('/static/images/service/img_b23_ico1.png') no-repeat left top; top:0;}
.service .con.botBizService .serviceList > li.ico5:before{background:url('/static/images/service/img_b23_ico2.png') no-repeat left top; top:40px;}
.service .con.botBizService .serviceList > li.ico6:before{background:url('/static/images/service/img_b23_ico3.png') no-repeat left top; top:40px;}
.service .con.botBizService .serviceList > li.ico7:before{background:url('/static/images/service/img_b23_ico4.png') no-repeat left top; top:40px;}

.service .con.botBizService .serviceList > li + li{margin-top:44px;padding-top:43px;border-top:1px solid #d8d8d8;}
.service .con.botBizService li div{font-size:30px;line-height:45px;font-weight:700;margin-bottom:17px;}
.service .con.botBizService li ul,
.service .con.botBizService li dl.bdtDl{padding-top:24px;margin-top:24px;border-top:1px solid #d8d8d8;}
.service .con.botBizService li ul li + li{margin-top:8px;}
.service.botBiz .discriPoint .imgBox{margin-top:60px;}
.service.botBiz .discriPoint ul{margin-top:70px;padding-top:44px;border-top:1px solid #d8d8d8;}
.service.botBiz .discriPoint ul li + li{margin-top:8px;}
.service.botBiz .unfoldBox {margin-top: 40px;}
.service.botBiz .unfoldBox .bottom .badge {color: #bb0841;font-weight: 800;line-height: 1;margin-bottom: 31px;padding-top: 100px;letter-spacing: 2px;}
.service.botBiz .unfoldBox .bottom .ft01 + p {margin-top: 25px;margin-bottom: 44px;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom ul {margin-top: 35px;margin-bottom: 100px;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom li > div {font-size: 20px;line-height: 32px;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom li + li {margin-top: 50px;padding-top: 44px;border-top: 1px solid #d8d8d8;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom li .imgBox {margin-top: 24px;}

/* SERVICE - 챗봇 - vpa */
.service.vpa .vpaService ul{overflow:hidden;margin-top:51px;}
.service.vpa .vpaService ul li{position:relative; width:50%; height:94px;padding-left:125px;font-size:20px;line-height:32px;font-weight:700;vertical-align:middle;}
.service.vpa .vpaService ul li:before{content:''; display:block; width:94px; height:94px; position:absolute; top:0;}
.service.vpa .vpaService ul li:nth-child(2){padding-left:160px; border-left:1px solid #d8d8d8;}
.service.vpa .vpaService ul li:nth-child(1):before{background:url('/static/images/service/img_vpa_service1.png')no-repeat left center; left:0;}
.service.vpa .vpaService ul li:nth-child(2):before{background:url('/static/images/service/img_vpa_service2.png')no-repeat left center; left:35px;}
.service.vpa .discriPoint .fcR{font-size:20px;line-height:30px;font-weight:700;}
.service.vpa .discriPoint .bdBox{border:1px solid #d8d8d8;overflow:hidden;clear:both;padding:30px 20px 30px 30px;display:table;width:100%;margin-top:15px;}
.service.vpa .discriPoint .bdBox > div{display:table-cell;width:70%;padding-left:40px;vertical-align:middle;}
.service.vpa .discriPoint .bdBox > div:first-child{width:30%;padding-left:0;}
.service.vpa .discriPoint .bdBox > div img{margin:0 auto;}
.service.vpa .discriPoint .bdBox > div ul{display:table;width:100%;}
.service.vpa .discriPoint .bdBox > div ul li{display:table-cell;}
.service.vpa .discriPoint .bdBox > div ul li + li{border-left:1px solid #d8d8d8;padding-left:30px;}
.service.vpa .discriPoint .bdBox > div ul.li2 li{padding-right:5%;width:50%;}
.service.vpa .discriPoint .bdBox > div ul.li2 li + li{padding-left:5%;padding-right:0;}
.service.vpa .discriPoint .bdBox > div p{width:100%;color:#bb0841;font-weight:700;text-align:center;background:#f8f8f8;padding:15px 10px;margin-top:24px;}
.service.vpa .discriPoint .bdBox > div dl + dl{margin-top:18px;}
.service.vpa .discriPoint .bdBox > div dt{font-weight:700;margin-bottom:3px;}
.service.vpa .discriPoint .bdBox > div dd{padding-left:13px;position:relative;}
.service.vpa .discriPoint .bdBox > div dd:before{content:'';position:absolute;width:6px;height:2px;background:#aaa;left:0;top:13px;}
.service.vpa .unfoldBox{margin-top:40px;}
.service.vpa .unfoldBox .bottom .badge{color:#bb0841;font-weight:800;line-height:1;margin-bottom:31px;padding-top:100px;letter-spacing:2px;}
.service.vpa .unfoldBox .bottom .ft01 + p{margin-top:25px;margin-bottom:44px;}
.service.vpa .unfoldBox .unfoldCon01 .bottom ul{margin-top:35px;margin-bottom:100px;}
.service.vpa .unfoldBox .unfoldCon01 .bottom li > div{font-size:20px;line-height:32px;}
.service.vpa .unfoldBox .unfoldCon01 .bottom li + li{margin-top:50px;padding-top:44px;border-top:1px solid #d8d8d8;}
.service.vpa .unfoldBox .unfoldCon01 .bottom li .imgBox{margin-top:24px;}
.service.vpa .unfoldBox .unfoldCon02 td:last-child{text-align:left;}
.service.vpa .unfoldBox .unfoldCon02 td ul li{position:relative;padding-left:13px;}
.service.vpa .unfoldBox .unfoldCon02 td ul li:before{content:'';position:absolute;width:6px;height:2px;background:#aaa;left:0;top:13px;}
.service.vpa .unfoldBox .unfoldCon02 .inner > ul > li{}
.service.vpa .unfoldBox .unfoldCon02 .inner > ul > li + li{margin-top:100px;padding-top:91px;position:relative;}
.service.vpa .unfoldBox .unfoldCon02 .inner > ul > li + li:before{content:'';position:absolute;border-top:1px solid #000;top:0;left:-60px;width:calc(100% + 120px);height:1px;}
.service.vpa .unfoldBox .unfoldCon02 .ft01{margin-bottom:23px;}
.service.vpa .unfoldBox .unfoldCon02 .fcR{font-size:20px;line-height:32px;font-weight:700;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose{overflow:hidden;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li{width:344px; margin-left:24px; vertical-align:top; float:left;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose .imgPop{margin-top:12px;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li:first-child,
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li:nth-child(4){margin-left:0;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li:nth-child(4),
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li:nth-child(5){margin-top:44px;}

/***************************************** SOLUTION - 공통 *****************************************/
.solution .visual{background:url('/static/images/solution/bg_visual.jpg') no-repeat center;background-size:cover;}
.solution.idePlatVisual .visual{background:url('/static/images/solution/bg_visual_ideplatform.jpg') no-repeat center;background-size:cover;}/* 통합개발플랫폼 */
.solution.frameT .visual{background:url('/static/images/solution/bg_visual_frameT.jpg') no-repeat center;background-size:cover;}/* DevOn Framework */
.solution.systemSoftware .visual{background:url('/static/images/solution/bg_visual_systemSoftware.jpg') no-repeat center;background-size:cover;}/* 시스템소프트웨어 */
.solution.aiBigData .visual{background:url('/static/images/solution/bg_visual_aiBigData.jpg') no-repeat center;background-size:cover;}/* 빅데이터 */
.solution.typeFactova .visual{background:url('/static/images/solution/bg_visual_factova.jpg') no-repeat center;background-size:cover;}/* 스마트팩토리 */
.solution.smartcity .visual{background:url('/static/images/solution/bg_smartcity_visual.jpg')no-repeat center;background-size:cover;}/* 스마트시티 */
.solution.finance .visual{background:url('/static/images/solution/bg_finance_visual.jpg')no-repeat center;background-size:cover;}/* 금융 */
.solution.typeTraffic .visual{background:url('/static/images/solution/bg_visual_traffic.jpg') no-repeat center;background-size:cover;}/* 교통 */
.solution.safety .visual{background:url('/static/images/solution/bg_visual_safety.jpg') no-repeat center;background-size:cover;}/* 보안 */

.solution .architecture.maxImgOver .inner{border-bottom:none; padding-bottom:0;}
.solution .architecture.maxImgOver .maxImg{width:1097px; margin:0 auto;}

/* SOLUTION - Safezone SRP */
.solution .safeSrpTop{overflow:hidden; margin-top:45px;}
.solution .safeSrpTop .left{float:left; width:550px;}
.solution .safeSrpTop .left p{text-align:center; margin-top:12px; color:#666; font-size:16px;}
.solution .safeSrpTop .right{float:right; width:calc(100% - 550px); padding-left:60px;}

/* SOLUTION - psd */
.solution .psdInfo{width:1200px; margin:0 auto; padding:90px 0 0 60px;}
.solution .psdInfo img{width:100%;}
.solution .psdInfo strong{font-size:20px; font-weight:700;}
.solution .psdInfo .photoTit{margin-bottom:40px; color:#666; text-align:center; font-size:16px;}
.solution .psdPhoto{margin:15px 0 10px;}
.solution .psdInfo ul{overflow:hidden; margin:15px 0 10px;}
.solution .psdInfo ul li{float:left;}
.solution .psdInfo ul li.first{width:775px; margin-right:24px;}
.solution .psdInfo ul li.second{width:calc(100% - 775px - 24px);}
.solution .psdInfo ul li .firstDiv{margin-bottom:24px;}
.solution .psdImgArea{overflow:hidden; margin:55px 0 40px;}
.solution .psdImgArea li{width:calc(50% - 12px);}
.solution .psdImgArea li:first-child{float:left; margin-right:24px;}
.solution .psdImgArea li:last-child{float:right;}
.solution .psdImgArea li p{margin-top:10px; color:#666; text-align:center; font-size:16px;}
.solution .bdtGrayArea{border-top:1px solid #d8d8d8; margin-top:45px; padding-top:20px;}

/* SOLUTION - fms */
.fmsSolInfo .iconInfoArea{padding:30px 0 0 0;}
.fmsSolInfo .iconInfoArea li:last-child{padding:50px 0 0 0;}
.featureImg{margin-top:45px;}
.featureImg ul{overflow:hidden;}
.featureImg ul li{float:left; width:calc(33.33% - 13px); margin-left:19px;}
.featureImg ul li:first-child{margin-left:0;}
.featureImg ul li > div{border:1px solid #d8d8d8;}
.featureImg ul li > div img{width:100%;}
.featureImg ul li > p{text-align:center; margin-top:15px;}
.icoEffect{overflow:hidden; margin-bottom:80px;}
.icoEffect > div{border:1px solid #333; border-radius:4px; background:#f8f8f8;}
.icoEffect .effectL{float:left; width:390px; margin-right:20px;}
.icoEffect .effectL li{width:50%;}
.icoEffect .effectR li{width:25%;}
.icoEffect .effectR{float:right; width:calc(100% - 390px - 20px);}
.icoEffect ul{overflow:hidden;}
.icoEffect ul li{float:left; position:relative; height:190px;}
.icoEffect ul li:after{content:''; display:block; width:100px; height:100px; position:absolute; top:30px; left:50%; transform:translateX(-50%); background-position:0 0; background-repeat:no-repeat;}
.icoEffect ul li.ico1:after{background-image: url('/static/images/solution/ico_effect1.png');}
.icoEffect ul li.ico2:after{background-image: url('/static/images/solution/ico_effect2.png');}
.icoEffect ul li.ico3:after{background-image: url('/static/images/solution/ico_effect3.png');}
.icoEffect ul li.ico4:after{background-image: url('/static/images/solution/ico_effect4.png');}
.icoEffect ul li.ico5:after{background-image: url('/static/images/solution/ico_effect5.png');}
.icoEffect ul li span{display:block; text-align:center; padding-top:140px; color:#000; font-size:20px; line-height:22px;}

/* SOLUTION - Card Perfect */
.solution .ver2 .smallInr{padding-bottom:50px;}

/* SOLUTION - SBP */
.solution .sbpTopIco{margin:50px 0; padding-bottom:0; /*border-bottom:1px solid #d8d8d8;*/}
.solution .sbpTopIco ul{overflow:hidden;}
.solution .sbpTopIco li{float:left; position:relative; width:calc(50% - 12px); min-height:94px; padding-left:130px; font-size:20px; font-weight:700;}
.solution .sbpTopIco li:before{content:''; display:block; width:94px; height:94px; position:absolute; top:0; left:0; background-position:0 0; background-repeat:no-repeat;}
.solution .sbpTopIco li.ico1{margin-right:12px; padding-top:28px;}
.solution .sbpTopIco li.ico2{margin-left:12px; padding-top:14px;}
.solution .sbpTopIco li.ico1:before{background-image: url('/static/images/solution/ico_sbp1.png');}
.solution .sbpTopIco li.ico2:before{background-image: url('/static/images/solution/ico_sbp2.png');}
.solution .sbpExample .infoInr{margin-top:44px;}
.solution .sbpExample .smallInr:last-child{padding-bottom:0;}

/* SOLUTION - SMART CITY */
.solution.smartcity .consti dl{margin-top:54px;}
.solution.smartcity .consti dt{font-size:20px;line-height:32px;color:#be154b;font-weight:700;margin-bottom:18px;}
.solution.smartcity .func ul{margin-top:50px;}
.solution.smartcity .func li{overflow:hidden;clear:both;}
.solution.smartcity .func li span{float:left;width:32px;height:32px;color:#fff;line-height:32px;font-weight:700;text-align:center;display:block;background:#333;border-radius:50%;}
.solution.smartcity .func dl {float:left;padding-left:10px;width:calc(100% - 32px);}
.solution.smartcity .func dt{font-weight:700;margin-bottom:2px;}
.solution.smartcity .func .infoFunc{margin-top:55px;}
.solution.smartcity .func .infoFunc dl{float:inherit; margin-top:20px;}
.solution.smartcity .func .infoFunc dd{padding-left:10px;}
.solution.smartcity .func li + li{margin-top:10px;}
.solution.smartcity .con.feature .serviceList{margin-top:53px;}
.solution.smartcity .con.feature .serviceList > li{position:relative; padding-left:140px; border-bottom:1px solid #d8d8d8;padding-bottom:44px;margin-top:43px;}
.solution.smartcity .con.feature .serviceList > li:before{content:''; display:block; width:94px; height:94px; position:absolute; top:0; left:0; background:url('/static/images/solution/img_smartcity_feature1.png') no-repeat left top;}
.solution.smartcity .con.feature .serviceList > li:nth-child(1):before{background:url('/static/images/solution/img_smartcity_feature1.png') no-repeat left top;margin-top:0;}
.solution.smartcity .con.feature .serviceList > li:nth-child(2):before{background:url('/static/images/solution/img_smartcity_feature2.png') no-repeat left top;}
.solution.smartcity .con.feature .serviceList > li:nth-child(3):before{background:url('/static/images/solution/img_smartcity_feature3.png') no-repeat left top;}
.solution.smartcity .con.feature .serviceList > li:nth-child(4):before{background:url('/static/images/solution/img_smartcity_feature4.png') no-repeat left top;}
.solution.smartcity .con.feature .serviceList > li:nth-child(5):before{background:url('/static/images/solution/img_smartcity_feature5.png') no-repeat left top;}
.solution.smartcity .con.feature .serviceList > li:nth-child(6):before{background:url('/static/images/solution/img_smartcity_feature6.png') no-repeat left top;}

.solution.smartcity .con.feature li div{font-size:30px;line-height:45px;font-weight:700;margin-bottom:17px;}
.solution.smartcity .con.feature li ul{padding-top:24px;margin-top:24px;border-top:1px solid #d8d8d8;}
.solution.smartcity .con.feature li ul li + li{margin-top:8px;}
.solution.smartcity .con.differen dl{padding:44px 0;border-bottom:1px solid #d8d8d8;}
.solution.smartcity .con.differen dt{position:relative; width:28%;font-size:20px;line-height:32px;color:#be154b;font-weight:700;padding-right:70px;vertical-align:top;word-break: break-word;} /* 2020 영문 작업 수정 */
.solution.smartcity .con.differen dt:after{content:''; display:block; width:35px; height:17px; background: url('/static/images/solution/red_arrow.png') no-repeat 0 0 ; position:absolute; top:50%; right:30px; margin-top:-8px;}
.solution.smartcity .con.differen dd{width:72%;vertical-align:top;}
.solution.smartcity .con.differen dl.firstTop{margin-top:54px; border-top:1px solid #d8d8d8;}
/* .solution.smartcity .con.differen dl.first{padding-bottom:24px;margin-top:54px;}
.solution.smartcity .con.differen dl.first dt{font-size:18px;line-height:30px;color:#000;}
.solution.smartcity .con.differen dl.first dd{font-weight:700;} */

/* SOLUTION - Factova View */
.solution.typeFactova .viewMainList{overflow:hidden;clear:both;}
.solution.typeFactova .viewMainList li{width:49%;float:left;text-align:center;}
.solution.typeFactova .viewMainList li p{font-size:17px;line-height:28px;}
.solution.typeFactova .viewMainList li .imgBox + p{margin-top:12px;}
.solution.typeFactova .viewMainList li:nth-child(odd){margin-right:1%;}
.solution.typeFactova .viewMainList li:nth-child(even){margin-left:1%;}

/* SOLUTION - VMS */
.solution.vms .con.architecture .archList{margin-top:50px;}
.solution.vms .con.architecture li{display:table;width:100%;}
.solution.vms .con.architecture .archList > li + li{border-top:1px solid #d8d8d8;padding-top:44px;margin-top:44px;}
.solution.vms .con.architecture .archList .sList li{overflow:hidden;clear:both;}
.solution.vms .con.architecture .archList .sList li + li{border-top:1px solid #d8d8d8;padding-top:30px;margin-top:30px;}
.solution.vms .con.architecture .archList > li  div.num span{text-align:center;background:#bb0841;color:#fff;font-weight:700;font-size:24px;width:40px;height:40px;display:block;line-height:40px;border-radius:50%;display:table-cell;vertical-align:middle;}
.solution.vms .con.architecture .archList > li > div{display:table-cell;vertical-align:middle;width:50%;}
.solution.vms .con.architecture .archList > li  .vtBox div{display:table-cell;width:calc(100% - 40px);padding-left:40px;vertical-align:middle;}
.solution.vms .con.architecture .archList > li  div.num{width:40px;padding-left:0;}
.solution.vms .con.architecture .archList > li:first-child > div{width:50%;}
.solution.vms .con.architecture .archList img{margin:0 auto;}
.solution.vms .con.architecture .archList .txtBox{padding-left:75px;}
.solution.vms .con.architecture .archList .txtBox .tit{font-weight:700;font-size:24px;line-height:36px;}
.solution.vms .con.architecture .archList .txtBox p strong{color:#bb0841;}
.solution.vms .con.architecture .archList .txtBox p{margin-bottom:8px;}

.solution.vms .con.feature .topText p strong{font-size:20px;line-height:32px;color:#bb0841;}
.solution.vms .con.feature .topText p + p{margin-top:8px;}
.solution.vms .con.feature .topText .vtBox{margin-top:50px;}
.solution.vms .con.feature .topText .vtCon{width:50%;vertical-align:top;}
.solution.vms .con.feature .topText .vtCon:nth-child(1){padding-right:6%;}
.solution.vms .con.feature .topText .vtCon:nth-child(2){padding-left:6%;border-left:1px solid #d8d8d8;}
.solution.vms .con.feature .topText .dashTxt{margin-top:8px;}

.solution.vms .con.spec .fcR{font-size:24px;line-height:36px;font-weight:700;}
.solution.vms .con.spec .imgBox.imgPop{margin-top:50px;}
.solution.vms .con.spec .imgBox + .fcR{margin-top:94px;}

.solution.vms .con.patent .stateList{overflow:hidden;clear:both;}
.solution.vms .con.patent .fcR{font-size:20px;line-height:36px;margin-bottom:24px;font-weight:700;}
.solution.vms .con.patent .stateList > div{float:left;width:200px;padding-right:20px;}
.solution.vms .con.patent .stateList > div p{font-size:20px;font-weight:700;padding-left:110px;background:url('/static/images/solution/ico_patent.png') no-repeat left top;}
.solution.vms .con.patent .stateList > div p strong{font-size:50px;line-height:58px;}
.solution.vms .con.patent .stateList > ul{float:left;width:calc(100% - 200px);padding-left:40px;border-left:1px solid #d8d8d8;}
.solution.vms .con.patent .grayBg{margin:0 -420px;background:#f8f8f8;padding:50px 0;margin-top:40px;}
.solution.vms .con.patent .grayBg > div{margin: 0 420px;}
.solution.vms .con.patent .grayBg > div ul {overflow:hidden;clear:both;}
.solution.vms .con.patent .grayBg > div ul li{float:left;width:30%;}
.solution.vms .con.patent .grayBg > div ul li + li{margin-left:5%;}
.solution.vms .con.patent .grayBg + .fcR{margin-top:94px;}
.solution.vms .con.patent .grayBg.li2 > div ul li{width:47.5%;padding-right:17.5%;}
.solution.vms .con.patent .grayBg.li2 > div ul li:first-child{padding-left:17.5%;padding-right:0;}
.solution.vms .con.applyExam .imgBox{background:#f8f8f8;}
.solution.vms .con.applyExam .topText > ul{display:table;width:100%;margin-top:44px;}
.solution.vms .con.applyExam .topText > ul > li{display:table-cell;padding-left:3%;padding-right:3%;vertical-align:top;width:52.5%;}
.solution.vms .con.applyExam .topText > ul > li:first-child{padding-left:0;width:47.5%;}
.solution.vms .con.applyExam .topText > ul > li + li{border-left:1px solid #d8d8d8;}
.solution.vms .con.applyExam .topText > ul > li p{color:#bb0841;font-weight:700;margin-bottom:8px;}
.solution.vms .con.applyExam .topText > ul > li img{margin:0 auto;}
.solution.vms .con.applyExam .topText > ul.li3 > li:nth-child(1){width:32%;}
.solution.vms .con.applyExam .topText > ul.li3 > li:nth-child(2){width:36%;}
.solution.vms .con.applyExam .topText > ul.li3 > li:nth-child(3){width:32%;}

/* SOLUTION - psim */
.solution.psim .sfPsim{margin-top:40px; overflow:hidden;display:table;width:100%;}
.solution.psim .sfPsim li{width:25%; min-height:170px; display:table-cell;padding-right:20px;}
.solution.psim .sfPsim li + li{border-left:1px solid #d8d8d8;padding-left:20px;}
.solution.psim .sfPsim li dt{width:52px; height:52px; background:#bb0841; border-radius:50%; color:#fff; text-align:center; margin-bottom:15px; font-size:20px; font-weight:bold; line-height:52px;}
.solution.psim .sfPsim li dd{position:relative;}

.solution.psim .con.architecture .archList{margin-top:50px;}
.solution.psim .con.architecture li{display:table;width:100%;}
.solution.psim .con.architecture .archList > li + li{border-top:1px solid #d8d8d8;padding-top:44px;margin-top:44px;}
.solution.psim .con.architecture .archList > li  div.num span{text-align:center;background:#bb0841;color:#fff;font-weight:700;font-size:24px;width:40px;height:40px;display:block;line-height:40px;border-radius:50%;display:table-cell;vertical-align:middle;}
.solution.psim .con.architecture .archList > li > div{display:table-cell;vertical-align:middle;width:50%;}
.solution.psim .con.architecture .archList > li  .vtBox div{display:table-cell;width:calc(100% - 40px);padding-left:40px;vertical-align:middle;}
.solution.psim .con.architecture .archList > li  div.num{width:40px;padding-left:0;}
.solution.psim .con.architecture .archList > li:first-child > div{width:50%;}
.solution.psim .con.architecture .archList img{margin:0 auto;}
.solution.psim .con.architecture .archList .txtBox{padding-left:75px;}
.solution.psim .con.architecture .archList .txtBox .tit{font-weight:700;font-size:24px;line-height:36px;}
.solution.psim .con.architecture .archList .txtBox p strong{color:#bb0841;}
.solution.psim .con.architecture .archList .txtBox p{margin-bottom:8px;}

.solution.psim .con.feature .smallInr .topText{margin-top:24px;}
.solution.psim .con.feature .vtBox{padding:34px 25px;background:#f8f8f8;}
.solution.psim .con.feature .vtCon {width:60%;padding-left:30px;}
.solution.psim .con.feature .vtCon:first-child{width:40%;padding-left:20px;}
.solution.psim .con.feature .vtCon li{font-weight:700;}
.solution.psim .con.feature .vtCon li + li{margin-top:18px;}
.solution.psim .con.feature .vtCon li p{font-weight:400;}
.solution.psim .con.feature .vtCon li li{font-weight:400;margin-top:0;}

.solution.psim .con.applyExam .fcR{font-size:20px;line-height:32px;font-weight:700;margin-top:32px;}
.solution.psim .con.applyExam .imgBox{margin-top:25px;}


/***************************************** 지속가능경영  *****************************************/
.csm.pgdCon .visual{background:url('/static/images/csm/bg_visual_pgd.jpg')no-repeat center;background-size:cover;}/* 추진방향 */
.csm.PreCon .visual{background:url('/static/images/csm/bg_visual_Pre.jpg')no-repeat center;background-size:cover;}/* 정도경영 */
.csm.talentCon .visual{background:url('/static/images/about/bg_visual_career.jpg')no-repeat center;background-size:cover;}/* 인재경영 */
.csm.withCon .visual{background:url('/static/images/csm/bg_visual_with.jpg')no-repeat center;background-size:cover;}/* 동반성장 */
.csm.ctbCon .visual{background:url('/static/images/csm/bg_visual_ctb.jpg')no-repeat center;background-size:cover;}/* 사회공헌 */
.csm.fairTcon .visual{background:url('/static/images/csm/bg_visual_fair.jpg')no-repeat center;background-size:cover;}/* 공정거래 */
.csm.environCon .visual{background:url('/static/images/csm/bg_visual_environ.jpg')no-repeat center;background-size:cover;}/* 환경경영 */
.csm.mReportCon .visual{background:url('/static/images/csm/bg_visual_report.jpg')no-repeat center;background-size:cover;}/* 지속가능경영보고서 */


/* 지속가능경영 - 정도경영 - 정도경영 */
.csm .con.precisionManage .bg{margin-top:54px;background: url('/static/images/csm/img_precisionManage_bg.jpg')no-repeat center top;position:relative;}
.csm .con.precisionManage .bg:before{content:'';position:absolute;left:0;top:327px;height:120px;background:#fff;width:420px;}
.csm .con.precisionManage .bg .vtBox{height:327px;}
.csm .con.precisionManage .bg .vtCon{color:#fff;padding-right:90px;padding-left:60px;}
.csm .con.precisionManage .bg .vtCon:first-child{padding-left:0;}
.csm .con.precisionManage .bg .vtCon strong{display:block;font-size:24px;line-height:36px;margin-bottom:18px;}
.csm .con.precisionManage .bg .slideBox{padding:40px 0 35px;position:relative;background: #fff;min-height:120px;padding-right:50px;width:642px;overflow:hidden;clear:both;}
.csm .con.precisionManage .bg .slideBox p{width:calc(100% - 280px);float:left;padding-top:10px;}
.csm .con.precisionManage .bg .slideBox div{float:right;}
.csm .con.precisionManage .manage {margin-top:44px;}
.csm .con.precisionManage .manage div{text-align:center;position:relative;}
.csm .con.precisionManage .manage div span{padding:15px 0;}
.csm .con.precisionManage .manage div:nth-child(1):before{content:'';position:absolute;width:100%;top:50%;left:0;background:#d8d8d8;height:1px;z-index:-1;}
.csm .con.precisionManage .manage div:nth-child(1):after{content:'';position:absolute;background: url('/static/images/csm/img_precisionManage_line.png')no-repeat center top;width:3px;height:61px;bottom:-47px;left:50%;margin-left:-1px;z-index:10;}
.csm .con.precisionManage .manage div:nth-child(1) span{background:#be154b;color:#fff;font-weight:800;border-radius:40px;width:444px;display:block;margin:0 auto;}
.csm .con.precisionManage .manage div:nth-child(2){margin-top:35px;}
.csm .con.precisionManage .manage div:nth-child(2) span{border:1px solid #be154b;color:#be154b;font-weight:700;width:444px;display:block;margin:0 auto;border-radius:40px;background:#fff;}
.csm .con.precisionManage .manage ul{background:#f9f9f9;border:1px solid #e8e8e8;overflow:hidden;clear:both;padding:60px 0;display:table;width:100%;margin-top:-31px;}
.csm .con.precisionManage .manage ul li{width:50%;padding-left:17.5%;height:67px;display:table-cell;vertical-align:middle;padding-right:20px;}
.csm .con.precisionManage .manage ul li + li{border-left:1px solid #d8d8d8;}
.csm .con.precisionManage .manage ul li:nth-child(1){background: url('/static/images/csm/img_precisionManage01.png')no-repeat 20% center;}
.csm .con.precisionManage .manage ul li:nth-child(2){background: url('/static/images/csm/img_precisionManage02.png')no-repeat 20% center;}

/* 지속가능경영 - 정도경영 - 윤리규범 */
.csm .con.ethicsCode .unfoldBox{margin-top:55px;}
.csm .con.ethicsCode .unfoldBox .bottom p:first-child{padding-top:54px;}
.csm .con.ethicsCode .unfoldBox .bottom p + div.btnBox{padding-top:34px;}
.csm .con.ethicsCode .unfoldBox .bottom p strong{display:block;margin-bottom:8px;}
.csm .con.ethicsCode .unfoldBox .bottom p + p{margin-top:28px;}

/* 지속가능경영 - 동반성장 - LG CNS의 동반성장 */
.csm .grayBox.outCome li{padding-right:32px;}
.csm .grayBox.outCome li:nth-child(1) > div{background:url('/static/images/csm/img_outcome1.png')no-repeat right top;}
.csm .grayBox.outCome li:nth-child(2) > div{background:url('/static/images/csm/img_outcome2.png')no-repeat right top;}
.csm .grayBox.outCome li:nth-child(3) > div{background:url('/static/images/csm/img_outcome3.png')no-repeat right top;}
.csm .grayBox.outCome li div div{font-size:20px;font-weight:800;padding-right:70px;margin-bottom:26px;}
.csm .grayBox.outCome li div strong{font-size:30px;line-height:40px;font-weight:800;}
.csm .grayBox.outCome p + p{font-size:16px;color:#be154b;margin-top:7px;}

/* 지속가능경영 - 동반성장 - 공정한 거래환경 */
.csm .con.fairDealGuide ul{background:#f8f8f8;width:100%;padding:45px 0;margin-top:44px;display:table;}
.csm .con.fairDealGuide ul li{padding:94px 30px 0 30px;display:table-cell;}
.csm .con.fairDealGuide ul li + li{border-left:1px solid #d8d8d8;}
.csm .con.fairDealGuide ul li p{font-size:16px;line-height:28px;}
.csm .con.fairDealGuide ul li p:first-child{font-weight:700;font-size:18px;line-height:30px;margin-bottom:10px;}
.csm .con.fairDealGuide ul li:nth-child(1){background:url('/static/images/csm/img_fairTrade1.png')no-repeat 30px top;}
.csm .con.fairDealGuide ul li:nth-child(2){background:url('/static/images/csm/img_fairTrade2.png')no-repeat 30px top;}
.csm .con.fairDealGuide ul li:nth-child(3){background:url('/static/images/csm/img_fairTrade3.png')no-repeat 30px top;}
.csm .con.fairDealGuide ul li:nth-child(4){background:url('/static/images/csm/img_fairTrade4.png')no-repeat 30px top;}

/* 지속가능경영 - 동반성장 - 협력회사 동반성장 */
.csm .con.comPartner .jointProject{display:table;width:100%;padding-left:50px;padding-right:20px;position:relative;margin-top:40px;}/* 2020 영문 작업 수정 */
.csm .con.comPartner .jointProject > div{display:table-cell;padding-right:22px;vertical-align:middle;height:100%;position:relative;}
.csm .con.comPartner .jointProject > div:last-child{padding-right:0;}



.csm .con.comPartner .jointProject .box1{width:45%;position:relative;}
.csm .con.comPartner .jointProject .box2{width:25%;position:relative;}
.csm .con.comPartner .jointProject .box2:before{content:'';position:absolute;left:-22px;top:50%;margin-top:-2px;background:#000;background-size: 100% 1px;height:1px;width:calc(100% + 22px);z-index: -1;}
.csm .con.comPartner .jointProject .box2:after{content:'';position:absolute;background:url('/static/images/csm/img_figureLine1.png')no-repeat;right: -15%;top: 50%;margin-top: -3px;width: 15%;background-size: 100% 3px;height: 3px;z-index: 10;}
.csm .con.comPartner .jointProject .box3{width:30%;position:relative;}
.csm .con.comPartner .jointProject .box1 > div{border:1px solid #d8d8d8;border-radius:15px;overflow:hidden;clear:both;padding:30px 0;}
.csm .con.comPartner .jointProject .box2 > div{background:rgba(238,238,238,0.9);border-radius:120px;padding:63px 0;text-align:center;font-size:16px;}
.csm .con.comPartner .jointProject .box2 > strong{display:block; position:relative; padding:0 30px;}
.csm .con.comPartner .jointProject .box2 > strong > span{display:block; position:absolute; top:20px; left:50%; transform:translateX(-50%);}
.csm .con.comPartner .jointProject .box3 > div{background:#be0741;border-radius:50% 50% 50% 50%;text-align:center;color:#fff;font-weight:700;width:300px;height:300px; display:table;}
.csm .con.comPartner .jointProject .box3 > div ul{display:table-cell; vertical-align:middle;}
.csm .con.comPartner .jointProject .box1 dl{float:left;width:50%;padding:0 2% 0 9%;border-left:1px solid #d8d8d8;}
.csm .con.comPartner .jointProject .box1 dl:first-child{border-left:0;}
.csm .con.comPartner .jointProject .box1 dt{font-size:20px;line-height:30px;font-weight:700;}
.csm .con.comPartner .jointProject .box1 dd{position:relative;padding-left:9px;}
.csm .con.comPartner .jointProject .box1 dd:before{content:'';position:absolute;top:13px;width:3px;height:3px;background:#000;left:0;}
.csm .con.comPartner .jointProject .box3 > div div{font-size:20px;line-height:30px;padding-top:37px;margin-bottom:31px;}
.csm .con.comPartner .jointProject .box3 > div li{margin:0 67px;padding:6px 0;}
.csm .con.comPartner .jointProject .box3 > div li + li{border-top:1px solid rgba(255,255,255,0.3);}

.csm .con.comPartner .skill ul{background:#f8f8f8;width:100%;padding:30px 0;margin-top:44px;display:table;}
.csm .con.comPartner .skill ul li{padding:20px 30px 18px 43px;display:table-cell;vertical-align:top;}
.csm .con.comPartner .skill ul li + li{border-left:1px solid #d8d8d8;}
.csm .con.comPartner .skill ul li div{clear:both;font-size:22px;line-height:30px;font-weight:700;margin-bottom:12px;position: relative;}
.csm .con.comPartner .skill ul li div span{border-bottom:1px solid #bb0841;width:27px;position: absolute;}
.csm .con.comPartner .skill ul li div p{font-size:22px;line-height:30px;padding-left: 37px;width: 100%;}

.csm .con.comPartner .support dl{overflow:hidden;clear:both;}
.csm .con.comPartner .support dt{font-weight:700;position:relative;padding-left:9px;float:left;}
.csm .con.comPartner .support dd{float:left;}
.csm .con.comPartner .support dt:before{content:'';position:absolute;width:3px;height:3px;background:#000;top:12px;left:0;}
.csm .con.comPartner .support dt:after{content:':';position:absolute;top:0;right:3px;}
.csm .con.comPartner .support dl:nth-child(2) dt, .csm .con.comPartner .support dl:nth-child(3) dt{width:84px;}
.csm .con.comPartner .support dl:nth-child(2) dd, .csm .con.comPartner .support dl:nth-child(3) dd{width:calc(100% - 84px);}
.csm .con.comPartner .support dl:nth-child(4) dt{width:101px;}
.csm .con.comPartner .support dl:nth-child(4) dd{width:calc(100% - 101px);}
.csm .con.comPartner .tbl{text-align:center;}
.csm .con.comPartner .education{margin-top:12px;}
.csm .con.comPartner .education li p:nth-child(1){background:#bb0841;border-radius:30px 30px 30px 30px;color:#fff;font-weight:700;font-size:20px;line-height:32px;padding:14px 10px 11px 10px;text-align:center;position:relative;}
.csm .con.comPartner .education li p:nth-child(1):after{content:'';position:absolute;background:url('/static/images/csm/img_figureLine2.png')no-repeat 0 0;width:3px;height:100%;bottom:-85%;left:50%;margin-left:-2px;}
.csm .con.comPartner .education li p:nth-child(2){border:1px solid #d8d8d8;border-radius:15px;text-align:center;padding:34px 20px;margin-top:25px;}

/* 지속가능경영 - 동반성장 - 열린 소통 */
.csm .con.openComm .txtBox1 p a{display:inline-block;}
.csm .con.openComm .vos ul{background:#f8f8f8;width:100%;padding:30px 0;margin-top:44px;display:table;}
.csm .con.openComm .vos ul li{padding:20px 30px 18px 43px;display:table-cell;vertical-align:top;}
.csm .con.openComm .vos ul li + li{border-left:1px solid #d8d8d8;}
.csm .con.openComm .vos ul li div{clear:both;font-size:22px;line-height:30px;font-weight:700;margin-bottom:12px;position: relative;}
.csm .con.openComm .vos ul li div span{border-bottom:1px solid #bb0841;width:27px;position: absolute;}
.csm .con.openComm .vos ul li div p{font-size:22px;line-height:30px;padding-left: 37px;width: 100%;}
.csm .con.openComm .imgSubBox{margin-top:44px;}

/* 지속가능경영 - 인재경영 - 다양성 관리 강화 */
.csm .con.diversity .imgSubBox.floatBox{margin-top:44px;text-align:left;}
.csm .con.diversity .fLeft{width:29.1%;margin-left:2.3%;}
.csm .con.diversity .fLeft:first-child{width:68.6%;margin-left:0;}

/* 지속가능경영 - 인재경영 - 조직문화 */
.csm .con.ogtCulture .tblTit{font-weight:700;margin-top:38px;margin-bottom:14px;text-align:center;}
.csm .con.ogtCulture .tbl .dotList li{padding-left:10px;position:relative;}
.csm .con.ogtCulture .tbl .dotList li:before{content:'';position:absolute;width:3px;height:3px;background:#000;top:12px;left:0;}
.csm .con.ogtCulture .tbl .dotList li + li{margin-top:8px;}
.csm .con.ogtCulture .tabSelWrap{margin-top:44px;}
.csm .con.ogtCulture .ideaMonster{margin-top:44px;}
.csm .con.ogtCulture .ideaMonster .round{clear:both;width: 100%;display: table;}
.csm .con.ogtCulture .ideaMonster .round li{width: 25.9%;position:relative;display: table-cell;}
.csm .con.ogtCulture .ideaMonster .round li:first-child{width: 22.3%;}
.csm .con.ogtCulture .ideaMonster .round li + li{padding-left: 3.6%;}
.csm .con.ogtCulture .ideaMonster .round li + li:before{content:'';position:absolute;left: 5.5%;top:50%;margin-top:-7px;width:8px;height:14px;background:url('/static/images/csm/img_ideaMonster_arrow.png')no-repeat 0 0;}
.csm .con.ogtCulture .ideaMonster .round li div{position:relative;padding-top:100%;border:1px solid #bb0841;border-radius:50%;/* width: 22.3%; */}
.csm .con.ogtCulture .ideaMonster .round li div span{position:absolute;font-size:20px;line-height:30px;color:#be154b;text-align:center;top:50%; left:50%;transform: translate(-50%, -50%);font-weight:700;}
.csm .con.ogtCulture .ideaMonster .round li div:after{content:'';position:absolute;left:50%;bottom:-34px;margin-left:-1px;width:3px;height:54px;background:url('/static/images/csm/img_ideaMonster_line.png')no-repeat 0 0;}
.csm .con.ogtCulture .ideaMonster .round li:last-child div:after{width:0;}
.csm .con.ogtCulture .ideaMonster .round li:last-child div{background:#bb0841;}
.csm .con.ogtCulture .ideaMonster .round li:last-child div span{color:#fff;}
.csm .con.ogtCulture .ideaMonster .txtBox{margin-right:25.9%;background:#efefef;border-radius:25px;overflow:hidden;clear:both;margin-top:25px;}
.csm .con.ogtCulture .ideaMonster .txtBox li{float:left;width:30.2%;text-align:center;font-size:16px;padding:11px 0 9px;}
.csm .con.ogtCulture .ideaMonster .txtBox li + li{margin-left:4.7%;}
.csm .con.ogtCulture .visitEdu{overflow:hidden;clear:both;margin-top:44px;}
.csm .con.ogtCulture .visitEdu > li{float:left;width:49%;margin-left:1%;}
.csm .con.ogtCulture .visitEdu > li:first-child{margin-left:0;margin-right:1%;}
.csm .con.ogtCulture .visitEdu > li div{font-size:20px;line-height:32px;color:#fff;font-weight:700;background:#bb0841;border-radius:30px 30px 30px 30px;padding:16px 15px 13px;text-align:center;margin-bottom:20px;position:relative;}
.csm .con.ogtCulture .visitEdu > li div:after{content:'';position:absolute;background:url('/static/images/csm/img_visitEdu_line.png')no-repeat 0 0;bottom:-39px;left:50%;margin-left:-1px;width:3px;height:50px;}
.csm .con.ogtCulture .visitEdu > li ul{padding-left:40%;border:1px solid #d8d8d8;border-radius:10px;padding:47px 10px 52px 40%;}
.csm .con.ogtCulture .visitEdu > li ul li{font-size:18px;line-height:34px;position:relative;padding-left:12px;}
.csm .con.ogtCulture .visitEdu > li ul li:before{content:'';position:absolute;width:6px;height:2px;background:#aaa;top:15px;left:0;}
.csm .con.ogtCulture .visitEdu > li:nth-child(1) ul{background:url('/static/images/csm/img_visitEdu1.png')no-repeat 11% center;}
.csm .con.ogtCulture .visitEdu > li:nth-child(2) ul{background:url('/static/images/csm/img_visitEdu2.png')no-repeat 11% center;}

/* 지속가능경영 - 공정거래 */
.csm .con.fairTrade .imgPop{margin-top:74px;}
.csm .con.fairTrade .imgPop.txtTopmg{margin-top:50px;}
.csm .con.fairTrade .imgPop img{margin:0 auto;}

/* 지속가능경영 - 사회공헌 - LG CNS의 사회공헌 */
.csm .con.lgCtb .imgBox img{margin:0 auto;}
.csm .con.lgCtb .mainOutcome {margin-top:50px;}
.csm .con.lgCtb .mainOutcome li{width:32%;margin-left:2%;}
.csm .con.lgCtb .mainOutcome li:first-child{width:66%;margin-left:0;}
.csm .con.lgCtb .mainOutcome li .top{background:#bb0841;border-radius:30px;text-align:center;font-size:20px;line-height:32px;color:#fff;font-weight:700;padding:16px 0 13px;position:relative;}
.csm .con.lgCtb .mainOutcome li .top:before{content:'';position:absolute;width:3px;height:50px;background:url('/static/images/csm/img_lgCtb_line.png')no-repeat 0 0;left:50%;margin-left:-1px;bottom:-40px;}
.csm .con.lgCtb .mainOutcome li .bottom{border:1px solid #d8d8d8;border-radius:20px;overflow:hidden;clear:both;margin-top:25px;}
.csm .con.lgCtb .mainOutcome li .bottom > div strong{display:block;font-size:30px;line-height:45px;}
.csm .con.lgCtb .mainOutcome li .bottom > div{width:100%;padding-left:140px;padding-top:34px;padding-bottom:34px;}
.csm .con.lgCtb .mainOutcome li:first-child .bottom > div{padding-left:115px;}
.csm .con.lgCtb .mainOutcome li .bottom div.ico1{width:57%;float:left;background:url('/static/images/csm/img_lgCtb_mainOut1.png')no-repeat 15px center;}
.csm .con.lgCtb .mainOutcome li .bottom div.ico2{width:43%;float:left;background:url('/static/images/csm/img_lgCtb_mainOut2.png')no-repeat 15px center;}
.csm .con.lgCtb .mainOutcome li .bottom div.ico3{float:left;background:url('/static/images/csm/img_lgCtb_mainOut3.png')no-repeat 15px center;}

/* 지속가능경영 - 사회공헌 - 코딩지니어스 */
.csm .con.codingGn .floatBox{margin-top:44px;}
.csm .con.codingGn .floatBox .fLeft{width:40.5%;}
.csm .con.codingGn .floatBox .fLeft + .fLeft{margin-left:50px;}
.csm .con.codingProgram .bg{background: url('/static/images/csm/img_itSolution_bg0.png')no-repeat center top;position:relative;margin-top:40px;transition:background 0.4s;-o-transition:background 0.4s;-moz-transition:background 0.4s;-webkit-transition:background 0.4s;}
.csm .con.codingProgram .bg:before{content:'';position:absolute;left:0;top: 276px;height: 140px;background:#fff;width:420px;}
.csm .con.codingProgram .bg.bgIndex0{background: url('/static/images/csm/img_itSolution_bg0.png')no-repeat center top;position:relative;}
.csm .con.codingProgram .bg.bgIndex1{background: url('/static/images/csm/img_itSolution_bg1.png')no-repeat center top;position:relative;}
.csm .con.codingProgram .bg.bgIndex2{background: url('/static/images/csm/img_itSolution_bg2.png')no-repeat center top;position:relative;}
.csm .con.codingProgram .slideBox{width:49%;}
.csm .con.codingProgram .slideBox .swiper-container{padding-bottom:20px;}
.csm .con.codingProgram .slideBox .swiper-slide > div:first-child{height:276px;color:#fff;display:table;width:100%;}
.csm .con.codingProgram .slideBox .swiper-slide > div p{display:table-cell;vertical-align:middle;font-size:24px;line-height:36px;color:#fff;font-weight:700;}
.csm .con.codingProgram .slideBox .swiper-slide > div p strong{display:block;font-size:40px;line-height:58px;margin-top:3px;}
.csm .con.codingProgram .slideBox .swiper-slide .bgBox{padding:34px 0;position:relative;min-height:132px;padding-right:30px;}
.csm .con.codingProgram .slideBox .naviBox{margin-top:20px;}
.csm .con.codingGn .btnImg.codingGood{margin:0;}
.csm .con .btnImg.codingGood{padding-top:66px;padding-bottom:11px;position:relative;margin:0 auto; width:330px; min-width:330px;}
.csm .con .btnImg.codingGood:before{content:'';position:absolute;background: url('/static/images/csm/img_btnCoding.png')no-repeat left top;top: 15px;left:0;width:90px;height:106px;}
.csm .con .btnImg.codingGood a{padding-left:100px;}

/* 지속가능경영 - 사회공헌 - IT드림프로젝트 */
.csm .con.itDreamPj .floatBox{margin-top:44px;}
.csm .con.itDreamPj .floatBox > div{width:50%;float:left;}

/* 지속가능경영 - 사회공헌 - CO-GE Explorer */
.csm .imgCogeExp{overflow:hidden;}
.csm .imgCogeExp li{width:50%; float:left;}

/* 지속가능경영 - 안전보건환경 - 경영방침 */
.csm .con.policyManage p + .vtBoxBoder{margin-top:44px;}
.csm .con.policyManage .vtBoxBoder .vtCon{overflow:hidden;clear:both;display:block;}
.csm .con.policyManage .vtBoxBoder .vtCon .num{float:left;width:28px;font-size:22px;line-height:30px;font-weight:700;border-bottom:1px solid #bb0841;}
.csm .con.policyManage .vtBoxBoder .vtCon p{float:left;width:calc(100% - 28px);padding-left: 7%;}

.csm .con.policyManage .groundRule{margin-top:84px;}
.csm .con.policyManage .groundRule > div{width: 35%;padding: 0 8% 0 5%;}
.csm .con.policyManage .groundRule > div div{position:relative;background:#bb0841;border-radius:50%;padding-top: 100%;}
.csm .con.policyManage .groundRule > div span{position:absolute;font-size:24px;line-height:36px;color:#fff;font-weight:700;text-align:center;top:50%; left:50%;transform: translate(-50%, -50%);font-weight:700;}
.csm .con.policyManage .groundRule > ul{width:65%;}
.csm .con.policyManage .groundRule li{overflow:hidden;clear:both;}
.csm .con.policyManage .groundRule li span{float:left;width:40px;font-size:22px;line-height:30px;font-weight:700;}
.csm .con.policyManage .groundRule li p{float:left;width:calc(100% - 40px);}
.csm .con.policyManage .groundRule li + li{border-top:1px solid #d8d8d8;padding-top:24px;margin-top:24px;}
.csm .con.policyManage .safetySystem{margin-top:44px;}
.csm .con.policyManage .safetySystem .swiper-slide div{background:#bb0841;color:#fff;font-weight:700;font-size:20px;line-height:32px;border-radius:30px;text-align:center;position:relative;padding:16px 0 14px;}
.csm .con.policyManage .safetySystem .swiper-slide div:before{content:'';position:absolute;background:url('/static/images/csm/img_lgCtb_line.png')no-repeat 0 0;width:3px;left:50%;margin-left:-1px;bottom:-40px;height:50px;}
.csm .con.policyManage .safetySystem .swiper-slide ul{border:1px solid #d8d8d8;border-radius:15px;text-align:center;padding:28px 20px;margin-top:25px;word-break:break-word;} /* 2020 영문 작업 수정 */
.csm .con.policyManage .safetySystem .swiper-slide li + li{border-top:1px solid #d8d8d8;padding-top:8px;margin-top:8px;}

/*[CSR ID:4128089] [국문] 문의하기 카테고리 담당자 및 To-Do 대상자 수정*/
.csm .con.policyManage .safetySystem .safetyCeo {position: relative; background: #bb0841; border-radius: 50%; width: 100px; height: 100px; margin: 0 auto 30px; text-align: center; color: #fff; font-weight: 700; font-size: 20px; line-height: 100px;}
.csm .con.policyManage .safetySystem .swiper-slide .connect-line {position: relative;height: 15px;}
.csm .con.policyManage .safetySystem .swiper-slide .connect-line:before{content:'';position:absolute;background:url('/static/images/csm/img_lgCtb_line.png')no-repeat 0 0;width:3px;left:50%;margin-left:-1px;bottom:-16px;height:30px;}
@media screen and (max-width: 360px) {
    .csm .con.policyManage .safetySystem .safetyCeo {width: 27%; height: auto; min-width: 100px; min-height: 100px; font-size: 5.2vw; line-height: 17.2vw; padding: 5.3vw 0;}
}
@media (min-width:361px) and (max-width: 768px) {
    .csm .con.policyManage .safetySystem .safetyCeo {width: 25%;height:auto; font-size: 4.2vw; line-height: 7.2vw; padding: 6.3vw 0;}
}
@media (min-width: 1216px) {
    .csm .con.policyManage .safetySystem .safetyCeo {margin:0 auto 50px;}
    .csm .con.policyManage .safetySystem .swiper-slide div:after{content:'';position:absolute;background:url('/static/images/csm/img_lgCtb_line.png')no-repeat 0 bottom;width:3px;left:50%;margin-left:-1px;top:-20px;height:30px;}
    .csm .con.policyManage .safetySystem .swiper-container {overflow: visible;}
    .csm .con.policyManage .safetySystem .swiper-container:before{content:'';position:absolute; width: 828px;height:1px; left: 126px; background: #333; top: -20px;}
    .csm .con.policyManage .safetySystem .swiper-container:after{content:'';position:absolute;background:url('/static/images/csm/img_lgCtb_line.png')no-repeat 0 0;width:3px;left:50%;margin-left:-1px;top: -50px;height:30px;}
}

/* 지속가능경영 - 안전보건환경 - 인증/수상 */
.csm .con.awardConf .greenDc {background:#f8f8f8;width:100%;padding:30px 0;margin-top:44px;display:table;}
.csm .con.awardConf .greenDc li{display:table-cell;vertical-align:top;width:calc(100%/3);text-align:center;}
.csm .con.awardConf .greenDc li + li{border-left:1px solid #d8d8d8;}
.csm .con.awardConf .greenDc li div {width:72px;height:72px;background:#bb0841;border-radius:50%;margin:0 auto;position:relative;margin-bottom:14px;}
.csm .con.awardConf .greenDc li div p{position:absolute;color:#fff;font-size:24px;line-height:1;font-weight:800;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.csm .con.awardConf .greenDc li div p span{font-size:14px;line-height:24px;position: relative;top: -3px;}
.csm .con.awardConf .greenDc li p{font-size:16px;line-height:28px;padding:0 2%;}
.csm .con.awardConf .greenDc li p strong{font-size:18px;line-height:30px;font-weight:700;}

/* 지속가능경영 - 안전보건환경 - 기후변화활동 */
.csm .con.chgClimate .fstar{margin-top:14px;}
.csm .con.chgClimate .tblTit{font-weight:700;margin-top:38px;margin-bottom:14px;text-align:center;}
.csm .con.chgClimate .tbl table td{padding:14px 25px;text-align:right;}
.csm .con.chgClimate .tbl table td:first-child{text-align:center;padding:14px 20px;}
.csm .con.chgClimate .tbl table th:nth-child(6){color:#bb0841;}
.csm .con.chgClimate .tbl table td:nth-child(6){color:#bb0841;background:#fdf7f9;}

/* 지속가능경영 - 지속가능경영보고서 */
.csm .con.reportManage .reportDown{position:relative;margin-bottom:124px;margin-top:70px;}
.csm .con.reportManage .reportDown:after{content:'';position:absolute;background:#f8f8f8;width: 2040px;height:100%;top: 80px;left: -420px;z-index:-1;}
.csm .con.reportManage .reportDown .fLeft{width:50%;padding-right:12px;}
.csm .con.reportManage .reportDown .fLeft .icoDown{background:#fff;}
.csm .con.reportManage .reportDown .fLeft div img{margin:0 auto;-webkit-box-shadow:4px 5px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:4px 5px 20px 0px rgba(0,0,0,0.1);box-shadow:4px 5px 20px 0px rgba(0,0,0,0.1);}
.csm .con.reportManage .reportDown .fLeft:nth-child(1){text-align:center;padding-top:10px;}
.csm .con.reportManage .reportDown .fLeft:nth-child(1) p{font-size:30px;line-height:45px;font-weight:700;margin:33px 0 23px;}
.csm .con.reportManage .reportDown .fLeft:nth-child(2){margin-top:174px;padding-left:12px;}
.csm .con.reportManage .reportDown .fLeft:nth-child(2) > div{font-weight:800;margin-bottom:20px;}
.csm .con.reportManage .reportDown .fLeft ul{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.csm .con.reportManage .reportDown .fLeft ul li{overflow:hidden;clear:both;padding:45px 0 42px;}
.csm .con.reportManage .reportDown .fLeft ul li p{width:calc(100% - 170px);font-size:20px;line-height:32px;float:left;padding-top:6px;}
.csm .con.reportManage .reportDown .fLeft ul li div{float:right;}
.csm .con.reportManage .reportDown .fLeft ul li + li{border-top:1px solid #d8d8d8;}
.csm .con.reportManage .reportDown .fLeft .pageBox{margin-top:30px;margin-bottom:0 !important;}

/***************************************** ABOUT *****************************************/
.companyMain .visual{background:url('/static/images/about/bg_mainComvisual.jpg')no-repeat center;background-size:cover;}/* About LG CNS */
.about.ceoCon .visual{background:url('/static/images/about/bg_visual_ceo.jpg')no-repeat center;background-size:cover;}/* ceo */
.about.historyCon .visual{background:url('/static/images/about/bg_visual_history.jpg')no-repeat center;background-size:cover;}/* 연혁 */
.about.visionCon .visual{background:url('/static/images/about/bg_visual_vision.jpg')no-repeat center;background-size:cover;}/* 비전 */
.about.lgWayCon .visual{background:url('/static/images/about/bg_visual_lgway.jpg')no-repeat center;background-size:cover;}/* LG WAY */
.about.companyCon .visual{background:url('/static/images/about/bg_visual_company.jpg')no-repeat center;background-size:cover;}/* 기업정보 */
.about.careerCon .visual{background:url('/static/images/about/bg_visual_career.jpg')no-repeat center;background-size:cover;}/* 인재채용 */

.about .con.career:first-child .inner{border-top:0;padding-top:0;}

/* ABOUT - 회사소개 메인 */
.companyMain .bdlTxt{padding-left:52px;position:relative;}
.companyMain .bdlTxt:before{content:'';position:absolute;width:2px;background:#333;height:calc(100% - 12px);left:20px;top:6px;}
.companyMain div + .ft02{margin-top:100px;}

.companyMain {text-align:center;}
.companyMain .bTxt + p{margin-top:18px;}
.companyMain .itService{position:relative;padding-top: 83.3%;background:url('/static/images/about/img_itService_bg.png')no-repeat 0;background-size:100% auto;margin-top:60px;}
.companyMain .itService ul{position:absolute;width:100%;height:100%;top:0;left:0;}
.companyMain .itService ul li{text-align:center;word-break:break-all;}
.companyMain .itService ul li:nth-child(1){position:absolute;right: 30.2%;bottom: 82%;width:100%;max-width: 9%;}
.companyMain .itService ul li:nth-child(2){position:absolute;left: 10.7%;bottom: 80.2%;width:100%;max-width: 12%;}
.companyMain .itService ul li:nth-child(3){position:absolute;right: 30%;bottom: 45.5%;width:100%;max-width: 12.5%;}
.companyMain .itService ul li:nth-child(4){position:absolute;left: 46%;bottom: 86.5%;width:100%;max-width: 10%;}
.companyMain .itService ul li:nth-child(5){position:absolute;left: 44.8%;bottom: 40%;width:100%;max-width: 5.5%;}
.companyMain .itService ul li:nth-child(6){position:absolute;left: 42%;bottom: 76.7%;width:100%;max-width: 11%;}
.companyMain .itService ul li:nth-child(7){position:absolute;right: 7.5%;bottom: 57.2%;width:100%;max-width: 11.5%;}
.companyMain .itService ul li:nth-child(8){position:absolute;bottom: 36.2%;left: 19%;width:100%;max-width: 11.5%;}
.companyMain .itService ul li:nth-child(9){position:absolute;left: 31.5%;bottom: 51%;width:100%;max-width: 11.5%;}
.companyMain .itService ul li:nth-child(10){position:absolute;right: 33.5%;bottom: 58%;width:100%;max-width: 11%;}
.companyMain .itService ul li:nth-child(11){position:absolute;bottom: 22%;left: 45.5%;width:100%;max-width: 11.5%;}
.companyMain .itService ul li:nth-child(12){position:absolute;left: 10%;bottom: 55.8%;width:100%;max-width: 11.5%;}
.companyMain .itService ul li:nth-child(13){position:absolute;bottom: 40.8%;right: 19.5%;width:100%;max-width: 8%;}
.companyMain .itService ul li:nth-child(14){position:absolute;bottom: 84%;left: 31.5%;width:100%;max-width: 12%;}
.companyMain .itService ul li a{line-height:1;color:#fff;font-weight:700;padding:9px 0;background:rgba(0,0,0,0.9);border-radius:5px;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.companyMain .itService ul li a:after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width: 7px 6px;left:50%;margin-left:-6px;border-color:rgba(0,0,0,0.9) transparent transparent transparent;bottom: -14px;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.companyMain .itService ul li a:hover{text-decoration:underline;background:rgba(187,8,65,0.9);}
.companyMain .itService ul li a:hover:after{border-color:rgba(187,8,65,0.9) transparent transparent transparent;}

.companyMain .subVisual {overflow:hidden;height: 100%;padding-bottom: 30px;margin-top:63px;}
.companyMain .subVisual.vs1{background:#f8f8f8 url('/static/images/about/bg_mainSubVisual1.png')no-repeat center;background-size:auto;min-height:788px;}
.companyMain .subVisual.vs2{background:url('/static/images/about/bg_mainSubVisual2.png')no-repeat center;background-size:auto;min-height:560px;}
.companyMain .subVisual.vs3{background:#f8f8f8 url('/static/images/about/bg_mainSubVisual3.png')no-repeat center;background-size:auto;min-height:560px;}
.companyMain .subVisual .txtBox{text-align:left;width: 50%;float: left;max-width: 620px;margin-left: 50%;padding-left: 60px;padding-top:74px;padding-right:84px;}
.companyMain .subVisual.vs2 .txtBox{text-align:left;width: 50%;float: right;max-width: 620px;margin-right: 50%;padding-left: 84px;padding-top:74px;padding-right: 60px;}
.companyMain .subVisual .txtBox p + p{margin-top:28px;}
.companyMain .subVisual .txtBox p.ft02{font-size:24px;line-height:36px;position:relative;}
.companyMain .subVisual.vs1 .txtBox p.ft02:first-child:before, .companyMain .subVisual.vs3 .txtBox p.ft02:before{content:'';background:#fff;width: 230px;height:2px;position:absolute;left: -303px;top: 35px;}
.companyMain .subVisual.vs1 .txtBox p.ft02:first-child:after, .companyMain .subVisual.vs3 .txtBox p.ft02:after{content:'';background:#000;width: 11%;height:2px;position:absolute;left: -73px;top: 35px;}
.companyMain .subVisual.vs1 .txtBox{padding-right:30px;}
.companyMain .subVisual.vs1 .txtBox p + p{margin-top:18px;}
.companyMain .subVisual.vs1 .txtBox p + p.ft02{margin-top:48px;}
.companyMain .subVisual.vs3 .txtBox{padding-top:130px;}

.companyMain .subVisual.vs2 .txtBox p.ft02:after{content:'';background:#fff;width:230px;height:2px;position:absolute;right: -303px;top: 35px;}
.companyMain .subVisual.vs2 .txtBox p.ft02:before{content:'';background:#000;width:11%;height:2px;position:absolute;right: -73px;top: 35px;}

.companyMain .unfoldBox{margin-top:74px;text-align:left;}
.companyMain ul.unfoldBox > li{overflow:inherit;clear:none;}
.companyMain ul.unfoldBox > li div.top{max-width:none;padding:0;}
.companyMain ul.unfoldBox > li div.bottom{margin:0 -420px;width:calc(100% + 840px);overflow:hidden;}
.companyMain ul.unfoldBox > li div.bottom .inner{width: calc(100% - 840px);margin: 0 420px;padding:0;}
.companyMain .unfoldTit{font-weight:800;color:#bb0841;margin-top:100px;line-height:1;}
.companyMain .unfoldTit + .refeBox{border-top:2px solid #bb0841;margin-top:15px;}
.companyMain .refeBox dl{padding:44px 0;border-bottom:1px solid #d8d8d8;overflow:hidden;clear:both;}
.companyMain .refeBox dt{float:left;width:25.5%;font-size:30px;line-height:45px;font-weight:700;padding-bottom:75.5px;padding-right:20px;}
.companyMain .refeBox dd{float:left;width:74.5%;overflow:hidden;}

.companyMain .refeBox.domestic dl:nth-child(1) dt{background:url('/static/images/about/img_icoRefe1.png')no-repeat left bottom;}
.companyMain .refeBox.domestic dl:nth-child(2) dt{background:url('/static/images/about/img_icoRefe2.png')no-repeat left bottom;}
.companyMain .refeBox.domestic dl:nth-child(3) dt{background:url('/static/images/about/img_icoRefe3.png')no-repeat left bottom;}
.companyMain .refeBox.domestic dl:nth-child(4) dt{background:url('/static/images/about/img_icoRefe4.png')no-repeat left bottom;}
.companyMain .refeBox.domestic dl:nth-child(5) dt{background:url('/static/images/about/img_icoRefe5.png')no-repeat left bottom;}
.companyMain .refeBox.domestic dl:nth-child(6) dt{background:url('/static/images/about/img_icoRefe6.png')no-repeat left bottom;}
.companyMain .refeBox.domestic dl:nth-child(7) dt{background:url('/static/images/about/img_icoRefe7.png')no-repeat left bottom;}
.companyMain .refeBox.domestic dl:nth-child(8) dt{background:url('/static/images/about/img_icoRefe8.png')no-repeat left bottom;}

.companyMain .refeBox.foreign dl:nth-child(1) dt{background:url('/static/images/about/img_icoRefe2.png')no-repeat left bottom;}
.companyMain .refeBox.foreign dl:nth-child(2) dt{background:url('/static/images/about/img_icoRefe1.png')no-repeat left bottom;}
.companyMain .refeBox.foreign dl:nth-child(3) dt{background:url('/static/images/about/img_icoRefe3.png')no-repeat left bottom;}
.companyMain .refeBox.foreign dl:nth-child(4) dt{background:url('/static/images/about/img_icoRefe4.png')no-repeat left bottom;}
.companyMain .refeBox.foreign dl:nth-child(5) dt{background:url('/static/images/about/img_icoRefe5.png')no-repeat left bottom;}

.companyMain .refeBox dd > ul{float:left;width:50%;}
.companyMain .refeBox dd > ul > li{padding-left:13px;position:relative;padding-right:10px;} /* 2020 영문 작업 수정 */
.companyMain .refeBox dd > ul > li:before{content:'';position:absolute;background:#000;width:3px;height:3px;left:0;top:12px;}

.companyMain ul.unfoldBox > li div.bottom .btnBox{margin-top:60px;}
.companyMain .innovation{margin-top:74px;text-align:left;}
.companyMain .innovation dl{padding:44px 0 50px;border-top:1px solid #d8d8d8;overflow:hidden;clear:both;}
.companyMain .innovation dt{float:left;width:26%;padding-bottom:120px;font-size:30px;line-height:42px;font-weight:700;padding-right:20px;}
.companyMain .innovation dd{float:left;width:74%;}

.companyMain .innovation dl:nth-child(1) dt{background:url('/static/images/about/img_innovation1.png')no-repeat left bottom;}
.companyMain .innovation dl:nth-child(2) dt{background:url('/static/images/about/img_innovation2.png')no-repeat left bottom;}
.companyMain .innovation dl:nth-child(3) dt{background:url('/static/images/about/img_innovation3.png')no-repeat left bottom;}
.companyMain .innovation dl:nth-child(4) dt{background:url('/static/images/about/img_innovation4.png')no-repeat left bottom;}

.companyMain .innovation dd p strong{font-size:20px;line-height:32px;}
.companyMain .innovation dd p + p{margin-top:16px;}
.companyMain .innovation dd ul{overflow:hidden;clear:both;margin-top:25px;}
.companyMain .innovation dd ul li{float:left;padding-right:16px;background:url('/static/images/ico_clampR_R.png')no-repeat right 3px;margin:8px 0;margin-right:40px;}
.companyMain .innovation dd ul li a{font-weight:700;text-decoration:underline;line-height:1;color:#be154b;}

.companyMain .con.companyInfo{text-align:left;margin-top:100px;}
.companyMain .con.companyInfo .grayBox{margin-top:40px;}
.companyMain .con.companyInfo .grayBox li div{font-size:32px;line-height:46px;margin-bottom:9px;}
.companyMain .con.companyInfo .grayBox li p{padding-bottom:64px;}
.companyMain .con.companyInfo .grayBox li div strong{font-weight:800;}
.companyMain .con.companyInfo .grayBox li:nth-child(1) p{background:url('/static/images/about/img_companyInfo_01.png')no-repeat right bottom;}
.companyMain .con.companyInfo .grayBox li:nth-child(2) p{background:url('/static/images/about/img_companyInfo_02.png')no-repeat right bottom;}
.companyMain .con.companyInfo .grayBox li:nth-child(3) p{background:url('/static/images/about/img_companyInfo_03.png')no-repeat right bottom;}

.companyMain .con.companyInfo .floatBox{margin-top:34px;}
.companyMain .con.companyInfo .dashTxt li{font-size:16px;line-height:28px;color:#666;position:relative;padding-left:10px;}
.companyMain .con.companyInfo .dashTxt li:before{content:'';position:absolute;background:#666;width:6px;height:1px;left:0;top:12px;}
.companyMain .con.companyInfo .icoClampBkR span{padding-right:40px;}

.companyMain .con.place{text-align:left;}
.companyMain .con.place h2{margin-bottom:40px;}
.companyMain .con.place .building{margin-bottom:100px;}
.companyMain .con.place .building .bg{background: url('/static/images/about/img_building_bg0.png')no-repeat center top;margin-top:40px;}
.companyMain .con.place .building .bg.bgIndex0{background: url('/static/images/about/img_building_bg0.png')no-repeat center top;}
.companyMain .con.place .building .bg.bgIndex1{background: url('/static/images/about/img_building_bg1.png')no-repeat center top;}
.companyMain .con.place .building .inner{padding-top:426px;}
.companyMain .con.place .building .slideBox{max-width: 980px;width:100%;background:#fff;padding-left: 260px;position:relative;left: -260px;}
.companyMain .con.place .building .slideBox .pageNum2{margin-right:60px;padding-top:44px;padding-bottom: 50px;}
.companyMain .con.place .building .slideBox .swiper-slide > div{float:right;}
.companyMain .con.place .building .slideBox .swiper-slide > div:first-child{width:calc(100% - 170px);float:left;}
.companyMain .con.place .building .slideBox .swiper-slide > div > div{font-size:24px;line-height:36px;font-weight:700;margin-bottom:12px;}

.companyMain .con.place .dataCenter{margin-top:20px;}
.companyMain .con.place .dataCenter ul.unfoldBox > li div.top > div{padding:37px 0;}
.companyMain .con.place .dataCenter li .vtBox{padding-top:80px;padding-bottom:60px;}
.companyMain .con.place .dataCenter li .vtCon{width:61.4%;padding-left:3.7%;vertical-align:top;}
.companyMain .con.place .dataCenter li .vtCon:first-child{width:38.6%;padding-left:0;}
.companyMain .con.place .dataCenter li .vtCon li{font-size:18px;line-height:36px;position:relative;padding-left:14px;}
.companyMain .con.place .dataCenter li .vtCon li:before{content:'';position:absolute;background:#000;width:3px;height:3px;top:15px;left:2px;}
.companyMain .con.place .dataCenter li .vtCon p + ul{margin-top:41px;}
.companyMain .con.place .dataCenter li .vtCon ul + div{border-top:1px solid #d8d8d8;margin-top:31px;padding-top:27px;}
.companyMain .con.place .dataCenter li .vtCon dl{width:55%;float:left;margin:4px 0;}
.companyMain .con.place .dataCenter li .vtCon dl:nth-child(2n-1){width:45%;}
.companyMain .con.place .dataCenter li .vtCon dt{font-weight:700;position:relative;padding-left:14px;float:left;}
.companyMain .con.place .dataCenter li .vtCon dt:before{content:'';position:absolute;background:#000;width:3px;height:3px;top:13px;left:2px;}
.companyMain .con.place .dataCenter li .vtCon dd{float:left;padding-left:14px;}

.companyMain .con.place .foreignComp ul + ul{margin-top:40px;}
.companyMain .con.place .foreignComp li > div:first-child{padding-right:70px;}
.companyMain .con.place .foreignComp li > div{font-size:16px;}
.companyMain .con.place .foreignComp li > div span{color:#b71632;font-weight:700;margin-right:10px;}
.companyMain .con.place .foreignComp li > div p{font-size:22px;line-height:36px;font-weight:800;}
.companyMain .con.place .foreignComp li > div + div{margin-top:19px;padding-top:23px;border-top:1px solid #d8d8d8;}
.companyMain .con.place .foreignComp li dl{overflow:hidden;clear:both;display:table;}
.companyMain .con.place .foreignComp li dt{display:table-cell;width:55px;font-size:16px;font-weight:700;}
.companyMain .con.place .foreignComp li dd{display:table-cell;font-size:16px;}
.companyMain .con.place .foreignComp li dl + dl{margin-top:6px;}
.companyMain .con.place .foreignComp ul + .pageBox{margin-top:40px;}
.companyMain .con.place .foreignComp li .cn{background-image:url('/static/images/about/img_corporate_cn.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .eu{background-image:url('/static/images/about/img_corporate_eu.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .usa{background-image:url('/static/images/about/img_corporate_usa.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .india{background-image:url('/static/images/about/img_corporate_india.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .indo{background-image:url('/static/images/about/img_corporate_indo.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .brs{background-image:url('/static/images/about/img_corporate_brs.png');background-repeat:no-repeat;background-position:right top;}

.companyMain .con.place .foreignComp li .colom{background-image:url('/static/images/about/img_corporate_colom.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .mal{background-image:url('/static/images/about/img_corporate_mal.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .jp{background-image:url('/static/images/about/img_corporate_jp.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .uz{background-image:url('/static/images/about/img_corporate_uz.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .viet{background-image:url('/static/images/about/img_corporate_viet.png');background-repeat:no-repeat;background-position:right top;}
.companyMain .con.place .foreignComp li .greek{background-image:url('/static/images/about/img_corporate_greek.png');background-repeat:no-repeat;background-position:right top;}

.companyMain .con.place .foreignComp .naviBox{width:100%;position:relative;margin-top:40px;text-align:center;}
.companyMain .con.place .foreignComp .swiper-pagination{display:inline-block;position:relative;}
.companyMain .con.place .foreignComp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}
.companyMain .con.place .foreignComp .swiper-pagination-bullet{width:auto;height:auto;background:none;opacity:1;display:inline-block;width:30px;height:30px;float:left;margin-left:5px;font-weight:700;position:relative;}
.companyMain .con.place .foreignComp .swiper-pagination-bullet-active{color:#be154b;font-weight:800;height:30px;width:30px;display:inline-block;float:left;}
.companyMain .con.place .foreignComp .swiper-pagination-bullet-active:before{content:'';position:absolute;width:24px;height:2px;background:#be154b;bottom:0;left:50%;margin-left:-12px;}
.companyMain .con.place .foreignComp .swiper-button-next, .companyMain .con.place .foreignComp .swiper-button-prev{top:auto;width:30px;height:11px;background-size:30px 11px;position:relative;display:inline-block;height:30px;}
.companyMain .con.place .foreignComp .swiper-button-next, .companyMain .con.place .foreignComp .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk.png');margin-top:0;margin-left: 19px;}
.companyMain .con.place .foreignComp .swiper-button-prev, .companyMain .con.place .foreignComp .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk.png');margin-top:0;margin-right: 19px;}

.publicPop.itPopSlide .popArea{background:none;max-width:824px;}
.publicPop.itPopSlide .popArea{padding:0 95px;}
.publicPop.itPopSlide .swiper-slide{background:#fff;}

.publicPop.itPopSlide .swiper-slide > div{position:relative;padding-top:59.8%;}
.publicPop.itPopSlide .swiper-slide > div .txtBox{position:absolute;width:100%;height:100%;padding:60px;top:0;left:0;text-align:left;}
.publicPop.itPopSlide .swiper-slide > div .txtBox div{font-size:40px;line-height:58px;font-weight:700;margin-bottom:25px;}
.publicPop.itPopSlide .swiper-slide > div .txtBox p{font-size:20px;line-height:32px;}
.publicPop.itPopSlide .swiper-slide > div .txtBox .btnTxt{font-size:18px;line-height:1;margin-top:24px;}
.publicPop.itPopSlide .swiper-slide > div .txtBox .btnTxt a{font-weight:700;text-decoration:underline;line-height:1;color:#be154b;display:inline-block;}
.publicPop.itPopSlide .swiper-slide > div .txtBox .btnTxt a span{padding-right:16px;background:url('/static/images/ico_clampR_R.png')no-repeat right 3px;}


.publicPop.itPopSlide .swiper-slide .itPop1{background:url('/static/images/about/img_itServicePop_1.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop2{background:url('/static/images/about/img_itServicePop_2.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop3{background:url('/static/images/about/img_itServicePop_3.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop4{background:url('/static/images/about/img_itServicePop_4.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop5{background:url('/static/images/about/img_itServicePop_5.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop6{background:url('/static/images/about/img_itServicePop_6.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop7{background:url('/static/images/about/img_itServicePop_7.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop8{background:url('/static/images/about/img_itServicePop_8.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop9{background:url('/static/images/about/img_itServicePop_9.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop10{background:url('/static/images/about/img_itServicePop_10.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop11{background:url('/static/images/about/img_itServicePop_11.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop12{background:url('/static/images/about/img_itServicePop_12.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop13{background:url('/static/images/about/img_itServicePop_13.jpg')no-repeat 0 0;background-size:100% auto;}
.publicPop.itPopSlide .swiper-slide .itPop14{background:url('/static/images/about/img_itServicePop_14.jpg')no-repeat 0 0;background-size:100% auto;}

.publicPop.itPopSlide .popClose{top:60px;right:155px;}
.swiper-button-next, .swiper-button-prev{position: absolute;top: 50%;width: 35px;height: 67px;margin-top: -33px;z-index: 10;cursor: pointer;background-size: 35px 67px;background-position: center;background-repeat: no-repeat;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url('/static/images/ico_clampBigW_R.png');left: auto;right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url('/static/images/ico_clampBigW_L.png');left: 0;right: auto;}

/* ABOUT - CEO */
.about .con.ceo .vtBox{margin:89px -60px 0;padding:92px 60px 0;border-top:1px solid #d8d8d8;width:calc(100% + 120px);}
.about .con.ceo .vtCon{width:59%;padding-left:5.5%;box-sizing:border-box;vertical-align:top;}
.about .con.ceo .vtCon:first-child{width:35.5%;padding-left:0;}
.about .con.ceo .vtCon p + p{margin-top:28px;}
.about .con.ceo .vtCon p + div{margin-top:68px;}
.about .con.ceo .vtCon div span{display:block;font-weight:700;margin-top:14px;}

/* ABOUT - 비전 */
.about .con.vision div.txtC{margin-bottom:96px;} /* 2019-12-16 추가 */
.about .con.vision div.txtC div{font-size:40px;line-height:50px;font-weight:800;letter-spacing:8px;}
.about .con.vision div.txtC p{position:relative;top:34px;max-width: 900px;margin: 0 auto;}
.about .con.vision div.txtC img{margin:0 auto;}
.about .con.vision .iconInfoArea.typeSolo{border-top:1px solid #d8d8d8;margin-top:44px;} /* 2019-12-16 추가 */
.about .con.vision .iconInfoArea li:last-child{padding-bottom:0;}
.about .con.bgVision{margin-top:140px;}
.about .con.bgVision .bgTit{color:#fff;max-width:1920px;margin:0 auto;width:calc(100% + 840px);margin-left:-420px;background-repeat:no-repeat;background-size:cover;background-position:top center;position:relative;height:400px;margin-bottom:90px;}
.about .con.bgVision .bgTit:before{content:'';background:#fff;position:absolute;bottom:0;width:2px;height:60px;left:50%;margin-left:-1px;}
.about .con.bgVision .bgTit:after{content:'';background:#000;position:absolute;bottom:-60px;width:2px;height:60px;left:50%;margin-left:-1px;}
.about .con.bgVision .bgTit > div{display:table;max-width:1080px;width:calc(100% - 840px);margin:0 auto;height:100%;}
.about .con.bgVision .bgTit strong{display:table-cell;text-align:center;font-size:40px;line-height:58px;vertical-align:middle;}
/* .about .con.bgVision.sec1 .bgTit{background-image:url('/static/images/about/img_visionTitBg1.jpg');} */ /* 2019-12-16 수정 */
.about .con.bgVision.sec1 .bgTit{background-image:url('/static/images/about/img_visionTitBg1.jpg');} /* 2019-12-16 수정 */
.about .con.bgVision.sec2 .bgTit{background-image:url('/static/images/about/img_visionTitBg2.jpg');} /* 2019-12-16 수정 */
.about .con.bgVision .iconInfoArea{margin-top:44px;}
.about .con.bgVision .iconInfoArea li:first-child{border-top:1px solid #d8d8d8;}
.about .con.bgVision .iconInfoArea li:last-child{border-bottom:1px solid #d8d8d8;}
/* .about .con.bgVision div{font-size:20px;line-height:32px;}  2019-12-16 수정 */
.about .con.bgVision p + div{margin-top:46px;}
.about .con.bgVision .bgTit + p{margin-top:0;}
.about .con.bgVision div strong{font-size:20px;line-height:30px;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul{margin:54px 0;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li{display:table;width:100%;background:#f8f8f8;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li > div{display:table-cell;width:50%;vertical-align:middle;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li > div p{padding:0 35px;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li:nth-child(2) > div p{text-align:right;}
.about .con.bgVision.sec2 .imgBox{margin:54px 0;} /* 2019-12-16 추가 */
.about .con.bgVision.sec2 .imgBox.img01{margin:54px 0 74px 0;} /* 2019-12-16 추가 */



/*  2019-12-16 수정
.about .con.bgVision.sec3 ul{margin-top:22px;}
.about .con.bgVision.sec3 ul li{padding:20px 0;}
.about .con.bgVision.sec3 ul li div{overflow:hidden;clear:both;}
.about .con.bgVision.sec3 ul li div span{float:left; position:relative; width:28px; margin-right:12px; font-size:22px; font-weight:700;}
.about .con.bgVision.sec3 ul li div span:after{content:''; display:block; width:28px; height:2px; background:#bb0841; position:absolute; bottom:4px; left:0;}
.about .con.bgVision.sec3 ul li div strong{float:right; width:calc(100% - 40px);color:#bb0841;font-size:20px;line-height:32px;}
.about .con.bgVision.sec3 ul li div + p{margin-top:17px;} 
*/

/* #visionTop.con:first-child{margin-top:0; padding-top:100px;}
.about #visionSection2.con.bgVision,
.about #visionSection3.con.bgVision{margin-top:0; padding-top:140px;} */

.about #visionTop{width:0; height:0; font-size:0; position:absolute; top:-140px; left:0;}
.about #visionSection2{width:0; height:0; font-size:0; position:absolute; top:-146px; left:0;}
.about #visionSection3{width:0; height:0; font-size:0; position:absolute; top:-100px; left:0;}

/* ABOUT - LG WAY */
.about .con.lgwayVision .bg{background: url('/static/images/about/img_lgway_bg.png')no-repeat center top;margin-top:40px;}
.about .con.lgwayVision .vtCon{color:#fff;padding: 66px 0 67px;height:335px;padding-right:60px;}
.about .con.lgwayVision .slideBox{max-width: 880px;width:100%;background:#fff;padding-left: 260px;position:relative;left: -260px;}
.about .con.lgwayVision .slideBox .pageNum{margin-right:30px;padding-top:44px;padding-bottom: 50px;}
.about .con.lgwayVision .slideBox .swiper-slide div{font-size:20px;line-height:32px;font-weight:800;margin-bottom:14px;}
.about .con.complaint ul{margin-top:40px;}
.about .con.complaint li > div{overflow:hidden;clear:both;width:100%;border-top:1px solid #d8d8d8;padding:20px 0;display:table;}
.about .con.complaint li > div{display:table-cell;vertical-align:middle;box-sizing:border-box;width:150px;}
.about .con.complaint li > div:first-child{width:100%;padding:28px 0;padding-left:130px;padding-right:20px;background:url('/static/images/about/img_complaint.png')no-repeat left center;}

.about .con.act ul{margin-top:31px;}
.about .con.act .ft01{padding-right:60px;}
.about .con.act ul li{padding-bottom:120px;}
.about .con.act ul li div{font-size:20px;line-height:34px;font-weight:700;}
.about .con.act ul li:nth-child(1){background:url('/static/images/about/img_lgway_act01.png')no-repeat 64px 82%;}
.about .con.act ul li:nth-child(2){background:url('/static/images/about/img_lgway_act02.png')no-repeat 64px 82%;}
.about .con.act ul li:nth-child(3){background:url('/static/images/about/img_lgway_act03.png')no-repeat 64px 82%;}

.about .con.idea .vtBox.idea01{margin-top:64px;padding-bottom:34px;}
.about .con.idea .vtBox.idea02{padding-top:34px;border-top:1px solid #d8d8d8;}
.about .con.idea .vtCon{width:81.5%;padding-left:2.5%;vertical-align:top;}
.about .con.idea .vtCon:first-child{width:16%;padding-left:0;}
.about .con.idea .vtCon:first-child div{padding-bottom:87px;}
.about .con.idea .vtCon:first-child strong{font-size:24px;line-height:36px;position:relative;}
.about .con.idea .vtCon:first-child strong.forPC{display:inline !important;}
.about .con.idea .vtBox.idea01 .vtCon:first-child > div{background:url('/static/images/about/img_lgway_idea01.png')no-repeat left bottom;}
.about .con.idea .vtBox.idea02 .vtCon:first-child > div{background:url('/static/images/about/img_lgway_idea02.png')no-repeat left bottom;}
.about .con.idea dt{font-size:18px;line-height:28px;font-weight:800;position:relative;padding-left:7px;margin-bottom:6px;}
.about .con.idea dt:before{content:'';position:absolute;left:0;top:11px;width:3px;height:3px;background:#000;}
.about .con.idea dd + dt{margin-top:29px;}

/* ABOUT - 기업정보 */
.about .con.summary div.floatBox{margin-top:37px;}
.about .con.summary dl{width:calc(100% - 240px);float:left;margin:7px 0;}
.about .con.summary dl:nth-child(2n-1){width:240px;}
.about .con.summary dt{font-weight:800;position:relative;padding-left:9px;float:left;}
.about .con.summary dd{float:left;padding-left:20px;}
.about .con.summary dt:before{content:'';position:absolute;width:3px;height:3px;left:0;top:11px;background:#000;}

.about .con.busiField .bg{background: url('/static/images/about/img_field_bg0.png')no-repeat center top;position:relative;margin-top:40px;}
.about .con.busiField .bg.bgIndex0{background: url('/static/images/about/img_field_bg0.png')no-repeat center top;}
.about .con.busiField .bg.bgIndex1{background: url('/static/images/about/img_field_bg1.png')no-repeat center top;}
.about .con.busiField .bg.bgIndex2{background: url('/static/images/about/img_field_bg2.png')no-repeat center top;}
.about .con.busiField .bg.bgIndex3{background: url('/static/images/about/img_field_bg3.png')no-repeat center top;}
.about .con.busiField .bg.bgIndex4{background: url('/static/images/about/img_field_bg4.png')no-repeat center top;}
.about .con.busiField .bg.bgIndex5{background: url('/static/images/about/img_field_bg5.png')no-repeat center top;}
.about .con.busiField .bg:before{content:'';position:absolute;left:0;top:285px;height:132px;background:#fff;width:420px;}
.about .con.busiField .slideBox{width:50%;}
.about .con.busiField .slideBox .pageNum2{padding-bottom:20px;}
.about .con.busiField .slideBox .swiper-slide > div:first-child{height:285px;color:#fff;display:table;width:100%;}
.about .con.busiField .slideBox .swiper-slide > div span{display:table-cell;vertical-align:middle;font-size:40px;line-height:58px;color:#fff;font-weight:700;}
.about .con.busiField .slideBox .swiper-slide .bgBox{padding:34px 0;position:relative;background: #fff;min-height:132px;padding-right:30px;}

.about .subTit{line-height:1;color:#be154b;font-weight:800;max-width:1200px;padding:0 60px;width:100%;margin:0 auto;}


/* ABOUT - 기업정보 - 요약 연결 재무상태표 보기 팝업  */
.publicPop.financial .popArea{max-width:760px;}
.publicPop .financialPop .tText{font-size:16px;line-height:22px;color:#666;text-align:right; margin-bottom:7px;}
.publicPop .financialArea{border-top:2px solid #333; border-bottom:1px solid #aaa;}
.publicPop .financialArea thead th{border-left:1px solid #eee; font-weight:400; padding:20px 30px; line-height:20px; background:#f8f8f8;}
.publicPop .financialArea thead th:first-child{border-left:none;}
.publicPop .financialArea .firstLine th,
.publicPop .financialArea .firstLine td{border-top:1px solid #333; color:#be154b; background:#fdf7f9; font-weight:700;}
.publicPop .financialArea tbody th,
.publicPop .financialArea tbody td{border-top:1px solid #d8d8d8; padding:20px 30px; line-height:20px;}
.publicPop .financialArea tbody th{font-weight:400;}
.publicPop .financialArea tbody td{border-left:1px solid #eee; text-align:right;}
.publicPop .financialPop .financialNoti li{font-size:16px;line-height:22px;color:#666;position:relative;padding-left:7px;margin-top:7px;}
.publicPop .financialPop .financialNoti li:first-child{margin-top:17px;}
.publicPop .financialPop .financialNoti li:before{content:'*';position:absolute;top:0;left:0;}

/* ABOUT - 인재채용 - 채용정보 */
.about .con.career .careerVision{text-align:center;background:url('/static/images/about/img_empolyInfo_bg.png')no-repeat center top;background-size:100% auto;margin-bottom:54px;}
.about .con.career .careerVision > div{font-size:20px;line-height:1;color:#be154b;font-weight:800;letter-spacing:2px;}
.about .con.career .careerVision > p{font-size:40px;line-height:58px; margin-top:20px;}
.about .con.career .careerVision > ul{overflow:hidden;clear:both;margin:0 11%;margin-top: -4%;}
.about .con.career .careerVision li{float:left;width:31%;}
.about .con.career .careerVision li + li{margin-left:3.5%;}
.about .con.career .careerVision li:nth-child(2){margin-top: 15%;}
.about .con.career .careerVision li div{position:relative;padding-top:100%;border:1px solid #be154b;border-radius:50%;background:#fff;}
.about .con.career .careerVision li div span{position:absolute;top: 50%;left: 50%; margin:-50px -50%;width:100%;font-size:20px;line-height:30px;font-weight:700;padding-top:65px;}
.about .con.career .careerVision li:nth-child(1) div span{background:url('/static/images/about/img_empolyInfo_icon1.png')no-repeat center top;}
.about .con.career .careerVision li:nth-child(2) div span{background:url('/static/images/about/img_empolyInfo_icon3.png')no-repeat center top;}
.about .con.career .careerVision li:nth-child(3) div span{background:url('/static/images/about/img_empolyInfo_icon2.png')no-repeat center top;}
.about .con.qna .unfoldBox{margin-top:50px;}

/* ABOUT - 인재채용 - 채용공고 */
.about .con.employment .interest input[type="checkbox"] {position:absolute; opacity:0; width: auto; height: auto;}
.about .con.employment .interest input[type="checkbox"] + label {display: block;width: auto;background: url('/static/images/about/img_jobopen_icon_off.png') no-repeat 0px 0px;background-size:23px auto;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;text-indent:-99999px;width:23px;height:22px;margin: 0 auto;}
.about .con.employment .interest input[type="checkbox"]:checked + label {background-image:url('/static/images/about/img_jobopen_icon_on.png');}

.about .con.employment .empolNoticeTab{position:relative;}
.about .con.employment .empolNoticeTab .nowSelTab{display:none;}
.about .con.employment .empolNoticeTab .tabList{overflow:hidden;clear:both;z-index:10;}
.about .con.employment .empolNoticeTab .tabList li{width:50%;border:2px solid #d8d8d8;border-bottom:0;float:left;box-sizing:border-box;text-align:center;position:relative;}
.about .con.employment .empolNoticeTab .tabList li a{font-size:18px;line-height:34px;padding:18px 0;}
.about .con.employment .empolNoticeTab .tabList li + li{border-left:0;}
.about .con.employment .empolNoticeTab .tabList li:after{content:'';position:absolute;width:calc(100% + 4px);height: 1px;border-bottom:2px solid #be154b;left:-2px;bottom: 0px;}
.about .con.employment .empolNoticeTab .tabList li.on:before{content:'';position:absolute;width:100%;height:100%;border:2px solid #be154b;left:-2px;top:-2px;}
.about .con.employment .empolNoticeTab .tabList li.on:after{border-bottom:0;}
.about .con.employment .empolNoticeTab .tabList.tab3 li{width:calc(100%/3);}
.about .con.employment .empolNoticeTab .tabList.tab4 li{width:calc(100%/4);}
.about .con.employment .empolNoticeTab .tabContainer{margin-top:44px;margin-bottom:100px;}

.about .con.employment .searchBox{padding:47px 0;background:#f9f9f9;text-align:center;position:relative;padding:47px 10.5%;margin:24px 0;}
.about .con.employment .searchBox > div{display:block;overflow:hidden;clear:both;width:100%;}
.about .con.employment .searchBox > div select{float:left;padding: 12px 36px 12px 20px;border-color:#d8d8d8;width:calc((96% - 47px)/4);margin-right:1%;background:#fff url('/static/images/ico_selectBox_select.jpg')no-repeat right center;}
.about .con.employment .searchBox > div .btn{width:47px;height:47px;float:left;display:block;}
.about .con.employment .searchBox div .btn button{background-repeat:no-repeat;background-position:center;}

.about .con.employment .empolNotice.tbl{border-top:1px solid #333;border-bottom:1px solid #e5e5e5;margin-top:14px;margin-bottom:40px;}
.about .con.employment .empolNotice.tbl table{table-layout:auto;}
.about .con.employment .empolNotice.tbl th{border-left:0;font-weight:700;padding:15px 10px;font-size:16px;}
.about .con.employment .empolNotice.tbl th:first-child{border-left:0;}
.about .con.employment .empolNotice.tbl td{border-left:0;padding:14px 5px 14px 5px;border-top:1px solid #e5e5e5;text-align:center;}
.about .con.employment .empolNotice.tbl td a{position:relative;padding-right:30px;}
.about .con.employment .empolNotice.tbl td  a:after{content:''; position:absolute; width:18px; height:18px; margin:6px 0 0 7px; vertical-align:top; background:url('/static/images/ico_move_big.png') no-repeat 0 0;}


.about .con.employment .empolNotice.tbl td:nth-child(1){font-size:16px;}
.about .con.employment .empolNotice.tbl td:nth-child(2){text-align:left;font-weight:700;}
.about .con.employment .empolNotice.tbl td:nth-child(2) span{display:inline-block;padding-left:5px;}
.about .con.employment .empolNotice.tbl td:nth-child(2) span img{display:inline-block;vertical-align:middle;}
.about .con.employment .empolNotice.tbl td:nth-child(3) div{font-weight:700;}
.about .con.employment .empolNotice.tbl td:nth-child(3) p{font-size:16px;}
.about .con.employment .empolNotice.tbl td:nth-child(4) p{font-size:16px;}
.about .con.employment .empolNotice.tbl tbody tr:first-child td{border-top:0;}
.about .con.employment .empolNotice.tbl td:first-child{border-left:0;}

.about .con.employment .empolNoticeTab .fstar span{padding-left:5px;padding-right:3px;}
.about .con.employment .empolNoticeTab .fstar img{display:inline-block;vertical-align:middle;}
.about .con.employment .empolNoticeTab .fstar strong{color:#000;}

.about .con.employment .empolTxt strong{font-weight:800;}

/* ABOUT - 연혁 */
.about .con.history .historyTop{position:relative;padding-top: 33.3%;background-size:cover;margin-left: -160px;margin-right: -160px;}
.about .con.history .tabContainer > div:nth-child(1) .historyTop{background:url('/static/images/about/img_history_top1.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .tabContainer > div:nth-child(2) .historyTop{background:url('/static/images/about/img_history_top2.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .tabContainer > div:nth-child(3) .historyTop{background:url('/static/images/about/img_history_top3.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .tabContainer > div:nth-child(4) .historyTop{background:url('/static/images/about/img_history_top4.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .historyTop p{font-size:30px;line-height:45px;color:#fff;font-weight:700;text-align:center;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;}
.about .con.history .historyList{position:relative;padding-bottom:74px;}
.about .con.history .historyList:before{content:'';position:absolute;background:#ccc;width:1px;height:calc(100% + 150px);left:50%;top:-150px;}
.about .con.history .historyBox{margin-top:150px;}
.about .con.history .historyBox .year{position:relative;padding-right: 54.88%;font-size:90px;line-height:1;font-weight:700;text-align:right;}
.about .con.history .historyBox .month{position:relative;overflow:hidden;clear:both;}
.about .con.history .historyBox .month .right{width:100%;box-sizing:border-box;text-align:right;}
.about .con.history .historyBox .month .left{width:100%;box-sizing:border-box;text-align:left;}
.about .con.history .historyBox .month dl{position:relative;display:inline-block;width: calc(50% + 4px);box-sizing:border-box;overflow:hidden;clear:both;margin-top:24px;}
.about .con.history .historyBox .month .right dl{text-align:left;padding-left:50px;}
.about .con.history .historyBox .month .left dl{text-align:right;padding-right:50px;}
.about .con.history .historyBox .month dt{font-size:24px;line-height:30px;font-weight:800;position:relative;}
.about .con.history .historyBox .month .left dt{float:right;width:44px;}
.about .con.history .historyBox .month .left dt:before{content:'';position:absolute;width:7px;height:7px;background:#bb0841;border-radius:50%;right:-50px;top:10px;}
.about .con.history .historyBox .month .left dt:after{content:'';position:absolute;width:36px;height:1px;background:#cccccc;border-radius:50%;right:-50px;top:13px;z-index: -1;}
.about .con.history .historyBox .month .left dd{float:right;width:calc(100% - 44px);}
.about .con.history .historyBox .month .right dt{float:left;width:44px;}
.about .con.history .historyBox .month .right dt:before{content:'';position:absolute;width:7px;height:7px;background:#bb0841;border-radius:50%;left: -49px;top: 10px;}
.about .con.history .historyBox .month .right dt:after{content:'';position:absolute;width:36px;height:1px;background:#cccccc;border-radius:50%;left: -49px;top: 13px;z-index: -1;}
.about .con.history .historyBox .month .right dd{float:left;width:calc(100% - 44px);}
.about .con.history .historyBox .month dd li + li{margin-top:16px;}
.about .con.history .historyBox .imgBox{display:inline-block;margin-top:24px;width:50%;}
.about .con.history .historyBox .right .imgBox{float:right;}
.about .con.history .historyBox .left .imgBox{float:left;}
/*[CSR ID:4145648] [국문] 홈페이지 수정요청 (메인, 연혁)*/
.about .con.history .historyBox .month .left dd .imgBox{float: right;width:calc(100% + 91px);margin-right: -90px;margin-bottom: 24px;}
.about .con.history .historyBox .month .right dd .imgBox{float: left;width:calc(100% + 91px);margin-left: -89px;margin-bottom: 24px;}

.about .con.history .tabSelWrap .tabList{padding-bottom:5px;margin-bottom:0;}
.about .con.history .tabSelWrap .tabList li{border:0;}
.about .con.history .tabSelWrap .tabList li a{font-size:28px;line-height:36px;padding:0 0 25px 0;font-weight:700;}
.about .con.history .tabSelWrap .tabList li a span{display:block;font-size:20px;line-height:1;margin-top:6px;font-weight:700;}
.about .con.history .tabSelWrap .tabList li + li{border-left:0;}
.about .con.history .tabSelWrap .tabList li:after{content:'';position:absolute;width:100%;height: 1px;border-bottom:0;left:-2px;bottom: 0px;}
.about .con.history .tabSelWrap .tabList li.isActive:before{content:'';position:absolute;width:100%;height:100%;border:0;left:-2px;top:-2px;border-bottom:5px solid #be154b;z-index: 5;}
.about .con.history .tabSelWrap .tabList li.isActive:after{border-bottom:0;}
.about .con.history .tabSelWrap .tabList li.isActive a{color:#bb0841;}
.about .con.history .tabSelWrap .tabContainer{margin-top: -7px;}

/* Error Page */
.errorPage .errorMessage{margin:420px 0 360px; text-align:center;}
.errorPage .errorMessage > strong{display:block; position:relative; padding-top:140px; color:#222; font-weight:800; font-size:50px; line-height:52px;}
.errorPage .errorMessage > strong:before{content:''; display:block; width:94px; height:91px; position:absolute; top:0; left:50%; background:url('/static/images/ico_error.png') no-repeat 0 0; transform: translateX(-50%);}
.errorPage .errorMessage > p{margin:20px 0 50px; font-size:30px; line-height:32px;}


/***************************************** 예외 사이즈 1400px *****************************************/
@media screen and (max-width: 1400px) {
    .main .section.sec2 .slideNavi .swiper-slide, .main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{padding:25px 20px 19px 30px;}
    .main .section.sec2 .slideNavi .swiper-slide p{font-size:22px;}
    .main .section.sec2 .slideNavi .swiper-slide p.comma{background: url('/static/images/img_txtQuotes.png')no-repeat left top;background-size:26px auto;padding-top:24px;}
}

/***************************************** 예외 사이즈 1240px *****************************************/
@media screen and (max-width: 1240px) {
    .main .section.sec2 .slideNavi{padding-left:60px;}
    .main .section.sec2 .slideNavi .swiper-slide, .main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{padding:20px 20px 19px 20px;}
    .main .section.sec2 .slideNavi .swiper-slide p{font-size:20px;line-height:30px;}
    .main .section.sec2 .slideNavi .swiper-slide p.comma{background: url('/static/images/img_txtQuotes.png')no-repeat left top;background-size:20px auto;padding-top:20px;}

    /* SOLUTION - psd */
    .solution .psdInfo{width:100%; margin:0 auto; padding:90px 60px 0 60px;}
    .solution .psdInfo img{width:100%;}
    .solution .psdInfo strong{font-size:20px; font-weight:700;}
    .solution .psdInfo .photoTit{margin-bottom:40px; color:#666; text-align:center; font-size:16px;}
    .solution .psdInfo ul{overflow:hidden; margin:15px 0 10px;}
    .solution .psdInfo ul li{float:inherit; overflow:hidden;}
    .solution .psdInfo ul li.first{width:100%; margin-right:0;}
    .solution .psdInfo ul li.second{width:100%; margin-top:24px;}
    .solution .psdInfo ul li .firstDiv{margin:0 12px 0 0;}
    .solution .psdInfo ul li div{float:left; margin-left:12px;}
    .solution .psdInfo ul li > div{width:calc(50% - 12px);}

    /* SERVICE - 챗봇 - B23 */
    .basicCyRed ul li{float:inherit;width:300px;margin:0 auto;}
    .basicCyRed ul li:nth-child(2){margin:37px auto;}

    /* SERVICE - 챗봇 - vpa */
    .service.vpa .unfoldBox .unfoldCon02 ul.purpose li{width:32%; margin-left:2%;}

    /* 그라데이션 원형 타입 추가 */
    .platform .con.basicFuncCy ul li{float:inherit;width:325px;margin:0 auto;}
    .platform .con.basicFuncCy ul li:nth-child(2){margin:37px auto;}

    /* 솔루션 UXM */
    .cyConBig.newType .cyCon .allCy > li{width:350px;}
}


/***************************************** 예외 사이즈 1200px *****************************************/
@media screen and (max-width: 1200px) {
    .main .mainInner{padding:0 60px;}
    .main .section.sec3 .sec3Slide .swiper-slide a div p .br{display:inline;}

    /* About - 메인 */
    .companyMain .subVisual.vs1{background-size:cover;}
    /* 정보수집 팝업  :공통 */
    .infoInpBox.typeDownC .typeRadio.short .colgroup1 {
        height: 120px;
    }
    .infoInpBox.typeDownC .typeRadio.mid .colgroup1{height:150px;}
    .infoInpBox.typeDownC .name .colgroup2 input,
    .infoInpBox.typeDownC .email .colgroup2 input,
    .infoInpBox.typeDownC .email .colgroup2 .selectBox{width:130px;}
    .infoInpBox.typeDownC .officeDiv2 > div:after{content:''; display:block; clear:both;}
    .downCollectPop .infoInpBox ul li.officeDiv2 .sec1,
    .downCollectPop .infoInpBox ul li.officeDiv2 .sec2{width:100%; float:inherit;}
    .downCollectPop .infoInpBox ul li.officeDiv2 .sec2 {border-top: 1px solid #d8d8d8;}
    .downCollectPop .infoInpBox.typeDownC .typeRadio.short .colgroup1{height:auto;}
    .downCollectPop .infoInpBox.typeDownC .typeRadio.mid .colgroup1{height:auto;}
    .publicPop.downCollect .infoInpBox .colgroup1, .publicPop.downCollect .infoInpBox .colgroup2{}
    .infoInpBox.typeDownC .officeDiv3 .sec1,
    .infoInpBox.typeDownC .officeDiv3 .sec2,
    .infoInpBox.typeDownC .officeDiv3 .sec3{width:100%; float:inherit;}
    .infoInpBox.typeDownC .officeDiv3 > div:after{content:''; display:block; clear:both;}
    .infoInpBox.typeDownC .officeDiv3 input{max-width:220px;}
    .infoInpBox.typeDownC .officeDiv3 .sec2,
    .infoInpBox.typeDownC .officeDiv3 .sec3{border-top:1px solid #d8d8d8;}

    /* 도입효과 */
    .con.introduction > ul > li p,
    .con.introduction2 ul li p{font-size:15px;line-height:27px;}

    /* 도입 효과 공통 */
    /* 190923 글자 박스만 있을때 */
    .effectTypeText .text{padding:25px 30px; background:#f8f8f8;}
    .effectTypeText .number{display:block; font-size:20px; font-weight:700;}
    .effectTypeText .number:after{content:''; display:inline-block; width:40px; height:2px; background:#bb0841; vertical-align:top; margin:14px 0 0 15px;}
    .effectTypeText .text{margin-top:10px;}
    .effectTypeText .minHline2{min-height:inherit;}
    .effectTypeText .minHline3{min-height:inherit;}
    .effectTypeText .minHline4{min-height:inherit;}
    .effectTypeText .minHline5{min-height:inherit;}
    .effectTypeText .defaultLimit{overflow:hidden;}
    .effectTypeText .defaultLimit > li{width:100%; float:left; margin-top:45px;}
    .effectTypeText .defaultLimit > li:nth-child(1){margin-top:0;}
    .effectTypeText .defaultLimit > li:nth-child(3){margin-top:45px;}
    .effectTypeText .defaultLimit > li:nth-child(2){margin:45px 0 0 0;}
    .effectTypeText .defaultLimit > li:nth-child(3n+5){margin:45px 0 0;}
    .effectTypeText .rongLimit{overflow:hidden;}
    .effectTypeText .rongLimit > li{width:100%; float:left; margin:45px 0 0 0;}
    .effectTypeText .rongLimit > li.mglNone{margin-left:0;}
    .effectTypeText .rongLimit > li.rong{width:100%;}
    .effectTypeText .halfLimit{overflow:hidden;}
    .effectTypeText .halfLimit > li{width:100%; margin-top:45px;}
    .effectTypeText .halfLimit > li:nth-child(1){margin-top:0;}
    .effectTypeText .halfLimit > li:nth-child(2){margin-top:45px;}
    .effectTypeText .halfLimit > li:nth-child(odd){float:left;}
    .effectTypeText .halfLimit > li:nth-child(even){float:right;}
    .effectTypeText .rongLimit > li:first-child.mgtZero{margin-top:0;}
    .effectTypeText .rongLimit > li.mgtZero{margin-top:45px;}

    /* 원형이 세개일때 : 좌우 여백이 있는 타입 추가  */
    .con.introductionNew ul li{float:none;width:344px;}
    .con.introductionNew ul li:nth-child(2){margin:50px 0;}

    /* 원형이 두개일때 : 좌우 여백이 있는 타입 추가  */
    .con.introductionNew2 ul{padding:0;}
    .con.introductionNew2 ul li{float:none;width:344px;}
    .con.introductionNew2 ul li:first-child{margin-bottom:50px;}

	.typeVertical{max-width:1200px;padding:0 60px;}
	.pr .movieArea{width:calc(100% + 120px);max-width:1200px;margin:0 -60px;}
    /* 아이콘박스 공통 */
    .box2numGray{margin-top:54px;}
    .box2numGray ul{overflow:hidden;}
    .box2numGray li{width:100%; min-height:142px; float:inherit; overflow:hidden; position:relative; padding:40px 0 40px 130px; background:#f8f8f8; border:1px solid #d8d8d8;}
    .box2numGray li:nth-child(odd){margin-right:0;}
    .box2numGray li:nth-child(even){margin:25px 0 0 0;}
    .box2numGray li:before{content:''; display:block; width:65px; height:65px; position:absolute; top:34px; left:40px; background-position:0 0; background-repeat:no-repeat;}
    .box2numGray li span{display:block; letter-spacing:-0.5px;}
    .box2numGray li > span > span{display:block;}
    .box2numGray li .singleTxt{padding-top:15px;}
    .box2numGray li > p,
    .box2numGray li.ico5 > p,
    .box2numGray li.ico6 > p{position:absolute; top:40px; right:30px; font-size:30px; font-weight:700; line-height:72px;}
    .box2numGray li > p > strong{font-size:60px; font-weight:800; line-height:62px; letter-spacing:-2px; vertical-align:top;}


    /* 지원 단말기 */
    .phoneLineUp .phone_ico{float:inherit;}
    .phoneLineUp > ul > li > strong,
    .phoneLineUp .phone_ico > div{width:100%;}

    /* Industries - 스마트 교통, 철도통신 */
    .industry .railwaySTxt{overflow:hidden; margin:0 0 50px 68px;}
    .industry .railwaySTxt.type1,
    .industry .railwaySTxt.type3,
    .industry .railwaySTxt.type4,
    .industry .railwaySTxt.type5{margin:0 0 50px 68px;}
    .industry .railwaySTxt.type2{margin:0 0 50px 0;}
    .industry .railwaySTxt dl{float:inherit; position:relative; margin-top:20px; padding-top:20px; border-left:none; border-top:1px solid #d8d8d8; min-height:inherit;}
    .industry .railwaySTxt dl:first-child{margin-top:0; padding-top:0; border-left:none; border-top:none;}
    .industry .railwaySTxt dt{margin-bottom:8px; color:#bb0841; font-weight:700;}
    .industry .railwaySTxt dd{position:relative; padding-left:10px;}
    .industry .railwaySTxt dd:before{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
    .industry .railwaySTxt dd > span{display:inline;}

    .industry .railwaySTxt.type1 dl.first{width:100%;}
    .industry .railwaySTxt.type1 dl.second{width:100%; padding-left:0;}
    .industry .railwaySTxt.type1 dl.third{width:100%; padding-left:0;}
    .industry .railwaySTxt.type1 dl.third dd.tl1,
    .industry .railwaySTxt.type1 dl.third dd.tl2{position:relative; top:0; left:0;}

    .industry .railwaySTxt.type2 dl.first{width:100%;}
    .industry .railwaySTxt.type2 dl.second{width:100%; padding-left:0;}
    .industry .railwaySTxt.type2 dl.second dd.tl1,
    .industry .railwaySTxt.type2 dl.second dd.tl2,
    .industry .railwaySTxt.type2 dl.second dd.tl3{position:relative; top:0; left:0;}

    .industry .railwaySTxt.type3 dl.first{width:100%;}
    .industry .railwaySTxt.type3 dl.second{width:100%; padding-left:0;}
    .industry .railwaySTxt.type3 dl.first dd.tl1,
    .industry .railwaySTxt.type3 dl.first dd.tl2,
    .industry .railwaySTxt.type3 dl.second dd.tl1,
    .industry .railwaySTxt.type3 dl.second dd.tl2,
    .industry .railwaySTxt.type3 dl.second dd.tl3{position:relative; top:0; left:0;}

    .industry .railwaySTxt.type4 dl.first{width:100%;}
    .industry .railwaySTxt.type4 dl.second{width:100%; padding-left:0;}
    .industry .railwaySTxt.type4 dl.third{width:100%; padding-left:0;}
    .industry .railwaySTxt.type4 dd{padding-left:0;}
    .industry .railwaySTxt.type4 dd:before{background:none;}

    .industry .railwaySTxt.type5 dl.first{width:100%;}
    .industry .railwaySTxt.type5 dl.second{width:100%; padding-left:0;}
    .industry .railwaySTxt.type5 dl.second dd.tl1,
    .industry .railwaySTxt.type5 dl.second dd.tl2,
    .industry .railwaySTxt.type5 dl.second dd.tl3{position:relative; top:0; left:0;}

    /* platform */
    .platform .dapService .dataSvi ul{width:600px; text-align:center; margin:0 auto;}
    .platform .dapService .dataSvi ul:after{content:''; display:block; clear:both;}
    .platform .dapService .dataSvi ul li{position:relative; width:300px; height:430px; float:left;}
    .platform .dapService .dataSvi .bgRed{background:url('/static/images/platform/bg_dataSvi_r_m.png')no-repeat 0 0; margin-right:-15px; background-size:contain;}
    .platform .dapService .dataSvi .bgWhite{background:url('/static/images/platform/bg_dataSvi_w_m.png')no-repeat 0 0; margin-left:-15px; background-size:contain;}
    .platform .dapService .dataSvi strong,
    .platform .dapService .dataSvi span{position:static; transform: translateY(0); padding:130px 0 80px 0;}

    /* solution - CardPerfect */
    .boxStyle .normal{width:100%; margin-bottom:20px;}
    .boxStyle .result,
    .boxStyle .redType.result{width:100%;}
    .boxStyle .normal:after{width:51px; height:6px; background-size:100% 100%; top:calc(100% + 10px); right:calc(50% - 25px);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}

    .solution .architecture.maxImgOver .inner{border-bottom:none; padding-bottom:0;}
    .solution .architecture.maxImgOver .maxImg{width:100%; margin:0 auto; padding: 0 60px;}

    /* SERVICE - 보안 */
    .service.security .infoAttention > ul > li{border-top:1px solid #d8d8d8;}
    .service.security .infoAttention > ul > li:first-child{border-top:none;}
    .service.security .infoAttention > ul > li .fTit{float:inherit; width:100%; padding:22px 0 10px 0;}
    .service.security .infoAttention > ul > li:first-child .fTit{padding-top:44px;}
    .service.security .attConList{float:inherit; width:100%; border-top:none; margin:10px 0 0 0; padding:0 0 22px 0;}
    .service.security .attConList > ul > li{margin-top:20px;}
    .service.security .attConList > ul > li > strong{float:inherit; width:100%;}
    .service.security .attConList > ul > li > p{float:inherit; width:100%; padding-left:10px;}
    .service.security .infoAttention > ul > li:last-child .attConList{padding-bottom:0;}

    .service.security .attConCard{float:inherit; width:100%; margin-bottom:25px;}
    .service.security .attConCard .featureList3li{margin-top:0;}
    .service.security .attConCard .featureList3li > ul > li:first-child{margin-top:0;}

    /* service - dataCenter */
    .service .idc .infoExp ul li{width:100%;}
    .service .idc .infoExp ul li:first-child{border-top: none;}
    .service .idc .infoExp ul li:nth-child(2){border-top: 1px solid #d8d8d8;}
    .service .idc .infoExp ul li p{padding:77px 0 70px 130px;}
    .service .idc .infoExp ul li:nth-child(even){background-position:0 45px;}

    /* service - rpa */
    .cyCon .allCy > li{float:inherit; width:100%; margin-top:50px;}
    .cyCon .allCy > li:first-child{margin-top:0;}
    .cyCon .allCy > li dd{padding:0;}
    .cyCon .allCy > li:nth-child(2) dd,
    .cyCon .allCy.type2 > li:nth-child(2) dd{padding:0; border-left:none; border-right:none; min-height:inherit;}

    /* pr - newsList */
    .pr .con.newsList .newsTop div{width:100%;}
    .pr .con.newsList .newsTop .vtCon{display:block;}

    /* pr - 홍보영상 */
    .pr .publicList li{width:50%;}
    .pr .publicList li:nth-child(4n+2),
    .pr .publicList li:nth-child(4n+3){width:50%;}
    .pr .publicList li:nth-child(4n+2) a{margin:0;}
    .pr .publicList li:nth-child(4n+3) a{margin:0;}
    .pr .publicList li:nth-child(odd) a{margin-right:12px;}
    .pr .publicList li:nth-child(even) a{margin-left:12px;}
    .pr .publicPop{max-width:100%;}
    .pr .publicList li a > p{max-height:30px;}

    /* pr - 블로그 구독 신청 */
    .attCheck ul li{width:33.33%;}
    .infoInpBox .attention .colgroup1{height:70px;}
    .infoInpBox .attention .colgroup2{height:inherit;}

    .publicPop.blogCan .infoInpBox .colgroup1,
    .publicPop.blogCan .infoInpBox .colgroup2{float:left;}
    .infoInpBox.type3 .name .colgroup2 input,
    .infoInpBox.type3 .email .colgroup2 input{width:200px;}

    /* utility - 문의하기 */
    .infoInpBox .colgroup1{width:100%; float:inherit; display:block;}
    .infoInpBox .colgroup2{float:inherit;}
    .infoInpBox .office .sec1,
    .infoInpBox .office .sec2{width:100%; float:inherit;}
    .infoInpBox .office .sec2{border-top:1px solid #d8d8d8;}
    .infoInpBox .qText .colgroup1{height:70px;}
    .infoInpBox .qText .colgroup2 input,
    .infoInpBox .qText .colgroup2 textarea{width:100%;}
    .infoInpBox .email .colgroup2 input{width:170px;}

	.solution.vms .con.patent .grayBg{}

    /* 그라데이션 원형 타입 추가 : 블록체인 */
    .platform .con.basicFuncFull ul li{float:inherit;width:320px;}
    .platform .con.basicFuncFull ul li:nth-child(2){margin:37px 0;}

}

/***************************************** 예외 사이즈 1150px *****************************************/
@media screen and (max-width: 1150px) {
.main .section.sec3 .sec3Slide .swiper-slide a div p.forPC{display:none !important;}
.main .section.sec3 .sec3Slide .swiper-slide a div p.forM{display:block;}
/* 회색박스 3개타입 공통 */
.grayBox3num li div{font-size:36px;letter-spacing:-2px;}
.grayBox3num li div strong{font-size:64px;}

/* 플랫폼 클라우드 회색박스 */
.platform.cloud .con.cloudInfo .grayBox li div{line-height:60px; border:1px solid transparent;}
.platform.cloud .con.cloudInfo .grayBox li div strong{display:block; line-height:60px;}

/* 플랫폼 스마트시티 더알아보기 - Cityhub 서비스 */
.platform .moreTop .hubSerList{padding-top:30px;}
.platform .moreTop .hubSerList > ul > li{overflow:hidden; border-top:1px solid #d8d8d8; padding:35px 0;}
.platform .moreTop .hubSerList > ul > li:last-child{padding-bottom:45px;}
.platform .moreTop .hubSerList > ul > li strong{float:left; width:100%; display:block; margin-bottom:15px; color:#be154b; font-size:20px; font-weight:700;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv{overflow:hidden; width:50%;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div{float:inherit; width:100%;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div > span{display:block; position:relative; padding-left:10px;word-break:break-word;} /* 2020 영문 작업 수정 */
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div > span:after{content:''; display:block; width:5px; height:1px; background:#000; position:absolute; top:13px; left:0;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv.left{float:left;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv.right{float:right; padding-top:0; margin-top:0; border-top:none;}
}


/***************************************** 예외 사이즈 1070px *****************************************/
@media screen and (max-width: 1070px) {
.visual .txtBox p span{display:inline;}/* pc-block, mo-inline */
.companyMain .con.companyInfo .grayBox li div{font-size:26px;line-height:40px;}

/* 기본 붉은색 원형 */
.defaultRedCy{text-align:center; font-size:18px; font-weight:800;}
.defaultRedCy > ul{overflow:hidden; width:680px; margin:0 auto;}
.defaultRedCy > ul > li{float:left; width:200px; height:200px; border:20px solid #bb0841; border-radius:50%; display:flex; align-items:center; justify-content:space-around;}
.defaultRedCy > ul > li:nth-child(2){margin:0 40px;}

/* 차별화 포인트 bgType6 */
.discriPoint .typeVertical.bgType6 .maxInner{padding-top:30px;}
.discriPoint .typeVertical.bgType6 .maxInner .commaBox{width:100%;}
.typeVertical .securityArea{width:100%; overflow:hidden; padding-top:0; margin-top:20px;}
.typeVertical .securityArea > li{float:inherit;}
.typeVertical .securityArea > li:nth-child(1){width:100%; border-left:none;}
.typeVertical .securityArea > li:nth-child(2){width:100%; padding:20px 0; margin:20px 0; border-left:none; border-right:none; border-top:1px solid #656872; border-bottom:1px solid #656872;}
.typeVertical .securityArea > li:nth-child(3){width:100%;}

/* 회색박스 3개타입 공통 */
.grayBox3num li div{font-size:32px;letter-spacing:-2px;}
.grayBox3num li div strong{font-size:58px;}

/* SERVICE - 챗봇 - vpa */
.service.vpa .vpaService ul li{width:100%; display:block;}
.service.vpa .vpaService ul li:nth-child(2){border-left:none; margin-top:30px; padding-left:125px;}
.service.vpa .vpaService ul li:nth-child(2):before{left:0;}

/* SOLUTION - Safezone SRP */
.solution .safeSrpTop{overflow:hidden; margin-top:45px;}
.solution .safeSrpTop .left{float:inherit; width:550px;}
.solution .safeSrpTop .left p{text-align:center; margin-top:12px; color:#666; font-size:16px;}
.solution .safeSrpTop .right{float:inherit; width:100%; padding-left:0; margin-top:45px;}

/* SOLUTION - fms */
.icoEffect .effectL{float:inherit; width:100%; margin-right:0;}
.icoEffect .effectL li{width:50%;}
.icoEffect .effectR{margin-top:20px;}
.icoEffect .effectR li{width:50%;}
.icoEffect .effectR{float:inherit; width:100%;}
.icoEffect ul li span{display:block; text-align:center; padding-top:140px; color:#000; font-size:20px; line-height:22px;}
}

/***************************************** 예외 사이즈 1024px *****************************************/
@media screen and (max-width: 1024px) {
.main .section.sec0 .sideBox{display:none;}
}

/***************************************** 예외 사이즈 1020px *****************************************/
@media screen and (max-width: 1020px) {
.main .section.sec2 .slideNavi{padding-left:40px;}
.main .section.sec2 .slideNavi .swiper-slide, .main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{padding:20px;}
.main .section.sec2 .slideNavi .swiper-slide{opacity:0.4;}
.main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{opacity:1;}
.main .section.sec2 .slideNavi .swiper-slide p{font-size:22px;line-height:32px;}
.main .section.sec2 .slideNavi .swiper-slide p.comma{background: url('/static/images/img_txtQuotes.png')no-repeat left top;background-size:23px auto;padding-top:30px;margin-bottom:40px;}

/* service */
.service .entMInr{width:100%;}
.service .con.basicFunc ul li > dl dt{font-size:17px; border:23px solid #c10641;}
.service .con.basicFunc ul li > dl dt{padding:32% 0;}
.service .con.basicFunc ul li > dl:after{bottom:inherit; top:170px;}

/* platform - monachain */
.platform .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble{font-size:18px;line-height:30px;}
.platform .con.monaMore li.unfoldCon02 .bottom .txtBox{margin-left:30%;}
.pr .publicPop .moviePop{position:relative; width:100%; height:0; padding-top:56.25%;}
.pr .publicPop .moviePop iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

/* 지속가능경영 - 동반성장 */
.csm .grayBox.outCome li{padding:25px 25px 25px 49px;}

/* 지속가능경영 - 사회공헌 - LG CNS의 사회공헌 */
.csm .con.lgCtb .mainOutcome li .bottom > div strong{font-size:26px;line-height:41px;}

/* ABOUT - 인재채용 - 채용공고 */
.about .con.employment .empolNotice.tbl td:nth-child(3){font-size:16px;}

/* 회색박스 3개타입 공통 */
.grayBox3num li div{font-size:30px;letter-spacing:-2px;}
.grayBox3num li div strong{font-size:35px;}
.grayBox3num li.ico1 div{background-size:46px auto;}
.grayBox3num li.ico2 div{background-size:52px auto;}
.grayBox3num li.ico3 div{background-size:44px auto;}

/* ABOUT - 회사소개 */
.companyMain .subVisual.vs1, .companyMain .subVisual.vs2{background-size:cover;}
.companyMain .subVisual .txtBox{padding-left: 25px;padding-top:40px;padding-right: 20px;}
.companyMain .subVisual.vs2 .txtBox{padding-top:40px;padding-left:20px;padding-right:25px;}
.companyMain .subVisual.vs3 .txtBox{padding-left: 25px;padding-top:40px;padding-right: 20px;}
.companyMain .subVisual.vs1 .txtBox p.ft02:first-child:before, .companyMain .subVisual.vs3 .txtBox p.ft02:before{content:'';background:#fff;width: 190px;height:2px;position:absolute;left: -229px;top: 35px;}
.companyMain .subVisual.vs1 .txtBox p.ft02:first-child:after, .companyMain .subVisual.vs3 .txtBox p.ft02:after{content:'';background:#000;width: 7%;height:2px;position:absolute;left: -38px;top: 35px;}
.companyMain .subVisual.vs2 .txtBox p.ft02:after{content:'';background:#fff;width: 190px;height:2px;position:absolute;right: -228px;top: 35px;}
.companyMain .subVisual.vs2 .txtBox p.ft02:before{content:'';background:#000;width: 7%;height:2px;position:absolute;right: -37px;top: 35px;}

/* ABOUT - 비전 */
.about .con.bgVision.sec1 ul li > div p{font-size:15px;line-height:28px;padding:0 15px;} /* 2019-12-16 추가 */


}

/***************************************** 예외 사이즈 960px *****************************************/
@media screen and (max-width: 960px) {
.inner{padding:0 40px;max-width:none;}

.con + .con{margin-top:80px;}
.ft01 + p, h2 + .ft01, h2 + p{margin-top:36px;}
.inner.line{padding-top:80px;}

.ft01{font-size:36px;line-height:54px;}

h2:before{left:-40px;width:20px;}
.bdtBk:after{content:'';position:absolute;border-top:1px solid #333;left:-40px;top:0;width:calc(100% + 80px);}

ul.grayBox li{padding:25px 25px 25px 49px;}
ul.grayBox2{width:calc(100% - 20px);margin-left:20px;}
ul.grayBox2 li{padding:20px 20px 20px 40px;}
ul.grayBox2 li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:20px;right:0;bottom:0;z-index:-1;}

ul.unfoldBox > li div.top{padding:0 40px;}
ul.unfoldBox > li div.top > div{padding:32px 0;}
ul.unfoldBox > li div.top p{font-size:22px;line-height:34px;}

.typeVertical{padding:0 40px;}
/* 회색박스가 3개타입 일때 */
ul.grayBox3num li,
ul.grayBox3num li.ico5,
ul.grayBox3num li.ico6{padding:20px 20px 20px 40px;}

/* Main */
.main .mainInner{padding:0 40px;}
.main .section.sec0 .naviBox{bottom:150px;}
.main .section.sec0 .visual .btnMove{bottom:200px;}
.main .section.sec1 .tBubble{padding:24px 20px 24px 20px}
.main .section.sec2 .slideNavi .swiper-slide p{font-size:20px;line-height:32px;}
.main .section.sec2 .slideCon .tit{font-size:60px;line-height:65px;}
.main .section.sec2 .slideCon .tit + p{margin-top:30px;font-size:26px;line-height:41px;}
.main .section.sec2 .slideCon .sTxt{font-size:18px;line-height:32px;}

/* platform - monachain */
.platform .con.monaCustomer ul li div.tBubble{font-size: 18px;line-height: 28px;padding: 18px 20px 18px 20px;}
.platform .con.monaInfo .grayBox{margin-top:44px;}
.platform .con.monaInfo .grayBox li div{font-size:54px;}
.platform .con.monaInfo .grayBox li div strong{font-size:66px;}
.platform .con.basicFunc ul li > div{font-size:16px;line-height:28px;}
.platform .con.basicFunc ul li > div .opBox{font-size:14px;line-height:18px;padding:8px 7px;}
.platform .con.basicFunc ul li > p{font-size:16px;line-height:28px;margin-top:49px;padding:0 25px;}
.platform .con.basicFunc ul li > div:after{bottom:-22%;}

.platform .con.monaPoint ul{padding:85px 0;}
.platform .con.monaPoint ul li{font-size:18px;line-height:30px;padding:0 15px;padding-top:90px;}

.platform .con.monaMore li .bottom .badge{padding-top:70px;}
.platform .con.monaMore li .bottom .swiper-container p{font-size:26px;line-height:54px;}
.platform .con.monaMore li .bottom ul li{font-size:16px;line-height:28px;}
.platform .con.monaMore li.unfoldCon01 .bottom .txtBox{width:80%;padding-top:34px;padding-bottom:20px;}
.platform .con.monaMore li.unfoldCon02 .floatBox{margin-bottom:90px;}
.platform .con.monaMore li.unfoldCon02 .fLeft p{padding-right:20px;font-size:16px;line-height:28px;margin-bottom:0;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble{font-size:16px;line-height:28px;padding:12px 15px 12px 15px;}
.platform .con.monaMore li.unfoldCon02 .naviNum{height:300px;}
.platform .con.monaMore li.unfoldCon02 .bottom .txtBox{width:72%;margin-left:28%;}
.platform .con.monaMore li.unfoldCon02 .swiper-pagination{left:78px;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-prev, .platform .con.monaMore li.unfoldCon02 .swiper-container-rtl .swiper-button-next{background-size:20px 7px;margin-right:32px;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-next, .platform .con.monaMore li.unfoldCon02 .swiper-container-rtl .swiper-button-prev{background-size:20px 7px;margin-left:22px;}

.platform .con.monaReference .naviNum .swiper-slide p{font-size:16px;line-height:32px;}
.platform .con.monaRelated a div{font-size:16px;line-height:28px;}
.platform .con.monaRelated a div strong{font-size:22px;line-height:34px;}

/* Industries - 디지털 금융 */
.industry .con.digitalFncService ul li p{font-size:15px;line-height:27px;}

/* Industries - 스마트 물류 */
.industry.smartLogistic .box2numGray li{min-height:initial;}
.industry.smartLogistic .box2numGray li > span, .industry.smartLogistic .box2numGray li .singleTxt{position:relative;bottom:6vw;left:7.3vw;display:block;letter-spacing:-0.5px;padding-top: 13vw;bottom:0;left:0;}

/* Industries - 리테일 */
.industry.retail .featureList1li > ul > li .fLNum{font-size:4.2vw;line-height:7.2vw;float:none;display:inline-block;}
.industry.retail .featureList1li > ul > li .fLNum:after{content:''; display:block; width:100%; height:2px; background:#bb0841; position:absolute; bottom:2px; left:0;}
.industry.retail .featureList1li >  ul > li .fLText{float:none;width:100%;margin-top:3.8vw;}


/* 지속가능경영 - 동반성장 - 협력회사 동반성장 */
.csm .con.comPartner .jointProject{padding-left:10px;padding-right:10px;}
.csm .con.comPartner .jointProject .box1 dd{font-size:16px;line-height:28px;}
.csm .con.comPartner .jointProject .box3 > div{width:200px;height:200px;}
.csm .con.comPartner .jointProject .box3 > div div{margin-bottom:15px;padding-top:20px;}
.csm .con.comPartner .jointProject .box3 > div li{margin:0 30px;padding:3px 0;}
.csm .con.comPartner .education li p:nth-child(1){font-size:16px;line-height:28px;padding:14px 8px 11px 8px;}

/* 지속가능경영 - 인재경영 - 조직문화 */
.csm .con.ogtCulture .visitEdu > li ul li{font-size:16px;line-height:32px;}

/* 지속가능경영 - 사회공헌 - LG CNS의 사회공헌 */
.csm .con.lgCtb .mainOutcome li .bottom > div.ico1,
.csm .con.lgCtb .mainOutcome li .bottom > div.ico2,
.csm .con.lgCtb .mainOutcome li .bottom > div.ico3{float:none;width:100%;padding-left:130px;background-position:15px center;}

/* 지속가능경영 - 지속가능경영보고서 */
.csm .con.reportManage .reportDown .fLeft ul li{padding:40px 0 37px;}
.csm .con.reportManage .reportDown .fLeft ul li p{font-size:16px;line-height:28px;padding-top:5px;width:calc(100% - 160px);}

/* ABOUT - 회사소개 메인 */
.companyMain .itService ul li a{font-size:16px;}
.companyMain .con.place .building .slideBox .pageNum{margin-right:20px;padding-top:28px;}
.companyMain .con.place .building .slideBox .swiper-slide > div:first-child{width:calc(100% - 160px);}
.companyMain .con.place .building .slideBox .swiper-slide > div:first-child p{font-size:16px;line-height:28px;}
.companyMain .con.place .foreignComp li > div p{font-size:18px;line-height:32px;}
.companyMain .con.place .foreignComp li dt{font-size:14px;line-height:28px;}
.companyMain .con.place .foreignComp li dd{font-size:14px;line-height:28px;}
.companyMain .con.place .dataCenter li .vtBox{padding-top:60px;padding-bottom:50px;}
.companyMain .con.place .dataCenter li .vtCon{font-size:16px;line-height:28px;width:58%;}
.companyMain .con.place .dataCenter li .vtCon:first-child{width:42%;}
.companyMain .con.place .dataCenter li .vtCon li{font-size:16px;line-height:30px;}
.companyMain .con.place .dataCenter li .vtCon dl{width:100%;float:none;}
.companyMain .con.place .dataCenter li .vtCon dt{float:none;}
.companyMain .con.place .dataCenter li .vtCon dd{float:none;}
.companyMain .con.place .dataCenter li .vtCon p + ul{margin-top:31px;}
.companyMain .con.place .dataCenter li .vtCon ul + div{padding-top:22px;margin-top:26px;}

/* ABOUT - CEO */
.about .con.ceo .vtCon{font-size:16px;line-height:28px;}

/* ABOUT - 기업정보 */
.about .subTit{padding:0 40px;}

/* ABOUT - 연혁 */
.about .con.history .historyTop p{font-size:26px;line-height:41px;}
}

/***************************************** 예외 사이즈 1048px *****************************************/
@media screen and (max-width: 1048px) {
.smallInr .infoImg ul li:nth-child(even){margin-top:20px;}
}


/***************************************** 예외 사이즈 850px *****************************************/
@media screen and (max-width: 850px) {
.monaDown ul li > div{width:160px;}
.monaDown ul li > div:first-child{width:calc(100% - 160px);}

ul.grayBox li{padding:20px 20px 20px 44px;}
.btnBox.btn2 a{float:none;}
.btnBox.btn2 a + a{margin-left:0;margin-top:10px;}


/* platform - monachain */
.platform .con.monaInfo .grayBox li div{font-size:46px;}
.platform .con.monaInfo .grayBox li div strong{font-size:58px;}

/* ABOUT - About LG CNS */
.companyMain .con.companyInfo .grayBox li div{font-size:24px;line-height:38px;}
.companyMain .con.place .foreignComp li > div span{display:block;}
.companyMain .con.companyInfo .floatBox .fLeft, .companyMain .con.companyInfo .floatBox .fRight{float:none;}
.companyMain .con.companyInfo .floatBox .fRight{margin-top:10px;}


/* ABOUT - 기업정보 */
.about .con.summary div.floatBox{font-size:16px;line-height:28px;}

/* 지속가능경영 - 동반성장 */
.csm .grayBox.outCome li div div{font-size:18px;}
.csm .grayBox.outCome li div strong{font-size:26px;}

/* 지속가능경영 - 안전보건환경 - 경영방침 */
.csm .con.policyManage .safetySystem .swiper-slide ul{padding:22px 15px;}
.csm .con.policyManage .safetySystem .swiper-slide li{font-size:16px;line-height:28px;}

/* ABOUT - 회사소개 메인 */
.companyMain .itService ul li a{font-size:14px;}
.publicPop.itPopSlide .swiper-slide > div .txtBox{padding:40px 50px;}
.publicPop.itPopSlide .swiper-slide > div .txtBox p{font-size:17px;line-height:29px;}

}



/***************************************** 모바일 사이즈 *****************************************/
@media screen and (max-width: 768px) {


body, td, select, textarea, input{font-size:4.2vw;line-height:7.2vw;}

.web,
.webIn{display:none !important;}
.mo{display:block !important;}

.visual{height:113.7vw;padding:0 8.8vw;}
.visual .txtBox{padding-top:20vw;}
.visual .txtBox h1{font-size:11.73vw;line-height:16.5vw;margin-bottom:3.5vw;}
.visual .txtBox h1.txtRong{font-size:10vw;}
.visual .txtBox p{font-size:4.8vw;line-height:7.46vw;}
.visual .tabArea{left:0;transform:none;overflow:auto;}
.visual .tabArea.tab4 li{width:100%;float:none;}

.forPC{display:none !important;}
.forM{display:block !important;}

.inner{padding:0 8.8vw;}
.con.introduction.ver2 .inner{padding:0 8.8vw;}
.inner.line{padding-top:8vw;}
.con:first-child{margin-top:17.6vw;}
.con + .con{margin-top:21.3vw;}

.imgPop.typeCenter + .imgPop.typeCenter.bdt{padding-top:10.6vw;margin-top:10.6vw;} /* 2019-12-16 추가 */
.imgAreaBdt{width:100%; padding-top:10.2vw; margin-top:10.2vw;}
.moImgArea{margin:10.2vw 0;}

h2{font-size:4.5vw;}
h2:before{content:'';position:absolute;top:1.7vw;left:-8.8vw;background:#000;width:6.6vw;height:2px;}
h2 + div{margin-top:13.5vw;}
h2 + .imgDiv{margin-top:13.5vw;}
h2 + .txt{margin-top:13.5vw;}
.imgDiv + p{margin-top:13.5vw;}
.bdtBk{padding-top:19.5vw;margin-top:19.5vw;}
.bdtBk:after{content:'';position:absolute;border-top:1px solid #333;left:-8.8vw;top:0;width:calc(100% + 17.6vw);}
.bdtBk:before{top:21vw;}
.subTitR{font-size:4.5vw;line-height:7.2vw;margin-bottom:5.5vw;}
.subTitR.bdt{border-top:1px solid #d8d8d8;margin-top:14.8vw;padding-top:14.8vw;}
.ft01 + p.caseS{margin-top:7.3vw;}
h2 + p.single{margin-bottom:7.3vw;}
.ft01 + p,
h2 + .ft01,
h2 + p{margin-top:7.3vw;}
.txtDiv{display:inline;} /* text web:block, mo:inline */
.txtDivRev{display:block;} /* text web:inline, mo:block */
p.divCaseS{margin-top:10.6vw;}
.txtTopmg{margin-top:13.5vw;}
.txtTopmgHf{margin-top:7.2vw;}
.divConbdt{margin-top:13.5vw; padding-top:13.5vw; border-top:1px solid #d8d8d8;}

/* bullet, hyphen normal */
.bulletType,
.hyphenType{position:relative; padding-left:3.2vw;}
.bulletType:before,
.hyphenType:before{content:''; display:block; position:absolute; left:0;}
.bulletType:before{background:#333; width:0.8vw; height:0.8vw; top:2.9vw;}
.hyphenType:before{background:#000; width:1.4vw; height:1px; top:3.2vw;}

/* dl text */
.dlText.first{margin-top:0;}
.dlText{margin-top:8.8vw;}
.dlText dt{font-size:4.2vw; font-weight:700; margin-bottom:2vw;}
.dlText.type2 dt{font-size:4.4vw;}
.dlText.type3 dt{font-size:4.8vw;}
.dlText dt.redTxt{color:#be154b;}
.dlText dd{position:relative; padding-left:3.2vw;}
.dlText dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.redTxtSize20{color:#be154b; font-size:4.4vw;}

/* dl text2 - dt:bullet, dd:hyphen */
.dlText2.first{margin-top:0;}
.dlText2{margin-top:8.8vw;}
.dlText2 dt{position:relative; padding-left:3.2vw; font-size:4.2vw; font-weight:700; margin-bottom:2vw;}
.dlText2 dt:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#333; position:absolute; top:2.9vw; left:0;}
.dlText2 dt.redTxt{color:#be154b;}
.dlText2 dd{position:relative; padding-left:3.2vw; margin-left:4vw;}
.dlText2 dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}

/* dl text3 - dt:normal, dd:bullet */
.dlText3.first{margin-top:0;}
.dlText3{margin-top:8.8vw;}
.dlText3 dt{font-size:4.2vw; font-weight:700; margin-bottom:2vw;}
.dlText3 dt.redTxt{color:#be154b;}
.dlText3 dt.redTxtSize20{color:#be154b; font-size:4.4vw; margin-bottom:3vw;}
.dlText3 dd{position:relative; padding-left:3.2vw;}
.dlText3 dd:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#333; position:absolute; top:2.9vw; left:0;}

/* li hyphen */
.liHyphen.first{margin-top:0;}
.liHyphen{margin-top:8.8vw;}
.liHyphen li{position:relative; padding-left:3.2vw;}
.liHyphen li:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}

/* li bullet */
.liBullet.first{margin-top:0;}
.liBullet{margin-top:8.8vw;}
.liBullet > li{position:relative; padding-left:3.2vw;}
.liBullet > li:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#333; position:absolute; top:2.9vw; left:0;}

.smallInr .infoInr .liHyphen.m_typeBlank li{margin-top:0;}

.bdBox.titleBox{border:1px solid #d8d8d8; padding:10.3vw 5vw;margin-top:10.3vw;}

/* 원형 숫자 */
.grayCyList ol{margin-top:8vw;}
.grayCyList .listTit{display:block;margin-top:8vw;}
.grayCyList .listTit + ol{margin-top:3.2vw;}
.grayCyList .listTit + ol li + li{margin-top:3.3vw;}
.grayCyList .listTit + ol p + p{margin-top:3vw;}
.grayCyList ol li{overflow:hidden;clear:both;position:relative;}
.grayCyList ol li span{width:7.1vw;height:7.1vw;position:absolute;background:#333;border-radius:50%;color:#fff;font-weight:700;text-align:center;font-size:3.7vw;line-height:7.1vw;}
.grayCyList ol li strong{padding-left:9.7vw;line-height:7.1vw;display:block;} /* 2020 영문 작업 수정 */
.grayCyList ol li p{padding-left:9.7vw;line-height:7.1vw;}
.grayCyList ol li + li{margin-top:6.5vw;}
.smallInr .textArea .grayCyList ol li span{padding-right:0;}
.smallInr .infoInr .grayCyList ol li{margin-top:3.3vw;}

/* 팝업 공통 */
.publicPop{display:none; position:absolute; top:0; left:0; z-index:101; width:100%; max-width:100%;}
.publicPop .popArea{position:relative; padding:0 0 13.8vw;background:transparent;}
.publicPop .popTitle{padding-bottom:10.6vw;}
.publicPop .popTitle strong{display:block; padding:0 8.8vw; color:#fff; text-align:center; font-size:5.3vw; font-weight:400;}
.publicPop .popClose{width:7.9vw; height:7.9vw; position:absolute; top:100%; right:calc(50% - 4vw); z-index:102; display:block; background:url('/static/images/ico_pop_close_m.png') no-repeat 0 0; background-size:100% 100%;}
.publicPop .moviePop iframe{height:100%;}
.dim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:100; background:#000; filter:alpha(opacity=90); opacity:0.9;}
.publicPop.videoPop .popClose{width:10vw; height:10vw; position:absolute; background:none; top:100%; right:calc(50% - 4vw); z-index:102; display:block;}
.publicPop.videoPop .popClose > div{position:relative; top:50%; left:0;}
.publicPop.videoPop .popClose > div:before,
.publicPop.videoPop .popClose > div:after{content:""; display: block; position: absolute; top:0; left:0; width:100%; height:2px; background:#fff;}
.publicPop.videoPop .popClose > div:before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.publicPop.videoPop .popClose > div:after{-webkit-transform: rotate(45deg); transform: rotate(45deg);}


/* 개인정보취급방침, 이용약관, 이벤트정보수집(선택)팝업 */
.termPop .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.termPop .popArea .popTitle{position:relative;display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;padding-bottom:6.5vw;margin-bottom:6.5vw;}
.termPop .popArea .popTitle strong{display:block; padding:0; color:#000; text-align:left; font-size:5vw; font-weight:700;padding-right:10vw;}
.termPop .popArea .termCon{padding-left:2.6vw;position:relative;text-align:left;font-size:3.8vw;color:#000;margin-top:2.6vw;padding-bottom:6.5vw;margin-bottom:8vw;}
.termPop .popTermClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}
.termPop .termCon{height:100vw; padding-right:3.2vw;}
.termPop .splitArea{margin-top:8.8vw;}
.termPop .splitArea strong{font-weight:700;}
.termPop .splitArea p{margin-top:4.4vw;}
.termPop .lawList > ul > li{margin-top:10.2vw;}
.termPop .lawList{margin-bottom:14.2vw;}
.termPop .lawList .lawTitle{overflow:hidden; display:block; font-size:4.4vw; line-height:5.2vw; font-weight:800;}
.termPop .lawList .lawTnum{display:inline-block; float:left; min-width:4vw; margin-right:2vw;}
.termPop .lawList .lawTtxt{display:inline-block; float:left; width:calc(100% - 15vw);}
.termPop .lawList .numType{overflow:hidden; margin-top:5vw;}
.termPop .lawList .numType > span{font-weight:700; display:block; float:left; min-width:4vw; margin-right:2vw;}
.termPop .lawList .defaultTxt{float:left; width:calc(100% - 13vw);}
.termPop .lawList .inAlphabet{overflow:hidden; margin-top:5vw;}
.termPop .lawList .inAlphabet > span{font-weight:700; display:block; float:left; width:6vw;}
.termPop .lawList .alphabetTxt{float:left; width:calc(100% - 10vw);}
.termPop .lawList .inRoma{overflow:hidden; margin-top:5vw;}
.termPop .lawList .inRoma > span{font-weight:700; display:block; float:left;margin-right:2vw;}
.termPop .lawList .inRoma > p{float:left; width:calc(100% - 10vw);}
.termPop .lawList .caution{position:relative; padding-left:5vw; margin-top:5vw; font-size:4vw; line-height:6vw; color:#666;}
.termPop .lawList .caution:before{content:'※'; display:block; position:absolute; top:0; left:0;}
.termPop .lawList .txtTopmgHf{margin-top:3vw;}
.termPop .lawList .liHyphen.inLaw{margin-top:3vw;}
.termPop .lawList .liHyphen > ul > li{margin-top:1.5vw;}
.termDim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:102; background:#000; filter:alpha(opacity=90); opacity:0.9;}


/* footer 이메일주소 무단수집거부 팝업 */
.publicPop.popEmailReject .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.publicPop.popEmailReject .popArea .popTitle{position:relative;display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;padding-bottom:6.5vw;margin-bottom:6.5vw;}
.publicPop.popEmailReject .popArea .popTitle strong{display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;}
.publicPop.popEmailReject .popArea .dashBk{padding-left:2.6vw;position:relative;text-align:left;font-size:3.8vw;color:#666;margin-top:2.6vw;padding-bottom:6.5vw;margin-bottom:8vw;}
.publicPop.popEmailReject .popArea .dashBk:before{content:'';position:absolute;top:3.2vw;left:0;width:1.4vw;height:0.3vw;background:#666;}
.publicPop.popEmailReject .popClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}

/* 리서치 팝업 */
.publicPop.popResearch .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.publicPop.popResearch .popArea .br{display:block;}
.publicPop.popResearch .formBox{padding-top:3.8vw;}
.publicPop.popResearch .formBox p{font-size:4.2vw;line-height:7.2vw;margin-bottom:3.8vw;font-weight:700;}
.publicPop.popResearch .starBox{margin-bottom:8vw;}
.publicPop.popResearch .starBox > .starInput,
.publicPop.popResearch .starBox > .starInput input:checked+label{display: inline-block;vertical-align: top;background:url('/static/images/img_research_star_m.png') no-repeat;}
.publicPop.popResearch .starBox > .starInput{width: 45.4vw;background-size: 45.4vw auto;height: 7.7vw;}
.publicPop.popResearch .starBox > .starInput label{width: 8vw;padding: 7.7vw 0 0 0;}
.publicPop.popResearch .starBox > .starInput input:checked+label{background-size: 45.4vw auto;background-position: 0 bottom;}
.publicPop.popResearch .starBox > .starInput li:nth-child(1) label{width: 9.3vw;z-index: 10;}
.publicPop.popResearch .starBox > .starInput li:nth-child(2) label{width: 18.6vw;z-index: 9;}
.publicPop.popResearch .starBox > .starInput li:nth-child(3) label{width: 27.9vw;z-index: 8;}
.publicPop.popResearch .starBox > .starInput li:nth-child(4) label{width: 37.2vw;z-index: 7;}
.publicPop.popResearch .starBox > .starInput li:nth-child(5) label{width: 45.4vw;z-index: 6;}
.publicPop.popResearch .txtBox{height:36.4vw;padding:4.1vw 5.3vw;font-size:4vw;line-height:7vw;}
.publicPop.popResearch .popClose{width:5.5vw; height:5.5vw; position:absolute; top:6.5vw; right:6.5vw; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}



/* 담당자 연락처 보기 : 공통 */
.publicPop.contactTell .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.publicPop.contactTell .popArea .popTitle{position:relative;}
.publicPop.contactTell strong{display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:700;}
.publicPop.contactTell .popClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}
.publicPop.contactTell .tellBox{border-top:1px solid #333; border-bottom: 1px solid #d8d8d8;}
.publicPop.contactTell .tellBox ul{padding:8vw 0;}
.publicPop.contactTell .tellBox ul li{margin-top:3vw; padding:0 0 0 7vw; position:relative;}
.publicPop.contactTell .tellBox ul li:first-child{margin-top:0;}
.publicPop.contactTell .tellBox li:before{content:''; display:block; width:5.3vw; height:5.3vw; position:absolute; top:50%; left:0; transform:translateY(-50%); background-position:0 0; background-repeat:no-repeat;}
.publicPop.contactTell .tellBox .cName:before{background-image: url('/static/images/ico_tell1_m.png'); background-size:100% 100%;}
.publicPop.contactTell .tellBox .cTell:before{background-image: url('/static/images/ico_tell2_m.png'); background-size:100% 100%;}
.publicPop.contactTell .tellBox .cMail:before{background-image: url('/static/images/ico_tell3_m.png'); background-size:100% 100%;}

/* 인풋 박스 */
input.bkCheck{position:relative;}
input.bkCheck[type="checkbox"]{position:absolute; z-index:-1; width:0; height:0;}
input.bkCheck[type="checkbox"] + label{position:relative;}
input.bkCheck[type="checkbox"] + label:before{content:''; display:inline-block; width:8vw; height:8vw; background: url('/static/images/bk_check_off_m.jpg') 0 0 no-repeat; background-size:100%; vertical-align:top; position:absolute; top:-2vw; right:-10vw;}
input.bkCheck[type="checkbox"]:checked + label:before{background: url('/static/images/bk_check_on_m.jpg') 0 0 no-repeat; background-size:100%; position:absolute; top:-2vw; right:-10vw;}

.ft01{font-size:7.4vw;line-height:11.2vw;}
.fstar{font-size:3.5vw;line-height:6vw;color:#666;position:relative;padding-left:0;margin-top:4vw;padding-left:2.8vw;}
.imgPop{position:relative;}
.imgPop:after{content:'';position:absolute;background:rgba(0,0,0,0.6) url('/static/images/ico_imgPop.png')no-repeat center;width:13.3vw;height:13.3vw;right:0;bottom:0;background-size:6.2vw;}

.btnBox.btn2{overflow: hidden; display: flex; align-items: center; justify-content:space-between; margin-top:7.1vw;}
.btnBox.btn2 a{float:left;min-width:calc(50% - 2vw);}
.btnBox.btn2 a + a{margin-top:0;}

.btnBkLine{border:2px solid #000;font-size:3.4vw;line-height:4.5vw; font-weight:700;padding:3.8vw 4.5vw 3.8vw;text-align:left;min-width:48vw;display:inline-block;}

.btnBk{font-size:3.4vw;line-height:4.5vw;padding:3.8vw 4.5vw 3.8vw;background:#000;min-width:39.1vw;display:inline-block;}

.icoClampR span{background:url('/static/images/ico_clampW_R_m.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:1.7vw 3.2vw;padding-right:4.4vw;box-sizing:border-box;}
.icoClampBkR span{background:url('/static/images/ico_clampBk_R_m.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:1.7vw 3.2vw;padding-right:4.4vw;box-sizing:border-box;}
.icoMove span{background:url('/static/images/ico_move_m.png')no-repeat right center;text-align:left;display:inline-block;width:100%;background-size:3.2vw 3.2vw;padding-right:4.4vw;box-sizing:border-box;}
.icoDown span{background:url('/static/images/ico_download_m.png')no-repeat right center;background-size:2vw 3.3vw;padding-right:5vw;box-sizing:border-box;}
.icoDownWt span{background:url('/static/images/ico_download_W_m.png')no-repeat right center;background-size:2vw 3.3vw;padding-right:5vw;box-sizing:border-box;}

/* 페이징 */
ul.unfoldBox + .pageBox{margin-top:11.1vw;}
.paginate a, .paginate a.on{width:7.6vw;height:7.6vw; line-height:7.2vw;}
.paginate a.btnPrev{background:url('/static/images/btn_prev_m.jpg')no-repeat center;background-size:100% 100%;margin-left:0;margin-right:5vw;}
.paginate a.btnNext{background:url('/static/images/btn_next_m.jpg')no-repeat center;background-size:100% 100%;margin-right:0;margin-left:5vw;}
.paginate a.btnFirst{background:url('/static/images/btn_first_m.jpg')no-repeat center;background-size:100% 100%;margin-left:0;margin-right:1.7vw;}
.paginate a.btnLast{background:url('/static/images/btn_last_m.jpg')no-repeat center;background-size:100% 100%;margin-right:0;margin-left:1.7vw;}

/* 아이콘박스 공통 */
.box2numGray{margin-top:9.7vw;}
.box2numGray ul{overflow:hidden;}
.box2numGray li{width:100%; min-height:42.4vw; float:inherit; overflow:hidden; position:relative; padding:8.1vw 7.3vw; background:#f8f8f8; border:1px solid #d8d8d8;}
.box2numGray li:nth-child(odd){margin-right:0;}
.box2numGray li:nth-child(even){margin-left:0;}
.box2numGray li:before{content:''; display:block; position:absolute; top:5.1vw; left:inherit; right:7.3vw; background-position:0 0; background-repeat:no-repeat; background-size:100% 100%;}
.box2numGray li.ico1:before{width:13vw; height:11.9vw; background-image:url('/static/images/ico_boxin1_m.png'); background-size:100% 100%;}
.box2numGray li.ico2:before{width:11.9vw; height:10.5vw; background-image:url('/static/images/ico_boxin2_m.png'); background-size:100% 100%;}
.box2numGray li.ico3:before{width:15.6vw; height:14.0vw; background-image:url('/static/images/ico_boxin3_m.png'); background-size:100% 100%;}
.box2numGray li.ico4:before{width:14.2vw; height:13.2vw; background-image:url('/static/images/ico_boxin4_m.png'); background-size:100% 100%;}
.box2numGray li.ico5:before{width:13.3vw; height:12vw; background-image:url('/static/images/ico_boxin5_m.png'); background-size:100% 100%;}
.box2numGray li.ico6:before{width:13.3vw; height:12vw; background-image:url('/static/images/ico_boxin6_m.png'); background-size:100% 100%;}
.box2numGray li.ico7:before{width:12.7vw; height:16.7vw; background-image:url('/static/images/ico_boxin7_m.png'); background-size:100% 100%; right:8.3vw;}
.box2numGray li.ico8:before{width:15.2vw; height:10.9vw; background-image:url('/static/images/ico_boxin8_m.png'); background-size:100% 100%;}
.box2numGray li.ico9:before{width:12.8vw; height:10.4vw; background-image:url('/static/images/ico_boxin9_m.png'); background-size:100% 100%; top:8.1vw;}
.box2numGray li.ico10:before{width:13.6vw; height:14.6vw; background-image:url('/static/images/ico_boxin10_m.png'); background-size:100% 100%;}

.box2numGray li > span{position:absolute; bottom:6vw; left:7.3vw; display:block; letter-spacing:-0.5px;}
.box2numGray li > span > span{display:block;}
.box2numGray li.ico2,
.box2numGray li.ico4{margin-top:5.3vw;}
.box2numGray li.ico2 > span{bottom:14vw;}
.box2numGray li.ico2 > span > span{display:inline;}
.box2numGray li > p,
.box2numGray li.ico5 > p,
.box2numGray li.ico6 > p{position:absolute; top:8.1vw; left:7.3vw; right:inherit; font-size:5.3vw; font-weight:700; line-height:11.5vw;}
.box2numGray li > p > strong{font-size:9.6vw; font-weight:800; line-height:10vw; letter-spacing:-2px; vertical-align:top;}

/* 세로 페이징 swiper */
.discriPoint .addText{margin-top:13.5vw;}
.discriPoint .typeVertical{margin-top:13.5vw; background: url('/static/images/bg_vertical_m.jpg') no-repeat center 0;}
.discriPoint .typeVertical.bgType2{margin-top:13.5vw; background: url('/static/images/bg_vertical2_m.jpg') no-repeat center 0;}
.discriPoint .typeVertical.bgType3{height:116.7vw; margin-top:13.5vw; background: url('/static/images/bg_vertical3_m.jpg') no-repeat center 0; background-size:cover;}
.discriPoint .typeVertical.bgType4{height:116.7vw; margin-top:13.5vw; background: url('/static/images/bg_vertical4_m.jpg') no-repeat center 0; background-size:cover;}
.discriPoint .typeVertical.bgType5{height:117.3vw; margin-top:13.5vw; background: url('/static/images/bg_vertical5_m.jpg') no-repeat center 0; background-size:cover;}
.discriPoint .typeVertical.bgType6{height:117.3vw; margin-top:13.5vw; background: url('/static/images/bg_vertical6_m.jpg') no-repeat center 0; background-size:cover;}/* bgType6은 슬라이드 없는 형태 */
.typeVertical{padding:0;}
.service .strongPoint .typeVertical{height:117.5vw; margin-top:9.7vw; background: url(/static/images/service/img_digitalMarVt_bg_m.jpg) no-repeat center 0;}
.typeVertical .swiper-container{max-width:100%; height:92.4vw;}
.typeVertical.bgType3 .swiper-container{max-width:100%; height:116.7vw;}
.typeVertical.bgType4 .swiper-container{max-width:100%; height:116.7vw;}
.typeVertical.bgType5 .swiper-container{max-width:100%; height:117.3vw;}
.typeVertical .swiper-container-vertical > .swiper-pagination-bullets{right:8.8vw;}
.typeVertical h3 + .topText{margin-top: 5vw;}
.typeVertical .text{color:#fff; padding:8.8vw 0;height:100%;}
.typeVertical.bgType5 .text{color:#fff; padding:8.8vw 0; height:100%;}
.typeVertical .text.line1{padding:8.8vw 0;height:100%;}
.typeVertical .smallInr{padding:0 14vw 0 8.8vw; border-top:none;}
.typeVertical .smallInr h3 strong{color:#fff; font-weight:300; top:0;}
.typeVertical .smallInr h3 span{display:block; font-size:5vw; font-weight:700;}
.typeVertical .smallInr p{font-size:4vw; line-height:6vw;}
.typeVertical .smallInr .br{display:block;}
.service .strongPoint .typeVertical .swiper-container,
.service .strongPoint .typeVertical .text{height:117.5vw;}
.typeVertical .commaBox{padding:0 15vw 0 8.8vw;}
.typeVertical .commaBox .topText{font-size:4.2vw; line-height:7.2vw; margin-top:3.5vw;}
.typeVertical .commaBox h3{padding-top:10vw;background: url('/static/images/img_txtQuotes.png') no-repeat left top;font-size:7.4vw;line-height:10vw;}

/* 차별화 포인트 bgType6 */
.discriPoint .typeVertical.bgType6 .maxInner{padding-top:3vw;}
.discriPoint .typeVertical.bgType6 .maxInner .commaBox{width:100%;}
.typeVertical.bgType6 .commaBox .topText{}
.typeVertical.bgType6 .text{color:#fff; padding:8.8vw; height:100%;}
.typeVertical .securityArea{width:100%; overflow:hidden; padding-top:0; margin-top:10vw;}
.typeVertical .securityArea > li{float:inherit;}
.typeVertical .securityArea > li:nth-child(1){width:100%; border-left:none;}
.typeVertical .securityArea > li:nth-child(2){width:100%; padding:5vw 0; margin:5vw 0; border-left:none; border-right:none; border-top:1px solid #656872; border-bottom:1px solid #656872;}
.typeVertical .securityArea > li:nth-child(3){width:100%;}
.typeVertical .securityArea > li > strong{font-size:4.8vw; line-height:6vw;}
.typeVertical .securityArea > li > span{font-size:4.2vw; line-height:6vw;}

/* 스마트 교통 bg */
.con.discriPoint .typeVertical.indTraffic1{margin-top:0; background: url('/static/images/industry/bg_indTraffic1_slide_m.jpg') no-repeat 0 0;height:117.5vw; background-size:cover;}
.con.discriPoint .typeVertical.indTraffic2{margin-top:0; background: url('/static/images/industry/bg_indTraffic2_slide_m.jpg') no-repeat 0 0;height:117.5vw; background-size:cover;}
.con.discriPoint .typeVertical.indTraffic1 .swiper-container,
.con.discriPoint .typeVertical.indTraffic2 .swiper-container{height:117.5vw;}

/* 관련 특허 */
.patent{max-width:100%; margin:10.6vw auto 0 auto; padding:0 8.8vw;}
.patent .patentTit{color:#bb0841; font-size:4.2vw;}
.patent .patentCon{overflow:hidden; margin-top:7.8vw;}
.patent .patentCon .left{position:relative; float:inherit; width:100%; padding:2vw 0;}
.patent .patentCon .left:before{content:''; display:block; width:20.8vw; height:19vw; background: url('/static/images/solution/ico_patent_m.png'); position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:100% 100%;}
.patent .patentCon .left strong{display:inline-block; padding-left:25vw; font-size:16vw; font-weight:700; line-height:18vw;}
.patent .patentCon .left span{display:inline-block; font-size:8.8vw; font-weight:700; line-height:10vw;}
.patent .patentCon .right{float:inherit; width:100%; padding:10.6vw 0 0 0; border-left:none;}

/* 기본 붉은색 원형 */
.defaultRedCy{text-align:center; font-size:5.3vw; font-weight:700;}
.defaultRedCy > ul{overflow:hidden; width:62.2vw; margin:0 auto;}
.defaultRedCy > ul > li{float:inherit; width:62.2vw; height:62.2vw; border:5.3vw solid #bb0841; border-radius:50%; padding:0 5vw; display:flex; align-items:center; justify-content:space-around;}
.defaultRedCy > ul > li:nth-child(2){margin:5.3vw 0;}

.visual .tabWrap{left:0;transform:none;text-align:left;z-index:10;}
.visual .nowTab{display:block;background:rgba(0,0,0,0.4);transition:background 0.4s;-o-transition:background 0.4s;-moz-transition:background 0.4s;-webkit-transition:background 0.4s;}
.visual .nowTab a{color:#fff;font-weight:700;padding:4.6vw 8.8vw 4vw 8.8vw;text-decoration:underline;position:relative;}
.visual .nowTab a:after{content:'';position:absolute;right:8.8vw;top:50%;margin-top:-1vw;width:3.7vw;height:2vw;background:url('/static/images/ico_visual_tab.png')no-repeat right center;background-size:3.7vw 2vw;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.visual .nowTab.on a:after{content:'';position:absolute;right:8.8vw;top:50%;margin-top:-1vw;width:3.7vw;height:2vw;background:url('/static/images/ico_visual_tab.png')no-repeat right center;background-size:3.7vw 2vw;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.visual .nowTab.on{display:block;background:#be154b;}
.visual .tabArea{overflow:hidden;clear:both;display: none;position: absolute;width: 100%;}
.visual .tabArea li{float:none;background:rgba(0,0,0,0.9);position:relative;}
.visual .tabArea li a{color:#fff;font-weight:700;padding:3.6vw 8.8vw 3vw 8.8vw;}
.visual .tabArea li.on{background:rgba(0,0,0,0.9);}
.visual .tabArea li.on:after{content:'';position:absolute;background:#be154b;left:-1px;top:0;width:0;height:100%;z-index:1;}
.visual .tabArea li.on a{text-decoration:none;}
.visual .tabArea li + li{border-left:none;border-top:1px solid rgba(255,255,255,0.6);}
.visual .tabArea li.on + li{border-left:0;}
.visual .tabArea.tab2 li, .visual .tabArea.tab3 li, .visual .tabArea.tab4 li, .visual .tabArea.tab5 li{width:100%;}

ul.grayBox{display:block;width:100%;table-layout:fixed;margin-left:0;}
ul.grayBox li{box-sizing:border-box;position:relative;padding:8vw;flex: 1;}
ul.grayBox li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:0;right:0;bottom:0;z-index:-1;}
ul.grayBox li + li{margin-top:5vw;}

ul.grayBox2{display:block;width:100%;table-layout:fixed;margin-left:0;}
ul.grayBox2 li{box-sizing:border-box;position:relative;padding:8vw;flex: 1;}
ul.grayBox2 li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:0;right:0;bottom:0;z-index:-1;}
ul.grayBox2 li + li{margin-top:5vw;}

/* 지원 단말기 */
.phoneLineUp > ul > li > strong{width:100%; display:block; float:inherit; padding-top:7.5vw; color:#bb0841; font-size:4.2vw; font-weight:700;}
.phoneLineUp .phone_ico{width:100%;}
.phoneLineUp .phone_ico > div{height:31.4vw; padding:0 0 0 28vw;}
.phoneLineUp .phone_ico > div:before{width:23.1vw; height:26.6vw; background-size:100% 100%;}

/* 회색박스 3개타입 공통 */
.grayBox3num{display:block;width:100%;table-layout:fixed;margin-left:0;margin-top:7.1vw;}
.grayBox3num li{box-sizing:border-box;position:relative;padding:8vw;flex: 1;}
.grayBox3num li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:0;right:0;bottom:0;z-index:-1;}
.grayBox3num li + li{margin-top:5vw;}
.grayBox3num li div{font-size:8.8vw;line-height:1;margin-bottom:5.7vw;}
.grayBox3num li div strong{font-size:16vw;}
.grayBox3num li.ico1 div{background:url('/static/images/img_grayBox3num_m_01.png')no-repeat right top;background-size:15.2vw auto;}
.grayBox3num li.ico2 div{background:url('/static/images/img_grayBox3num_m_02.png')no-repeat right top;background-size:16vw auto;}
.grayBox3num li.ico3 div{background:url('/static/images/img_grayBox3num_m_03.png')no-repeat right top;background-size:15.9vw auto;}
.grayBox3num li.ico4 div{background:url('/static/images/img_grayBox3num_m_04.png')no-repeat right top;background-size:15.9vw auto;}
.grayBox3num li.ico5 div{background:url('/static/images/img_grayBox3num_m_05.png')no-repeat right top;background-size:15.9vw auto;}
.grayBox3num li.ico6 div{background:url('/static/images/img_grayBox3num_m_06.png')no-repeat right top;background-size:15.9vw auto;}
ul.grayBox3num li,
ul.grayBox3num li.ico5,
ul.grayBox3num li.ico6{padding:8vw;}
/* 회색박스 4개 */
ul.grayBox4{display:block;width:100%;table-layout:fixed;margin-left:0;}
ul.grayBox4 li{box-sizing:border-box;position:relative;padding:8vw;flex: 1;}
ul.grayBox4 li:after{content:'';position:absolute;background:#f9f9f9;border:1px solid #e8e8e8;top:0;left:0;right:0;bottom:0;z-index:-1;}
ul.grayBox4 li + li{margin-top:5vw;}


.searchBox div{padding-bottom:13.5vw;}
.searchBox div .txt input{border:1px solid #e5e5e5;width:calc(100% - 12.26vw);height:12.26vw;line-height:12.26vw;box-sizing:border-box;float:left;font-size:4vw;padding-left:5.3vw;color:#666666;border-right:0;}
.searchBox div .btn{border:1px solid #000;width:12.26vw;height:12.26vw;line-height:12.26vw;box-sizing:border-box;display:inline-block;float:left;background:#000;}
.txtBox1 .subTitR{float:none;width:100%;font-size:4.5vw;line-height:6.5vw;margin-bottom:5.5vw;}
.txtBox1 .txtCon{float:none;width:100%;font-size:4.2vw;line-height:7.2vw;}

.txtBox2 .subTitR{float:none;width:100%;font-size:4.5vw;line-height:6.5vw;margin-bottom:5.5vw;}
.txtBox2 .txtCon{float:none;width:100%;font-size:4.2vw;line-height:7.2vw;}

.dashTxt > li{padding-left:2.6vw;}
.dashTxt > li:before{content:'';position:absolute;width:1.3vw;height:2px;top:3vw;left:0;background:#000;}
.dashTxt.gray > li:before{content:'';position:absolute;width:1.3vw;height:2px;top:3.2vw;left:0;background:#888;}

.dotTxt > li{padding-left:3.5vw;position:relative;}
.dotTxt > li:before{content:'';position:absolute;width:3px;height:3px;top:3vw;left:0;background:#000;}

.imgSubBox p{font-size:4vw;line-height:6.4vw;color:#666;margin-top:4.13vw;}
.imgBox{margin-top:8vw;}
p + .imgPop{margin-top:8vw;}

.videoArea{padding-top:14.4vw;padding-bottom:22.2vw;}
.videoArea .tit{font-size:4.8vw;line-height:8vw;margin-bottom:8vw;}

ul.unfoldBox > li div.top{padding:0;}
ul.unfoldBox > li div.top > div{padding:12.6vw 8.8vw;display:block;position:relative;padding-right: 13.2vw;}
ul.unfoldBox > li div.top .btnBox{width:auto;display:block;}
ul.unfoldBox > li div.top .btnBox a{position:absolute;width:100%;height:100%;padding:0;background:none;top:0;left:0;}
ul.unfoldBox > li div.top .btnBox a span{background:url('/static/images/ic_unfold_m.png')no-repeat right center;background-size:4.4vw 2.5vw;right:8.8vw;height:100%;position:absolute;padding-right:0;text-indent:-99999px;}
ul.unfoldBox > li.open div.top .btnBox a span{background:url('/static/images/ic_unfold_on_m.png')no-repeat right center;background-size:4.4vw 2.5vw;right:8.8vw;height:100%;position:absolute;padding-right:0;text-indent:-99999px;}
ul.unfoldBox > li div.bottom .btnBox a{min-width:initial;width:13.3vw;height:13.3vw;padding:0;background: none;}
ul.unfoldBox > li div.bottom .btnBox a span{text-indent:-9999px;background:url('/static/images/ico_unfold_close.png')no-repeat 0 0;background-size:13.3vw;padding: 0;height: 100%;}
ul.unfoldBox > li div.bottom .btnBox{position: absolute; bottom: 0; right: 0;}

.qna ul.unfoldBox > li div.top .label{font-size:4.8vw;line-height:8vw;font-weight:800;display:inline;width:auto;}
.qna ul.unfoldBox > li div.top p{width:auto;display:inline;font-size:4.8vw;line-height:8vw;}
.qna ul.unfoldBox > li div.bottom .vtBox{padding:14.5vw 0 9.2vw;}
.qna ul.unfoldBox > li div.bottom .label{font-size:4.8vw;line-height:8vw;font-weight:800;display:inline;width:auto;}
.qna ul.unfoldBox > li div.bottom .vtBox > div{width:auto;display:inline;font-size:4.8vw;line-height:8vw;}
.qna ul.unfoldBox > li div.bottom .vtBox > div p{display:inline;}

.smallInr{padding:9.4vw 0 21.3vw 0;}
.smallInr.another{padding:9.4vw 0 0 0;}
.smallInr.another2{padding:9.4vw 0 9.4vw 0;}
.smallInr.another3{padding:9.4vw 0 0 0; margin-top:10.6vw;}
.smallInr h3 strong{position:static; display:block; font-size: 6.4vw; line-height: 8.8vw; margin-bottom: 2.8vw; width: 100%;}
.smallInr h3 span{font-size: 6.4vw; line-height: 8.8vw;}
.smallInr .topText{margin-top:5.3vw;}
.smallInr .infoInr.type2{padding-top:10.6vw;}
.smallInr .infoInr li{margin-top:6vw;}
.smallInr .infoInr .ver2 li{margin-top:0;}
.smallInr .infoInr .ver2 li:first-child{margin-top:6vw;}
.smallInr .infoInr .inrImgArea ul{overflow:hidden;}
.smallInr .infoInr .inrImgArea ul li{float:inherit; width:100%; margin:3vw 0 0 0;}
.smallInr .infoInr .inrImgArea ul li img{width:100%;}
.smallInr.first{padding:0;}
.smallInr .textArea{padding-top:10.4vw;}
.smallInr .textArea.type2{padding-top:5.4vw;}
.smallInr .textArea .tATit{padding-bottom:0.7vw; font-size:4.2vw;}
.smallInr .textArea span{font-weight:700; padding-right:0; display:block;}
.smallInr .infoImg{padding-top:0;}
.smallInr .infoImg ul{overflow:hidden;}
.smallInr .infoImg ul li{float:inherit; width:100%;}
.smallInr .infoImg ul li:nth-child(odd){margin-right:0;}
.smallInr .infoImg ul li:nth-child(even){margin:2.6vw 0 0 0;}
.smallInr .infoImg img{width:100%; border:1px solid #d8d8d8;}
.smallInr .infoImg ul li p{color:#666; font-size:3.5vw; text-align:center; padding-top:2vw; line-height:4.5vw;}
.smallInr .serBtn a{min-width:48vw;}
.smallInr .infoInr .fLText li,
.smallInr .infoInr .liHyphen li{margin-top:0;}
.separate{padding-top:8vw;}

.smallInr_title_St > strong{float:inherit; display:block; font-size: 6.4vw; line-height: 8.8vw; margin-bottom: 2.8vw; width: 100%;}
.smallInr_title_St > span{float:inherit; display:block; width:100%; font-size: 6.4vw; line-height: 8.8vw;}

/* 해외 사업장 컬러 아이콘 */
.smallInr .textArea .iconGrayBox{background:#f8f8f8;}
.smallInr .textArea .iconGrayBox > ul{overflow:hidden; padding:5vw 0 0 0;}
.smallInr .textArea .iconGrayBox > ul > li{width:33.3%; float:left; padding:9.6vw 0 5vw; border-left:none;}
.smallInr .textArea .iconGrayBox > ul > li:first-child{border-left:none;}
.smallInr .textArea .iconGrayBox > ul > li.ico4,
.smallInr .textArea .iconGrayBox > ul > li.ico5{width:calc(50% - 10vw);}
.smallInr .textArea .iconGrayBox > ul > li.ico4{margin-left:10vw;}
.smallInr .textArea .iconGrayBox > ul > li.ico5{margin-right:10vw;}
.smallInr .textArea .iconGrayBox > ul > li > span{display:block; position:relative; font-size:4.2vw; font-weight:700; padding-right:0; text-align:center;}
.smallInr .textArea .iconGrayBox > ul > li > span:before{content:''; display:block; width:19.5vw; height:12vw; position:absolute; top:-14vw; left:50%; transform:translateX(-50%); background-position:0 0; background-repeat:no-repeat;}
.smallInr .textArea .iconGrayBox .ico1 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico1_m.png'); background-size:100% 100%;}
.smallInr .textArea .iconGrayBox .ico2 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico2_m.png'); background-size:100% 100%;}
.smallInr .textArea .iconGrayBox .ico3 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico3_m.png'); background-size:100% 100%;}
.smallInr .textArea .iconGrayBox .ico4 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico4_m.png'); background-size:100% 100%;}
.smallInr .textArea .iconGrayBox .ico5 span:before{background-image: url('/static/images/solution/img_SafeIdp_ico5_m.png'); background-size:100% 100%;}


.boxStyle{margin-top:0.4vw;}
.boxStyle .normal{width:100%; margin-bottom:2.6vw; padding:3vw; height: inherit;}
.boxStyle .normal:after{width:10.3vw; height:1.8vw; background-size:100% 100%; top:calc(100% + 0.9vw); right:calc(50% - 5.15vw);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.smallInr .bullet li:before{top:3vw;}
.boxStyle .result,
.boxStyle .redType.result{height:inherit; padding:8vw 3vw;}
.smallInr .infoInr .boxStyle li{margin-top:0;}

/* pc에선 슬라이드 X 모바일에선 슬라이드 1개 */
.moSlide .swiper-wrapper{display:flex !important;}
.moSlide .swiper-pagination{display:block;position:relative;margin-top:4.1vw;}
.moSlide .swiper-pagination{position:relative;bottom:0;width:100%;line-height:12px;}
.moSlide .swiper-pagination-bullet{width:10px;height:10px;border-radius:0;background:#fff;border:2px solid #000;box-sizing:border-box;opacity:1;}
.moSlide .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.moSlide .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}


/***************************************** 사각박스형태 공통 *****************************************/
/* 짧은 박스 */
.featureList3li{margin-top:8vw;}
.featureList3li > ul, .featureList3li > ul.odd2, .featureList3li > ul.odd3, .service.security .attConCard .featureList3li > ul{overflow:visible;display:block;width:100%;margin-bottom:5vw;margin-left:0;}
.featureList3li > ul > li, .featureList3li > ul > li:last-child, .service.security .attConCard .featureList3li > ul > li{width:100%;padding:5vw;}
.featureList3li > ul > li:after{left:0;}
.featureList3li > ul > li .fLNum{font-size:4.2vw;line-height:7.2vw;width:5.2vw;margin-right:4.8vw;}
.featureList3li > ul > li .fLNum:after{content:''; display:block; width:5vw; height:1px; background:#bb0841; position:absolute; bottom:4px; left:0;}
.service.security .attConCard .featureList3li > ul > li:after{left:0;}
.featureList3li > ul > li .fLText{width:calc(100% - 10vw);}
.featureList3li > ul > li + li{margin-top:5vw !important;}

/* 박스 2개 */
.featureList2li{margin-top:7.1vw;}
.featureList2li > ul, .featureList2li > ul.odd{overflow:visible;display:block;width:calc(100% + 20px);}
.featureList2li > ul > li{margin:0;display:block;width:100%;}
.featureList2li > ul > li .fLNum{font-size:4.2vw;line-height:7.2vw;width:5.2vw;margin-right:4.8vw;}
.featureList2li > ul > li .fLNum:after{content:''; display:block; width:5vw; height:1px; background:#bb0841; position:absolute; bottom:4px; left:0;}
.featureList2li > ul > li .fLText{width:calc(100% - 10vw);}
.featureList2li > ul > li + li{margin-top:5vw;}
/* 도입 효과 공통 */
/* 190923 타이틀이 붙어있을때 */
.effectTypeTitle > ul > li{overflow:hidden; margin-top:9.7vw;}
.effectTypeTitle > ul > li:first-child{margin-top:0;}
.effectTypeTitle .effectTit{width:100%; margin-right:0; float:inherit;}
.effectTypeTitle .effectTit span{display:block; font-size:4.2vw; font-weight:700;}
.effectTypeTitle .effectTit span:after{content:''; display:inline-block; width:9.7vw; height:2px; background:#bb0841; vertical-align:top; margin:3.3vw 0 0 4vw;}
.effectTypeTitle .effectTit > div{font-size:6.4vw; line-height:8vw; margin:3vw 0 0 8.5vw;}
.effectTypeTitle .effectText{width:100%; float:inherit; padding:8.8vw 8vw; margin-top:7.1vw; background:#f8f8f8;}
.effectTypeTitle.ver2 .effectTit{width:100%;}
.effectTypeTitle.ver2 .effectText{width:100%;}

/* 190923 글자 박스만 있을때 */
.effectTypeText .text{padding:8.8vw 8vw; background:#f8f8f8;}
.effectTypeText .number{display:block; font-size:4.2vw; font-weight:700;}
.effectTypeText .number:after{content:''; display:inline-block; width:9.7vw; height:2px; background:#bb0841; vertical-align:top; margin:3.3vw 0 0 4vw;}
.effectTypeText .text{margin-top:6.2vw;}
.effectTypeText .defaultLimit{overflow:hidden;}
.effectTypeText .defaultLimit > li{width:100%; float:inherit; margin-top:9.7vw;}
.effectTypeText .defaultLimit > li:nth-child(1){margin-top:0;}
.effectTypeText .defaultLimit > li:nth-child(3){margin-top:9.7vw;}
.effectTypeText .defaultLimit > li:nth-child(2){margin:9.7vw 0 0 0;}
.effectTypeText .defaultLimit > li:nth-child(3n+5){margin:9.7vw 0 0;}
.effectTypeText .rongLimit{overflow:hidden;}
.effectTypeText .rongLimit > li{width:100%; float:inherit; margin:9.7vw 0 0 0;}
.effectTypeText .rongLimit > li.mglNone{margin-left:0;}
.effectTypeText .rongLimit > li.rong{width:100%;}
.effectTypeText .halfLimit{overflow:hidden;}
.effectTypeText .halfLimit > li{width:100%; margin-top:9.7vw;}
.effectTypeText .halfLimit > li:nth-child(1){margin-top:0;}
.effectTypeText .halfLimit > li:nth-child(2){margin-top:9.7vw;}
.effectTypeText .halfLimit > li:nth-child(odd){float:inherit;}
.effectTypeText .halfLimit > li:nth-child(even){float:inherit;}
.effectTypeText .rongLimit > li:first-child.mgtZero{margin-top:0;}
.effectTypeText .rongLimit > li.mgtZero{margin-top:9.7vw;}

/* 원형이 세개일때 : 좌우 여백이 있는 타입 추가  */
.con.introductionNew ul{margin-top:15.6vw;}
.con.introductionNew ul li{float:none;width:100%;}
.con.introductionNew ul li:nth-child(2){margin:2.6vw 0;}
.con.introductionNew ul li p{font-size:4.2vw;line-height:7.2vw;padding-top:12vw;background:url('/static/images/point_check_m.png')no-repeat center top;background-size:6.8vw auto;}

/* 원형이 두개일때 : 좌우 여백이 있는 타입 추가 */
.con.introductionNew2 .inner{padding-top:0;}
.con.introductionNew2{margin-top:12.1vw;}
.con.introductionNew2 ul{margin-top:15.6vw; padding:0;}
.con.introductionNew2 ul li{float:none;width:100%;}
.con.introductionNew2 ul li:first-child{margin-bottom:2.6vw;}
.con.introductionNew2 ul li p{font-size:4.2vw;line-height:7.2vw;padding-top:12vw;background:url('/static/images/industry/img_digitalTf_check_m.png')no-repeat center top;background-size:6.8vw auto;}

/* 원형이 세개일때 */
.con.introduction > ul{margin-top:15.6vw;}
.con.introduction > ul > li{float:none;width:100%;margin:0;margin-top:-2.6vw;margin-bottom:-2.6vw;}
.con.introduction > ul > li:first-child{margin-top:0;}
.con.introduction > ul > li:last-child{margin-bottom:0;}
.con.introduction > ul > li p{font-size:4.2vw;line-height:7.2vw;padding-top:12vw;background:url('/static/images/industry/img_digitalTf_check_m.png')no-repeat center top;background-size:6.8vw auto;}

/* 원형이 두개일때 */
.con.introduction2 .inner{padding-top:0;}
.con.introduction2{margin-top:12.1vw;}
.con.introduction2 ul{margin-top:15.6vw; padding:0;}
.con.introduction2 ul li{float:none;width:100%;margin:0;margin-top:-2.6vw;margin-bottom:-2.6vw;}
.con.introduction2 ul li:first-child{margin-top:0;}
.con.introduction2 ul li:last-child{margin-bottom:0;}
.con.introduction2 ul li p{font-size:4.2vw;line-height:7.2vw;padding-top:12vw;background:url('/static/images/industry/img_digitalTf_check_m.png')no-repeat center top;background-size:6.8vw auto;}


/* 서비스 특장점 도형 - ex) 서비스 - rpa*/
.cyConBig .cyCon .allCy > li dt{width:62.2vw; height:62.2vw; font-size:5.3vw;}
.cyCon{padding-bottom:13.5vw; margin:0 auto; text-align:center;}
.cyCon .allCy{overflow:hidden;}
.cyCon .allCy > li{float:inherit; width:100%; margin-top:10vw;}
.cyCon .allCy > li:first-child{margin-top:0;}
.cyCon .allCy > li dt{width:34.6vw; height:34.6vw; background:#fcf8f7; border:1px solid #e6c8c5; border-radius:50%; padding:0 6vw; margin:0 auto 7.1vw auto; font-size:4.2vw; font-weight:700; display:flex; align-items:center; justify-content:center;}
.cyCon .allCy > li dd{padding:0;}
.cyCon .allCy > li:nth-child(2) dd{padding:0; border-left:none; border-right:none;}
.cyCon .textCy li{margin-top:0; margin-bottom:7.1vw;}
.cyCon .textCy li:first-child{margin-top:0;}
.cyCon .textCy strong{display:block; color:#bb0841; font-weight:700;}
.cyCon .textCy span{letter-spacing:-0.5px;}
.cyCon .textCyNm > li{position:relative;}
.cyCon .textCyNm > li:before{content:''; display:inline-block; width:1.4vw; height:1px; position:relative; top:-1.5vw; left:inherit; background:#000;}
.cyCon .textCyNm > li > span{padding-left:1.8vw;}

/* 서비스 특장점 - 아이콘 있는 스타일 - ex) solution > tuna */
.dominSection > li{overflow:hidden; padding-top:10.6vw; margin-top:10.6vw; border-top:1px solid #d8d8d8;}
.dominSection > li:first-child{padding-top:0; margin-top:0; border-top:none;}
.dominSection .left{float:inherit; width:100%;}
.dominSection .right{float:inherit; width:100%; margin-top:7vw;}
.dominSection .ico{background-position:0 0; background-repeat:no-repeat;}
.dominSection .ico1{width:15.1vw; height:27.1vw; background-image: url('/static/images/solution/ico_color_type1_m.png'); background-size:100% 100%;}
.dominSection .ico2{width:20.8vw; height:15.1vw; background-image: url('/static/images/solution/ico_color_type2_m.png'); background-size:100% 100%;}
.dominSection .ico3{width:20.8vw; height:15.1vw; background-image: url('/static/images/solution/ico_color_type3_m.png'); background-size:100% 100%;}
.dominSection .ico4{width:20.8vw; height:13.1vw; background-image: url('/static/images/solution/ico_color_type4_m.png'); background-size:100% 100%;}
.dominSection .topTitle strong{font-size:4.8vw; font-weight:700;}
.dominSection .topTitle p{margin-top:7vw; font-size:4.2vw; font-weight:700;}
.dominSection .dominInfo{padding-top:7.1vw; margin-top:7.1vw; border-top:1px solid #d8d8d8;}
.dominSection .dominInfo .imgPop{margin-top:8.8vw;}
.dominSection .dominInfo .liBullet li{padding-top:0;}
.dominSection .dominInfo .liBullet li:first-child{padding-top:0;}

/* 서비스 특징 여백 공통 */
.spaceTxt .featureList3li > ul > li .fLNum{float:inherit;}
.spaceTxt .featureList1li > ul > li .fLNum{float:inherit;margin-right:4.8vw;font-size:4.2vw;line-height:7.2vw;display:inline-block;width:auto;}
.spaceTxt .featureList1li > ul > li .fLNum:after{width: 100%;}
.spaceTxt .featureList3li > ul > li .fLText{float:inherit; width:100%; margin-top:4vw;}
.spaceTxt .featureList1li > ul > li .fLText{float:inherit; width:100%; margin-top:4vw;}

/* 왼쪽 아이콘 영역 공통 */
.iconInfoArea{padding: 0 0 5vw 0;}
.iconInfoArea dl{display:block; padding:38.8vw 0 0 0;}
.iconInfoArea dt{font-size:4.8vw; font-weight:700; margin-bottom:3vw;}
.iconInfoArea dd{position:relative; padding-left:2.5vw;}
.iconInfoArea dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.iconInfoArea .onlyType,
.iconInfoArea .onlyType.line2{padding:38.8vw 0 0 0;}
.iconInfoArea .onlyType strong{font-size:4.8vw; font-weight:700; margin-bottom:3vw;}
.iconInfoArea li{padding:8.8vw 0;}
.iconInfoArea li:before{content:''; display:block; width:21.6vw; height:21.6vw; position:absolute; top:18vw; left:0; background-position:0 0; background-repeat:no-repeat;}
.iconInfoArea .pdbPlus{padding-bottom:8.8vw;}
.iconInfoArea li.mgtZero{margin-top:0;}
    /* 1~5까지 : 인프라서비스 */
.iconInfoArea li.ico1:before{background-image: url('/static/images/service/ico_infra1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico2:before{background-image: url('/static/images/service/ico_infra2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico3:before{background-image: url('/static/images/service/ico_infra3_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico4:before{background-image: url('/static/images/service/ico_infra4_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico5:before{background-image: url('/static/images/service/ico_infra5_m.png'); background-size:100% 100%;}
    /* 6~8까지 : 스마트 교통 */
.iconInfoArea li.ico6:before{background-image: url('/static/images/industry/ico_indtraffic1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico7:before{background-image: url('/static/images/industry/ico_indtraffic2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico8:before{background-image: url('/static/images/industry/ico_indtraffic3_m.png'); background-size:100% 100%;}
    /* 9~11까지 : 솔루션 교통 FMS */
.iconInfoArea li.ico9:before{background-image: url('/static/images/solution/ico_fms1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico10:before{background-image: url('/static/images/solution/ico_fms2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico11:before{background-image: url('/static/images/solution/ico_fms3_m.png'); background-size:100% 100%;}
    /* 12~14까지 : 솔루션 스마트팩토리 factova IPharm */
.iconInfoArea li.ico12:before{background-image: url('/static/images/solution/ico_iph1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico13:before{background-image: url('/static/images/solution/ico_iph2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico14:before{background-image: url('/static/images/solution/ico_iph3_m.png'); background-size:100% 100%;}
    /* 15~17까지 : 솔루션 스마트팩토리 factova View */
.iconInfoArea li.ico15:before{background-image: url('/static/images/solution/ico_view1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico16:before{background-image: url('/static/images/solution/ico_view2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico17:before{background-image: url('/static/images/solution/ico_view3_m.png'); background-size:100% 100%;}
    /* 18~20까지 : 솔루션 스마트팩토리 factova Control */
.iconInfoArea li.ico18:before{background-image: url('/static/images/solution/ico_control1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico19:before{background-image: url('/static/images/solution/ico_control2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico20:before{background-image: url('/static/images/solution/ico_control3_m.png'); background-size:100% 100%;}
    /* 21~23까지 : 솔루션 스마트팩토리 factova Lync */
.iconInfoArea li.ico21:before{width:21.6vw; background-image: url('/static/images/solution/ico_lync1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico22:before{background-image: url('/static/images/solution/ico_lync2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico23:before{background-image: url('/static/images/solution/ico_lync3_m.png'); background-size:100% 100%;}
    /* 24~26까지 : 솔루션 스마트팩토리 factova Connector */
.iconInfoArea li.ico24:before{width:21.6vw; background-image: url('/static/images/solution/ico_connector1_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico25:before{width:21.6vw; background-image: url('/static/images/solution/ico_connector2_m.png'); background-size:100% 100%;}
.iconInfoArea li.ico26:before{width:21.6vw; background-image: url('/static/images/solution/ico_connector3_m.png'); background-size:100% 100%;}
    /* 27~29까지 : About CNS Vision  */
.iconInfoArea li.ico27:before{width:21.6vw; background-image: url('/static/images/about/ico_vision1_m.png'); background-size:auto 100%;top:10.6vw;} /* 2019-12-16 수정 */
.iconInfoArea li.ico28:before{width:21.6vw; background-image: url('/static/images/about/ico_vision2_m.png'); background-size:auto 100%;top:10.6vw;} /* 2019-12-16 수정 */
.iconInfoArea li.ico29:before{width:21.6vw; background-image: url('/static/images/about/ico_vision3_m.png'); background-size:100% auto;top:10.6vw;} /* 2019-12-16 수정 */
.iconInfoArea li.ico27 .onlyType, 
.iconInfoArea li.ico27 .onlyType.line2,
.iconInfoArea li.ico28 .onlyType, 
.iconInfoArea li.ico28 .onlyType.line2,
.iconInfoArea li.ico29 .onlyType, 
.iconInfoArea li.ico29 .onlyType.line2{padding-top:31.1vw;} /* 2019-12-16 추가 */


/*** 탭메뉴안에 들어가는 왼쪽 아이콘 ***/
.iconInfoTab{padding:7vw 0 0 0;}
.iconInfoTab dl{display:block; padding:25vw 0 0 0;}
.iconInfoTab dt{font-size:4.8vw; font-weight:700; margin-bottom:3vw;}
.iconInfoTab dd{position:relative; padding-left:2.5vw;}
.iconInfoTab dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.iconInfoTab li{padding:8.8vw 0;}
.iconInfoTab li:last-child{padding-bottom:0;}
.iconInfoTab li:before{content:''; display:block; width:21.6vw; height:21.6vw; position:absolute; top:18vw; left:0; background-position:0 0; background-repeat:no-repeat;}
    /* platform > iot */
.iconInfoTab li.ico1:before{background-image: url('/static/images/platform/ico_iot1_m.png'); background-size:100% 100%;}
.iconInfoTab li.ico2:before{background-image: url('/static/images/platform/ico_iot2_m.png'); background-size:100% 100%;}
.iconInfoTab li.ico3:before{background-image: url('/static/images/platform/ico_iot3_m.png'); background-size:100% 100%;}
.iconInfoTab li.ico4:before{background-image: url('/static/images/platform/ico_iot4_m.png'); background-size:100% 100%;}
.iconInfoTab li.ico5:before{background-image: url('/static/images/platform/ico_iot5_m.png'); background-size:100% 100%;}

.iot .bdtBox{margin:14.9vw 0 0;}
.iot .bdtBox > div{margin:0;}

/* 테이블 리스트 */
.tblList > ul > li{border-top:1px solid #d8d8d8; padding-top:16vw; margin-top:16vw;}
.tblList > ul > li:first-child{border-top:none; padding-top:0; margin-top:16vw;}
.tblAllArea .tblAll .tbl table th{text-align:center;}
.tblTit{display:block; color:#bb0841; font-weight:700; font-size:4.8vw; line-height:7.4vw; padding-bottom:2.6vw;}
.tblAllArea{overflow-x:scroll;}
.tblAll{width:760px;}
.tblAllArea .tblAll .tbl {overflow-x:hidden;}

/* 약관안에 테이블 */
.termPopTbl .tbl table th,
.termPopTbl .tbl table td{padding:3.4vw; font-size:3.8vw;}

.tbl {overflow-x:scroll;}
.tbl table{table-layout:auto;}
.tbl table th{font-size:4.2vw;line-height:7.2vw;padding:3.4vw 4.4vw 2.9vw 4.4vw;}
.tbl table td{padding:6.3vw 4.4vw;}
.tbl table .dashBk{text-align:left;padding-left:0.7vw;}
.tbl table .dashBk li{padding-left:2.6vw;position:relative;}
.tbl table .dashBk li:before{content:'';position:absolute;top:3.2vw;left:0;width:1.4vw;height:0.3vw;background:#000;}

/* 테이블 세로타입 */
.tblVertical{border-left:2px solid #333;border-top:1px solid #d8d8d8;}
.tblVertical table th{background:#f8f8f8;border-bottom:1px solid #d8d8d8; line-height:28px;font-weight:700;padding:6.3vw 4.4vw;}
.tblVertical table td{border-bottom:1px solid #d8d8d8;border-left:1px solid #eee; border-right:1px solid #eee; padding:3.4vw 4.4vw 2.9vw 4.4vw;}
.tblVertical table td:first-child{border-left:0;}
.tblVertical table .dashBk{text-align:left;padding-left:2.6vw;}
.tblVertical table .dashBk li{padding-left:0.7vw;position:relative;}
.tblVertical table .dashBk li:before{content:'';position:absolute;top:3.2vw;left:0;width:1.4vw;height:0.3vw;background:#000;}


.bdt{padding-top:14.9vw;margin-top:14.9vw;}
.bdtBox{padding-top:14.9vw;margin-top:14.9vw;margin-left:-8.8vw;margin-right:-8.8vw;}
.bdtBox > div{margin:0 8.8vw;}

.tabSelWrap .nowSelTab{display:block;position:relative;border:2px solid #be154b;width:100%;padding:2.4vw 8.8vw 2.4vw 5.3vw;font-size:4.5vw;line-height:7.2vw;}
.tabSelWrap.solo .nowSelTab{width:calc(100% - 17.6vw); margin:0 8.8vw;}
.tabSelWrap .tabList.typeInner{width:100%;padding:0 8.8vw;}
.tabSelWrap .nowSelTab:after{content:'';position:absolute;background:url('/static/images/ico_select_m.png')no-repeat 0 0;right:5.1vw;top:5vw;width:3.7vw;height:2vw;background-size:3.7vw 2vw;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.tabSelWrap .nowSelTab.on:after{content:'';position:absolute;background:url('/static/images/ico_select_m.png')no-repeat 0 0;right:5.1vw;top:5vw;width:3.7vw;height:2vw;background-size:3.7vw 2vw;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.tabSelWrap .tabList{overflow:hidden;clear:both;display: none;position: absolute;width: 100%;}
.tabSelWrap .tabList li{float:none;background:#be154b;position:relative;border:1px solid #be154b;text-align:left;width:100% !important;}
.tabSelWrap .tabList li a{color:#fff;font-weight:700;padding:2.4vw 8.8vw 2.4vw 5.3vw;font-size:4.5vw;line-height:7.2vw;}
.tabSelWrap .tabList li.isActive{background:#be154b;}
.tabSelWrap .tabList li.isActive:before{content:none;}
.tabSelWrap .tabList li.isActive a{text-decoration:none;}
.tabSelWrap .tabList li + li{border-left:none;border-top:1px solid rgba(255,255,255,0.6);}
.tabSelWrap .tabList li.isActive + li{border-left:0;}
.tabSelWrap .tabList li:after{content:none;}
.tabSelWrap .tabList.tab2 li, .tabSelWrap .tabList.tab3 li, .tabSelWrap .tabList.tab4 li, .tabSelWrap .tabList.tab5 li{width:100%;}
.tabSelWrap .tabContainer{margin-top:9.3vw;}
.tabSelWrap .tabContainer .redTitle{padding:0 8.8vw 8.8vw;}

/* 세로 3원형 공통 */
.conCycle,
.conCycle.bg2{height:inherit; background:none;}
.conCycle > div{display:block;}
.conCycle > div:after{content:''; display:block; clear:both;}
.conCycle strong{float:inherit; width:inherit; display:block; text-align:center; font-size:5.3vw; font-weight:700; line-height:7.3vw;}
.conCycle .cycle1{height:inherit;}
.conCycle .cycle1 strong{width:62.2vw; height:70vw; display:block; margin:0 auto; padding:23.5vw 11vw; color:#fff; background:url('/static/images/solution/bg_cycle_m_r.png')no-repeat 0 0;background-size:100% 100%;}
.conCycle .cycle2{height:inherit; margin-top:8.8vw;}
.conCycle .cycle2 strong{width:62.2vw; height:70vw; display:block; margin:0 auto; padding:23.5vw 13vw; color:#000; background:url('/static/images/solution/bg_cycle_m_w.png')no-repeat 0 0;background-size:100% 100%;}
.conCycle .cycle3{height:inherit; margin-top:8.8vw;}
.conCycle .cycle3 strong{width:62.2vw; height:70vw; display:block; margin:0 auto; padding:23.5vw 10vw; color:#fff; background:url('/static/images/solution/bg_cycle_m_r.png')no-repeat 0 0;background-size:100% 100%;}
.conCycle .inr{float:inherit; width:100%; padding:5vw 0 0 0;}
.conCycle .inr dt{font-size:4.8vw; font-weight:700; margin-bottom:5.7vw;}
.conCycle .inr dd{position:relative; padding-left:3.2vw;}
.conCycle .inr dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.conCycle .inr .first{margin-bottom:8vw;}

.conCycle.bg2 .cycle1 strong,
.conCycle.bg2 .cycle2 strong,
.conCycle.bg2 .cycle3 strong{width:62.2vw; height:70vw; display:block; margin:0 auto; padding:23.5vw 10vw; color:#000; background:url('/static/images/solution/bg_cycle_2_m.png')no-repeat 0 0;background-size:100% 100%;}

/* 세로 3원형 공통 : 상하 여백이 있는 타입 추가 */
.conCycleNew > div{display:block;}
.conCycleNew > div:after{content:''; display:block; clear:both;}
.conCycleNew .cycBg {display:flex; align-items:center; float:inherit; width:62.2vw; height:70vw; margin:0 auto; background:url('/static/images/bg_3cycle_new_m.png')no-repeat 0 0; background-size:100% 100%;}
.conCycleNew .cycTitle{position:relative; width:62.2vw; color:#000; text-align:center; font-size:4.2vw; line-height:6vw;}
.conCycleNew .cycTitle:before{content:''; display:block; width:7vw; height:6.8vw; position:absolute; top:-10vw; left:50%; transform:translateX(-50%); background:url('/static/images/point_check_m.png')no-repeat 0 0; background-size:100% 100%;}
.conCycleNew .cycTitle.mgtT1{margin-top:0;}
.conCycleNew .cycTitle strong{font-weight:700;}
.conCycleNew .cycTitle .fontBig{font-size:4.8vw; line-height:7.2vw;}
.conCycleNew .cycle2,
.conCycleNew .cycle4{margin:8.8vw 0;}
.conCycleNew .inr{float:inherit; width:100%; padding:5vw 0 0 0;}
.conCycleNew .inr dt{font-size:4.8vw; font-weight:700; margin-bottom:5.7vw;}
.conCycleNew .inr dd{position:relative; padding-left:3.2vw;}
.conCycleNew .inr dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.conCycleNew .inr .first{margin-bottom:8vw;}
.conCycleNew .inr dd.hyphenNone{padding-left:0;}
.conCycleNew .inr dd.hyphenNone:before{display:none;}

/* 공통 상단 텍스트 */
.infoTopCon li{margin-top:12.3vw;}
.infoTopCon li > strong{font-size:4.8vw;line-height:7.4vw;margin-bottom:2.6vw;}
.infoTopCon li > strong.mgb{margin-bottom:6.2vw;}
.infoTopCon.borderType li{border-top:1px solid #d8d8d8; padding-top:12.3vw;}

/* 뉴스 컨텐츠 - 공통 */
.pNews ul{margin-top:8vw;}
.pNews ul li p{font-size: 4.2vw;line-height: 7.2vw;margin-top:4.1vw;height:14.4vw;}
.pNews ul li img{width:100%;}
.pNews .swiper-pagination{display:block;position:relative;}
.pNews .swiper-pagination{position:relative;bottom:0;width:100%;line-height:12px;margin-top:4.1vw;}
.pNews .swiper-pagination-bullet{width:10px;height:10px;border-radius:0;background:#fff;border:2px solid #000;box-sizing:border-box;opacity:1;}
.pNews .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.pNews .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}

/* 핵심기능 - 공통 */
.coreFunction ul{margin-top:8vw;}
.coreFunction ul li{width:100%; float:inherit; margin-top:8.8vw;}
.coreFunction ul li:first-child{margin-top:0;}
.coreFunction ul li:nth-child(2){margin:8.8vw 0 0 0;}
.coreFunction ul li strong{font-size: 4.4vw; margin-top:4.1vw; line-height:7.2vw; min-height:0;}
.coreFunction ul li p{font-size: 4.2vw;line-height: 7.2vw;}
.coreFunction ul li img{width:100%;}

/* pc에선 슬라이드 없고, 모바일에서만 있을 경우 (PC에선 4개 항목 일렬) */
.slideMo .swiper-pagination{display:block;position:relative;margin-top:5.3vw;}
.slideMo .swiper-pagination{position:relative;bottom:0;width:100%;line-height:12px;}
.slideMo .swiper-pagination-bullet{width:10px;height:10px;border-radius:0;background:#fff;border:2px solid #000;box-sizing:border-box;opacity:1;}
.slideMo .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.slideMo .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}

.slideNumMo .swiper-pagination{display:block;position:relative;margin-top:5.3vw;bottom:0;width:100%;font-size:4vw;line-height:1;font-weight:800;}
.slideNumMo .naviBox{display:block;position:absolute;bottom:0;line-height:4vw;width:100%;text-align:center;}
.slideNumMo .naviBox .swiper-button-next, .slideNumMo .naviBox .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.slideNumMo .naviBox .swiper-button-next, .slideNumMo .naviBox .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.slideNumMo .naviBox .swiper-button-prev, .slideNumMo .naviBox .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

.speechMo .swiper-pagination{display:block;position:relative;margin-bottom:5.3vw;}
.speechMo .swiper-pagination{position:relative;bottom:0;width:100%;line-height:12px;}
.speechMo .swiper-pagination-bullet{width:10px;height:10px;border-radius:0;background:#fff;border:2px solid #000;box-sizing:border-box;opacity:1;}
.speechMo .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.speechMo .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}

.numMona .swiper-pagination{display:block;position:relative;margin-top:5.3vw;bottom:0;width:100%;font-size:4vw;line-height:1;font-weight:800;}
.numMona .naviBox{display:block;position:absolute;bottom:0;line-height:4vw;width:100%;text-align:center;}
.numMona .naviBox .swiper-button-next, .numMona .naviBox .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.numMona .naviBox .swiper-button-next, .numMona .naviBox .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.numMona .naviBox .swiper-button-prev, .numMona .naviBox .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

/***************************************** Main *****************************************/
.main .comma{padding-top:10.6vw;} /* 2020 영문 작업 수정 */
.main .mainInner{padding:0 8.8vw;}
.main .visual{padding:0;}
.main .section.sec0 .swiper-slide > div{padding:0 8.8vw;}
.main .section.sec0{height:169.3vw;}
.main .section.sec0 .visual .txtBox{padding:0 8.8vw;top:50%;}
.main .section.sec0 .visual .txtBox .comma{font-size:8vw;line-height:11.5vw;}
.main .section.sec0 .visual .txtBox p{font-size:4.2vw;line-height:7.2vw;}
.main .section.sec0 .visual .txtBox .comma + p{margin-top:6.5vw;}
.main .section.sec0 .visual .txtBox p + div, .main .section.sec0 .visual .txtBox div + div{margin-top:5vw;}
.main .section.sec0 .visual .btnMove .btnBkLine{font-size:4vw;line-height:1;padding:2.5vw 4vw 2.5vw;min-width:35vw;}
.main .section.sec0 .visual .adVs .txtBox{transform: translate(-50%, -50%);width:auto;max-width:none;padding:0;left:50%;right:auto;}
.main .section.sec0 .visual .btnMove{padding:0 8.8vw;bottom:28vw;}
.main .section.sec0 .naviBox{padding:0 8.8vw;bottom:16vw;}
.main .section.sec0 .swiper-button-next, .main .section.sec0 .swiper-button-prev{width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;}
.main .section.sec0 .swiper-button-prev, .main .section.sec0 .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w_m.png');margin-right:6.6vw;}
.main .section.sec0 .swiper-button-next, .main .section.sec0 .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w_m.png');margin-left:6.6vw;}
.main .section.sec1{height:180.3vw;padding:30.7vw 0 0 0;background:url('/static/images/main/bg_section1_m.jpg')no-repeat center top;background-size:cover;}
.main .section.sec1 .tit{font-size:8vw;line-height:11.5vw;margin-bottom:6.2vw;}
.main .section.sec1 .tit .br{display:block;}
.main .section.sec1 .searchBox{margin-bottom:3.3vw;}
.main .section.sec1 .searchBox .txt input{width:calc(100% - 14.2vw);height:14.2vw;font-size:4.8vw;padding-left:5.3vw;line-height:14.2vw;}
.main .section.sec1 .searchBox .btn{width:14.2vw;height:14.2vw;line-height:14.2vw;}
.main .section.sec1 .searchBox .btn button{background:#fff url('/static/images/ico_search_bk_m.png')no-repeat center;background-size:6.4vw auto;}
.main .section.sec1 .searchBox div{width:100%;padding-bottom:0;display:block;}
.main .section.sec1 .tagList li a{font-size:3.5vw;line-height:9.2vw;padding:0 3.6vw;}
.main .section.sec1 .tagList li{display:none;margin-top:2vw;}
.main .section.sec1 .tagList li + li{margin-left:1.3vw;}
.main .section.sec1 .tagList li:nth-child(-n + 3){display:block;}
.main .section.sec1 .subTit{font-size:4.8vw;line-height:8.8vw;}
.main .section.sec1 .tagList + .subTit{margin-top:8.6vw;padding-top:8.6vw;margin-bottom:3.6vw;}
.main .section.sec1 .sec1Slide{padding:0;}
.main .section.sec1 .swiper-slide{}
.main .section.sec1 .tBubble{padding:5.7vw 6.8vw;}
.main .section.sec1 .tBubble p:first-child{font-size:4.8vw;line-height:7.4vw;}
.main .section.sec1 .tBubble p:first-child + p{display:none;}
.main .section.sec1 .sec1Slide .naviBox{margin-top:5.3vw;}
.main .section.sec1 .sec1Slide .swiper-button-next, .main .section.sec1 .sec1Slide .swiper-button-prev{width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;}
.main .section.sec1 .sec1Slide .swiper-button-prev, .main .section.sec1 .sec1Slide .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w_m.png');margin-right:6.6vw;}
.main .section.sec1 .sec1Slide .swiper-button-next, .main .section.sec1 .sec1Slide .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w_m.png');margin-left:6.6vw;}
.main .section.sec2{height:169.3vw;padding:30.7vw 0 0 0;}
.main .section.sec2 .tit{font-size:8vw;line-height:11.5vw;}
.main .section.sec2 .tit .br{display:block;}
.main .section.sec2 .txt{display:none;}
.main .section.sec2 .sec2Slide{height:124.4vw;margin-top:12vw;margin-bottom:0;}
.main .section.sec2 .sec2Slide > div{float:none;width:100%;height:auto;}
.main .section.sec2 .slideNavi{padding-left:0;max-width:none;}
.main .section.sec2 .slideNavi .slideNaviBg{padding-left:0;width:100%;max-width:none;position:relative;height:auto;}
.main .section.sec2 .slideNavi .swiper-container{height:auto;}
.main .section.sec2 .slideNavi .swiper-slide, .main .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{padding:4vw 8.8vw;}
.main .section.sec2 .slideNavi .swiper-slide p{font-size:4.2vw;line-height:7.2vw;}
.main .section.sec2 .slideNavi .swiper-slide p.comma{padding-top:4.4vw;background-size:2.4vw auto;margin-bottom:0;}
.main .section.sec2 .slideNavi .swiper-button-prev, .main .section.sec2 .slideNavi .swiper-container-rtl .swiper-button-next{position:absolute;top:0;left:0;height:100%;width:8.8vw;background-image:url('/static/images/ico_clampW_prev_m.png');background-color:transparent;background-size:2.4vw auto;}
.main .section.sec2 .slideNavi .swiper-button-next, .main .section.sec2 .slideNavi .swiper-container-rtl .swiper-button-prev{position:absolute;top:0;right:0;height:100%;width:8.8vw;background-image:url('/static/images/ico_clampW_next_m.png');background-color:transparent;background-size:2.4vw auto;}
.main .section.sec2 .slideCon{padding:0;}
.main .section.sec2 .slideCon .vtBox{height:auto;display:block;}
.main .section.sec2 .slideCon .vtCon{height:auto;display:block;}
.main .section.sec2 .slideCon .swiper-slide > div .vtCon{padding:0 8.8vw;}
.main .section.sec2 .slideCon .swiper-slide > div .txtBox{display:block;padding-left:0;padding-top:45vw;}
.main .section.sec2 .slideCon .tit{font-size:11.7vw;line-height:16.4vw;}
.main .section.sec2 .slideCon .tit + p{font-size:4.8vw;line-height:7.4vw;margin-top:1.6vw;}
.main .section.sec2 .slideCon .sTxt{display:none;}
.main .section.sec2 .slideCon p + div{margin-top:6.6vw;}
.main .section.sec2 .slideCon a{font-size:4.2vw;line-height:7.2vw;padding:2.4vw 5.3vw;}
.main .section.sec2 .slideCon a span{padding-right:4.4vw;}
.main .section.sec2 .slideCon .swiper-slide > div{height:124.4vw;background-size:cover;}
.main .section.sec2 .slideCon .slideBG1{background-image:url('/static/images/main/bg_section2_1_m.jpg');}
.main .section.sec2 .slideCon .slideBG2{background-image:url('/static/images/main/bg_section2_2_m.jpg');}
.main .section.sec2 .slideCon .slideBG3{background-image:url('/static/images/main/bg_section2_3_m.jpg');}
.main .section.sec2 .slideCon .slideBG4{background-image:url('/static/images/main/bg_section2_4_m.jpg');}
.main .section.sec2 .slideCon .slideBG5{background-image:url('/static/images/main/bg_section2_5_m.jpg');}
.main .section.sec2 .slideCon .slideBG6{background-image:url('/static/images/main/bg_section2_6_m.jpg');}
.main .section.sec2 .slideCon .slideBG7{background-image:url('/static/images/main/bg_section2_7_m.jpg');}
.main .section.sec2 .slideCon .slideBG8{background-image:url('/static/images/main/bg_section2_8_m.jpg');}
.main .section.sec3{height:169.3vw;padding:30.7vw 0 0 0;}
.main .section.sec3 .sec3Slide{margin-top:11.5vw;padding-bottom:35.5vw;}
.main .section.sec3 .tit{font-size:8vw;line-height:11.5vw;margin-bottom:0;}
.main .section.sec3 .tit .br{display:block;}
.main .section.sec3 .txt{display:none;}
.main .section.sec3 .sec3Slide .swiper-slide a div{padding:0 5.3vw;width:100%;bottom:8%;top:auto;min-height:14.4vw;}
.main .section.sec3 .sec3Slide .swiper-slide a div strong{font-size:4.8vw;line-height:7.4vw;margin-bottom:0;}
.main .section.sec3 .sec3Slide .swiper-slide a div p{font-size:4.2vw;line-height:7.2vw;}
.main .section.sec3 .sec3Slide .swiper-scrollbar{margin-top:10.6vw;width:53.7vw;}
.main .section.sec4{height:169.3vw;padding:30.7vw 0 0 0;background:url('/static/images/main/bg_section4_m.jpg')no-repeat center top;background-size:cover;}
.main .section.sec4 .tit{font-size:8vw;line-height:11.5vw;margin-bottom:8.8vw;}
.main .section.sec4 .txt{display:none;}
.main .section.sec4 .swiper-slide > a > div{display:block;}
.main .section.sec4 .swiper-slide > a > div > div{display:block;width:100%;}
.main .section.sec4 .swiper-slide > a > div > div:first-child{display:block;width:100%;}
.main .section.sec4 .swiper-slide > a > div img{margin:0 auto;}
.main .section.sec4 .sec4Slide .swiper-container{padding:0 12vw;}
.main .section.sec4 .swiper-slide{padding:0 4vw;max-width:none;}
.main .section.sec4 .swiper-slide .txtBox{padding-left:0;margin-top:6.2vw;}
.main .section.sec4 .swiper-slide .txtBox p:first-child{font-size:4.8vw;line-height:7.4vw;}
.main .section.sec4 .swiper-slide .txtBox p + p{display:none;}
.main .section.sec4 .swiper-slide .txtBox p + span{font-size:3.7vw;line-height:7vw;font-weight:400;margin-top:5.2vw;}
.main .section.sec4 .sec4Slide .naviBox{margin-top:10.9vw;}
.main .section.sec4 .sec4Slide .swiper-button-next, .main .section.sec4 .sec4Slide .swiper-button-prev{width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;}
.main .section.sec4 .sec4Slide .swiper-button-prev, .main .section.sec4 .sec4Slide .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w_m.png');margin-right:6.6vw;}
.main .section.sec4 .sec4Slide .swiper-button-next, .main .section.sec4 .sec4Slide .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w_m.png');margin-left:6.6vw;}
.main .con.inquiry{padding-top:32.7vw;}

/* Related 컨텐츠 */
.pRelated h2 + .slideBox{margin-top:8vw;}
.pRelated .swiper-slide:before{content:'';position:absolute;background:url('/static/images/ico_arrow_next_bk.png')no-repeat left bottom;width:30px;height:11px;left:8vw;bottom:8vw;background-size:100% auto;} /* 2020 영문 작업 수정 */
.pRelated a div{padding-bottom:11.2vw;/* background:url('/static/images/ico_arrow_next_bk.png')no-repeat left bottom; */} /* 2020 영문 작업 수정 */
.pRelated a div strong{display:block;font-size:4.8vw;line-height:7.4vw;margin-bottom:1.9vw;background-size:6.6vw 2.5vw;}
.pRelated .naviBox{display:none;}
.pRelated .swiper-wrapper{display:block;transform:translate3d(0px, 0px, 0px) !important;}
.pRelated .swiper-slide{width:100% !important;}
.pRelated .swiper-slide + .swiper-slide{margin-top:5vw;}
.pRelated .swiper-slide > div a{padding:6.6vw 8vw 8vw 8vw;}
.pRelated .related01{background:url('/static/images/img_related01_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related02{background:url('/static/images/img_related02_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related03{background:url('/static/images/img_related03_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related04{background:url('/static/images/img_related04_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related05{background:url('/static/images/img_related05_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related06{background:url('/static/images/img_related06_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related07{background:url('/static/images/img_related07_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related08{background:url('/static/images/img_related08_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related09{background:url('/static/images/img_related09_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related10{background:url('/static/images/img_related10_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related11{background:url('/static/images/img_related11_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related12{background:url('/static/images/img_related12_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related13{background:url('/static/images/img_related13_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related14{background:url('/static/images/img_related14_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related15{background:url('/static/images/img_related15_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related16{background:url('/static/images/img_related16_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related17{background:url('/static/images/img_related17_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related18{background:url('/static/images/img_related18_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related19{background:url('/static/images/img_related19_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related20{background:url('/static/images/img_related20_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related21{background:url('/static/images/img_related21_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related22{background:url('/static/images/img_related22_m.png')no-repeat right bottom;background-size:33vw auto;}
.pRelated .related23{background:url('/static/images/img_related23_m.png')no-repeat right bottom;background-size:33vw auto;}


/* Reference 컨텐츠 */
.con.reference .vtCon{height:61.3vw;padding-right:0;}
.con.reference .slideBox .naviNum{margin:0;}
.con.reference .slideBox:before{width:0;}
.con.reference .slideBox{width:100%;max-width:none;padding-bottom:-3.5vw;} /* 2020 영문 작업 수정 */
.con.reference .naviNum .swiper-slide > div{height:25.1vw;}
.con.reference .naviNum .swiper-slide p{padding:4.5vw 0 8vw 0;}
.con.reference .naviNum .swiper-slide p strong{font-size: 4.2vw;line-height: 7.2vw;}
.con.reference .naviNum .swiper-slide .boldText{font-size:4.8vw;}
.con.reference .swiper-pagination{font-size:4vw;font-weight:800;bottom:0;} /* 2020 영문 작업 수정 */
.con.reference .naviBox{bottom:0;line-height:4vw;} /* 2020 영문 작업 수정 */
.con.reference .swiper-button-next, .con.reference .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.con.reference .swiper-button-next, .con.reference .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.con.reference .swiper-button-prev, .con.reference .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

.con.reference.ver1 .slideBox .naviNum{padding:0 4vw;}
.con.reference.ver2 .slideBox .naviNum{padding:0;}

/* Solution 컨텐츠 */
.pSolution ul{padding:0;}
.pSolution ul li{display:block;padding:6.6vw 8.8vw 7.1vw;}
.pSolution ul li > div{display:block;width:100%;text-align:left;}
.pSolution ul li > div:first-child{display:block;width:100%;padding-left:0;background:none !important;padding:0;}
.pSolution ul li > div + div{margin-top:6.8vw;}
.pSolution ul li > div:first-child span{font-size:4.8vw;line-height:7.4vw;}

/* inquiry */
.con.inquiry{background:url('/static/images/img_inquiry_Bg_m.jpg')no-repeat center;background-size:cover;padding-top:10.8vw;padding-bottom:10.8vw;text-align:center;}
.con.inquiry div > div{font-size:2.6vw;line-height:1;margin-bottom:5.7vw;letter-spacing:4px;}
.con.inquiry p{font-size:3.7vw;line-height:5.6vw;color:#fff;}
.con.inquiry p.txt1{font-size:4.8vw;line-height:7.4vw;}
.con.inquiry a{display:inline-block;margin-top:11.6vw;}
.videoArea + .con{margin-top:0;}

/* inquiry Ver2 */
.con.inquiryVer2{background:url('/static/images/img_inquiry_Bg_m.jpg')no-repeat center;background-size:cover;padding-top:10.8vw;padding-bottom:10.8vw;text-align:center;}
.con.inquiryVer2 ul:after{content:''; display:block; clear:both;}
.con.inquiryVer2 li{width:100%;}
.con.inquiryVer2 li.inqL{float:inherit; padding-bottom:8.8vw;}
.con.inquiryVer2 li.inqL p.txt1{line-height:7.4vw;}
.con.inquiryVer2 li.inqR p.txt1{line-height:7.4vw;}
.con.inquiryVer2 li.inqR{float:inherit; position:relative; padding-top:8.8vw;}
.con.inquiryVer2 li.inqR:before{content:''; display:block; width:100%; height:1px; background:#fff; opacity:0.3; position:absolute; top:0; left:0; transform:translateY(0);}
.con.inquiryVer2 li > div{font-size:3.7vw;color:#fff;font-weight:700;line-height:1;margin-bottom:5.7vw;letter-spacing:4px;}
.con.inquiryVer2 p{font-size:3.7vw; line-height:5.8vw; color:#fff;}
.con.inquiryVer2 p.txt1{font-size:4.8vw;color:#fff;font-weight:700;}
.con.inquiryVer2 a{display:inline-block;}
.con.inquiryVer2 li.inqL a{margin-top:11.6vw;}
.con.inquiryVer2 li.inqR a.contactBtn{margin-top:8.6vw; color:#fff; position:relative; font-size:3.7vw;}
.con.inquiryVer2 li.inqR a.contactBtn:after{content:''; display:block; width:1.7vw; height:3.2vw; background: url('/static/images/ico_contact.png') no-repeat 0 0; background-size:100% 100%;position:absolute; top:50%; right:-3vw; margin-top:-1.55vw;}

/***************************************** Industries *****************************************/
.industry .visual{background:url('/static/images/industry/bg_visual_m.jpg')no-repeat center;background-size:cover;}
.industry.indFinance .visual{background:url('/static/images/industry/bg_indfinance_visual_m.jpg')no-repeat center;background-size:cover;}/* 금융 */
.industry.intelligent .visual{background:url('/static/images/industry/bg_intelligent_visual_m.jpg')no-repeat center;background-size:cover;}/* 공공 */
.industry.indTraffic .visual{background:url('/static/images/industry/bg_indtraffic_visual_m.jpg')no-repeat center;background-size:cover;}/* 교통 */
.industry.manufacturing .visual{background:url('/static/images/industry/bg_manufacturing_visual_m.jpg')no-repeat center;background-size:cover;}/* 제조 */
.industry.smartLogistic .visual{background:url('/static/images/industry/bg_distribution_visual_m.jpg')no-repeat center;background-size:cover;}/* 물류 */
.industry.indMedia .visual{background:url('/static/images/industry/bg_indmedia_visual_m.jpg')no-repeat center;background-size:cover;}/* 통신/미디어 */
.industry.retail .visual{background:url('/static/images/industry/bg_retail_visual_m.jpg')no-repeat center;background-size:cover;}/* 리테일 */

/* Industries - 통신/미디어 */
.industry .con.comMedia ul{margin-top:9.2vw;}
.industry .con.comMedia li{padding-left:0;padding-top:26.1vw;margin-bottom:9.2vw;}
.industry .con.comMedia li + li{padding-top:36.8vw;}
.industry .con.comMedia li p:first-child{font-size:4.8vw;line-height:7.4vw;}
.industry .con.comMedia li:nth-child(1){background:url('/static/images/industry/img_comMedia01_m.png')no-repeat left top;background-size:22.2vw;}
.industry .con.comMedia li:nth-child(2){background:url('/static/images/industry/img_comMedia02_m.png')no-repeat left 10.6vw;background-size:22.2vw;}
.industry .con.comMedia li:nth-child(3){background:url('/static/images/industry/img_comMedia03_m.png')no-repeat left 10.6vw;background-size:22.2vw;}

.industry .con.comMediaIntro ul{margin-top:13.5vw;}
.industry .con.comMediaIntro li{margin-bottom:9.4vw;}
.industry .con.comMediaIntro li + li{padding-top:9.4vw;}
.industry .con.comMediaIntro li div{float:none;width:100%;}
.industry .con.comMediaIntro li div:first-child{font-size:6.4vw;line-height:8.8vw;margin-bottom:2.8vw;width:100%;}
.industry .con.comMediaIntro li div P:first-child{font-size:6.4vw;line-height:8.8vw;margin-bottom:5.2vw;}
.industry .con.comMediaIntro li div dl:first-child dt, .industry .con.comMediaIntro li div dt{width:100%;}
.industry .con.comMediaIntro li div dt{float:none;padding-left:3.5vw;}
.industry .con.comMediaIntro li div dd{float:none;padding-left:3.5vw;width:100%;}
.industry .con.comMediaIntro li div dl:first-child dd{width:100%;}
.industry .con.comMediaIntro li div dl + dl{margin-top:5.6vw;}
.industry .con.comMediaIntro li div dt:before{content:'';position:absolute;width:3px;height:3px;background:#000;left:0;top:2.6vw;}
.industry .con.comMediaIntro li div div + div{margin-top:9.4vw;}

.con.reference .bg.comMedia{background: url('/static/images/industry/img_comMediaRef_bg_m.jpg')no-repeat center top;margin-top:10.6vw;background-size:100% 61.3vw;}

/* Industries - 디지털 금융 */
.industry .con.digitalFnc .inner, .industry .con.digitalFncService .inner{padding-top:21.3vw;}
.industry .con.digitalFnc ol{margin-top:8vw;}
.industry .con.digitalFnc ol li span{width:7.1vw;height:7.1vw;font-size:3.7vw;line-height:7.1vw;}
.industry .con.digitalFnc ol li p {padding-left: 9.7vw;line-height: 7.1vw;}
.industry .con.digitalFnc ol li + li{margin-top:6.5vw;}
.industry .con.digitalFnc ul{margin-top:0;}
.industry .con.digitalFnc ul li{padding-top:38.2vw;padding-left:0;padding-bottom:9.2vw;}
.industry .con.digitalFnc ul li div{font-size:4.8vw;line-height:7.2vw;margin-bottom:5.2vw;}
.industry .con.digitalFnc ul li:nth-child(1){background: url('/static/images/industry/img_digitalTf1_m.png')no-repeat center 10.6vw;background-size:20.6vw auto;}
.industry .con.digitalFnc ul li:nth-child(2){background: url('/static/images/industry/img_digitalTf2_m.png')no-repeat center 10.6vw;background-size:20.8vw auto;}
.industry .con.digitalFnc ul li:nth-child(3){background: url('/static/images/industry/img_digitalTf3_m.png')no-repeat center 10.6vw;background-size:20.9vw auto;}
.industry .con.digitalFncService{margin-top:12.1vw;}
.industry .con.digitalFncService ul{margin-top:15.6vw;}
.industry .con.digitalFncService ul li{float:none;width:100%;margin:0;margin-top:-2.6vw;margin-bottom:-2.6vw;}
.industry .con.digitalFncService ul li:first-child{margin-top:0;}
.industry .con.digitalFncService ul li:last-child{margin-bottom:0;}
.industry .con.digitalFncService ul li p{font-size:4.2vw;line-height:7.2vw;padding-top:12vw;background:url('/static/images/industry/img_digitalTf_check_m.png')no-repeat center top;background-size:6.8vw auto;}

/* Industries - 스마트 교통, 철도통신 */
.industry .indTraffic .ft01{margin-top:21.3vw;}
.industry .smartTrafficTop .iconInfoArea{padding:0;}
.industry .indServiInfo .imgPop{padding:0; margin-bottom:13.5vw;}
.industry .transportList{text-align:center; overflow:hidden;}
.industry .transportList li{float:inherit; width:100%; margin-bottom:13.5vw;}
.industry .transportList li > strong{width:100%; position:relative; display:block; padding:0 0 23vw 0; color:#bb0841; font-size:4.8vw; line-height:7.2vw; font-weight:700;}
.industry .transportList li > strong:after{content:''; display:block; width:20.2vw; height:15.2vw; position:absolute; top:10vw; left:50%; transform: translateX(-50%); background-position:0 0; background-repeat:no-repeat;}
.industry .transportList .transport1:after{background-image: url('/static/images/industry/ico_transport1_m.png'); background-size:100% 100%;}
.industry .transportList .transport2:after{background-image: url('/static/images/industry/ico_transport2_m.png'); background-size:100% 100%;}
.industry .transportList .transport3:after{background-image: url('/static/images/industry/ico_transport3_m.png'); background-size:100% 100%;}
.industry .transportList li .txt{font-size:4.2vw;}
.industry .transportList li .txt > span{display:block;}

.industry .railwaySTxt.type1,
.industry .railwaySTxt.type2,
.industry .railwaySTxt.type3,
.industry .railwaySTxt.type4,
.industry .railwaySTxt.type5{margin:0 0 8.8vw;}
.industry .railwaySTxt dl{float:inherit; position:relative; margin-top:6.2vw; padding-top:6.2vw; border-left:none; border-top:1px solid #d8d8d8; min-height:inherit;}
.industry .railwaySTxt dd{padding-left:2.5vw;}
.industry .railwaySTxt dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3vw; left:0;}
.industry .railwaySTxt dd > span{display:block;}


/* Industries - 지능형 전자정부/공공 */
.industry.intelligent .con.inTLgTop .grayBox4{margin-top:8.3vw;}
.industry.intelligent .con.inTLgTop .grayBox4 + .grayBox4{margin-top:5vw;}
.industry.intelligent .con.inTLgTop ul.grayBox4 li{overflow:hidden;padding:3.8vw 5.3vw;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div{margin-left:4.8vw;width:calc(100% - 10.2vw);float:left;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div:first-child{font-size:4.2vw;line-height:7.2vw;width:5.4vw;margin-left:0;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div div{font-size:4.2vw;line-height:7.2vw;color:#bb0841;font-weight:700;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div p span{display:inline;}
.industry.intelligent .con.inTLgTop .grayBox4 li > div > span{border-bottom:2px solid #bb0841;}
.industry.intelligent .con.inTLgInfo .box2numGray li.ico14 p{position:absolute; top:8.1vw; left:7.3vw; right:inherit; font-size:5.3vw; font-weight:700; line-height:11.5vw;}
.industry.intelligent .con.inTLgInfo .numberL{display:block;margin-left:0;}
.industry.intelligent .con.inTLgInfo .numberL li{display:block;width:100%;border-left:0;padding:0;}
.industry.intelligent .con.inTLgInfo .numberL li span{width:10.6vw;height:10.6vw;line-height:10.6vw;font-size:4.2vw;margin-bottom:3.8vw;}
.industry.intelligent .con.inTLgInfo .numberL li + li{border-top:1px solid #d8d8d8;margin-top:7.4vw;padding-top:8vw;}
.industry.intelligent .con.inTLgInfo .numberL + .numberL{border-top:1px solid #d8d8d8;margin-top:7.4vw;padding-top:8vw;}


/***************************************** platform  *****************************************/
.platform .visual{background:url('/static/images/platform/bg_visual_m.jpg')no-repeat center;background-size:cover;}
.platform.cloud .visual{background:url('/static/images/platform/bg_cloud_visual_m.jpg')no-repeat center;background-size:cover;}/* 클라우드 */
.platform.bigData .visual{background:url('/static/images/platform/bg_aibigdata_visual_m.jpg')no-repeat center;background-size:cover;}/* AI빅데이터 */
.platform.smartFactory .visual{background:url('/static/images/platform/img_smartFactory_bg_m.jpg')no-repeat center;background-size:cover;}/* 스마트팩토리 */
.platform.monaC .visual{background:url('/static/images/platform/bg_mona_bg_m.jpg')no-repeat center;background-size:cover;}/* 블록체인 */
.platform.iot .visual{background:url('/static/images/platform/img_iot_bg_m.jpg')no-repeat center;background-size:cover;}/* IoT */
.platform.smartCity .visual{background:url('/static/images/platform/img_smartCity_bg_m.jpg')no-repeat center;background-size:cover;}/* 스마트시티 */
.platform.robotService .visual{background:url('/static/images/platform/img_robotService_bg_m.jpg')no-repeat center;background-size:cover;}/* 로봇서비스 */

/* platform - Cloud */
.platform.cloud .con.cloudInfo h2 + div{margin-bottom:0;}
.platform.cloud .con.cloudInfo .grayBox li:nth-child(1) div{background: url('/static/images/platform/img_cloudInfo01_m.png')no-repeat right top; background-size: 17.7vw auto;}
.platform.cloud .con.cloudInfo .grayBox li:nth-child(2) div{background: url('/static/images/platform/img_cloudInfo02_m.png')no-repeat right top; background-size: 17.7vw auto;}
.platform.cloud .con.cloudInfo .grayBox li:nth-child(3) div{background: url('/static/images/platform/img_cloudInfo03_m.png')no-repeat right top; background-size: 16.8vw auto;}
.platform.cloud .con.cloudInfo .grayBox li div{line-height:17.8vw; border:1px solid transparent;}
.platform.cloud .con.cloudInfo .grayBox li div strong{display:inline; line-height:7.2vw;}

/* platform - monachain */
.platform .con.monaInfo .grayBox li div {font-size:14.2vw; line-height:17.8vw; border: 1px solid transparent;}
.platform .con.monaInfo .grayBox li div strong{font-size:16vw;}
.platform .con.monaInfo .grayBox li:nth-child(1) div{background:url('/static/images/platform/img_monaInfo01_m.png')no-repeat right top;background-size:15.2vw auto;}
.platform .con.monaInfo .grayBox li:nth-child(2) div{background:url('/static/images/platform/img_monaInfo02_m.png')no-repeat right top;background-size:16vw auto;}
.platform .con.monaInfo .grayBox li:nth-child(3) div{background:url('/static/images/platform/img_monaInfo03_m.png')no-repeat right top;background-size:16.2vw auto;}
.platform .con.basicFunc ul{margin-top:6.4vw;}
.platform .con.basicFunc ul li{float:none;width:100%;}
.platform .con.basicFunc ul li + li{margin-left:0;margin-top:7.2vw;}
.platform .con.basicFunc ul li > div{font-size:4.2vw;line-height:7.2vw;margin:0 5.3vw;width:calc(100% - 10.6vw);padding:43.68% 0;}
.platform .con.basicFunc ul li > div .opBox{font-size:3.7vw;line-height:6.6vw;margin:0 -5.3vw;width:calc(100% + 10.6vw);padding:2.9vw 0;}
.con.reference .bg.monaChain{background: url('/static/images/platform/img_monaRef_bg_m.jpg')no-repeat center top;margin-top:10.6vw;background-size:100% 61.3vw;}
.con.reference .bg.monaChain.ver2{margin-top:10.6vw;padding-top:0;}
.platform .con.monaPoint .bg{background:url('/static/images/platform/img_monaPoint_bg_m.jpg')no-repeat center;background-size:100% 160vw;margin-top:6vw;}
.platform .con.monaPoint ul{padding:0;}
.platform .con.basicFunc ul li > p{margin-top: 14.5vw;font-size:4.2vw;line-height:7.2vw;}
.platform .con.basicFunc ul li > div:after{content:'';position:absolute;background:url('/static/images/platform/img_mona_basicLine.png')no-repeat;width:0.8vw;height: 28.9vw;left:50%;bottom: -11.3vw;background-size:auto 28.9vw;}
.platform .con.monaPoint ul li{width:100%; display: block; font-size:4.2vw; line-height:7.2vw;}
.platform .con.monaPoint ul li + li{border-top: 1px solid rgba(255,255,255,0.2); border-left:none; margin-top:10vw;}
.platform .con.monaPoint ul li:nth-child(1){background:url('/static/images/platform/img_monaPoint01.png')no-repeat center 11.8vw;background-size:16.9vw auto;padding-top:28.7vw;}
.platform .con.monaPoint ul li:nth-child(2){background:url('/static/images/platform/img_monaPoint02.png')no-repeat center 11.5vw;background-size:16vw auto;padding-top:32.3vw;}
.platform .con.monaPoint ul li:nth-child(3){background:url('/static/images/platform/img_monaPoint03.png')no-repeat center 7.1vw;background-size:18.4vw auto;padding-top:27.8vw;padding-bottom:9vw;}
.platform .con.monaMore li.unfoldCon01 .vtBox{height:inherit;}
.platform .con.monaMore li.unfoldCon01 .naviDotV{height:120vw; padding:0 8.8vw;}
.platform .con.monaMore li.unfoldCon01 .bg{background: url('/static/images/platform/img_monaMoreBg_01_m.jpg')no-repeat 0 0; background-size:cover;}
.platform .con.monaMore li.unfoldCon01 .bottom .txtBox{width:100%; padding:13.7vw 8.8vw;}
.platform .con.monaMore li .bottom .txtBox p:first-child{font-size:4.8vw;line-height:7.4vw;margin-bottom:5.2vw;}
.platform .con.monaMore li.unfoldCon01 .bg .inner{padding:0;}

.platform .con.monaMore li.unfoldCon01 .naviDotV .vtBox{display:block;}
.platform .con.monaMore li.unfoldCon01 .naviDotV .vtBox .vtCon{vertical-align:top;display:block;}
.platform .con.monaMore li .bottom .swiper-container p{font-size:4.8vw; line-height:7.2vw;padding-right:0;}
.platform .con.monaMore li .bottom ul li{font-size:4vw; line-height:7vw; padding:3.2vw 0 0 5vw;}
.platform .con.monaMore li .bottom ul li:before{top:6vw;}
.platform .con.monaMore li.unfoldCon01 .sCon01{background: url('/static/images/platform/img_monaMore_sCon01_1.png')no-repeat 0 10.6vw; padding:33vw 0 0 0; background-size: 20%;}
.platform .con.monaMore li.unfoldCon01 .sCon02{background:url('/static/images/platform/img_monaMore_sCon01_2.png')no-repeat 0 10.6vw; padding:33vw 0 0 0; background-size: 20%;}
.platform .con.monaMore li.unfoldCon01 .sCon03{background:url('/static/images/platform/img_monaMore_sCon01_3.png')no-repeat 0 8vw; padding:33vw 0 0 0; background-size: 20%;}

.platform .con.monaMore li.unfoldCon02 .fLeft{width:100%;float:inherit;}
.platform .con.monaMore li.unfoldCon02 .fLeft p{padding-right:0; font-size: 4.2vw; line-height:7.2vw; margin-bottom: 0;}
.platform .con.monaMore li .bottom .ft01 + p{margin-top:8.8vw;}
.platform .con.monaMore li.unfoldCon02 .fRight{width:100%; margin-top:8.8vw; float:inherit;}
.platform .con.monaMore li.unfoldCon02 .bg{background: url('/static/images/platform/img_monaMoreBg_02_m.jpg')no-repeat 0 0; background-size:100% 120vw;}
.platform .con.monaMore li.unfoldCon02 .bg .inner{padding:0;}
.platform .con.monaMore li.unfoldCon02 .bg .ft01{padding:14.2vw 8.8vw 0 8.8vw;margin-bottom:8.8vw;font-size: 6.6vw;line-height: 10.2vw;}
.platform .con.monaMore li.unfoldCon02 .bg .sCon01,
.platform .con.monaMore li.unfoldCon02 .bg .sCon02,
.platform .con.monaMore li.unfoldCon02 .bg .sCon03{padding:0 8.8vw;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div p{padding-top:0; float:left; margin-left: 3vw; font-weight: 700; color: #ccc; font-size: 4.2vw; line-height: 10vw;}
.platform .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble{font-size:4.2vw; line-height:7.2vw; padding:5vw;}
.platform .con.monaMore li.unfoldCon02 .bottom .txtBox{width:100%; background:#f8f8f8; padding:15vw 8.8vw; margin:0;}
.platform .con.monaMore li.unfoldCon02 .swiper-pagination{position:relative;width:100%;bottom:inherit;left:0;top:0;margin-top:8.5vw;padding-bottom:12vw;}
.platform .con.monaMore li.unfoldCon02 .naviBox{width:100%;position:relative;top:auto;}
.platform .con.monaMore li.unfoldCon02 .naviNum{height:100%;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-next, .platform .con.monaMore li.unfoldCon02 .swiper-button-prev{top:-17vw;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-next, .platform .con.monaMore li.unfoldCon02 .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_w_m.png');margin-top:0;margin-left: 11.2vw;}
.platform .con.monaMore li.unfoldCon02 .swiper-button-prev, .platform .con.monaMore li.unfoldCon02 .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_w_m.png');margin-top:0;margin-right: 11.2vw;}

.infoInpBtn a{min-width:39vw;}

.monaDown ul li{padding:6.6vw 0 8.4vw;}
.monaDown ul li > div:first-child,
.monaDown ul li > div{width:100%; padding: 0; display: block; background:none;}
.monaDown ul li > div:first-child span{font-size:4vw;line-height:6.6vw;margin-bottom:1.3vw;}
.monaDown ul li > div .btnBox.btn2{float:inherit; margin-right:0;}

/* 그라데이션 원형 타입 추가 */
.platform .con.basicFuncCy ul{text-align:center;margin:6.4vw 0 0 0;}
.platform .con.basicFuncCy ul li{float:inherit;width:100%;}
.platform .con.basicFuncCy ul li > div{width:55.1vw; height:55.1vw; margin:0 auto; background:url('/static/images/bg_gradation_cy_m.png')no-repeat;background-size:100% 100%;font-size:4.5vw;line-height:6vw;color:#000;font-weight:800;text-align:center;position: relative;}
.platform .con.basicFuncCy ul li:nth-child(2){margin:9.7vw 0;}
.platform .con.basicFuncCy ul li > div span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.platform .con.basicFuncCy ul li > div:after{content:'';position:absolute;background:url('/static/images/bg_basicLine_m.png')no-repeat; background-size:100% 100%; width:0.7vw;height:23.8vw;left:50%;top:40vw;}
.platform .con.basicFuncCy ul li > p{padding:0;font-size:4.2vw;line-height:7.2vw;margin-top:10vw;text-align:left;}
.platform .con.basicFuncCy .imgArea{margin-top:10vw;}
.platform .con.basicFuncCy .imgArea img{margin:0 auto;}

/* 그라데이션 원형 타입 추가 : 블록체인 */
.platform .con.basicFuncFull ul{text-align:center;margin:6.4vw 0 0 0;}
.platform .con.basicFuncFull ul:after{content:''; display:block; clear:both;}
.platform .con.basicFuncFull ul li{float:inherit;width:100%;}
.platform .con.basicFuncFull ul li > div{width:71.1vw; height:71.1vw; margin:0 auto; background:url('/static/images/bg_white_full_m.png')no-repeat;font-size:4.5vw;line-height:7.2vw;color:#000;font-weight:700;text-align:center;position: relative; background-size:100% 100%;}
.platform .con.basicFuncFull ul li > div.gradationBg{margin:0 auto; background:url('/static/images/bg_gradation_full_m.png')no-repeat;color:#fff; background-size:100% 100%;}
.platform .con.basicFuncFull ul li:nth-child(2){margin:9.7vw 0;}
.platform .con.basicFuncFull ul li > div span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.platform .con.basicFuncFull ul li > div:after{content:'';position:absolute;background:url('/static/images/platform/img_mona_basicLine_m.png')no-repeat;width:0.8vw;height:28.9vw;left:50%;top:53vw; background-size:100% 100%;}
.platform .con.basicFuncFull ul li > p{padding:0 5vw;font-size:4.2vw;line-height:7.2vw;margin-top:14vw;text-align:center;}
.platform .con.basicFuncFull ul li > div .opBox{position:absolute;left:-5vw;bottom:-3vw;font-size:3.7vw;line-height:5vw;color:#000;background:rgba(238,238,238,0.95);border-radius:3vw;width:80vw;text-align: center;padding:3vw 2vw;z-index:1; font-weight:400;}
.platform .con.basicFuncFull .imgArea{margin-top:10vw;}
.platform .con.basicFuncFull .imgArea img{margin:0 auto;}

/* 디에이피 */
.platform .con.dapInfo .grayBox{margin-top:7.1vw;}
.platform .con.dapInfo .btnBox{margin-top:8vw;}
.platform .dapService .dataSvi{margin:7.1vw 0;}
.platform .dapService .dataSvi ul{width:100%; text-align:center; margin:0 auto;}
.platform .dapService .dataSvi ul:after{content:''; display:block; clear:both;}
.platform .dapService .dataSvi ul li{position:relative; width:50%; height:inherit; float:left;}
.platform .dapService .dataSvi .bgRed{background:url('/static/images/platform/bg_dataSvi_r_m.png')no-repeat 0 0; margin-right:-1.95vw; background-size:100% 49.5vw;}
.platform .dapService .dataSvi .bgWhite{background:url('/static/images/platform/bg_dataSvi_w_m.png')no-repeat 0 0; margin-left:-1.95vw; background-size:100% 49.5vw;}
.platform .dapService .dataSvi strong,
.platform .dapService .dataSvi span{display:block; position:static; text-align:center; font-size:3.5vw; line-height:6vw; transform: translateY(0);     padding:0;}
.platform .dapService .dataSvi .bgRed strong{color:#fff; font-size:4.2vw; font-weight:700; padding:18vw 3vw 27vw 0;}
.platform .dapService .dataSvi .bgWhite strong{color:#bb0841; font-size:4.2vw; font-weight:700; padding:18vw 0 27vw 3vw;}

/* Iot */
.iot .liHyphen.white li{margin-top:0;}
.platform .typePictureList .txtBox2 .txtCon{float:inherit; width:100%;}
.platform .typePictureList .txtBox2 .subTitR{float:none; width:100%; font-size:4.5vw; line-height:6.5vw; margin-bottom:5.5vw; padding-right:0;}
.platform .typePictureList .subTitR{font-size:4.2vw;}
.platform .infiotImg{max-width:53.5vw;}
.platform .con.iotInfo .btnBox{margin-top:8vw;text-align:center;}

.platform .moreTop .innerTextArea{padding:15.5vw 0 11vw 0;}
.platform .moreTop .bigTitle{display:block; margin-bottom:9.7vw; color:#bb0841; font-weight:800; letter-spacing:2px;}
.platform .moreTop .smallTitle{display:block; border-top:1px solid #333; padding-top:10.6vw; font-size:7.4vw; line-height:8vw; color:#222; font-weight:400;}
.platform .moreTop .innerTextArea .txtWrap1 .smallTitle{border-top:none; padding-top:0;}
.platform .moreTop .innerTextArea .smallTitle + p{padding-top:9.7vw;}
.platform .typePictureList{padding-bottom:16vw;}
.platform.iot .moreTop .innerTextArea .txtWrap2{margin-bottom:0;}
.platform .typePictureList .imgEvery{margin:6.2vw 0 9.7vw;}
.platform .typePictureList .subTitR{font-size:4.5vw;}
.platform .typePictureList .fstar{margin-top:4.4vw;}
.platform .typePictureList .txtBox2 .subTitR{float:inherit;width:100%;padding-right:0;margin-bottom:0;box-sizing:border-box;}
.platform .typePictureList .txtBox2 .txtCon{float:inherit;width:100%;box-sizing:border-box; padding-top:8vw;}

.platform .classify .dlText{margin-top:0;}
.platform .classify .dlText dt{margin-bottom:3vw;}
.platform .classify.first{border-top:none; padding-top:0;}
.platform .classify{padding:15.1vw 0; border-top:1px solid #d8d8d8;}
.platform .classify.last{padding-bottom:0;}

/* 스마트팩토리 */
.platform.smartFactory .con.factovaPoint p + .smallInr {margin-top:9vw;}
.platform.smartFactory .con.factovaPoint .imgPop{margin-top:6.7vw;}
.platform.smartFactory .con.factovaPoint .imgPop img{margin:0 auto;}
.platform.smartFactory .con.factovaPoint .imgPop + p{margin-top:7.4vw;}
.platform.smartFactory .con.factovaPoint  p + .ft01{margin-top:5.2vw;}
.con.reference .bg.factova{background: url('/static/images/platform/img_factovaRef_bg_m.jpg')no-repeat center top;margin-top:10.6vw;background-size:100% 61.3vw;}

/* 로봇서비스 */
.platform.robotService .con.basicFunc .imgPop{margin:13.5vw 0;}
.platform.robotService .con.basicFunc .topText ul{margin-top:0;}
.platform.robotService .con.basicFunc .topText li{position:relative;padding-left:3.2vw;float:none;width:100%;text-align:left;margin-top:0;}
.platform.robotService .con.basicFunc .topText li:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.platform.robotService .grayBoxCnt{margin-top:10.6vw;}
.platform.robotService .grayBoxCnt > li + li{margin-top:15.6vw;}
.platform.robotService .grayBoxCnt li > div{overflow:hidden;clear:both;}
.platform.robotService .grayBoxCnt li > div > span{font-size:6.4vw;line-height:7.2vw;color:#aaa;float:left;margin:0 0 5vw 0;width:100%;display:block;}
.platform.robotService .grayBoxCnt li > div > p{font-size:6.4vw;line-height:7.2vw;float:inherit;width:100%;}
.platform.robotService .grayBoxCnt li > div.boxWrap{background:#f9f9f9;padding:10.6vw 7.1vw;display:block;width:100%;margin-top:7.1vw;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon{width:100%;vertical-align:top;overflow:hidden;display:block;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon span{float:inherit;width:100%;padding-left:0;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon div{float:inherit;width:100%;padding:0;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon + .vtCon{border-top:1px solid #d8d8d8; border-left:none; padding-top:4vw; margin-top:4vw;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon div li{padding-left:3.2vw;position:relative;}
.platform.robotService .grayBoxCnt li > div.boxWrap .vtCon div li:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#333; position:absolute; top:2.9vw; left:0;}

.platform.robotService .con.orottPoint .typeVertical{margin-top:19.5vw; height:157.3vw; background: url('/static/images/platform/img_robotPoint_bg_m.jpg') no-repeat center 0; background-size:100% 100%;}
.platform.robotService .con.orottPoint .typeVertical .text{padding-right:3vw;display: flex;align-items: center;height: 157.3vw;}
.platform.robotService .con.orottPoint .typeVertical .swiper-container{max-width:100%; height:157.3vw;}
.platform.robotService .con.orottPoint .topText{margin-top:0;}
.platform.robotService .con.orottPoint .topText > ul > li + li{margin-top:7.1vw;border-top:1px solid rgba(255,255,255,0.2);padding-top:7.1vw;}
.platform.robotService .con.orottPoint .topText li p{font-size:4.2vw;line-height:7.2vw;font-weight:400;padding:2vw 0;}
.platform.robotService .con.orottPoint .topText li ul{margin-bottom:7.1vw;}
.platform.robotService .con.orottPoint .topText li li{position:relative;padding-left:3.2vw;}
.platform.robotService .con.orottPoint .topText li li:before{content:''; display:block; width:1.4vw; height:1px; background:#fff; position:absolute; top:3.2vw; left:0;}

.platform .con.orottMore .unfoldBox.pageNumBg{margin-top:7.1vw;}
.platform .con.orottMore li.unfoldCon01 .bg{margin-top:7.1vw;}
.platform .con.orottMore li .bottom .badge{color:#bb0841;font-weight:800;line-height:1;margin-bottom:10vw;padding-top:16vw;letter-spacing:2px;}
.platform .con.orottMore li .bottom .ft01 + p{margin-top:5vw;margin-bottom:10vw;}
.platform .con.orottMore .bg{background: url('/static/images/platform/img_robotOrott_bg0_m.jpg')no-repeat center top;position:relative;margin-top:15vw;transition:background 0.4s;-o-transition:background 0.4s;-moz-transition:background 0.4s;-webkit-transition:background 0.4s; background-size:100% 60.8vw;}
.platform .con.orottMore .bg:before{content:'';position:static;left:0;top:0;height:60.8vw;background:#f8f8f8;width:100%;}
.platform .con.orottMore .bg.bgIndex0{background: url('/static/images/platform/img_robotOrott_bg0_m.jpg')no-repeat center top;position:relative;background-size:100% 60.8vw;}
.platform .con.orottMore .bg.bgIndex1{background: url('/static/images/platform/img_robotOrott_bg1_m.jpg')no-repeat center top;position:relative;background-size:100% 60.8vw;}
.platform .con.orottMore .bg.bgIndex2{background: url('/static/images/platform/img_robotOrott_bg2_m.jpg')no-repeat center top;position:relative;background-size:100% 60.8vw;}
.platform .con.orottMore .slideBox{width:100%;position: relative;}
.platform .con.orottMore .slideBox .swiper-container{padding-bottom:5vw;}
.platform .con.orottMore .slideBox .swiper-slide > div:first-child{height:60.8vw;color:#fff;display:table;width:100%;}
.platform .con.orottMore .slideBox .swiper-slide > div p{display:table-cell;vertical-align:middle;font-size:7.4vw;line-height:10vw;color:#fff;font-weight:700;}
.platform .con.orottMore .slideBox .swiper-slide > div p strong{display:block;font-size:7.4vw;line-height:10vw;margin-top:0;}
.platform .con.orottMore .slideBox .swiper-slide .bgBox{padding:7.1vw 0;position:relative;min-height:inherit;padding-right:7.1vw;background:#f8f8f8;}
.platform .con.orottMore .slideBox .swiper-slide .bgBox li{position:relative;padding-left:3.2vw;}
.platform .con.orottMore .slideBox .swiper-slide .bgBox li:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.platform .con.orottMore .btnBox.unfold{margin-top:7.1vw;}
.platform .con.orottMore .pageNumBg .bg .inner{padding: 0 8.8vw 20vw 8.8vw;}

/* AI 빅데이터 */
.platform.bigData .con.discriPoint .dotTxt{margin-bottom:3vw;}

/* 플랫폼 클라우드 */
.platform.cloud .con.basicFunc ul li > div,
.platform.cloud .con.basicFunc ul li:nth-child(2) > div{width:55.1vw; height:55.1vw; padding:0; border:4.8vw solid #bb0841; margin:0 auto;}
.platform.cloud .stepLine li{width:25%;}
.platform.cloud .stepLine li > p{font-size:4.2vw; line-height:7.2vw;}
.platform.cloud .stepLine li:nth-child(5),
.platform.cloud .stepLine li:nth-child(6),
.platform.cloud .stepLine li:nth-child(7){width:33.3%; margin-top:10.6vw;}

.platform.cloud .con.cloudMore .badge{color:#bb0841;font-weight:800;line-height:1;margin-bottom:4vw;padding-top:14.2vw;letter-spacing:2px;}
.platform.cloud .unfoldCon01 .cloudMoreList{margin-bottom: 0; padding-bottom: 21.3vw;}
.platform.cloud .unfoldCon01 .cloudMoreList p.tit{font-size:4.8vw;line-height:7.2vw;font-weight:700;margin-bottom:7.1vw;}
.platform.cloud .unfoldCon01 .cloudMoreList p.tit + p{font-weight:700;margin-bottom:3vw;}
.platform.cloud .unfoldCon01 .cloudMoreList ul{overflow:hidden;clear:both;margin-top:4.4vw;}
.platform.cloud .unfoldCon01 .cloudMoreList > li{margin:10vw 0;}
.platform.cloud .unfoldCon01 .cloudMoreList ul li{float:inherit;width:100%;overflow:hidden; margin-top:3vw;}
.platform.cloud .unfoldCon01 .cloudMoreList ul li:first-child{margin-top:0;}
.platform.cloud .unfoldCon01 .cloudMoreList ul li span{font-size:4vw;line-height:8.1vw;height:8.1vw;width:8.1vw;border-radius:50%;background:#bb0841;display:block;float:left;position:relative;color:#fff;text-align:center;font-weight:700;}
.platform.cloud .unfoldCon01 .cloudMoreList ul li p{width:calc(100% - 8.1vw);margin:0 0 0 10.5vw;float:inherit;padding-top:0;}
.platform.cloud .unfoldCon01 .cloudMoreList > li + li{border-top:1px solid #d8d8d8;margin-top:3.5vw;padding-top:10vw;}
.platform.cloud .unfoldCon02 .cloudMoreList{margin-bottom:3.5vw; padding-bottom: 21.3vw;}
.platform.cloud .unfoldCon02 .cloudMoreList > li{margin-top:14.2vw;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox{overflow:hidden;clear:both;margin-bottom:3.5vw;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span{font-size:4.8vw;line-height:7.2vw;color:#be154b;font-weight:700;float:inherit;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t80{width:100%;float:inherit;margin-bottom:3vw;display:block;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t80 + p{width:100%;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t115{width:100%;float:inherit;margin-bottom:3vw;display:block;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox span.t115 + p{width:100%;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox p{float:inherit;padding-left:3.2vw;position:relative;margin-left:0;padding-top:0;}
.platform.cloud .unfoldCon02 .cloudMoreList .txtBox p:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.platform.cloud .unfoldCon02 .cloudMoreList .bdBox{border:1px solid #d8d8d8;padding:8.8vw;overflow:hidden;}
.platform.cloud .unfoldCon02 .cloudMoreList .bdBox.solo{border:none; padding:0;}
.platform.cloud .unfoldCon02 .cloudMoreList .bdBox img{margin:0 auto;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox{display:block;width:100%;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul{display:block;width:100%;vertical-align:middle; padding:0 0 8vw 0; margin:0 0 10.6vw 0; border-bottom:1px solid #d8d8d8;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox div{display:block;width:100%;vertical-align:middle;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li{overflow:hidden;clear:both;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li + li{margin-top:3.5vw;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li span{float:left;width:12%;font-size:4.2vw;color:#aaa;font-weight:700;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(2) .bdBox ul li p{float:left;width:88%;margin-left:0;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2{padding:0; border:none;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul{overflow:hidden;display:block;width:100%;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul > li{display:block;width:100%; padding:8.8vw; border:1px solid #d8d8d8;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul > li + li{margin-top:3.5vw;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul > li > div{font-weight:700;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul > li > p{margin:3.5vw 0;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul > li li{padding-left:3.2vw;position:relative;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul > li li:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.platform.cloud .unfoldCon02 .cloudMoreList > li:nth-child(3) .bdBox.bdBoxType2 > ul ul{margin-bottom:3.5vw;}

.platform.cloud .con.cloudUse .bdBox{display:block;width:100%;padding:0 5.3vw;}
.platform.cloud .con.cloudUse .bdBox li{width:100%;display:block;padding:0;}
.platform.cloud .con.cloudUse .bdBox li + li{border-left:0;border-top:1px solid #d8d8d8;margin-top:0;}
.platform.cloud .con.cloudUse .bdBox li p{padding-top:27.8vw;padding-bottom:5.6vw;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(1) p{background:url('/static/images/platform/img_cloud_utilz1_m.png')no-repeat center top;background-size:16.7vw auto;padding-top:20.4vw;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(2) p{background:url('/static/images/platform/img_cloud_utilz2_m.png')no-repeat center 7.4vw;background-size:16.7vw auto;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(3) p{background:url('/static/images/platform/img_cloud_utilz3_m.png')no-repeat center 7.4vw;background-size:16.7vw auto;}
.platform.cloud .con.cloudUse .bdBox li:nth-child(4) p{background:url('/static/images/platform/img_cloud_utilz4_m.png')no-repeat center 7.4vw;background-size:16.7vw auto;}

/***************************************** PR 공통 *****************************************/
.pr.newsContent .visual{background:url('/static/images/pr/bg_visual_news_m.jpg')no-repeat center;background-size:cover;}/* 뉴스 */
.pr.publicCon .visual{background:url('/static/images/pr/bg_visual_public_m.jpg')no-repeat center;background-size:cover;}/* 홍보영상 */
.pr.blogCon .visual{background:url('/static/images/pr/bg_visual_blog_m.jpg')no-repeat center;background-size:cover;}/* 블로그 */
.pr.notiCon .visual{background:url('/static/images/pr/bg_visual_noti_m.jpg')no-repeat center;background-size:cover;}/* 공지사항 */

.pr .con.comm{margin-top:17.6vw;}
.pr .noticeList h2 + div,
.pr .public2 h2 + div{margin-top:13.5vw;}
.pr .boardList + .pageBox,
.pr .noticeBoardList + .pageBox,
.pr .publicList + .pageBox{margin-top:10.6vw;}

.pr .newsBottom .listTop{overflow:hidden;clear:both;position:relative;}
.pr .newsBottom .listTop > div.allNum{float:inherit;line-height:4.6vw;padding-top:0; position:absolute; bottom:0; right:0;}
.pr .newsBottom .listTop > div.searchBox{float:inherit;}
.pr .empty{font-size:4.8vw; text-align:center !important; padding:16vw 0 !important;}
.pr .empty strong{border-bottom:1px solid #000;}
.pr .empty .btnBkLine{min-width:47.2vw;}
.pr .empty div:first-child{padding-bottom:8vw;}
.pr .empty .br{display:block;}

/* view 공통 */
.pr .newsCon{width:100%; max-width:100%; margin:0 auto;}
.pr .newsCon .newsTitle{position:relative; padding-bottom:10.6vw; border-bottom:1px solid #000;margin-bottom:10.6vw;}
.pr .newsCon .newsTitle strong{display:block; margin:0 0 4.4vw 0; line-height:40px; font-size:5.3vw; font-weight:700;}
.pr .newsCon .newsTitle span{display:block; position:static; font-size:4vw;}
.pr .newsCon .smallPoint{font-weight:bold; position:relative;padding-left:2.5vw;}
.pr .newsCon .smallPoint:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#000; position:absolute; top:3vw; left:0;}
.pr .newsCon .smallPoint + .smallPoint{margin-top:2vw;}
.pr .newsCon .smallPoint + div{margin-top:7.1vw;padding-top:7.1vw;}
.pr .newsCon .textLine{margin-top:7.1vw;}
.pr .newsCon .newsShare{text-align:left; margin-top:10.2vw;}
.pr .newsCon .newsShare a{min-width:39.2vw; font-size:3.4vw; line-height:5vw;}
.pr .imgArea.cen{text-align:center;}
.pr .imgArea.cen img{width:100%;display:inline-block;}

.pr .newsCon .clipFile{padding:5.3vw 0; margin-bottom:7.1vw; border-bottom:1px solid #d8d8d8;}
.pr .newsCon .clipFile li{position:relative; padding-left:6vw;}
.pr .newsCon .clipFile li:before{content:''; display:block; width:4vw; height:5vw; background:url('/static/images/ico_clip.png')no-repeat 0 0; background-size:100% 100%; position:absolute; top:50%; left:0; margin-top:-2vw;}
.pr .newsCon .clipFile a{display:inline; font-size:4vw; line-height:5vw; border-bottom:1px solid #000;}

.pr .viewBottom{margin-top:16vw;}
.pr .viewBottom ul{border-bottom:1px solid #d8d8d8;}
.pr .viewBottom ul li{overflow:hidden; padding:4.4vw 0; border-top:1px solid #d5d9de;}
.pr .viewBottom ul li p,
.pr .viewBottom ul li a{font-size:4.2vw; line-height:4.6vw; font-weight:700;}
.pr .viewBottom ul li p{position:relative; float:left; width:20vw; color:#be154b; padding-left:4vw; margin-top:1.1vw;}
.pr .viewBottom ul li a{float:left; width:calc(100% - 24vw); display:block; line-height:7.2vw; color:#000; max-height:20vw;}
.pr .viewBottom ul li span{display:none;}
.pr .viewBottom .prevText p:before,
.pr .viewBottom .nextText p:before{content:''; display:block; width:2vw; height:2vw; border-top:0.5vw solid #be154b; border-right:0.5vw solid #be154b; position:absolute;top:50%;margin-top:-1.35vw;}
.pr .viewBottom .prevText p:before{-moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); left:1vw;}
.pr .viewBottom .nextText p:before{-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left:0;}
.pr .newsListGo{margin-top:7.1vw; text-align:center;}
.pr .newsListGo a{min-width:39.2vw;}

/* PR - news List */
.pr .con.newsList img{width:100%;}
.pr .con.newsList .newsTop{margin-bottom:16vw;}
.pr .con.newsList .newsTop .vtCon{width:100%; padding:9.4vw 8.3vw}
.pr .con.newsList .newsTop div:first-child{padding:0;vertical-align:top;}
.pr .con.newsList .newsTop div .tit{font-size:4.8vw;line-height:7.2vw;font-weight:700;overflow:hidden;margin-bottom:4.4vw;max-height:14.4vw;}
.pr .con.newsList .newsTop div .date{font-size:4vw;line-height:4.2vw;margin-bottom:7.1vw;}
.pr .con.newsList .newsTop div .desc.ellipsis{max-height:none;}
.pr .boardList{border-top:1px solid #000;margin-top:2.6vw;}
.pr .boardList li{overflow:hidden; border-bottom:1px solid #d8d8d8;padding:8vw 0;}
.pr .boardList .imgArea{float:inherit; width:100%; margin-right:0;}
.pr .boardList .textArea{float:inherit; width:100%; padding:5.3vw 0 0 0;}
.pr .boardList .textArea .tit{font-size:4.8vw;line-height:7.2vw;font-weight:700; margin-bottom:5.3vw;max-height:14.4vw;}
.pr .boardList .textArea .date{font-size:4vw;line-height:4.2vw;margin-bottom:0;}
.pr .boardList .textArea .desc{display:none;}

/* PR - news View */
.pr .newsView,
.pr .noticeView{padding:0 8.8vw;}

/* PR - notice List */
.pr .noticeBoardList{border-top:1px solid #000;margin-top:2.6vw;}
.pr .noticeBoardList span{display:block;}
.pr .noticeBoardList .num{display:none;}
.pr .noticeBoardList .text{float:left; width:calc(100% - 26vw);}
.pr .noticeBoardList .text a{display:block; max-height:20vw;}
.pr .noticeBoardList .days{float:right; width:26vw; text-align:left; font-size:4vw;}
.pr .noticeBoardList li{overflow:hidden; padding:7.1vw 4.4vw;}
.pr .noticeBoardList li{border-bottom:1px solid #e5e5e5; padding:4vw 4.4vw;}
.pr .noticeBoardList .firstTitle{background:#f9f9f9; border-bottom:none;}
.pr .noticeBoardList .firstTitle .text,
.pr .noticeBoardList .firstTitle .days{text-align:left; font-size:4.2vw; font-weight:700;}

/* PR - 홍보영상 */
.pr .movieArea{width:calc(100% + 17.6vw); margin:0 -8.8vw; padding:0;padding-bottom:8vw;}
.pr .movieInner{padding:0 8.8vw;}
.pr .movieCon{padding-top:56.5%;}
.pr .movieArea .movieCon, .pr .movieArea .txtBox{width:100%;float:none;}
.pr .movieArea .txtBox{padding:0;margin-top:8.8vw;}
.pr .movieArea .txtBox div{font-size:4.2vw;line-height:7.2vw;margin-bottom:4.2vw;}
.pr .movieCon iframe{height:100%;}
.pr .movieTab ul{width:100%; margin:16vw auto 8vw auto; overflow:hidden;}
.pr .movieTab ul li{width:50%; float:left; border:1px solid #d8d8d8;}
.pr .movieTab ul li a{padding:3.5vw 0; color:#666; font-size:4.2vw; font-weight:700; line-height:7.2vw; text-align:center;}
.pr .movieTab ul li.active{border:1px solid #be154b;}
.pr .movieTab ul li.active a{color:#fff; background:#be154b;}
.pr .publicity{margin-bottom:21.3vw;}
.pr .publicList{border-top:1px solid #000;margin-top:2.6vw;}
.pr .publicList ul{overflow:hidden; border-bottom:1px solid #e5e5e5;}
.pr .publicList li{float:inherit; width:100%; padding:5.3vw 0; border-top:none;}
.pr .publicList li a > div{border:1px solid #d8d8d8;}
.pr .publicList li a img{width:100%;}
.pr .publicList li:nth-child(even) a{margin-left:0;}
.pr .publicList li:nth-child(odd) a{margin-right:0;}
.pr .publicList li:nth-child(4n+2),
.pr .publicList li:nth-child(4n+3){width:100%;}
.pr .publicList li:nth-child(4n+2) a{margin:0;}
.pr .publicList li:nth-child(4n+3) a{margin:0;}
.pr .publicList li a > p{margin-top:4.4vw; max-height:12vw;}
.pr .publicList li.empty{display:none; width:100%; border-top:none;}

/* PR - blog */
.pr .blogLetter{border-bottom:1px solid #333; padding-bottom:6.2vw;}
.pr .blogLetter + .con.pSolution{margin-top:21.3vw;}
.pr .blogList ul{overflow:hidden;}
.pr .blogList ul li{float:left; width:100%; min-height:inherit; margin-top:6.2vw; padding-top:8vw; border-top:1px solid #d8d8d8;}
.pr .blogList ul li:first-child{min-height:inherit; margin-top:0; padding-top:0; border-top:none;}
.pr .blogList ul li:nth-child(2){min-height:inherit; margin-top:6.2vw; padding-top:8vw; border-top:1px solid #d8d8d8;}
.pr .blogList ul li:nth-child(odd){padding-right:0;}
.pr .blogList ul li:nth-child(even){padding-left:0;}
.pr .blogList ul li img{width:100%;}
.pr .blogList ul li a{display:block;}
.pr .blogList .blogTit{font-size:4.8vw; padding-top:4.4vw;height:18.8vw;}
.pr .blogList .blogTit:after{content:''; display:inline-block; width:3.73vw; height:3.73vw; margin:1.5vw 0 0 1.5vw; vertical-align:top; background:url('/static/images/ico_move_big.png') no-repeat 0 0; background-size:100% 100%;}

/* pr - 블로그 구독 신청 */
.pr .publicPop.blogCan .popArea,
.pr .publicPop.CanConfirm .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw; margin:0 5.3vw; background:#fff;}
.pr .publicPop.blogCan .popClose,
.pr .publicPop.CanConfirm .popClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}
.pr .publicPop.blogCan strong,
.pr .publicPop.CanConfirm strong{display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;}
.pr .publicPop.blogCan .popTitle strong{font-weight:700;}
.pr .publicPop.blogCan .infoInpBox .colgroup1,
.pr .publicPop.blogCan .infoInpBox .colgroup2{float:inherit; height:inherit;}
.pr .publicPop.blogCan .infoInpBox .colgroup1{margin-bottom:2.26vw;}
.pr .publicPop.blogCan .infoInpBox .colgroup2{margin-bottom:5.3vw;}
.infoInpBox.type3{padding-top:8vw; border-bottom:1px solid #d8d8d8;}/* type3 : 블로그 구독 해지 팝업 */
.infoInpBox.type3 .name .colgroup2 input{width:100%;}
.infoInpBox.type3 .email .colgroup2 .inputBox input{width:80%;}
.infoInpBox.type3 .email .colgroup2 .selectBox input,
.infoInpBox.type3 .email .colgroup2 .selectBox .outSel{position:relative; width:calc(50% - 1.3vw);}
.publicPop.blogCan .blogCanPop .colgroup2 .selectBox .outSel{margin-left:2.6vw;}
.publicPop.blogCan .popTitle{padding-bottom:7.5vw;position:relative;}
.publicPop.blogCan .blogCanPop .colgroup2 .selectBox .outSel:after{content:''; display:block; width:3.1vw; height:1.8vw; background: url('/static/images/ico_select.png') no-repeat 0 0; position:absolute; top:50%; right:4.8vw; z-index:1; margin-top:-0.9vw; background-size:100% 100%;}
.infoInpBox .selectBox.arrowNone:after{background:none;}
/* 팝업안의 버튼 : 공통 */
.publicPop.blogCan .blogCanApp,
.publicPop.blogCan .popClose2{width:calc(50% - 1.3vw); min-width:inherit;}
.publicPop.blogCan .blogCanApp{border: 2px solid #000;}
.publicPop.blogCan .popClose2{margin-left:2.6vw;}
.publicPop.blogCan .popCanBtn{margin:8vw auto 0 auto; text-align:center;}
.publicPop.blogCan .popArea{padding:0 0 13.3vw;background:#fff;}

.publicPop.blogCan .popCanBtn > a{min-width:33vw; border: 2px solid #000;}

.publicPop.CanConfirm .popTitle{padding-bottom:0;position:relative;}
.publicPop.CanConfirm .CanConfirmPop strong{padding-top:5vw; text-align:center;}
.publicPop.CanConfirm .confirmOk,
.publicPop.CanConfirm .popClose2{width:calc(50% - 1.3vw); min-width:inherit;}
.publicPop.CanConfirm .confirmOk{border: 2px solid #000;}
.publicPop.CanConfirm .popClose2{margin-left:2.6vw;}
.publicPop.CanConfirm .popCanBtn{margin:8vw auto 0 auto; text-align:center;}

/* 정보수집 팝업 : 공통 */

.publicPop.downCollect .popArea{width:calc(100% - 10.6vw);  padding:8vw 5.3vw; margin:0 5.3vw;background:#fff;}
.publicPop.downCollect .popClose{width:5.5vw; height:5.5vw; position:absolute; top:8vw; right:0; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}
.publicPop.downCollect .typeDownC .colgroup1{display:block; padding:0; color:#000; text-align:left; font-size:4.2vw; font-weight:400;line-height:7.2vw;}
.publicPop.downCollect .popTitle strong{display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;}
.downCollectPop .infoInpBox ul li.officeDiv2 .sec1, .downCollectPop .infoInpBox ul li.officeDiv2 .sec2{display:block;}
.downCollectPop .infoInpBox ul li .colgroup2{display:block;}
.downCollectPop .infoInpBox ul li.officeDiv2 .sec2{border-top:0;}
.publicPop.downCollect .infoInpBox{padding-top:8vw;}
.publicPop.downCollect .infoInpBox .colgroup1,
.publicPop.downCollect .infoInpBox .colgroup2{width:100%; float:inherit; height:inherit;}
.publicPop.downCollect .infoInpBox .colgroup1{margin-bottom:2.26vw;}
.publicPop.downCollect .infoInpBox .colgroup2{margin-bottom:6.5vw;}
.publicPop.downCollect .popTitle{padding-bottom:0;position:relative;padding-top:8vw;}
.publicPop.downCollect .popArea{padding-top:0;}
.publicPop.downCollect .downOk,
.publicPop.downCollect .btnBkLine.popClose2{width:calc(50% - 1.3vw); min-width:inherit;}
.publicPop.downCollect .btnBkLine.popClose2{margin-left:2.6vw;}
.publicPop.downCollect .popCanBtn{margin:8vw auto 0 auto; text-align:center;padding-bottom:8vw;}
.infoInpBox.typeDownC .typeRadio.short .colgroup1{padding:0;}
.infoInpBox.typeDownC .typeRadio .colgroup2{border-top:2px solid #d8d8d8;border-bottom:2px solid #d8d8d8;padding:8vw 0;}
.infoInpBox.typeDownC .typeRadio.short .colgroup1, .infoInpBox.typeDownC .typeRadio.mid .colgroup1{font-weight:700;}
.infoInpBox.typeDownC .typeRadio .colgroup2 ul li{padding:0;}
.infoInpBox.typeDownC .typeRadio .colgroup2 ul li:first-child{margin-top:0;margin-right:0;}
.infoInpBox.typeDownC .typeRadio .colgroup2 p{font-size:4.2vw;line-height:7.2vw;}
.infoInpBox.typeDownC .typeRadio.mid .colgroup2 ul{overflow:hidden;clear:both;margin-top:5.6vw;}
.infoInpBox.typeDownC .typeRadio.mid .colgroup2 ul li{float:left;width:50%;margin:0;line-height:8vw;}
.termsBox p{font-size:4.2vw;line-height:7.2vw;}
.termsBox .colgroup1{font-weight:700;}
.termsBox .colgroup2{border-top:2px solid #d8d8d8;border-bottom:2px solid #d8d8d8;padding:8vw 0;}
.termsBox .allCheck{line-height:8vw;margin-top:6.5vw;margin-bottom:5.3vw;}
.termsBox .termsList{padding:1.8vw 5.3vw}
.termsBox .termsList li{margin:3.5vw 0;}
.termsBox .termsList li p{margin-left:0;width:calc(100% - 10.5vw);margin-top:1.2vw;}

.publicPop.downCollect .redNoti{text-align:left; margin:8.8vw 0 2.2vw; color:#be154b; font-size:3.4vw; line-height:4.4vw;}
.redStar{display:inline-block; margin-right:2vw; color:#bb0841; font-weight:700;}
.publicPop.downCollect .popNoti{margin-top:15px; font-size:4.2vw; line-height:7.2vw;}

.infoInpBox.typeDownC .officeDiv3 .sec2,
.infoInpBox.typeDownC .officeDiv3 .sec3{border-top:none;}
.infoInpBox.typeDownC .officeDiv3 input{max-width:inherit;}
.infoInpBox.typeDownC .typeRadio.short .colgroup1,
.infoInpBox.typeDownC .typeRadio.mid .colgroup1{height:inherit;}
.infoInpBox.typeDownC .typeRadio .colgroup2{width:100%;}
.infoInpBox.typeDownC .typeRadio .colgroup2 ul li{float:inherit; margin:8vw 0 0 0; line-height:7.2vw;}
.infoInpBox.typeDownC .typeRadio input.bkCheck_s[type="radio"]{border:none;}
.infoInpBox.typeDownC .typeRadio input.bkCheck_s[type="radio"] + label:before{float:left;}
.infoInpBox.typeDownC .email .colgroup2 .inputBox input{width:80%;}
.infoInpBox.typeDownC .email .colgroup2 > span{margin:0 1vw;}
.infoInpBox.typeDownC .name .colgroup2 input{width:100%;}
.infoInpBox.typeDownC .email .colgroup2 .selectBox{width:calc(50% - 2.6vw);}


/***************************************** utility *****************************************/
/* utility - 문의하기, faq */
.utility .visual{background:url('/static/images/utility/bg_visual_m.jpg')no-repeat center;background-size:cover;}

 /*[CSR ID:4237040] 고객 Pain Point 상시관리 기능 추가 요청*/
.utility .faqGo{margin:16vw 8.8vw 19.5vw 8.8vw;}
.utility .faqGo .inner{overflow:hidden; padding:9.7vw 8vw; background:#f9f9f9;}
.utility .faqGo .inner > p{float:inherit; position:relative; padding-left:0;}
.utility .faqGo .inner > p:before{background:none;}
.utility .gate .faqGoBtn {float:inherit; margin-top: 5vw; margin-left: 14%;} 
.utility .faqGoBtn a{min-width:47vw; background:#fff;}
.utility .inquiry .faqGoBtn {margin-left:0 !important;} 
.utility .unfoldBox .bottom p:first-child{padding:8.8vw 0 15vw;}


/* utility, 블로그 구독신청 공통 */
.agreement{border-bottom:1px solid #333; padding-bottom:17.2vw;}
.agreement .txtDiv{display:inline;}
.agreeArea{padding:8.8vw 7.1vw 7.1vw 7.1vw; margin:7.1vw 0 5.3vw 0; border:1px solid #d8d8d8;}
.agreeBox{height:268px; position:relative; padding-right:5vw;}
.agreeTop > strong{font-weight:800;}
.agreeTop > p{margin-top:4.4vw;}
.assent{position:relative; text-align:left; padding-right:0;}
.assent label{font-size:4.2vw; line-height:4.4vw; font-weight:700;}

.infoInpArea{margin-bottom:21.3vw;}
.infoInpArea .redNoti{text-align:left; margin:8.8vw 0 2.2vw; color:#be154b; font-size:3.4vw; line-height:4.4vw;}

.infoInpBox{border-top:1px solid #d8d8d8;}
.infoInpBox ul li{border-bottom:none;}
.infoInpBox .colgroup1{width:100%; height:inherit; float:inherit; display:block; padding:4.4vw 0 2.2vw; background:none; font-weight: 700; line-height: 4.4vw;}
.infoInpBox .colgroup2{float: inherit; padding:0;}

.infoInpBox input,
.infoInpBox input[type="text"],
.infoInpBox select{border:1px solid #d8d8d8;height:12.4vw;line-height:12.4vw;font-size:4vw;padding:0 4.8vw;color:#666666;}
.infoInpBox textarea{border:1px solid #d8d8d8;line-height:5vw;font-size:4vw;padding:4.8vw;color:#666666;}
.infoInpBox input[type="text"],
.infoInpBox select{height:12.4vw;}


.infoInpBox.type2 .selectBox.sel1,
.infoInpBox.type2 .name .colgroup2 input,
.infoInpBox .name .colgroup2 input,
.infoInpBox .office .colgroup2 input,
.infoInpBox .qText .colgroup2 input{width:100%;}
.infoInpBox .tell .colgroup2 input{width:30%;float:left;}
.infoInpBox .tell.widthType2 .colgroup2 input{width:29.9%;float:left;}
.infoInpBox .email .colgroup2 input.first{width:85%; margin-bottom:2.6vw;}
.infoInpBox .email .colgroup2 input.second{width:50%;}
.infoInpBox .email .colgroup2 .selectBox{margin-left:2.6vw;}

.infoInpBox .email .colgroup2 select,
.infoInpBox .question .colgroup2 select,
.infoInpBox select{width:100%;}

.infoInpBox .office .sec2{border-top:none;}

.infoInpBox .selectBox{width:calc(50% - 2.6vw); float:left; position:relative;background:#fff;}
.infoInpBox .selectBox.sel1,
.infoInpBox .selectBox.sel2{width:calc(50% - 1.3vw);}
.infoInpBox .question .colgroup2 .sel2{margin-left:2.6vw;}
.infoInpBox .selectBox:after{content:''; display:block; width:3.1vw; height:1.8vw; background: url('/static/images/ico_select.png') no-repeat 0 0; position:absolute; top:50%; right:4.8vw; z-index:1; margin-top:-0.9vw; background-size:100% 100%;}

.infoInpBox .qText .colgroup1{height:inherit;}
.infoInpBox .qText .colgroup2 textarea{width:100%; height:80vw;}
.infoInpBox .tell .colgroup2 > span{font-size:4.5vw; color:#d8d8d8;float:left;width:5%;text-align:center;line-height:12.4vw;}
.infoInpBox .email .colgroup2 > span{float:left; font-size:4vw; color:#666; margin:0 3.5vw; line-height:13vw;}
.infoInpBox .email .colgroup2 > input{float:left;}
.infoInpBox .qText .colgroup2 .qTextInp{margin-bottom:2.6vw;}

.infoInpBox .attention{padding-bottom:8vw; border-bottom:1px solid #d8d8d8;}
.infoInpBox .attention .colgroup1,
.infoInpBox .attention .colgroup2{height:inherit;}
.infoInpBox .attention .colgroup2{width:100%;}
.infoInpArea .redNoti.ver2{border-bottom:1px solid #d8d8d8; margin:4.4vw 0 0 0; padding-bottom:1.7vw;}
.infoInpBox .attention input[type="checkbox"]{border:none;}
.attCheck ul li{border:none; line-height:8.5vw; float:left; width:50%; margin-top:8vw;}
.attCheck input.bkCheck_s[type="checkbox"] + label:before{content:''; display:inline-block; width:8vw; height:8vw; background: url('/static/images/bk_check_off_m.jpg') 0 0 no-repeat; background-size:100%; vertical-align:top; margin-right:2.5vw;}
.attCheck input.bkCheck_s[type="checkbox"]:checked + label:before{background: url('/static/images/bk_check_on_m.jpg') 0 0 no-repeat; background-size:100%;}

.ageCheckBox{display:block;margin-left:0;margin-top:4vw;}
.attCheck input.bkCheck_s[type="checkbox"]{border:0;}

.typeRadio input.bkCheck_s[type="radio"] + label:before{content:''; display:inline-block; width:8vw; height:8vw; background: url('/static/images/bk_check_off_m.jpg') 0 0 no-repeat; background-size:100%; vertical-align:top; margin-right:2.5vw;}
.typeRadio input.bkCheck_s[type="radio"]:checked + label:before{background: url('/static/images/bk_check_on_m.jpg') 0 0 no-repeat; background-size:100%;}

.pr .blogCancel{margin:16vw 8.8vw 19.5vw 8.8vw;}
.pr .blogCancel .inner{display: inherit;align-items: inherit;justify-content: inherit; overflow:hidden; padding:9.7vw 8vw; background:#f9f9f9;}
.pr .blogCancel .inner > p{float:inherit; position:relative; padding-left:0; font-size:4.2vw;}
.pr .blogCancel .inner > p:before{background:none;}
.pr .blogCBtn{float:inherit; margin-top:8vw;}
.pr .blogCBtn a{min-width:47vw; background:#fff;}


/***************************************** utility - 검색결과 *****************************************/
.utility.totalSearch h2{text-align:center;font-size:11.7vw;line-height:16.4vw;padding-top:16.3vw;}
.utility.totalSearch .searchBox{margin-top:13.6vw;}
.utility.totalSearch .searchBox > div{width:100%;display:block;}
.utility.totalSearch .searchBox div .txt input{font-size:4.2vw;line-height:12.2vw;height:12.2vw;width:calc(100% - 12.2vw);padding-left:5.3vw;padding-right:5.3vw;}
.utility.totalSearch .searchBox div .btn{width:12.2vw;height:12.2vw;}
.utility.totalSearch .searchBox div .btn button{background:#000 url('/static/images/ico_totalSc_m.png')no-repeat center;background-size:5vw;vertical-align:top;}
.utility.totalSearch .scTxt{text-align:center;font-size:4.5vw;line-height:7.2vw;margin-top:4vw;}
.utility.totalSearch .scTxt span{display:block;}
.utility.totalSearch .tabSelWrap .tabList{margin-bottom:13.7vw;}
.utility.totalSearch .tabSelWrap{margin-top:11.4vw;}
.utility.totalSearch .scArea + .scArea{margin-top:19vw;}
.utility.totalSearch .scArea + .txtC{margin-top:8vw;}
.utility.totalSearch .scArea .scTit{font-size:7.4vw;line-height:11.2vw;}

.utility.totalSearch .scArea .scList{margin-top:34px;}
.utility.totalSearch .scArea .scList li{border-bottom:1px solid #d8d8d8;text-align:left;padding:9.2vw 0;}
.utility.totalSearch .scArea .scList li .badge{font-size:4.2vw;line-height:7.2vw;margin-bottom:2.2vw;}
.utility.totalSearch .scArea .scList p.tit{font-size:4.8vw;line-height:8vw;margin-bottom:2.2vw;}
.utility.totalSearch .scArea .scList p.txt{position: relative;max-height: 14.4vw;word-break: break-all;overflow: hidden;}
.utility.totalSearch .scArea .scList p.txt:before,
.utility.totalSearch .scArea .scList p.txt:after {position: absolute;background: #fff;}
.utility.totalSearch .scArea .scList p.txt:before {content: '...';top:7.2vw;right: 0;width:3.2vw;}
.utility.totalSearch .scArea .scList p.txt:after {content: '';width: 100%;height: 100%;}
.utility.totalSearch .scArea .scList + div{margin-top:7.1vw;text-align:center;}
.utility.totalSearch .scArea .btnBk{min-width:39.1vw;text-align:left;}
.utility.totalSearch .scArea .btnBk.icoPlus{background:url('/static/images/ico_totalSc_more_m.png')no-repeat right center;background-size:3.2vw;padding-right:5.3vw;box-sizing:border-box;}

/***************************************** utility - 사이트맵 *****************************************/
.utility.sitemap h2{text-align:center;font-size:11.7vw;line-height:16.4vw;padding-top:16.3vw;}
.utility.sitemap .siteArea .siteTit{margin-bottom:5.3vw;font-size:5.3vw;line-height:11.2vw;padding-bottom:2.4vw;}
.utility.sitemap .siteArea + .siteArea{margin-top:13.9vw;}
.utility.sitemap .siteArea span.br{display:block;}
.utility.sitemap .siteArea dl + dl{padding-top:9vw;margin-top:0;}
.utility.sitemap .siteArea dt{font-size:4.8vw;line-height:8vw;width:100%;float:none;padding-right:2vw;margin-bottom:4vw;font-weight:800;}
.utility.sitemap .siteArea dd{float:none;width:100%;padding-bottom:6.8vw;}
.utility.sitemap .siteArea .menu1 > li{width:50%;padding-right:2vw;margin:2.4vw 0;}
.utility.sitemap .siteArea dd .menu1 > li{width:50%;}
.utility.sitemap .siteArea dd .menu1.submenu > li strong{width:100%;float:none;padding-right:2vw;}
.utility.sitemap .siteArea dd .menu1.submenu > li ul{width:100%;margin-top:2vw;}
.utility.sitemap .siteArea dd .menu1.submenu > li ul li{width:50%;margin:2.9vw 0;}
.utility.sitemap .siteArea dd .menu1.submenu > li ul li a{font-size:4vw;line-height:7vw;}

/***************************************** utility - 문의하기 *****************************************/
.publicPop.infoInpPop .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.publicPop.infoInpPop .popArea .popTitle{position:relative;display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;padding-bottom:6.5vw;margin-bottom:6.5vw;}
.publicPop.infoInpPop .popArea .popTitle strong{display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;}
.publicPop.infoInpPop .popClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}
.publicPop.infoInpPop .btnBox {overflow:hidden;clear:both;margin-top:4vw;}
.publicPop.infoInpPop .btnBox > div{width:100%;float:none;text-align:center;}
.publicPop.infoInpPop .btnBox > div a{border:2px solid #000;}
.publicPop.infoInpPop .btnBox > div:first-child{text-align:center;}
.publicPop.infoInpPop .btnBox > div:first-child a{min-width:39.1vw;}
.publicPop.infoInpPop .btnBox > div + div{margin-left:0;margin-top:2vw;}

/***************************************** platform *****************************************/
.platform .con.monaInfo h2 + div{margin-bottom:13.5vw;}

/***************************************** SERVICE *****************************************/
.service .visual{background:url('/static/images/service/bg_visual_m.jpg')no-repeat center;background-size:cover;}
.service.cloud .visual{background:url('/static/images/service/bg_cloud_visual_m.jpg')no-repeat center;background-size:cover;}/* 클라우드 서비스 */
.service.dataCenter .visual{background:url('/static/images/service/bg_dataCenter_visual_m.jpg')no-repeat center;background-size:cover;}/* 데이터센터 */
.service.infraSer .visual{background:url('/static/images/service/bg_infraser_visual_m.jpg')no-repeat center;background-size:cover;}/* 인프라 서비스 */
.service.hrSaas .visual{background:url('/static/images/service/bg_hrSass_visual_m.jpg')no-repeat center;background-size:cover;}/* HR SaaS 서비스 */
.service.digitalMar .visual{background:url('/static/images/service/bg_digitalMar_visual_m.jpg')no-repeat center;background-size:cover;}/* 디지털마케팅 */
.service.chatbot .visual{background:url('/static/images/service/bg_chatbot_visual_m.jpg')no-repeat center;background-size:cover;}/* 챗봇 */
.service.rpa .visual{background:url('/static/images/service/bg_rpa_visual_m.jpg')no-repeat center;background-size:cover;}/* RPA */
.service.security .visual{background:url('/static/images/service/bg_security_visual_m.jpg')no-repeat center;background-size:cover;}/* 보안 */
.service.enteuruCon .visual{background:url('/static/images/service/bg_enteurucon_visual_m.jpg')no-repeat center;background-size:cover;}/* 엔트루컨설팅 */

/* SERVICE - 챗봇 - B23 */
.basicCyRed ul{text-align:center;margin:6.4vw 0 0 0;}
.basicCyRed ul li{float:inherit;width:100%;}
.basicCyRed ul li > div{width:71.4vw; height:71.4vw; margin:0 auto; background:url('/static/images/bg_red_cy_m.png')no-repeat;background-size:100% 100%;font-size:4.5vw;line-height:6vw;color:#000;font-weight:800;text-align:center;position: relative;}
.basicCyRed ul li:nth-child(2){margin:9.7vw 0;}
.basicCyRed ul li > div span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.basicCyRed ul li > div:after{content:'';position:absolute;background:url('/static/images/bg_basicLine_m.png')no-repeat; background-size:100% 100%; width:0.7vw;height:23.8vw;left:50%;top:55vw;}
.basicCyRed ul li > p{padding:0;font-size:4.2vw;line-height:7.2vw;margin-top:10vw;text-align:center;}
.basicCyRed ul li > div .opBox{position:absolute;bottom:-5%;font-size:16px;line-height:30px;color:#000;background:rgba(238,238,238,0.95);border-radius:20px;width: 100%;text-align: center;padding: 10px 9px;z-index:1;}
.basicCyRed .imgArea{margin-top:54px;}
.basicCyRed .imgArea img{margin:0 auto;}

/* SERVICE - 챗봇 - bit Biz */
.service .con.botBizService .serviceList{margin-top:7.3vw;}
.service .con.botBizService .serviceList > li{position:relative; margin:10.6vw 0; padding:7.1vw 0; border-bottom:1px solid #d8d8d8;}
.service .con.botBizService .serviceList > li:last-child{border-bottom:none; padding: 7.1vw 0 0 0;}
.service .con.botBizService .serviceList > li:before{content:''; display:block; width:21.6vw; height:21.6vw; position:absolute; top:0; left:0;}
.service .con.botBizService .serviceList > li.ico1:before{background:url('/static/images/service/img_bizBot_service1_m.png') no-repeat left top; background-size:100% 100%;}
.service .con.botBizService .serviceList > li.ico2:before{background:url('/static/images/service/img_bizBot_service2_m.png') no-repeat left top; background-size:100% 100%;}
.service .con.botBizService .serviceList > li.ico3:before{background:url('/static/images/service/img_bizBot_service3_m.png') no-repeat left top; background-size:100% 100%;}

.service .con.botBizService .serviceList > li.ico4:before{width:24vw; height:24vw; background:url('/static/images/service/img_b23_ico1_m.png') no-repeat left top; background-size:100% 100%;}
.service .con.botBizService .serviceList > li.ico5:before{width:24vw; height:24vw; background:url('/static/images/service/img_b23_ico2_m.png') no-repeat left top; background-size:100% 100%; top:0;}
.service .con.botBizService .serviceList > li.ico6:before{width:24vw; height:24vw; background:url('/static/images/service/img_b23_ico3_m.png') no-repeat left top; background-size:100% 100%; top:0;}
.service .con.botBizService .serviceList > li.ico7:before{width:24vw; height:24vw; background:url('/static/images/service/img_b23_ico4_m.png') no-repeat left top; background-size:100% 100%; top:0;}

.service .con.botBizService .serviceList > li + li{margin:10.6vw 0; padding:7.1vw 0; border-top:none;}
.service .con.botBizService li div{font-size:6.4vw; line-height:7.2vw;font-weight:700;margin-bottom:6.2vw; padding-top:20.6vw;}
.service .con.botBizService li div.imgPop{padding-top:0;}
.service .con.botBizService li ul,
.service .con.botBizService li dl.bdtDl{padding-top:7.1vw; margin-top:7.1vw;border-top:1px solid #d8d8d8;}
.service .con.botBizService li ul li + li{margin-top:7.1vw;}
.service.botBiz .unfoldBox {margin-top: 7.1vw;}
.service.botBiz .unfoldBox .bottom .badge {color: #bb0841;font-weight: 800;line-height: 1;margin-bottom: 15.1vw;padding-top: 15.1vw;letter-spacing: 2px;}
.service.botBiz .unfoldBox .bottom .ft01 + p {margin-top: 0;margin-bottom: 0;font-size: 4.5vw;line-height: 7.2vw;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom ul {margin-top: 7.1vw;margin-bottom: 0;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom li > div {font-size: 4.5vw;line-height: 7.2vw;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom li > div > strong {display: block;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom li + li {margin-top: 10.6vw;padding-top: 10.6vw;padding-bottom: 20vw;border-top: 1px solid #d8d8d8;}
.service.botBiz .unfoldBox .unfoldCon01 .bottom li .imgBox {margin-top: 7.1vw;}

/* SERVICE - 챗봇 - vpa */
.service.vpa .vpaService ul{overflow:hidden;margin-top:10.6vw;}
.service.vpa .vpaService ul li{position:relative; width:100%; height:inherit ;padding-left:0;font-size:4.2vw;line-height:7.2vw;font-weight:700;vertical-align:middle;}
.service.vpa .vpaService ul li:before{content:''; display:block; width:21.6vw; height:21.6vw; position:absolute; top:0;}
.service.vpa .vpaService ul li:nth-child(2){margin-top:10.6vw; padding-left:0; border-left:none; border-top:1px solid #d8d8d8;}
.service.vpa .vpaService ul li:nth-child(1):before{background:url('/static/images/service/img_vpa_service1_m.png')no-repeat left center; left:0; background-size:100% 100%;}
.service.vpa .vpaService ul li:nth-child(2):before{background:url('/static/images/service/img_vpa_service2_m.png')no-repeat left center; top:10.6vw; left:0; background-size:100% 100%;}
.service.vpa .vtConInner{padding-top:26.6vw;}
.service.vpa .vpaService ul li:nth-child(2) .vtConInner{padding-top:37.2vw;}

.service.vpa .discriPoint .fcR{font-size:4.5vw;line-height:7.2vw;font-weight:700;}
.service.vpa .discriPoint .bdBox{border:1px solid #d8d8d8;overflow:hidden;clear:both;padding:8vw 4.4vw;display:block;width:100%;margin-top:10.6vw;}
.service.vpa .discriPoint .bdBox > div{display:block;width:100%;padding-left:0;vertical-align:middle;}
.service.vpa .discriPoint .bdBox > div:first-child{width:100%;padding-left:0;}
.service.vpa .discriPoint .bdBox > div img{margin:0 auto;}
.service.vpa .discriPoint .bdBox > div ul{display:block;width:100%;}
.service.vpa .discriPoint .bdBox > div ul li{display:block;}
.service.vpa .discriPoint .bdBox > div ul li + li{border-left:none; border-top:1px solid #d8d8d8; padding-left:0; padding-top:7.1vw;}
.service.vpa .discriPoint .bdBox > div ul.li2 li{padding-right:0;width:100%;}
.service.vpa .discriPoint .bdBox > div ul.li2 li + li{padding-left:0;padding-right:0;}
.service.vpa .discriPoint .bdBox > div p{width:100%;color:#bb0841;font-weight:700;text-align:left;background:#f8f8f8;padding:5.3vw 7.5vw;margin-top:4.8vw;}
.service.vpa .discriPoint .bdBox > div dl + dl{margin-top:8vw;}
.service.vpa .discriPoint .bdBox > div dt{font-weight:700;margin-bottom:1vw;}
.service.vpa .discriPoint .bdBox > div dd{padding-left:3.2vw;position:relative;}
.service.vpa .discriPoint .bdBox > div dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}

.service.vpa .unfoldBox{margin-top:7.1vw;}
.service.vpa .unfoldBox .bottom .badge{color:#bb0841;font-weight:800;line-height:1;margin-bottom:15.1vw;padding-top:15.1vw;letter-spacing:2px;}
.service.vpa .unfoldBox .bottom .ft01 + p{margin-top:0;margin-bottom:0; font-size:4.5vw; line-height: 7.2vw;}
.service.vpa .unfoldBox .unfoldCon01 .bottom ul{margin-top:7.1vw;margin-bottom:0;}
.service.vpa .unfoldBox .unfoldCon01 .bottom li > div{font-size:4.5vw;line-height:7.2vw;}
.service.vpa .unfoldBox .unfoldCon01 .bottom li > div > strong{display:block;}
.service.vpa .unfoldBox .unfoldCon01 .bottom li + li{margin-top:10.6vw;padding-top:10.6vw; padding-bottom:20vw; border-top:1px solid #d8d8d8;}
.service.vpa .unfoldBox .unfoldCon01 .bottom li .imgBox{margin-top:7.1vw;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose{padding-bottom:21.6vw;}
.service.vpa .unfoldBox .unfoldCon02 .inner > ul > li + li{margin-top:10.6vw;padding-top:10.6vw;position:relative;}
.service.vpa .unfoldBox .unfoldCon02 .inner > ul > li + li:before{content:'';position:absolute;border-top:1px solid #000;top:0;left:0;width:100%;height:1px;}
.service.vpa .unfoldBox .unfoldCon02 .ft01{margin-bottom:10.6vw;}
.service.vpa .unfoldBox .unfoldCon02 .fcR{font-size:4.5vw;line-height:7.2vw;margin-bottom:0;font-weight:700;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li{width:50%;padding-left:0; margin-top:10vw; margin-left:0;vertical-align:top;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li .imgPop{margin-top:5vw;}
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li:nth-child(4),
.service.vpa .unfoldBox .unfoldCon02 ul.purpose li:nth-child(5){margin-top:10vw;}

/* SERVICE - 인프라서비스 */
.service .separate .loopCy ul{position:relative; height:inherit; background:none;}
.service .separate .loopCy li > strong{position:static; width:34.6vw; height:34.6vw; padding-top:14vw; border:1px solid #e6c8c5; border-radius:50%; background:#fcf8f7; display:block; text-align:center; font-size:4.2vw; font-weight:700;}
.service .separate .loopCy dl{width:inherit; position:static; padding:7.1vw 0 12.4vw;}
.service .separate .loopCy dt{color:#bb0841; font-size:4.2vw; font-weight:700;}
.service .separate .loopCy dd{position:relative; display:inline-block; padding-left:10px;}
.service .separate .loopCy dd:before{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.service .separate .loopCy li.cy1,
.service .separate .loopCy li.cy4{text-align:left;}
.service .separate .loopCy li.cy1 > strong{padding-top:11vw;}
.service .separate .loopCy li.cy4 dl{padding-bottom:0;}

/* SERVICE - 디지털마케팅 */
.dmtSlideArea{height:inherit; margin:5vw 0 30.3vw 0; background:none;}
.dmtSlide{position:relative;max-width:100%;margin:0 auto;padding:0 8.8vw;}
.dmtSlide img{width:100%;}
.dmtSlide .naviNum .swiper-slide > div{display:table;width:100%;border-bottom:1px solid #dedede;height:inherit;}
.dmtSlide .naviNum .swiper-slide > div > div{display:table-cell;vertical-align:middle;}
.dmtSlide .naviNum .swiper-slide > div > div img{margin:0 auto;}
.dmtSlide .swiper-pagination{position:absolute;bottom:-12vw;width:100%;line-height:4.4vw;font-weight:800;font-size:4.2vw;line-height:1;z-index:0;}
.dmtSlide .naviBox{position:absolute;bottom:-12vw;width:calc(100% - 17.6vw);text-align:center;line-height:1;}
.dmtSlide .swiper-button-next, .dmtSlide .swiper-button-prev{top:auto;width:6.8vw;height:2.7vw;background-size:100% 100%;position:relative;display:inline-block;}
.dmtSlide .swiper-button-next,
.dmtSlide .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk.png');margin-top:0;margin-left:15vw;}
.dmtSlide .swiper-button-prev,
.dmtSlide .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk.png');margin-top:0;margin-right:15vw;}
.dmtSlide a{display:block; position:relative;}
.dmtSlide .dmtTitle{width:100%; min-height:20vw; padding-top:3.7vw; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.6);}
.dmtSlide .dmtTitle strong,
.dmtSlide .dmtTitle span{display:block; text-align:center; color:#fff;}
.dmtSlide .dmtTitle strong{font-weight:700;}
.dmtSlide .dmtTitle span{font-size:4vw; line-height:6vw;}

.strongPoint .featureList3li.longType > ul > li{min-height:98vw;}
.strongPoint.indTraffic .featureList3li.longType > ul > li{min-height:81vw;}
.strongPoint .featureList3li .redTxt{display:block;}
.strongPoint .featureList3li > ul > li .fLNum{float:inherit;}
.strongPoint .featureList3li > ul > li .fLText{width:100%; margin-top:4.4vw;}

.service .strongPoint .icoCon{margin-top:15.1vw;}
.service .strongPoint .icoCon ul{overflow:hidden; margin-bottom:8vw;}
.service .strongPoint .icoCon ul li{position:relative; float:left; width:50%; padding:10vw 0 0 0; text-align:center; font-weight:700;}
.service .strongPoint .icoCon ul li:before{content:''; display:block; width:8.8vw; height:8.5vw; position:absolute; top:0; left:50%; margin-left:-4.4vw; background-position:0 0; background-repeat:no-repeat; background-size:100% 100%;}
.service .strongPoint .icoCon ul li.ico1:before{background-image: url('/static/images/service/ico_dmt_1_m.png'); background-size:100% 100%;}
.service .strongPoint .icoCon ul li.ico2:before{background-image: url('/static/images/service/ico_dmt_2_m.png'); background-size:100% 100%;}
.service .strongPoint .icoCon ul li.ico3:before{background-image: url('/static/images/service/ico_dmt_3_m.png'); background-size:100% 100%;}
.service .strongPoint .icoCon ul li.ico4:before{background-image: url('/static/images/service/ico_dmt_4_m.png'); background-size:100% 100%;}
.service .strongPoint .icoCon ul li:nth-child(1){border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding-bottom:4.4vw;}
.service .strongPoint .icoCon ul li:nth-child(2){border-bottom:1px solid #d8d8d8;  padding-bottom:4.4vw;}
.service .strongPoint .icoCon ul li:nth-child(3){border-right:1px solid #d8d8d8; padding-top:14vw;}
.service .strongPoint .icoCon ul li:nth-child(4){padding-top:14vw;}
.service .strongPoint .icoCon ul li:nth-child(3):before,
.service .strongPoint .icoCon ul li:nth-child(4):before{top:4.4vw;}

/* SERVICE - 데이터센터 */
.service .idc .idcInfo{margin-bottom:0;}
.service .idc .infoExp ul li{float:inherit; font-size:4.8vw; background-position: 0 0; background-position:0 10.6vw;}
.service .idc .infoExp ul li:first-child{background-image:url('/static/images/service/img_idc_info_m.png'); background-size:21.6vw;}
.service .idc .infoExp ul li:nth-child(2){background-image:url('/static/images/service/img_idc_info2_m.png'); background-size:21.6vw;}
.service .idc .infoExp ul li:nth-child(3){background-image:url('/static/images/service/img_idc_info3_m.png'); background-size:21.6vw;}
.service .idc .infoExp ul li:nth-child(4){background-image:url('/static/images/service/img_idc_info4_m.png'); background-size:21.6vw;}
.service .idc .infoExp ul li p{width:100%; padding:39vw 0 10.6vw 0;}
.service .idc .infoExp ul li:last-child p{padding-bottom:0;}
.service .idc .infoExp ul li:nth-child(odd) p{margin-right: 0;}
.service .idc .infoExp ul li:nth-child(even){background-position:0 10.6vw;}

.service .officeInfo ul{overflow:visible;}
.service .officeInfo ul li{float:inherit; width:100%; margin-top:0;}
.service .officeInfo ul li:first-child{margin-top:0;}
.service .officeInfo ul li:nth-child(2){margin-top:0;}
.service .officeInfo ul li:nth-child(odd){margin-right:0;}
.service .officeInfo ul li:nth-child(even){margin-left:0;}
.service .officeInfo ul li img{width:100%;}
.service .officeInfo ul li dl dt{padding:8vw 0 5vw 0; font-size:4.8vw; font-weight:700;}
.service .officeInfo ul li dl dd{font-size:4.26vw; position:relative; padding-left:2.5vw;}
.service .officeInfo ul li dl dd:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#333; position:absolute; top:2.9vw; left:0;}
.service .officeInfo ul li dl dd > span{color:#bb0841;}
.service .officeInfo ul li dl dd sup{font-size:2vw; line-height:2.2vw;}

.con.centerOffice .slideBox{width:100%;max-width:none;}
.con.centerOffice .slideBox .naviNum{margin:0;}
.con.centerOffice .slideBox:before{width:0;}
.con.centerOffice .naviNum .swiper-slide p strong{font-size: 4.2vw;line-height: 7.2vw;}
.con.centerOffice .swiper-pagination{font-size:4vw;font-weight:800;bottom:-1.5vw;}
.con.centerOffice .naviBox{bottom:0;margin-top:7.1vw;line-height:4vw;text-align: center;}
.con.centerOffice .swiper-button-next,
.con.centerOffice .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.con.centerOffice .swiper-button-next,
.con.centerOffice .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.con.centerOffice .swiper-button-prev,
.con.centerOffice .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

.con.serviceInfo .smallInr:last-child{padding-bottom:0;}

/* SERVICE - 엔트루컨설팅 */
.service .entruePoint .redTxt{display:block;}
.service .entVInr > p{text-align:left;}

.service .con.basicFunc ul{margin:0;text-align:center;margin-top:5.3vw;}
.service .con.basicFunc ul:after{content:''; display:block; clear:both;}
.service .con.basicFunc ul li{float:none;width:100%;box-sizing:border-box;}
.service .con.basicFunc ul li + li{margin-left:0;margin-top:8vw;}
.service .con.basicFunc ul li > dl dt{background:#fff;border-radius:50%;border:6vw solid #c10641;font-size:5.3vw;line-height:7.2vw;color:#000;font-weight:800;padding:38% 0;text-align:center;width: 100%;position: relative; margin-bottom:8.2vw;}
.service .con.basicFunc ul li > dl span{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.service .con.basicFunc ul li > dl:after{content:'';position:absolute;background:url('/static/images/platform/img_mona_basicLine.png')no-repeat;width:3px;height:27%;left:50%;bottom:inherit;top:57vw;background-size:auto 100%; transform: rotateX(180deg);}
.service .con.basicFunc ul li > p{font-size:4.2vw;line-height:7.2vw;margin-top:64px;padding:0 35px;}
.service .con.basicFunc ul li > dl dd:before{content:''; display:inline-block; width:1.5vw; height:1px; background:#000; vertical-align:top; margin:3vw 2.5vw 0 0;}
.service .con.basicFunc .entrueGo{margin-top:8.8vw; text-align:center;}
.service .con.basicFunc .entMInr.numMona .naviBox{bottom:22vw;}

/* SERVICE - RPA */
.service .rpaKind{margin:12.4vw 0 21.3vw;}
.service .rpaKind > strong{display:block; font-size:4.8vw; font-weight:bold;}
.service .rpaKind ol{margin-top:0; overflow:hidden;}
.service .rpaKind li{width:100%; min-height:inherit; float:inherit; border-left:none; border-top:1px solid #d8d8d8; padding:8.8vw 0 8vw;}
.service .rpaKind li:last-child{padding:8.8vw 0 0;}
.service .rpaKind li:first-child{border-left:none; border-top:none;}
.service .rpaKind li dt{width:10.6vw; height:10.6vw; background:#bb0841; border-radius:50%; color:#fff; text-align:center; margin-bottom:4.4vw; font-size:4.2vw; font-weight:bold; line-height:10.6vw;}
.service .rpaKind li dd{position:relative; display:inline-block; padding-left:2.5vw;}
.service .rpaKind li dd:before{content:''; display:block; width:1.5vw; height:1px; background:#000; position:absolute; top:3vw; left:0;}
.service .rpaStep .imgArea{margin-bottom:13.5vw;}
.service .rpaRobot .imgPop{text-align:center;}
.service .rpaRobot .imgPop img{display:inline-block;}
.service .rpaPoint .featureList1li{margin-top:16vw;}

/* SERVICE - HR Saas */
.service.hrSaas .con.hrSaasService .bdBox{border:0;padding:0;}
.service.hrSaas .con.hrSaasService .vtBox{display:block;}
.service.hrSaas .con.hrSaasService .vtCon{display:block;width:100%;}

.service.hrSaas .con.hrSaasService dl dd > p{margin-bottom:6.5vw;}
/* .service.hrSaas .con.hrSaasService dl dd > p{margin-bottom:6.5vw;padding-left:2.6vw;}
.service.hrSaas .con.hrSaasService dl dd > p:before{content:'';position:absolute;width:1.3vw;height:2px;top:3.2vw;left:0;background:#000;} */
.service.hrSaas .con.hrSaasService .bdBox li.vtCon{border:1px solid #d8d8d8;padding:5.3vw;}
.service.hrSaas .con.hrSaasService .bdBox > ul:first-child > li{padding:5.3vw;}
.service.hrSaas .con.hrSaasService .bdBox li.vtCon + li.vtCon{margin-top:4vw;padding-left:5.3vw;}
.service.hrSaas .con.hrSaasService .bdBox li div{display:block;width:100%;}
.service.hrSaas .con.hrSaasService .bdBox li div p{display:block;width:9.2vw;float:left;}
.service.hrSaas .con.hrSaasService .bdBox li div p span{width:9.2vw;height:9.2vw;line-height:9.2vw;font-size:3.5vw;}
.service.hrSaas .con.hrSaasService .bdBox li div .dashTxt{display:block;float:left;padding-left:4.4vw;width:calc(100% - 9.2vw);padding-right:0;}
.service.hrSaas .con.hrSaasService .vtBox + .vtBox{margin-top:4vw;}
.service.hrSaas .con.discriPoint ul li{padding-top:30vw;padding-left:0;padding-bottom:7.4vw;}
.service.hrSaas .con.discriPoint ul li + li{border-top:1px solid #d8d8d8;}
.service.hrSaas .con.discriPoint ul li > div{padding:0;border-bottom:0;}
.service.hrSaas .con.discriPoint ul li > div p strong{font-size:4.8vw;line-height:8vw;}
.service.hrSaas .con.discriPoint ul li > div p + p{margin-top:2.2vw;}
.service.hrSaas .con.discriPoint ul li:nth-child(1){background:url('/static/images/service/img_hrsaas_discri1_m.png')no-repeat left 8.8vw;background-size:17.4vw auto;}
.service.hrSaas .con.discriPoint ul li:nth-child(2){background:url('/static/images/service/img_hrsaas_discri2_m.png')no-repeat left 15vw;background-size:17.4vw auto;}
.service.hrSaas .con.discriPoint ul li:nth-child(3){background:url('/static/images/service/img_hrsaas_discri3_m.png')no-repeat left 8.8vw;background-size:17.4vw auto;}
.service.hrSaas .con.discriPoint ul li:nth-child(4){background:url('/static/images/service/img_hrsaas_discri4_m.png')no-repeat left 15vw;background-size:17.4vw auto;padding-bottom:0;}


/* SERVICE - cloud */
.service.cloud .basicFunc{margin-top:10.6vw;padding-top:10.9vw;}
.service.cloud .basicFunc > p{font-size:4.2vw;line-height:7.2vw;margin-bottom:4.7vw;}
.service.cloud .basicFunc ul{display:block;width:100%;}
.service.cloud .basicFunc ul li + li{padding-left:0;margin-top:9.2vw;}
.service.cloud .basicFunc ul li{display:block;width:100%;}
.service.cloud .basicFunc ul li > div{border:5.8vw solid #bb0841;width:65.7vw;margin:0 auto;padding-top:54.1vw;}
.service.cloud .basicFunc ul li > div span{font-size:4.5vw;line-height:7.2vw;}
.service.cloud .basicFunc ul li p{margin-top:5.6vw;padding:0;}
.service.cloud .con.cloudUse .bdBox{display:block;width:100%;padding:0 5.3vw;}
.service.cloud .con.cloudUse .bdBox li{width:100%;display:block;padding:0;}
.service.cloud .con.cloudUse .bdBox li + li{border-left:0;border-top:1px solid #d8d8d8;margin-top:0;}
.service.cloud .con.cloudUse .bdBox li p{padding-top:27.8vw;padding-bottom:5.6vw;}
.service.cloud .con.cloudUse .bdBox li:nth-child(1) p{background:url('/static/images/service/img_cloud_utilz1_m.png')no-repeat center top;background-size:16.7vw auto;padding-top:20.4vw;}
.service.cloud .con.cloudUse .bdBox li:nth-child(2) p{background:url('/static/images/service/img_cloud_utilz2_m.png')no-repeat center 7.4vw;background-size:16.7vw auto;}
.service.cloud .con.cloudUse .bdBox li:nth-child(3) p{background:url('/static/images/service/img_cloud_utilz3_m.png')no-repeat center 7.4vw;background-size:16.7vw auto;}
.service.cloud .con.cloudUse .bdBox li:nth-child(4) p{background:url('/static/images/service/img_cloud_utilz4_m.png')no-repeat center 7.4vw;background-size:16.7vw auto;}
.service.cloud .con.cloudValue .vtBox{margin-top:10.6vw;display:block;width:100%;}
.service.cloud .con.cloudValue .vtCon{display:block;width:100%;}
.service.cloud .con.cloudValue .vtCon span{width:12.5vw;height:12.5vw;line-height:12.5vw;font-size:4.6vw;margin-bottom:3.8vw;}
.service.cloud .con.cloudValue .vtCon .fcR{font-weight:700;}
.service.cloud .con.cloudValue .vtCon p + p{margin-top:2.4vw;}
.service.cloud .con.cloudValue .vtCon + .vtCon{display:block;width:100%;padding:0;border-left:0;border-top:1px solid #d8d8d8;padding-top:10.6vw;margin-top:10.6vw;}
.service.cloud .cloudNative > li{display:block;width:100%;margin-top:0;padding-top:0;}
.service.cloud .cloudNative .round{display:block;width:100%;height:auto;padding-right:0;}
.service.cloud .cloudNative .round > div{width:48.8vw;padding-top:48.8vw;margin:0 auto;}
.service.cloud .cloudNative .round > div span{font-size:6.4vw;line-height:8.8vw;}
.service.cloud .cloudNative .dashTxt > li{margin-top:0;}
.service.cloud .cloudNative .txtBox{display:block;width:100%;margin-top:6.5vw;}
.service.cloud .cloudNative > li + li{margin-top:9.2vw;padding-top:10.6vw;}
.service.cloud .cloudNative > li + li:before{content:'';position:absolute;width:100%;background:#d8d8d8;height:1px;top:0;right:0;}
.service.security .con.securityAdvt ul.grayBox.box1,
.service.security .con.securityAdvt ul.grayBox.box2{width:100%;}
.service.cloud .ecosys .dlText dt{position:relative;padding-left:3.2vw;} /* 2020 영문 작업 수정 */
.service.cloud .ecosys .dlText dt:before{content:'';display:block;width:4px;height:4px;background:#333;position:absolute;top: 2.8vw;left:0;border-radius:50%;} /* 2020 영문 작업 수정 */
.service.cloud .ecosys .dlText + .serBtn{margin-top:3vw;} /* 2020 영문 작업 수정 */



/* SERVICE - 보안 */
.service.security .ft01.small{font-size:7.1vw;}
.service.security .con.securityAdvt ul.numBox > li > p{margin-bottom:3.2vw;}
.service.security .con.securityAdvt span.num{font-size:6.4vw;line-height:8.8vw;display:block;margin-bottom:2.4vw;}
.service.security .con.securityAdvt span.num + span{margin-left:0;font-size:6.4vw;line-height:8.8vw;}
.service.security .con.securityAdvt ul.numBox > li > div{margin-left:0;}
.service.security .con.securityAdvt ul.grayBox li{background:#f9f9f9;padding:6.7vw 8vw;}
.service.security .con.securityAdvt ul.grayBox li:after{content:none;}
.service.security .con.securityAdvt ul.numBox p.fcR{font-size:4.8vw;line-height:8vw;margin-bottom:2.6vw;}
.service.security .con.securityAdvt ul.grayBox li div strong{padding-left:3.5vw;}
.service.security .con.securityAdvt ul.grayBox li div strong:before{top:3vw;}
.service.security .con.securityAdvt ul.grayBox li div p{padding-left:3vw;}

.service.security .infoNormal{margin-top:8.8vw;}
.service.security .infoNormal > ul > li{overflow:hidden; margin-top:7.1vw;}
.service.security .infoNormal > ul > li:first-child{margin-top:0;}
.service.security .infoNormal > ul > li > strong{display:block; position:relative; float:inherit; width:100%; padding-left:3.2vw; margin-right:0; line-height:7.2vw;}
.service.security .infoNormal > ul > li > strong:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#333; position:absolute; top:2.9vw; left:0;}
.service.security .infoNormal > ul > li > p{float:inherit; width:100%; padding-left:3.2vw;}

.service.security .infoAttention > ul > li{border-top:1px solid #d8d8d8; overflow:hidden;}
.service.security .infoAttention > ul > li:first-child{border-top:none;}
.service.security .infoAttention > ul > li .fTit{float:inherit; display:block; width:100%; margin-right:0; font-weight:700;color:#bb0841; padding:7.1vw 0 3.5vw 0;}
.service.security .infoAttention > ul > li:first-child .fTit{padding-top:10.6vw;}
.service.security .infoAttention > ul > li:first-child .attConList{border-top:none;}
.service.security .attConList{float:inherit; width:100%; border-top:none; margin:0; padding:0 0 7.1vw 0;}
.service.security .attConList > ul > li{overflow:hidden; margin-top:7.1vw;}
.service.security .attConList > ul > li:first-child{margin-top:0;}
.service.security .attConList > ul > li > strong{display:block; position:relative; float:inherit; width:100%; margin-right:0; padding-left:3.2vw; line-height:7.2vw;}
.service.security .attConList > ul > li > strong:before{content:''; display:block; width:0.8vw; height:0.8vw; background:#333; position:absolute; top:2.9vw; left:0;}
.service.security .attConList > ul > li > p{float:inherit; width:100%; padding-left:3.2vw;}
.service.security .infoAttention > ul > li:last-child .attConList{padding-bottom:0;}

.service.security .attConCard{margin-bottom:7.1vw;}

/***************************************** SOLUTION - 공통 *****************************************/
.solution .visual{background:url('/static/images/solution/bg_visual_m.jpg')no-repeat center;background-size:cover;}
.solution.idePlatVisual .visual{background:url('/static/images/solution/bg_visual_ideplatform_m.jpg') no-repeat center;background-size:cover;}/* 통합개발플랫폼 */
.solution.frameT .visual{background:url('/static/images/solution/bg_visual_frameT_m.jpg') no-repeat center;background-size:cover;}/* DevOn Framework */
.solution.systemSoftware .visual{background:url('/static/images/solution/bg_visual_systemSoftware_m.jpg') no-repeat center;background-size:cover;}/* 시스템소프트웨어 */
.solution.aiBigData .visual{background:url('/static/images/solution/bg_visual_aiBigData_m.jpg') no-repeat center;background-size:cover;}/* 빅데이터 */
.solution.typeFactova .visual{background:url('/static/images/solution/bg_visual_factova_m.jpg') no-repeat center;background-size:cover;}/* 스마트팩토리 */
.solution.smartcity .visual{background:url('/static/images/solution/bg_smartcity_visual_m.jpg')no-repeat center;background-size:cover;}/* 스마트시티 */
.solution.finance .visual{background:url('/static/images/solution/bg_finance_visual_m.jpg')no-repeat center;background-size:cover;}/* 금융 */
.solution.typeTraffic .visual{background:url('/static/images/solution/bg_visual_traffic_m.jpg') no-repeat center;background-size:cover;}/* 교통 */
.solution.safety .visual{background:url('/static/images/solution/bg_visual_safety_m.jpg') no-repeat center;background-size:cover;}/* 보안 */

.solution .architecture.maxImgOver{margin-top:0;}
.solution .architecture.maxImgOver .maxImg{width:calc(100% - 17.6vw); margin:0 8.8vw; padding:0;}

/* SOLUTION - Safezone SRP */
.solution .safeSrpTop{overflow:hidden; margin-top:10.6vw;}
.solution .safeSrpTop .left{float:inherit; width:100%;}
.solution .safeSrpTop .left p{text-align:center; margin-top:4.4vw; color:#666; font-size:3.5vw;}
.solution .safeSrpTop .right{float:inherit; width:100%; padding-left:0; margin-top:10.6vw;}

/* SOLUTION - psd */
.solution .psdInfo{width:100%; margin:0 auto; padding:11.5vw 8.8vw 0 8.8vw;}
.solution .psdInfo img{width:100%;}
.solution .psdInfo strong{font-size:4.2vw; font-weight:700;}
.solution .psdInfo .photoTit{margin-bottom:8.8vw; color:#666; text-align:center; font-size:3.5vw; line-height:5vw;}
.solution .psdPhoto{margin:4.4vw 0 1.7vw;}
.solution .psdInfo ul{overflow:hidden; margin:4.4vw 0 1.7vw;}
.solution .psdInfo ul li{float:inherit; overflow:hidden;}
.solution .psdInfo ul li.first{width:100%; margin-right:0;}
.solution .psdInfo ul li.second{width:100%; margin-top:2.4vw;}
.solution .psdInfo ul li .firstDiv{margin:0 1.2vw 0 0;}
.solution .psdInfo ul li div{float:left; margin-left:1.2vw;}
.solution .psdInfo ul li > div{width:calc(50% - 1.2vw);}

.solution .psdImgArea{overflow:hidden; margin:15.1vw 0 4.4vw;}
.solution .psdImgArea li{width:100%;}
.solution .psdImgArea li:first-child{float:inherit; margin:0 0 4.4vw 0;}
.solution .psdImgArea li:last-child{float:inherit;}
.solution .psdImgArea li p{margin-top:1.7vw; color:#666; text-align:center; font-size:3.5vw; line-height:5vw;}

/* SOLUTION - fms */
.fmsSolInfo .iconInfoArea{padding:0;}
.fmsSolInfo .iconInfoArea li:last-child{padding:8.8vw 0 0 0;}
.featureImg{margin-top:10.6vw;}
.featureImg ul{overflow:hidden;}
.featureImg ul li{float:left; width:100%; margin:5.3vw 0 0 0;}
.featureImg ul li:first-child{margin:0;}
.featureImg ul li > div{border:1px solid #d8d8d8;}
.featureImg ul li > div img{width:100%;}
.featureImg ul li > p{text-align:center; margin-top:1.7vw;}
.icoEffect{overflow:hidden; margin-bottom:16vw;}
.icoEffect > div{border:1px solid #333; border-radius:1.5vw; background:#f8f8f8;}
.icoEffect .effectL{float:inherit; width:100%; margin-right:0;}
.icoEffect .effectL li{width:50%;}
.icoEffect .effectR li{width:50%;}
.icoEffect .effectR{float:inherit; width:100%;}
.icoEffect ul{overflow:hidden;}
.icoEffect ul li{float:left; position:relative; height:41.24vw;}
.icoEffect ul li:after{content:''; display:block; width:26.6vw; height:26.6vw; position:absolute; top:4.4vw; left:50%; transform:translateX(-50%); background-position:0 0; background-repeat:no-repeat;}
.icoEffect ul li.ico1:after{background-image: url('/static/images/solution/ico_effect1_m.png'); background-size:100% 100%;}
.icoEffect ul li.ico2:after{background-image: url('/static/images/solution/ico_effect2_m.png'); background-size:100% 100%;}
.icoEffect ul li.ico3:after{background-image: url('/static/images/solution/ico_effect3_m.png'); background-size:100% 100%;}
.icoEffect ul li.ico4:after{background-image: url('/static/images/solution/ico_effect4_m.png'); background-size:100% 100%;}
.icoEffect ul li.ico5:after{background-image: url('/static/images/solution/ico_effect5_m.png'); background-size:100% 100%;}
.icoEffect ul li span{display:block; text-align:center; padding-top:33vw; color:#000; font-size:4.2vw; line-height:4.4vw;}

/* SOLUTION - atc */
.solution .atcRollArea{margin-top:15.1vw;}
.solution .atcRollArea img{width:100%;}
.solution .atcRollArea .swiper-wrapper{margin-bottom:12.4vw;}

/* SOLUTION - CardPerfect */
.solution .visual .txtBox .mpd{padding:0 5vw;}

/* SOLUTION - PGPerfect */
.pgPerF.mo .featureList3li > ul > li .fLText .redTxt{display:block;}
.pgPerF.mo .featureList3li > ul > li .fLNum{float:inherit;}
.pgPerF.mo .featureList3li > ul > li .fLText{width:100%; margin-top:4.4vw;}

/* SOLUTION - SBP */
.solution .sbpTopIco{margin:0 0 8vw 0; padding-bottom:0; border-bottom:none;}
.solution .sbpTopIco ul{overflow:hidden;}
.solution .sbpTopIco li{float:inherit; position:relative; width:100%; font-size:4.8vw; font-weight:700; border-bottom:1px solid #d8d8d8; padding:8vw 0; min-height: inherit;}
.solution .sbpTopIco li.ico1{margin-right:0; padding-top:8vw;}
.solution .sbpTopIco li.ico2{margin-left:0; padding-top:8vw;}
.solution .sbpTopIco li:before{content:''; display:block; width:21.6vw; height:21.6vw; position:absolute; top:8vw; left:0; background-position:0 0; background-repeat:no-repeat;}
.solution .sbpTopIco li.ico1:before{background-image: url('/static/images/solution/ico_sbp1_m.png'); background-size:100% 100%;}
.solution .sbpTopIco li.ico2:before{background-image: url('/static/images/solution/ico_sbp2_m.png'); background-size:100% 100%;}
.solution .sbpTopIco li > span{display:block; padding-top:27vw;}

/* SOLUTION - SMART CITY */
.solution.smartcity .consti dl{margin-top:10.6vw;}
.solution.smartcity .consti dt{font-size:4.5vw;line-height:7.2vw;color:#be154b;font-weight:700;margin-bottom:8vw;}
.solution.smartcity .func ul{margin-top:10.6vw;}
.solution.smartcity .func li{overflow:hidden;clear:both;}
.solution.smartcity .func li span{float:left;width:7.1vw;height:7.1vw;color:#fff;line-height:7.5vw;font-weight:700;text-align:center;display:block;background:#333;border-radius:50%;}
.solution.smartcity .func dl {float:left;padding-left:3.5vw;width:calc(100% - 7.1vw);}
.solution.smartcity .func dt{margin-bottom:1.5vw;}
.solution.smartcity .func li + li{margin-top:8.8vw;}
.solution.smartcity .func .infoFunc{margin-top:8.8vw;}
.solution.smartcity .func .infoFunc dl{float:inherit; margin-top:8.8vw;}
.solution.smartcity .func .infoFunc dd{padding-left:3.5vw;}

.solution.smartcity .con.feature .serviceList{margin-top:7.3vw;}
.solution.smartcity .con.feature li div{padding-top:20vw; margin-bottom:6.2vw; font-size:6.4vw; line-height:7.2vw;}
.solution.smartcity .con.feature .serviceList > li{position:relative; border-bottom:1px solid #d8d8d8; margin:10.6vw 0; padding:7.1vw 0;}
.solution.smartcity .con.feature .serviceList > li:before{content:''; display:block; width:21.6vw; height:21.6vw; position:absolute; top:0; left:0; background:url('/static/images/solution/img_smartcity_feature1.png') no-repeat left top;}
.solution.smartcity .con.feature .serviceList > li:nth-child(1):before{background:url('/static/images/solution/img_smartcity_feature1_m.png') no-repeat left top; background-size:100% 100%;}
.solution.smartcity .con.feature .serviceList > li:nth-child(2):before{background:url('/static/images/solution/img_smartcity_feature2_m.png') no-repeat left top; background-size:100% 100%;}
.solution.smartcity .con.feature .serviceList > li:nth-child(3):before{background:url('/static/images/solution/img_smartcity_feature3_m.png') no-repeat left top; background-size:100% 100%;}
.solution.smartcity .con.feature .serviceList > li:nth-child(4):before{background:url('/static/images/solution/img_smartcity_feature4_m.png') no-repeat left top; background-size:100% 100%;}
.solution.smartcity .con.feature .serviceList > li:nth-child(5):before{background:url('/static/images/solution/img_smartcity_feature5_m.png') no-repeat left top; background-size:100% 100%;}
.solution.smartcity .con.feature .serviceList > li:nth-child(6):before{background:url('/static/images/solution/img_smartcity_feature6_m.png') no-repeat left top; background-size:100% 100%;}

.solution.smartcity .con.feature li ul{padding-top:7.1vw; margin-top:7.1vw;}
.solution.smartcity .con.feature li ul li + li{margin-top:7.1vw;}

.solution.smartcity .con.differen dl{padding:44px 0;border-bottom:1px solid #d8d8d8;}
.solution.smartcity .con.differen dt{position:relative; display:block; width:100%;font-size:4.5vw;line-height:7.2vw;color:#be154b;font-weight:700;padding-right:0;vertical-align:top;}
.solution.smartcity .con.differen dt:after{content:''; background:none;}
.solution.smartcity .con.differen dd{width:100%; display:block; vertical-align:top; margin-top:7.1vw;}
.solution.smartcity .con.differen dl.firstTop{margin-top:0; border-top:none;}

/* SOLUTION - UXM */
.cyConBig.newType .textCyNm{text-align:left;}
.cyConBig.newType .cyCon .allCy > li{width:100%;}
.cyConBig.newType .cyCon .textCyNm > li{padding-left:3.2vw;}
.cyConBig.newType .cyCon .textCyNm > li:before{content:''; display:inline-block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.cyConBig.newType .cyCon .textCyNm > li > span{padding-left:0;}


/* 플랫폼 스마트시티 더알아보기 - Cityhub 서비스 */
.platform .moreTop .hubSerList{padding-top:0;}
.platform .moreTop .hubSerList > ul > li{overflow:hidden; border-top:1px solid #d8d8d8; padding:9.7vw 0;}
.platform .moreTop .hubSerList > ul > li:first-child{border-top:none;}
.platform .moreTop .hubSerList > ul > li:last-child{padding-bottom:10.6vw;}
.platform .moreTop .hubSerList > ul > li strong{float:left; width:100%; display:block; margin-bottom:7.1vw; color:#be154b; font-size:4.2vw; font-weight:700;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv{overflow:hidden; width:50%;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div{float:inherit; width:100%;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div > span{display:block; position:relative; padding-left:3.2vw;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv > div > span:after{content:''; display:block; width:1.4vw; height:1px; background:#000; position:absolute; top:3.2vw; left:0;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv.left{float:left;}
.platform .moreTop .hubSerList > ul > li .hubSerDiv.right{float:right; padding-top:0; margin-top:0; border-top:none;}
.platform .moreTop .innerTextArea .info3txt{overflow:hidden;}
.platform .moreTop .innerTextArea .info3txt.dlArea{padding-bottom:10.6vw;}
.platform .moreTop .innerTextArea .info3txt dl{width:100%; float:inherit; padding-left:0; margin-top:12vw;}
.platform .moreTop .innerTextArea .info3txt dl:first-child{padding-left:0; margin-top:9.7vw;}
.platform .moreTop .innerTextArea .info3txt dl:nth-child(2){padding:12vw 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:none; border-right:none;}
.platform .moreTop .innerTextArea .info3txt dt{margin-bottom:7.1vw;}


/* SOLUTION - Factova View */
.solution.typeFactova .viewMainList{overflow:hidden;clear:both;}
.solution.typeFactova .viewMainList li{width:100%;float:none;}
.solution.typeFactova .viewMainList li + li{margin-top:9.2vw;}
.solution.typeFactova .viewMainList li p{font-size:4.2vw;line-height:7.2vw;}
.solution.typeFactova .viewMainList li .imgBox + p{margin-top:3.8vw;}
.solution.typeFactova .viewMainList li:nth-child(odd){margin-right:0;}
.solution.typeFactova .viewMainList li:nth-child(even){margin-left:0;}
.solution.typeFactova .viewMainList li img{width:100%;}

/* SOLUTION - vms */
.solution.vms .con.architecture .archList{margin-top:8vw;}
.solution.vms .con.architecture .archList > li > div{display:block;width:100%;}
.solution.vms .con.architecture .archList > li:first-child > div{display:block;width:100%;}
.solution.vms .con.architecture .archList > li .vtBox div{width:calc(100% - 7.1vw);padding-left:3.5vw;}
.solution.vms .con.architecture .archList > li div.num{width:7.1vw;padding-left:0;}
.solution.vms .con.architecture .archList > li div.num span{width:7.1vw;height:7.1vw;line-height:7.1vw;font-size:4.2vw;}
.solution.vms .con.architecture .archList .sList li + li{padding-top:8vw;margin-top:8vw;}
.solution.vms .con.architecture .archList .txtBox{padding-left:0;margin-top:8.8vw;}
.solution.vms .con.architecture .archList .txtBox .tit{font-size:4.8vw;line-height:7.4vw;margin-bottom:0.8vw;}
.solution.vms .con.architecture .archList .txtBox p + ul{margin-top:2.4vw;}
.solution.vms .con.architecture .archList .txtBox .dashTxt li:before{content:'';position:absolute;width:1.3vw;height:2px;top:3.2vw;left:0;background:#000;}
.solution.vms .con.feature .topText p strong{font-size:4.2vw;line-height:7.2vw;}
.solution.vms .con.feature .topText p + p{margin-top:5vw;}
.solution.vms .con.feature .topText .vtBox{margin-top:10vw;display:block;}
.solution.vms .con.feature .topText .vtCon{width:100%;display:block;}
.solution.vms .con.feature .topText .dashTxt{margin-top:7.7vw;}
.solution.vms .con.feature .smallInr .infoInr li{margin-top:0.6vw;}
.solution.vms .con.feature .topText .vtCon:nth-child(1){padding-right:0;}
.solution.vms .con.feature .topText .vtCon:nth-child(2){padding-left:0;border-left:0;}
.solution.vms .con.feature .topText .vtCon + .vtCon{border-top:1px solid #d8d8d8;margin-top:6.5vw;padding-top:6.5vw;}
.solution.vms .con.feature .smallInr{border-top:0;}
.solution.vms .con.feature .smallInr + .smallInr:before{content:'';position:absolute;width:calc(100% + 17.6vw);height:1px;background:#d8d8d8;left:-8.8vw;top:0;}
.solution.vms .con.patent .stateList > div{float:none;width:100%;padding-right:0;}
.solution.vms .con.patent .stateList > div p{font-size:8.8vw;padding-left:28.4vw;background:url('/static/images/solution/ico_patent_m.png') no-repeat left top;background-size:20.8vw auto;}
.solution.vms .con.patent .stateList > div p strong{font-weight:800;font-size:16vw;line-height:19vw;}
.solution.vms .con.patent .stateList > ul{float:none;width:100%;padding-left:0;border-left:0;margin-top:7.4vw;}
.solution.vms .con.patent .grayBg{margin:0 -8.8vw;padding:8vw 0;width:calc(100% + 17.6vw);margin-top:9.2vw;}
.solution.vms .con.patent .grayBg > div{margin:0;width:100%;padding:0 8.8vw;}
.solution.vms .con.patent .fcR{font-size:4.2vw;line-height:7.2vw;}
.solution.vms .con.patent .grayBg + .fcR{margin-top:9.2vw;margin-bottom:6.5vw;}
.solution.vms .con.applyExam .topText > ul{margin-top:7.4vw;display:block;}
.solution.vms .con.applyExam .topText > ul > li{display:block;width:100%;padding-right:0;padding-left:0;}
.solution.vms .con.applyExam .topText > ul > li:first-child{display:block;width:100%;padding-right:0;padding-left:0;}
.solution.vms .con.applyExam .topText > ul > li p{margin-bottom:4.1vw;}
.solution.vms .con.applyExam .smallInr .infoInr li{margin-top:0;}
.solution.vms .con.applyExam .topText > ul > li + li{border-left:0;border-top:1px solid #d8d8d8;margin-top:9.2vw !important;padding-top:9.2vw;}
.solution.vms .con.applyExam .topText > ul.li3 > li:nth-child(1){width:100%;}
.solution.vms .con.applyExam .topText > ul.li3 > li:nth-child(2){width:100%;}
.solution.vms .con.applyExam .topText > ul.li3 > li:nth-child(3){width:100%;}

/* SOLUTION - psim */
.solution.psim .sfPsim{margin-top:8vw;display:block;}
.solution.psim .sfPsim li{width:100%;min-height:initial;display:block;padding-right:0;width:100%;overflow:hidden;clear:both;}
.solution.psim .sfPsim li dt{width:9.1vw;height:9.1vw;line-height:9.1vw;font-size:4.2vw;float:left;}
.solution.psim .sfPsim li dd{padding-left:5vw;width:calc(100% - 9.1vw);float:left;}
.solution.psim .sfPsim li + li{padding-left:0;border-left:0;border-top:1px solid #d8d8d8;padding-top:9.2vw;margin-top:9.2vw;}

.solution.psim .con.architecture .archList{margin-top:8vw;}
.solution.psim .con.architecture .archList > li > div{display:block;width:100%;}
.solution.psim .con.architecture .archList > li:first-child > div{display:block;width:100%;}
.solution.psim .con.architecture .archList > li .vtBox div{width:calc(100% - 7.1vw);padding-left:3.5vw;}
.solution.psim .con.architecture .archList > li div.num{width:7.1vw;padding-left:0;}
.solution.psim .con.architecture .archList > li div.num span{width:7.1vw;height:7.1vw;line-height:7.1vw;font-size:4.2vw;}
.solution.psim .con.architecture .archList > li + li{padding-top:9.2vw;margin-top:9.2vw;}
.solution.psim .con.architecture .archList .txtBox{padding-left:0;margin-top:8.8vw;}
.solution.psim .con.architecture .archList .txtBox .tit{font-size:4.8vw;line-height:7.4vw;margin-bottom:0.8vw;}
.solution.psim .con.architecture .archList .txtBox p + ul{margin-top:2.4vw;}
.solution.psim .con.architecture .archList .txtBox .dashTxt li:before{content:'';position:absolute;width:1.3vw;height:2px;top:3.2vw;left:0;background:#000;}

.solution.psim .con.feature .vtBox{padding:5.3vw;}
.solution.psim .con.feature .vtCon.imgBox{margin-top:0;}
.solution.psim .con.feature .vtCon, .solution.psim .con.feature .vtCon:first-child{width:100%;padding-left:0;display:block;}



/***************************************** 지속가능경영  *****************************************/
.csm.pgdCon .visual{background:url('/static/images/csm/bg_visual_pgd_m.jpg')no-repeat center;background-size:cover;}/* 추진방향 */
.csm.PreCon .visual{background:url('/static/images/csm/bg_visual_Pre_m.jpg')no-repeat center;background-size:cover;}/* 정도경영 */
.csm.talentCon .visual {background:url('/static/images/about/bg_visual_career_m.jpg')no-repeat center;background-size: cover;}/* 인재경영 */
.csm.withCon .visual{background:url('/static/images/csm/bg_visual_with_m.jpg')no-repeat center;background-size:cover;}/* 동반성장 */
.csm.ctbCon .visual{background:url('/static/images/csm/bg_visual_ctb_m.jpg')no-repeat center;background-size:cover;}/* 사회공헌 */
.csm.fairTcon .visual{background:url('/static/images/csm/bg_visual_fair_m.jpg')no-repeat center;background-size:cover;}/* 공정거래 */
.csm.environCon .visual{background:url('/static/images/csm/bg_visual_environ_m.jpg')no-repeat center;background-size:cover;}/* 환경경영 */
.csm.mReportCon .visual{background:url('/static/images/csm/bg_visual_report_m.jpg')no-repeat center;background-size:cover;}/* 지속가능경영보고서 */

/* 지속가능경영 - 추진방향 */
.csm .con.pgdirection .slideBox{margin-top:9.6vw;}
.csm .con.pgdirection .slideBox li {padding:0 9vw;}
.csm .con.pgdirection .slideBox li div{text-align:center;background:#bb0841;border-radius:50%;position:relative;padding-top:100%;}
.csm .con.pgdirection .slideBox li div span{position:absolute;color:#fff;text-align:center;top:50%; left:50%;transform: translate(-50%, -50%);font-weight:700;width:100%;}
.csm .con.pgdirection .slideBox li div:after{content:'';position:absolute;background:url('/static/images/csm/img_pgdirection_line.png')no-repeat 0 0;bottom:-5.3vw;left:50%;margin-left:-0.4vw;width:0.8vw;height:20vw;background-size:0.8vw 20vw;}
.csm .con.pgdirection .slideBox li p{text-align:center;margin-top:6.5vw;}
.csm .con.pgdirection .swiper-pagination{display:block;position:relative;margin-top:5.3vw;bottom:0;width:100%;font-size:4vw;line-height:1;font-weight:800;}
.csm .con.pgdirection .naviBox{display:block;position:absolute;bottom:0;line-height:4vw;width:100%;text-align:center;}
.csm .con.pgdirection .naviBox .swiper-button-next, .csm .con.pgdirection .naviBox .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.csm .con.pgdirection .naviBox .swiper-button-next, .csm .con.pgdirection .naviBox .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.csm .con.pgdirection .naviBox .swiper-button-prev, .csm .con.pgdirection .naviBox .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

/* 지속가능경영 - 정도경영 - 정도경영 */
.csm .con.precisionManage .bg{margin-top:16vw;background: url('/static/images/csm/img_precisionManage_bg_m.jpg')no-repeat center top;background-size:100% 100vw;}
.csm .con.precisionManage .bg:before{width:0;}
.csm .con.precisionManage .bg .vtBox{height:auto;display:block;padding-top:14.4vw;padding-bottom:15.2vw;}
.csm .con.precisionManage .bg .vtCon{display:block;padding:0;}
.csm .con.precisionManage .bg .vtCon strong{font-size:4.8vw;line-height:8vw;margin-bottom:1.3vw;}
.csm .con.precisionManage .bg .vtCon + .vtCon{margin-top:10.2vw;}
.csm .con.precisionManage .bg .slideBox{padding:0;width:100%;min-height:initial;padding-right:0;}
.csm .con.precisionManage .bg .slideBox p{width:100%;float:none;padding-top:6.5vw;margin-bottom:3.4vw;font-weight:700;}
.csm .con.precisionManage .bg .slideBox div{width:100%;float:none;}
.csm .con.precisionManage .manage{margin-top:6.5vw;}
.csm .con.precisionManage .manage div:nth-child(1):before{width:0;}
.csm .con.precisionManage .manage div:nth-child(1):after{content:'';position:absolute;background: url('/static/images/csm/img_precisionManage_line_m.png')no-repeat center top;width:0.8vw;height:9.5vw;bottom:-6.4vw;left:50%;margin-left:-0.4vw;background-size:0.8vw 9.5vw;}
.csm .con.precisionManage .manage div span{padding:2.9vw 0;}
.csm .con.precisionManage .manage div:nth-child(1) span{width:100%;font-weight:400;}
.csm .con.precisionManage .manage div:nth-child(2){margin-top:4.1vw;}
.csm .con.precisionManage .manage div:nth-child(2) span{width:100%;font-weight:400;color:#000;}
.csm .con.precisionManage .manage ul{margin-top:2.6vw;display:block;padding:0 5.3vw;text-align:center;}
.csm .con.precisionManage .manage ul li{width:100%;height:100%;display:block;padding-right:0;padding-left:0;padding:3.8vw 0;}
.csm .con.precisionManage .manage ul li + li{border:0;border-top:1px solid #d8d8d8;}
.csm .con.precisionManage .manage ul li:nth-child(1), .csm .con.precisionManage .manage ul li:nth-child(2){background:none;}

/* 지속가능경영 - 동반성장 - LG CNS의 동반성장 */
.csm .grayBox.outCome li{padding:8.3vw 7.6vw;}
.csm .grayBox.outCome li:nth-child(1) > div{background:url('/static/images/csm/img_outcome1_m.png')no-repeat right top;background-size:13.5vw auto;}
.csm .grayBox.outCome li:nth-child(2) > div{background:url('/static/images/csm/img_outcome2_m.png')no-repeat right top;background-size:13.4vw auto;}
.csm .grayBox.outCome li:nth-child(3) > div{background:url('/static/images/csm/img_outcome3_m.png')no-repeat right top;background-size:11.9vw auto;}
.csm .grayBox.outCome li div div{font-size:4.2vw;font-weight:800;padding-right:0;margin-bottom:6.8vw;}
.csm .grayBox.outCome li div strong{font-size:6.9vw;line-height:8.7vw;}
.csm .grayBox.outCome p + p{font-size:4.2vw;color:#be154b;margin-top:0.8vw;}

/* 지속가능경영 - 동반성장 - 공정한 거래환경 */
.csm .con.fairDealGuide ul{padding:0;margin-top:18.6vw;display:block;}
.csm .con.fairDealGuide ul li{padding:34.8vw 8.8vw 10.6vw 8.8vw;text-align:center;display:block;}
.csm .con.fairDealGuide ul li:nth-child(1){background:#f8f8f8 url('/static/images/csm/img_fairTrade1_m.png')no-repeat center 11vw;background-size:14.1vw auto;}
.csm .con.fairDealGuide ul li:nth-child(2){background:#f8f8f8 url('/static/images/csm/img_fairTrade2_m.png')no-repeat center 11vw;background-size:14.1vw auto;}
.csm .con.fairDealGuide ul li:nth-child(3){background:#f8f8f8 url('/static/images/csm/img_fairTrade3_m.png')no-repeat center 11vw;background-size:14.1vw auto;}
.csm .con.fairDealGuide ul li:nth-child(4){background:#f8f8f8 url('/static/images/csm/img_fairTrade4_m.png')no-repeat center 11vw;background-size:14.1vw auto;}
.csm .con.fairDealGuide ul li p{font-size:4.2vw;line-height:7.2vw;}
.csm .con.fairDealGuide ul li p:first-child{font-size:4.8vw;line-height:8vw;margin-bottom:2.2vw;}
.csm .con.fairDealGuide ul li + li{border-left:0;border-top:1px solid #d8d8d8;}

/* 지속가능경영 - 동반성장 - 협력회사 동반성장 */
.csm .con.comPartner .jointProject{display:block;padding:0;margin-top:8vw;}
.csm .con.comPartner .jointProject > div{display:block;padding-right:0;}
.csm .con.comPartner .jointProject .box1{width:100%;position:relative;margin-bottom:5.3vw;}
.csm .con.comPartner .jointProject .box2{width:100%;margin-bottom:5.3vw;}
.csm .con.comPartner .jointProject .box2:after{content:'';position:absolute;right:50%;margin-right:-1px;top:-5.3vw;margin-top:0;background:#000;background-size: 1px 100%;height:calc(100% + 5.3vw);width: 1px;z-index:-1;}
.csm .con.comPartner .jointProject .box2:before{content:'';position:absolute;background:url('/static/images/csm/img_figureLine1_m.png')no-repeat;left:50%;top:auto;bottom:-12.4vw;margin-top:0;width:3px;background-size: 3px 12.4vw;height:12.4vw;margin-left:-1px;z-index:10;}
.csm .con.comPartner .jointProject .box3{width:100%;}
.csm .con.comPartner .jointProject .box1 > div{border:1px solid #d8d8d8;border-radius:10px;overflow:hidden;clear:both;padding:0 5vw;text-align:center;}
.csm .con.comPartner .jointProject .box1 dl{float:none;width:100%;padding:6.5vw 0;border-left:0;}
.csm .con.comPartner .jointProject .box1 dl + dl{border-top:1px solid #d8d8d8;}
.csm .con.comPartner .jointProject .box1 dt{font-size:5.3vw;line-height:8.3vw;}
.csm .con.comPartner .jointProject .box1 dd{position:relative;padding-left:0;font-size:4.2vw;line-height:7.2vw;}
.csm .con.comPartner .jointProject .box1 dd:before{content:'';position:absolute;top:13px;width:0;height:3px;background:#000;left:0;}
.csm .con.comPartner .jointProject .box2 div{border-radius:120px;padding:3.8vw 0;font-size:4.2vw;}
.csm .con.comPartner .jointProject .box2 > strong{display:block; position:relative; padding:0;}
.csm .con.comPartner .jointProject .box2 > strong > span{display:block; position:absolute; top:4.5vw; left:50%; transform:translateX(-50%);}
.csm .con.comPartner .jointProject .box2 div li:first-child{padding-top:10.3vw;}
.csm .con.comPartner .jointProject .box3 > div{width:65vw;height:65vw;margin:0 auto;}
.csm .con.comPartner .jointProject .box3 > div div{font-size:4.8vw;line-height:8vw;padding-top:9.9vw;margin-bottom:4.9vw;}
.csm .con.comPartner .jointProject .box3 > div li{margin:0 14.7vw;padding:1.3vw 0;}

.csm .con.comPartner .skill ul{padding:0;margin-top:18.6vw;display:flex;background:none;} /* 2020 영문 작업 수정 */
.csm .con.comPartner .skill ul li{padding:9vw 8vw 9.8vw 8vw;display:block;background:#f8f8f8;}
.csm .con.comPartner .skill ul li + li{border-left:0;border-top:none;} /* 2020 영문 작업 수정 */
.csm .con.comPartner .skill ul li div{font-size:4.8vw;line-height:8vw;margin-bottom:4.9vw;position: relative;}
.csm .con.comPartner .skill ul li div span{border-bottom: 2px solid #bb0841;width:5.3vw;position: absolute;}
.csm .con.comPartner .skill ul li div p{font-size:4.8vw;line-height:8vw;padding-left: 8vw;width: 100%;}

.csm .con.comPartner .support dt{padding-left:2.2vw;}
.csm .con.comPartner .support dt:before{content:'';position:absolute;width:3px;height:3px;background:#000;top: 3vw;left:0;}
.csm .con.comPartner .support dt:after{content:'';position:absolute;top:0;right:3px;}
.csm .con.comPartner .support dl:nth-child(2) dt, .csm .con.comPartner .support dl:nth-child(3) dt{float:none;width:100%;}
.csm .con.comPartner .support dl:nth-child(2) dd, .csm .con.comPartner .support dl:nth-child(3) dd{float:none;width:100%;}
.csm .con.comPartner .support dl:nth-child(4) dt{float:none;width:100%;}
.csm .con.comPartner .support dl:nth-child(4) dd{float:none;width:100%;}

.csm .con.comPartner .education{margin-top:5.8vw;}
.csm .con.comPartner .education li div{padding:1px;}
.csm .con.comPartner .education li p:nth-child(1){font-size:4.2vw;line-height:7.2vw;padding:3vw 8.8vw;text-align:center;position:relative;}
.csm .con.comPartner .education li p:nth-child(2){border:1px solid #d8d8d8;border-radius:15px;text-align:center;padding:7.8vw;margin-top:5.3vw;}

/* 지속가능경영 - 동반성장 - 열린 소통 */
.csm .con.openComm .vos ul{margin-top:8vw;display:block;padding:6.4vw 5.3vw;}
.csm .con.openComm .vos ul li{padding:0 2.6vw;display:block;}
.csm .con.openComm .vos ul li + li{border-left:0;border-top:1px solid #d8d8d8;padding-top:6.4vw;margin-top:6.5vw;}
.csm .con.openComm .vos ul li div{font-size:4.8vw;line-height:8vw;margin-bottom:4.9vw;position: relative;}
.csm .con.openComm .vos ul li div span{border-bottom: 2px solid #bb0841;width:5.3vw;position: absolute;}
.csm .con.openComm .vos ul li div p{font-size:4.8vw;line-height:8vw;padding-left: 8vw;width: 100%;}
.csm .con.openComm .imgSubBox{margin-top:6.5vw;}

/* 지속가능경영 - 인재경영 - 다양성 관리 강화 */
.csm .con.diversity .imgSubBox.floatBox{margin-top:6.5vw;}
.csm .con.diversity .fLeft{width:60%;margin-left:0;}
.csm .con.diversity .fLeft:first-child{width:100%;}
.csm .con.diversity .fLeft + .fLeft{margin-top:8.8vw;}

/* 지속가능경영 - 인재경영 - 조직문화 */
.csm .con.ogtCulture .tabSelWrap{margin-top:8vw;}
.csm .con.ogtCulture .ideaMonster .round{display:block;}
.csm .con.ogtCulture .ideaMonster .round li{width:100%;display:block;}
.csm .con.ogtCulture .ideaMonster .round li:first-child{width:100%;display:block;}
.csm .con.ogtCulture .ideaMonster .round li div{padding-top:0;text-align:center;border-radius:0;font-size:4.2vw;line-height:7.2vw;padding:2vw 0 3.6vw;border-radius:10vw;border-width:2px;}
.csm .con.ogtCulture .ideaMonster .round li div span{position:relative;top:auto;left:auto;transform:none;}
.csm .con.ogtCulture .ideaMonster .round li div strong{display:block;color:#be154b;}
.csm .con.ogtCulture .ideaMonster .round li + li{padding-left:0;margin-top:7.5vw;}
.csm .con.ogtCulture .ideaMonster .round li div:after{width:0;}
.csm .con.ogtCulture .ideaMonster .round li + li:before{content:'';position:absolute;left:50%;top:-3vw;margin-left:-2vw;width:4vw;height:2vw;background:url('/static/images/csm/img_ideaMonster_arrow_m.png')no-repeat 0 0;background-size:4vw 2vw;}
.csm .con.ogtCulture .ideaMonster .round li:last-child div{padding:7.2vw 0 5.5vw;}
.csm .con.ogtCulture .ideaMonster .round li div span{font-size:4.2vw;line-height:7.2vw;}

.csm .con.ogtCulture .visitEdu > li{width:100%;float:none;margin:0;}
.csm .con.ogtCulture .visitEdu > li + li{margin-top:8vw;}
.csm .con.ogtCulture .visitEdu > li div{font-size:4.2vw;line-height:7.2vw;padding:3.3vw 2vw;border-radius:7vw;margin-bottom:5.3vw;}
.csm .con.ogtCulture .visitEdu > li div:after{content:'';position:absolute;background:url('/static/images/csm/img_visitEdu_line_m.png')no-repeat 0 0;bottom:-10vw;left:50%;margin-left:-0.4vw;width:0.8vw;height:12.9vw;background-size:0.8vw 12.9vw;}
.csm .con.ogtCulture .visitEdu > li ul{padding:31.5vw 7vw 7.5vw 10.4vw;}
.csm .con.ogtCulture .visitEdu > li ul li{font-size:4.2vw;line-height:7.2vw;padding-left:2.9vw;}
.csm .con.ogtCulture .visitEdu > li ul li:before{content:'';position:absolute;width:1.4vw;height:2px;background:#000;top: 3vw;left:0;}
.csm .con.ogtCulture .visitEdu > li:nth-child(1) ul{background:url('/static/images/csm/img_visitEdu1.png')no-repeat center 8vw;background-size:17.6vw 18.2vw;}
.csm .con.ogtCulture .visitEdu > li:nth-child(2) ul{background:url('/static/images/csm/img_visitEdu2.png')no-repeat center 8vw;background-size:20.2vw 18.3vw;}

/* 지속가능경영 - 사회공헌 - LG CNS의 사회공헌 */
.csm .con.lgCtb .mainOutcome li{width:100%;float:none;margin-left:0;margin-top:8vw;}
.csm .con.lgCtb .mainOutcome li:first-child{width:100%;float:none;margin-top:0;}
.csm .con.lgCtb .mainOutcome li .top{font-size:4.2vw;line-height:7.2vw;padding:3.3vw 0 2.9vw;border-radius:7vw;}
.csm .con.lgCtb .mainOutcome li .bottom{padding:0 5.6vw;line-height:8.3vw;}
.csm .con.lgCtb .mainOutcome li .bottom > div{padding-top:28.7vw;padding-bottom:6vw;padding-left:0;text-align:center;}
.csm .con.lgCtb .mainOutcome li .bottom > div{padding-left:0;padding-top:28.7vw;padding-bottom:6vw;}
.csm .con.lgCtb .mainOutcome li .bottom > div strong{font-size:5.3vw;margin-top:2.3vw;}
.csm .con.lgCtb .mainOutcome li .bottom div.ico1{padding-left:0;padding-top:28.7vw;padding-bottom:6vw;background:url('/static/images/csm/img_lgCtb_mainOut1_m.png')no-repeat center 10.2vw;background-size:18.2vw auto;}
.csm .con.lgCtb .mainOutcome li .bottom div.ico2{padding-left:0;padding-top:28.7vw;padding-bottom:6vw;background:url('/static/images/csm/img_lgCtb_mainOut2_m.png')no-repeat center 10.2vw;background-size:18.2vw auto;}
.csm .con.lgCtb .mainOutcome li .bottom div.ico3{padding-left:0;padding-top:28.7vw;padding-bottom:6vw;background:url('/static/images/csm/img_lgCtb_mainOut3_m.png')no-repeat center 10.2vw;background-size:18.2vw auto;}
.csm .con.lgCtb .mainOutcome li .top:before{content:'';position:absolute;background:url('/static/images/csm/img_visitEdu_line_m.png')no-repeat 0 0;bottom:-10.2vw;left:50%;margin-left:-0.4vw;width:0.8vw;height:12.9vw;background-size:0.8vw 12.9vw;}

/* 지속가능경영 - 사회공헌 - 코딩지니어스 */
.csm .con.codingProgram{padding:8vw 8.8vw 0;margin-top:4.4vw;position:relative;}
.csm .con.codingProgram:before{content:'';position:absolute;width:calc(100% - 17.6vw);left:8.8vw;top:0;background:#d8d8d8;height:1px;}
.csm .con.codingProgram .inner{padding:0;}
.csm .con.codingProgram .bg{background: url('/static/images/csm/img_itSolution_bg0_m.png')no-repeat center top;background-size:100% 42.6vw;position:relative;margin-top:0;transition:background 0.4s;-o-transition:background 0.4s;-moz-transition:background 0.4s;-webkit-transition:background 0.4s;padding-top:42.6vw;}
.csm .con.codingProgram .bg:before{width:0;}
.csm .con.codingProgram .bg.bgIndex0{background: url('/static/images/csm/img_itSolution_bg0_m.png')no-repeat center top;position:relative;background-size:100% 42.6vw;}
.csm .con.codingProgram .bg.bgIndex1{background: url('/static/images/csm/img_itSolution_bg1_m.png')no-repeat center top;position:relative;background-size:100% 42.6vw;}
.csm .con.codingProgram .bg.bgIndex2{background: url('/static/images/csm/img_itSolution_bg2_m.png')no-repeat center top;position:relative;background-size:100% 42.6vw;}

.csm .con.codingProgram .slideBox{width:100%;}
.csm .con.codingProgram .slideBox .swiper-container{padding-bottom:4vw;}
.csm .con.codingProgram .slideBox .pageNumBg{padding-top:42.6vw;padding-bottom:13.3vw;}
.csm .con.codingProgram .slideBox .swiper-slide > div:first-child{background:#f9f9f9;padding:0 5vw;height:auto;display:block;}
.csm .con.codingProgram .slideBox .swiper-slide > div p{color:#000;font-size:4.5vw;line-height:7.2vw;font-weight:700;padding-top:8.4vw;display:inline-block;}
.csm .con.codingProgram .slideBox .swiper-slide > div p strong{display:inline;font-size:4.5vw;line-height:7.2vw;font-weight:700;}
.csm .con.codingProgram .slideBox .swiper-slide > div p:first-child{display:none;}
.csm .con.codingProgram .slideBox .swiper-slide .bgBox{background:#f9f9f9;padding:0 5vw;min-height:initial;padding-top:4.5vw;padding-bottom:8.1vw;}
.csm .con.codingProgram .slideBox .swiper-pagination{font-size:4vw;font-weight:800;left:auto;width:100%;}
.csm .con.codingProgram .slideBox .naviBox{line-height:4vw;width:100%;position:relative;}
.csm .con.codingProgram .slideBox .swiper-button-next, .csm .con.codingProgram .slideBox .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.csm .con.codingProgram .slideBox .swiper-button-next, .csm .con.codingProgram .slideBox .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.csm .con.codingProgram .slideBox .swiper-button-prev, .csm .con.codingProgram .slideBox .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

/* 지속가능경영 - 공정거래 */
.csm .con.fairTrade .imgPop.txtTopmg{margin-top:13.5vw;}


.pageNumBg .swiper-pagination{width:100%;left:0;}
.pageNumBg .naviBox{width:100%;}

.csm .con.codingGn .floatBox{margin-top:8vw;}
.csm .con.codingGn .floatBox .fLeft{width:48%;}
.csm .con.codingGn .floatBox .fLeft + .fLeft{margin-left:4%;}
.csm .con.codingGn .floatBox + p{font-size:3.6vw;line-height:6.4vw;color:#666;margin-top:4.5vw;}

.csm .con .btnImg.codingGood{padding-top:15.3vw;padding-bottom:15.3vw;position:relative;margin:0 auto; width:100%; min-width:100%;}
.csm .con .btnImg.codingGood:before{content:'';position:absolute;background: url('/static/images/csm/img_btnCoding_m.png')no-repeat left top;top: 5vw;left:0;width:23.2vw;height:27.1vw;background-size:100% 100%;}
.csm .con .btnImg.codingGood a{padding-left:23vw;display:block;}

/* 지속가능경영 - 사회공헌 - IT드림프로젝트 */
.csm .con.itDreamPj .floatBox{margin-top:8vw;}
.csm .con.itDreamPj .floatBox > div{width:100%;float:none;}
.csm .con.itDreamPj .floatBox > div + div{margin-top:5.3vw;}

/* 지속가능경영 - 사회공헌 - CO-GE Explorer */
.csm .imgCogeExp li{width:100%; float:inherit;}
.csm .imgCogeExp li:first-child{margin-bottom:6.2vw;}

/* 지속가능경영 - 안전보건환경 - 경영방침 */
.csm .con.policyManage .vtBoxBoder{width:100%;display:block;margin-left:0;}
.csm .con.policyManage .vtBoxBoder .vtCon{padding:5.3vw;margin-top:2.6vw;}
.csm .con.policyManage .vtBoxBoder .vtCon:after{content:'';position:absolute;border:1px solid #d8d8d8;top:0;left:0;right:0;bottom:0;z-index:-1;}
.csm .con.policyManage .vtBoxBoder .vtCon .num{width:5.3vw;font-size:4.5vw;line-height:7.2vw;border-bottom:2px solid #bb0841;}
.csm .con.policyManage .vtBoxBoder .vtCon p{width:calc(100% - 5.3vw);padding-left:5.3vw;}
.csm .con.policyManage p +.vtBoxBoder{margin-top:8vw;}
.csm .con.policyManage .vtBoxBoder +.vtBoxBoder{margin-top:0;}

.csm .con.policyManage .groundRule{margin-top:6.5vw;display:block;}
.csm .con.policyManage .groundRule > div{width:100%;display:block;padding:0 24vw;}
.csm .con.policyManage .groundRule > div span{font-size:4vw;line-height:7.2vw;}
.csm .con.policyManage .groundRule > ul{display:block;width:100%;margin-top:3.8vw;}
.csm .con.policyManage .groundRule li span{width:10.6vw;font-size:5.3vw;line-height:8.3vw;}
.csm .con.policyManage .groundRule li p{width:calc(100% - 10.6vw);}
.csm .con.policyManage .groundRule li + li{padding-top:3.8vw;margin-top:3.8vw;}

.csm .con.policyManage .safetySystem .swiper-slide{padding:0 1px;}
.csm .con.policyManage .safetySystem .swiper-slide div{font-size:4.2vw;line-height:7.2vw;padding:3.3vw 0;}
.csm .con.policyManage .safetySystem .swiper-slide li{font-size:4.2vw;line-height:7.2vw;}
.csm .con.policyManage .safetySystem .swiper-slide li + li{padding-top:2.2vw;margin-top:2.2vw;}
.csm .con.policyManage .safetySystem .swiper-slide ul{padding:5.9vw 5.3vw;}

/* 지속가능경영 - 안전보건환경 - 인증/수상 */
.csm .con.awardConf .greenDc{margin-top:8vw;display:block;padding:8vw 5.3vw 6.4vw 5.3vw;}
.csm .con.awardConf .greenDc li{display:block;width:100%;}
.csm .con.awardConf .greenDc li div{width:19.2vw;height:19.2vw;margin-bottom:4vw;}
.csm .con.awardConf .greenDc li div p{font-size:5.3vw;font-weight:700;}
.csm .con.awardConf .greenDc li div p span{font-size:5.3vw;top:0;line-height:1;}
.csm .con.awardConf .greenDc li p{font-size:4vw;line-height:6.4vw;}
.csm .con.awardConf .greenDc li p strong{font-size:4.5vw;line-height:7.2vw;}
.csm .con.awardConf .greenDc li p + p {margin-top:1.9vw;}
.csm .con.awardConf .greenDc li + li{border-left:0;border-top:1px solid #d8d8d8;margin-top:6.3vw;padding-top:8vw;}

/* 지속가능경영 - 안전보건환경 - 기후변화활동 */
.csm .con.chgClimate .fstar{margin-top:7.2vw;}
.csm .con.chgClimate .tblTit{font-size:4.2vw;line-height:7.2vw;margin-top:9.2vw;margin-bottom:3.8vw;}

/* 지속가능경영 - 지속가능경영보고서 */
.csm .con.reportManage .reportDown{margin-top:11vw;margin-bottom:0;}
.csm .con.reportManage .reportDown:after{content:'';position:absolute;background:#f8f8f8;width: 2040px;height:100vw;top: 80px;left: -420px;z-index:-1;}
.csm .con.reportManage .reportDown .fLeft{float:none;width:100%;padding-right:0;}
.csm .con.reportManage .reportDown .fLeft div img{width:50.2vw;}
.csm .con.reportManage .reportDown .fLeft:nth-child(1) p{font-size:4.8vw;line-height:8vw;margin-top:9vw;margin-bottom:4.1vw;}
.csm .con.reportManage .reportDown .fLeft:nth-child(2){margin-top:30vw;padding-left:0;}
.csm .con.reportManage .reportDown .fLeft:nth-child(2) > div{font-size:4.5vw;margin-bottom:3.8vw;}
.csm .con.reportManage .reportDown .fLeft ul li{padding:6vw 0 8vw;}
.csm .con.reportManage .reportDown .fLeft ul li p{float:none;font-size:4.2vw;line-height:7.2vw;width:100%;font-weight:700;padding-top:0;margin-bottom:3.8vw;}
.csm .con.reportManage .reportDown .fLeft ul li div{float:none;}
.csm .con.reportManage .reportDown .fLeft .pageBox{margin-top:9vw;}

/***************************************** ABOUT *****************************************/
.companyMain .visual{background:url('/static/images/about/bg_mainComvisual_m.jpg')no-repeat center;background-size:cover;}/* About LG CNS */
.about.ceoCon .visual{background:url('/static/images/about/bg_visual_ceo_m.jpg')no-repeat center;background-size:cover;}/* ceo */
.about.historyCon .visual{background:url('/static/images/about/bg_visual_history_m.jpg')no-repeat center;background-size:cover;}/* 연혁 */
.about.visionCon .visual{background:url('/static/images/about/bg_visual_vision_m.jpg')no-repeat center;background-size:cover;}/* 비전 */
.about.lgWayCon .visual{background:url('/static/images/about/bg_visual_lgway_m.jpg')no-repeat center;background-size:cover;}/* LG WAY */
.about.companyCon .visual{background:url('/static/images/about/bg_visual_company_m.jpg')no-repeat center;background-size:cover;}/* 기업정보 */
.about.careerCon .visual{background:url('/static/images/about/bg_visual_career_m.jpg')no-repeat center;background-size:cover;}/* 인재채용 */

.about .con.lgwayVision, .about .con.act, .about .con.idea, .about .con.complaint, .about .con.busiField, .companyMain .con.companyInfo{padding-top:21.3vw;border-top:1px solid #000;}
.about .subTit{padding:0 8.8vw;font-size:4.5vw;}

/* ABOUT - 회사소개 메인 */
.companyMain .itServiceM{background:url('/static/images/about/img_itService_bg_m.png')no-repeat center top;padding-top:98.6vw;background-size:145vw 98.6vw;margin:0 -8.8vw;}
.companyMain .itServiceM .txtBox{padding:11.8vw 0 3vw 0;}
.companyMain .itServiceM .txtBox span{display:block;font-weight:700;margin-bottom:2vw;}
.companyMain .itServiceM .btnTxt{font-size:4.2vw;line-height:1;margin-top:0;}
.companyMain .itServiceM .btnTxt a{font-weight:700;text-decoration:underline;line-height:1;color:#be154b;display:inline-block;}
.companyMain .itServiceM .btnTxt a span{padding-right: 3vw;background: url('/static/images/ico_clampR_R.png')no-repeat right center;}
.companyMain .itServiceM .btnTxt + div{margin-top:6vw;margin-bottom:3vw;}
.companyMain .unfoldBox{margin-top:0;}
.companyMain ul.unfoldBox > li div.bottom .inner{padding:0 8.8vw;padding-bottom:14vw;}
.companyMain ul.unfoldBox > li div.bottom .btnBox{margin-top:0;right:8.8vw;}
.companyMain .inTxt{padding:0 8.8vw;}
.companyMain .subVisual.vs1{background:url('/static/images/about/bg_mainSubVisual1_m.jpg')no-repeat center top;background-size:100% auto;min-height:initial;padding-bottom:0;margin-top:9.6vw;}
.companyMain .subVisual.vs2{background:url('/static/images/about/bg_mainSubVisual2_m.jpg')no-repeat center top;background-size:100% auto;min-height:initial;margin-top:9.6vw;padding-bottom:0;}
.companyMain .subVisual.vs3{background:url('/static/images/about/bg_mainSubVisual3_m.jpg')no-repeat center top;background-size:100% auto;min-height:initial;margin-top:9.6vw;padding-bottom:0;}
.companyMain .subVisual .txtBox{width:100%;max-width:none;padding-left:8.8vw;padding-right:8.8vw;margin-top:61.1vw;float:none;background:#f8f8f8;margin-left:0;padding-top:0;padding-bottom:14.5vw;}
.companyMain .subVisual.vs2 .txtBox p.ft02:before, .companyMain .subVisual.vs2 .txtBox p.ft02:after, .companyMain .subVisual.vs1 .txtBox p.ft02:first-child:after, .companyMain .subVisual.vs3 .txtBox p.ft02:after, .companyMain .subVisual.vs1 .txtBox p.ft02:first-child:before, .companyMain .subVisual.vs3 .txtBox p.ft02:before{content:none;}
.companyMain .subVisual .txtBox p.ft02{padding-top:9vw;font-size:4.8vw;line-height:8vw;}
.companyMain .subVisual .txtBox p + p{margin-top:4.2vw;}
.companyMain .subVisual.vs2 .txtBox{padding-top:0;padding-left:8.8vw;padding-right:8.8vw;margin-right:0;max-width:none;width:100%;float:none;background:none;}
.companyMain .unfoldBox.outBox{margin:0 -8.8vw;margin-top:0;}
.companyMain .unfoldTit{margin-top:13.6vw;}
.companyMain .refeBox dl{padding:9vw 0;}
.companyMain .refeBox dt{background:none;width:100%;font-size:4.8vw;line-height:8vw;padding-right:0;padding-bottom:7.7vw;}
.companyMain .refeBox dd{float:none;width:100%;}
.companyMain .refeBox dd > ul{float:none;width:100%;}
.companyMain .refeBox dd > ul ul{padding-bottom:4vw;}
.companyMain .refeBox dd > ul > li{padding-left:4.4vw;}
.companyMain .refeBox dd > ul > li:before{content:'';position:absolute;background:#000;width:3px;height:3px;left:0;top:3vw;}

.companyMain .ft01{text-align:left;}
.companyMain .bTxt{text-align:left;font-size:4.8vw;line-height:8vw;}
.companyMain .bTxt + p{text-align:left;margin-top:4.9vw;}
.companyMain .refeBox dl:last-child{border-bottom:0;}
ul.unfoldBox > li div.top p{font-size:4.8vw;line-height:8vw;padding-left:3.2vw;}
ul.unfoldBox > li div.top p:before{content:'';position:absolute;background:#000;width:5px;height:5px;border-radius:50%;left:0;top:3.8vw;}
ul.unfoldBox > li div.top > div{padding:7.2vw 8.8vw;padding-right:13.2vw;display:block;position:relative;}

.companyMain .refeBox.domestic dl:nth-child(1) dt, .companyMain .refeBox.domestic dl:nth-child(2) dt,
.companyMain .refeBox.domestic dl:nth-child(3) dt, .companyMain .refeBox.domestic dl:nth-child(4) dt,
.companyMain .refeBox.domestic dl:nth-child(5) dt, .companyMain .refeBox.domestic dl:nth-child(6) dt,
.companyMain .refeBox.domestic dl:nth-child(7) dt, .companyMain .refeBox.domestic dl:nth-child(8) dt,
.companyMain .refeBox.foreign dl:nth-child(1) dt, .companyMain .refeBox.foreign dl:nth-child(2) dt,
.companyMain .refeBox.foreign dl:nth-child(3) dt, .companyMain .refeBox.foreign dl:nth-child(4) dt,
.companyMain .refeBox.foreign dl:nth-child(5) dt{background:none;}

.companyMain .innovation{margin-top:0;}
.companyMain .innovation dl{padding:14.2vw 0;}
.companyMain .innovation dl:first-child{border-top:0;}
.companyMain .innovation dt{float:none;width:100%;padding-bottom:9.2vw;padding-top:32vw;font-size:6.4vw;}
.companyMain .innovation dd{float:none;width:100%;}
.companyMain .innovation dd p + p{margin-top:3vw;}
.companyMain .innovation dl:nth-child(1) dt{background:url('/static/images/about/img_innovation1_m.png')no-repeat left top;background-size:25vw auto;}
.companyMain .innovation dl:nth-child(2) dt{background:url('/static/images/about/img_innovation2_m.png')no-repeat left top;background-size:24.3vw auto;}
.companyMain .innovation dl:nth-child(3) dt{background:url('/static/images/about/img_innovation3_m.png')no-repeat left top;background-size:24vw auto;}
.companyMain .innovation dl:nth-child(4) dt{background:url('/static/images/about/img_innovation4_m.png')no-repeat left top;background-size:22.9vw auto;}
.companyMain .innovation dl:last-child{padding-bottom:0;}
.companyMain .innovation dd ul{margin-top:4.4vw;}
.companyMain .innovation dd ul li{width:50%;background:none;margin:4.4vw 0;}
.companyMain .innovation dd ul li + li{margin-left:0;}
.companyMain .innovation dd ul li span{padding-right:4vw;background:url('/static/images/ico_clampR_R.png')no-repeat right center;}

.companyMain .con.companyInfo .grayBox li p{padding-bottom:8.8vw;}
.companyMain .con.companyInfo .grayBox li:nth-child(1) p{background:url('/static/images/about/img_companyInfo_01_m.png')no-repeat right bottom;background-size:13vw auto;}
.companyMain .con.companyInfo .grayBox li:nth-child(2) p{background:url('/static/images/about/img_companyInfo_02_m.png')no-repeat right bottom;background-size:13.6vw auto;}
.companyMain .con.companyInfo .grayBox li:nth-child(3) p{background:url('/static/images/about/img_companyInfo_03_m.png')no-repeat right bottom;background-size:14vw auto;}

.companyMain .con.companyInfo .dashTxt li{font-size:4vw;line-height:6.4vw;}
.companyMain .con.companyInfo .dashTxt li:before{top:3vw;}
.companyMain .con.companyInfo .dashTxt li + li{margin-top:2.9vw;}
.companyMain .con.companyInfo .floatBox .fRight{margin-top:4.3vw;}
.companyMain .con.companyInfo .icoClampBkR span{padding-right:7.5vw;}

.companyMain .con.place h2{margin-bottom:0;}
.companyMain .con.place.tabSelWrap h2 + .nowSelTab{margin-top:8vw !important;}
.companyMain .con.place.tabSelWrap .tabList{width:calc(100% - 17.6vw);}
.companyMain .con.place.tabSelWrap .tabList li.isActive:before{content:'';position:absolute;background:#be154b;left: -4px;top:0;width:0;height:100%;z-index:1;}
.companyMain .con.place .building{margin:0 8.8vw;}
.companyMain .con.place .building .inner{padding:0;padding-top:53.3vw;}
.companyMain .con.place .building .bg{background:url('/static/images/about/img_building_bg0_m.png')no-repeat center top;background-size:100% 53.3vw;}
.companyMain .con.place .building .bg.bgIndex0{background: url('/static/images/about/img_building_bg0_m.png')no-repeat center top;background-size:100% 53.3vw;}
.companyMain .con.place .building .bg.bgIndex1{background: url('/static/images/about/img_building_bg1_m.png')no-repeat center top;background-size:100% 53.3vw;}
.companyMain .con.place .building .slideBox{max-width:none;width:100%;left:0;padding-left:0;}
.companyMain .con.place .building .slideBox .swiper-slide > div:first-child{width:100%;float:none;margin-bottom:3.8vw;}
.companyMain .con.place .building .slideBox .swiper-slide > div > div{font-size:4.5vw;line-height:7.2vw;margin-top:6.6vw;margin-bottom:2.5vw;}
.companyMain .con.place .building .slideBox .swiper-slide > div:first-child p{font-size:4.2vw;line-height:7.2vw;}
.companyMain .con.place .building .slideBox .swiper-slide > div{float:none;width:calc(100% - 2px);margin:0 auto;}
.companyMain .con.place .building .slideBox .swiper-slide > div a{width:100%;background:#fff;}
.companyMain .con.place .building .slideBox .pageNum2{margin-top:0;padding-top:0;padding-bottom:10.6vw;margin-right:0;}

.companyMain .con.place .building .slideBox .pageNum2 .swiper-pagination{font-size:4vw;font-weight:800;left:auto;width:100%;bottom:1.5vw;}
.companyMain .con.place .building .slideBox .pageNum2 .naviBox{bottom:1vw;}
.companyMain .con.place .building .slideBox .pageNum2 .swiper-button-next,
.companyMain .con.place .building .slideBox .pageNum2 .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.companyMain .con.place .building .slideBox .pageNum2 .swiper-button-next{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.companyMain .con.place .building .slideBox .pageNum2 .swiper-button-prev{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

.companyMain .con.place .pageNum .swiper-pagination{font-size:4vw;font-weight:800;left:auto;width:100%;bottom:0;}
.companyMain .con.place .pageNum .naviBox{line-height:4vw;width:100%;bottom:0;}
.companyMain .con.place .pageNum .swiper-button-next, .about .con.lgwayVision .pageNum .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.companyMain .con.place .pageNum .swiper-button-next, .about .con.lgwayVision .pageNum .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.companyMain .con.place .pageNum .swiper-button-prev, .about .con.lgwayVision .pageNum .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

.companyMain .con.place .building + .subTit{border-top:1px solid #d8d8d8;margin-top:16vw;padding-top:16vw;}

.companyMain .con.place .dataCenter li .vtBox{padding-top:16vw;padding-bottom:14.5vw;display:block;}
.companyMain .con.place .dataCenter li .vtCon{width:100%;display:block;padding-left:0;font-size:4.2vw;line-height:7.2vw;}
.companyMain .con.place .dataCenter li .vtCon:first-child{width:100%;margin-bottom:6.5vw;}
.companyMain .con.place .dataCenter li .vtCon img{width:100%;}
.companyMain .con.place .dataCenter li .vtCon p + ul{margin-top:7.3vw;}
.companyMain .con.place .dataCenter li .vtCon li{font-size:4.2vw;line-height:7.2vw;padding-left:2.6vw;}
.companyMain .con.place .dataCenter li .vtCon li:before{content:'';position:absolute;background:#000;width:3px;height:3px;top:3.2vw;left:0;}
.companyMain .con.place .dataCenter li .vtCon li + li{margin-top:2.4vw;}
.companyMain .con.place .dataCenter li .vtCon ul + div{margin-top:6.5vw;padding-top:6.5vw;}
.companyMain .con.place .dataCenter li .vtCon dl:nth-child(2n-1), .companyMain .con.place .dataCenter li .vtCon dl{width:100%;overflow:hidden;clear:both;}
.companyMain .con.place .dataCenter li .vtCon dt{padding-left:2.6vw;width:23.5vw;float:left;}
.companyMain .con.place .dataCenter li .vtCon dt:before{content:'';position:absolute;background:#000;width:3px;height:3px;top:3.2vw;left:0;}
.companyMain .con.place .dataCenter li .vtCon dd{padding-left:0;width:calc(100% - 23.5vw);float:left;}
.companyMain .con.place .dataCenter li .vtCon dl + dl{margin-top:2.4vw;}
.companyMain .con.place .dataCenter ul.unfoldBox > li div.bottom .btnBox{right:8.8vw;}
.companyMain .con.place .foreignComp{margin-top:5.3vw;}
.companyMain .con.place .foreignComp li > div{font-size:4vw;line-height:7.2vw;}
.companyMain .con.place .foreignComp li > div span{font-size:4vw;line-height:7.2vw;margin-right:4.8vw;display:inline-block;}
.companyMain .con.place .foreignComp li > div p{font-size:5.3vw;line-height:8.3vw;margin-top:2.6vw;}
.companyMain .con.place .foreignComp li > div:first-child{padding-right:13vw;}
.companyMain .con.place .foreignComp li div{background-size:11.2vw;}
.companyMain .con.place .foreignComp li dl{display:block;width:100%;margin-top:0;}
.companyMain .con.place .foreignComp li dl + dl{margin-top:5vw;}
.companyMain .con.place .foreignComp li dt{display:block;width:100%;font-size:4.2vw;line-height:7.2vw;margin-bottom:1.5vw;}
.companyMain .con.place .foreignComp li dd{display:block;width:100%;font-size:4.2vw;line-height:7.2vw;}
.companyMain .con.place .dataCenter{padding:0;}
.companyMain .con.place .dataCenter ul.unfoldBox > li div.top > div {padding: 7.2vw 8.8vw;padding-right: 13.2vw;display: block;position: relative;}

/* ABOUT - CEO */
.about .con.ceo .vtBox{margin:14.1vw -8.8vw 0 -8.8vw;padding:14.5vw 8.8vw 0 8.8vw;display:block;width:calc(100% + 17.6vw);}
.about .con.ceo .vtCon{font-size:4.2vw;line-height:7.2vw;width:100%;padding-left:0;display:block;}
.about .con.ceo .vtCon:first-child{display:none;}
.about .con.ceo .vtCon p + div{margin-top:12vw;}
.about .con.ceo .vtCon div img{width:42.4vw;}
.about .con.ceo .vtCon div span{font-size:4vw;line-height:6.4vw;margin-top:3.2vw;}

/* ABOUT - 비전 */
.about .con.vision div.txtC{margin-bottom:0;} /* 2019-12-16 추가 */
.about .con.vision div.txtC div{margin-top:9.4vw;}
.about .con.vision div.txtC p{position:relative;top:0;max-width:none;text-align:left;}
.about .con.bgVision{margin-top:21.3vw;}
.about .con.bgVision .bgTit{margin-left:-8.8vw;width:calc(100% + 17.6vw);height:85.3vw;margin-bottom:17.9vw;}
.about .con.bgVision .bgTit:before{height:11.5vw;}
.about .con.bgVision .bgTit:after{height:11.5vw;bottom:-11.5vw;}
.about .con.bgVision .bgTit strong{font-size:7.4vw;line-height:11.2vw;text-align:left;}
.about .con.bgVision .bgTit > div{width:100%;padding:0 8.8vw;}
/* .about .con.bgVision div{font-size:4.8vw;line-height:8vw;} */ /* 2019-12-16 수정 */
.about .con.bgVision p + div{margin-top:4.9vw;}

.about .con.bgVision.sec1 ul{margin:9.2vw 0;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li{overflow:hidden;display:block;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li > div{float:left;width:100%;display:block;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li:nth-child(1){padding-top:45.3vw;background:#f8f8f8 url('/static/images/about/img_vision2_m.jpg')no-repeat 0 0;background-size:auto 45.3vw;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li:nth-child(2){padding-top:45.3vw;background:#f8f8f8 url('/static/images/about/img_vision3_m.jpg')no-repeat 0 0;background-size:auto 45.3vw;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li:nth-child(2) > div p{text-align:left;} /* 2019-12-16 추가 */
.about .con.bgVision.sec1 ul li > div p{font-size:3.8vw;line-height:6.4vw;padding:6.7vw 5.3vw;} /* 2019-12-16 추가 */
.about .con.bgVision div strong{font-size:4.8vw;line-height:8vw;} /* 2019-12-16 추가 */
.about .con.bgVision .divCaseS{font-size:4.2vw;line-height:7.2vw;margin-top:7.6vw;} /* 2019-12-16 추가 */
.about .con.bgVision.sec2 .imgBox{margin:9.2vw 0;} /* 2019-12-16 추가 */
.about .con.bgVision.sec2 .imgBox.img01{margin:9.2vw 0 10.9vw;} /* 2019-12-16 추가 */

/* 2019-12-16 수정
.about .con.bgVision.sec3 ul li{padding:4vw 0;}
.about .con.bgVision.sec3 ul li div span{width:5.3vw;font-size:4.2vw;margin-right:2.1vw;line-height:7.2vw;}
.about .con.bgVision.sec3 ul li div span:after{width:100%;}
.about .con.bgVision.sec3 ul li div strong{width:calc(100% - 7.4vw);font-size:4.2vw;line-height:7.2vw;}
.about .con.bgVision.sec3 ul li div + p{margin-top:1.9vw;}
.about .con.bgVision.sec3 ul li p{font-size:4.2vw;line-height:7.2vw;}
*/

/* .about .con.bgVision.sec1 .bgTit{background-image:url('/static/images/about/img_visionTitBg1_m.jpg');} 2019-12-16 수정 */
.about .con.bgVision.sec1 .bgTit{background-image:url('/static/images/about/img_visionTitBg1_m.jpg');} /* 2019-12-16 수정 */
.about .con.bgVision.sec2 .bgTit{background-image:url('/static/images/about/img_visionTitBg2_m.jpg');} /* 2019-12-16 수정 */

/* #visionTop.con:first-child{margin-top:0; padding-top:17.6vw;}
.about #visionSection2.con.bgVision,
.about #visionSection3.con.bgVision{margin-top:0; padding-top:21.3vw;} */



/* ABOUT - LG WAY */
.about .con.lgwayVision .bg{margin:0 8.8vw;margin-top:14.1vw;background:url('/static/images/about/img_lgway_bg_m.jpg')no-repeat center 61.4vw;background-size:100% auto;}
.about .con.lgwayVision .bg .inner{padding:0;}
.about .con.lgwayVision .bg .vtCon{display:block;padding:0;padding-right:0;color:#000;height:auto;padding-bottom:46.6vw;}
.about .con.lgwayVision .bg .vtBox{display:block;}
.about .con.lgwayVision .slideBox{padding-left:0;left:0;max-width:none;width:100%;background:#f9f9f9;}
.about .con.lgwayVision .slideBox .pageNum{margin-right:8.8vw;margin-left:8.8vw;padding-top:9.3vw;padding-bottom:37.2vw;}
.about .con.lgwayVision .slideBox .swiper-slide div{font-size:4.5vw;line-height:7.2vw;margin-bottom:5.2vw;}

.about .con.lgwayVision .pageNum .swiper-pagination{font-size:4vw;font-weight:800;left:auto;width:100%;bottom:10.6vw;}
.about .con.lgwayVision .pageNum .naviBox{line-height:4vw;width:100%;bottom:10.6vw;}
.about .con.lgwayVision .pageNum .swiper-button-next, .about .con.lgwayVision .pageNum .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.about .con.lgwayVision .pageNum .swiper-button-next, .about .con.lgwayVision .pageNum .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.about .con.lgwayVision .pageNum .swiper-button-prev, .about .con.lgwayVision .pageNum .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

.about .con.act .ft01{padding-right:0;}
.about .con.act ul{margin-top:5.9vw;}
.about .con.act ul li{padding-bottom:27.8vw;}
.about .con.act ul li div{font-size:4.5vw;line-height:7.2vw;margin-bottom:2vw;}
.about .con.act ul li:nth-child(1){background:url('/static/images/about/img_lgway_act01_m.png')no-repeat 8vw 37.5vw;background-size:11.4vw auto;}
.about .con.act ul li:nth-child(2){background:url('/static/images/about/img_lgway_act02_m.png')no-repeat 8vw 37.5vw;background-size:12.9vw auto;}
.about .con.act ul li:nth-child(3){background:url('/static/images/about/img_lgway_act03_m.png')no-repeat 8vw 39.1vw;background-size:12.4vw auto;}

.about .con.idea .vtBox.idea01{width:100%;display:block;border-top:1px solid #d8d8d8;margin-left:-8.8vw;margin-right:-8.8vw;width:calc(100% + 17.6vw);padding:0 8.8vw;margin-top:13.2vw;padding-bottom:13.6vw;}
.about .con.idea .vtCon{padding-left:0;width:100%;display:block;}
.about .con.idea .vtCon:first-child{width:100%;display:block;}
.about .con.idea .vtCon:first-child strong{font-size:5.3vw;line-height:8.3vw;}
.about .con.idea .vtCon:first-child strong.forPC{display:none !important;}
.about .con.idea .vtBox.idea01 .vtCon:first-child > div{background:none;padding-top:13vw;padding-bottom:11.2vw;}
.about .con.idea dt{font-size:4.2vw;line-height:7.2vw;margin-bottom:4.3vw;padding-left:1.7vw;}
.about .con.idea dt:before{content:'';position:absolute;left:0;top: 3.2vw;width:3px;height:3px;background:#000;}
.about .con.idea dd + dt{margin-top:5.3vw;}
.about .con.idea .vtBox.idea02{padding-top:13vw;}
.about .con.idea .vtCon:first-child strong.forM{display:inline-block !important;}
.about .con.idea .vtBox.idea02 .vtCon:first-child > div{background:none;padding-bottom:11.2vw;}
.about .con.complaint ul {margin:0 -8.8vw;margin-top:8vw;width:calc(100% + 17.6vw);}
.about .con.complaint ul li{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;padding:9.2vw 8.8vw 10vw;width:100%;}
.about .con.complaint li > div{display:block;border:0;padding:0;}
.about .con.complaint li > div:first-child{background:none;padding-left:0;padding-right:0;padding:0;margin-bottom:6.5vw;}
.about .con.complaint li > div{width:39.1vw;}

/* ABOUT - 기업정보 */
.about .con.summary div.floatBox{margin-top:6.8vw;}
.about .con.summary dl{width:100%;float:none;overflow:hidden;clear:both;margin:0;}
.about .con.summary dl + dl{margin-top:2.6vw;}
.about .con.summary dl:nth-child(2n-1){width:100%;}
.about .con.summary dt{width:21.7vw;font-size:4.2vw;line-height:7.2vw;padding-left:2.6vw;}
.about .con.summary dt:before{content:'';position:absolute;width:3px;height:3px;left:0;top:3.2vw;background:#000;}
.about .con.summary dd{width:calc(100% - 21.7vw);padding-left:0;font-size:4.2vw;line-height:7.2vw;}
.about .con.busiField .bg{background:#f9f9f9 url('/static/images/about/img_field_bg0_m.png')no-repeat center top;position:relative;background-size:100% 42.6vw;margin:0 8.8vw;margin-top:8vw;}
.about .con.busiField .bg:before{width:0;}
.about .con.busiField .bg.bgIndex0{background:#f9f9f9 url('/static/images/about/img_field_bg0_m.png')no-repeat center top;background-size:100% 42.6vw;}
.about .con.busiField .bg.bgIndex1{background:#f9f9f9 url('/static/images/about/img_field_bg1_m.png')no-repeat center top;background-size:100% 42.6vw;}
.about .con.busiField .bg.bgIndex2{background:#f9f9f9 url('/static/images/about/img_field_bg2_m.png')no-repeat center top;background-size:100% 42.6vw;}
.about .con.busiField .bg.bgIndex3{background:#f9f9f9 url('/static/images/about/img_field_bg3_m.png')no-repeat center top;background-size:100% 42.6vw;}
.about .con.busiField .bg.bgIndex4{background:#f9f9f9 url('/static/images/about/img_field_bg4_m.png')no-repeat center top;background-size:100% 42.6vw;}
.about .con.busiField .bg.bgIndex5{background:#f9f9f9 url('/static/images/about/img_field_bg5_m.png')no-repeat center top;background-size:100% 42.6vw;}
.about .con.busiField .slideBox{width:100%;}
.about .con.busiField .slideBox .swiper-slide .bgBox{padding:5.2vw 0 9.2vw;position:relative;min-height:initial;background:#f9f9f9;}
.about .con.busiField .slideBox .swiper-slide > div:first-child{height:auto;color:#fff;display:block;width:100%;margin-top:42.6vw;}
.about .con.busiField .slideBox .swiper-slide > div span{display:block;font-size:4.5vw;line-height:7.2vw;color:#000;padding-top:8.8vw;}
.about .con.busiField .slideBox .pageNum2{padding-bottom:16vw;}
.about .con.busiField .pageNum2 .swiper-pagination{font-size:4vw;font-weight:800;left:auto;width:100%;bottom:10.6vw;}
.about .con.busiField .pageNum2 .naviBox{line-height:4vw;width:100%;bottom:10.6vw;}
.about .con.busiField .pageNum2 .swiper-button-next,
.about .con.busiField .pageNum2 .swiper-button-prev,
.about .con.lgwayVision .pageNum .swiper-button-next,
.about .con.lgwayVision .pageNum .swiper-button-prev{top:auto;width:6.6vw;height:2.5vw;background-size:6.6vw 2.5vw;position:relative;display:inline-block;}
.about .con.busiField .pageNum2 .swiper-button-next,
.about .con.lgwayVision .pageNum .swiper-container-rtl .swiper-button-prev{background-image:url('/static/images/ico_arrow_next_bk_m.png');margin-top:0;margin-left: 11.2vw;}
.about .con.busiField .pageNum2 .swiper-button-prev,
.about .con.lgwayVision .pageNum .swiper-container-rtl .swiper-button-next{background-image:url('/static/images/ico_arrow_prev_bk_m.png');margin-top:0;margin-right: 11.2vw;}

/* ABOUT - 기업정보 - 요약 연결 재무상태표 보기 팝업  */
.publicPop.financial .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.publicPop.financial .popClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('/static/images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}
.publicPop.financial .popArea .popTitle{position:relative;}
.publicPop.financial .popArea .popTitle strong{display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:700;}
.publicPop .financialPop .tText{font-size:16px;line-height:22px;color:#666;text-align:right; margin-bottom:7px;}
.publicPop .financialArea{overflow-x:scroll; border-top:2px solid #333; border-bottom:1px solid #aaa;}
.publicPop .financialArea thead th{border-left:1px solid #eee; font-weight:400; padding:20px 30px; line-height:20px; background:#f8f8f8;}
.publicPop .financialArea thead th:first-child{border-left:none;}
.publicPop .financialArea .firstLine th,
.publicPop .financialArea .firstLine td{border-top:1px solid #333; color:#be154b; background:#fdf7f9; font-weight:700;}
.publicPop .financialArea tbody th,
.publicPop .financialArea tbody td{border-top:1px solid #d8d8d8; padding:20px 30px; line-height:20px;}
.publicPop .financialArea tbody th{font-weight:400;}
.publicPop .financialArea tbody td{border-left:1px solid #eee; text-align:right;}
.publicPop .financialPop .financialNoti li{font-size:16px;line-height:22px;color:#666;position:relative;padding-left:7px;margin-top:7px;}
.publicPop .financialPop .financialNoti li:first-child{margin-top:17px;}
.publicPop .financialPop .financialNoti li:before{content:'*';position:absolute;top:0;left:0;}

/* ABOUT - 인재 채용 - 채용정보 */
.about .con.career .careerVision{text-align:center;background:url('/static/images/about/img_empolyInfo_bg_m.png')no-repeat center top;background-size:100% auto;margin-bottom:7.4vw;margin-left:-8.8vw;margin-right:-8.8vw;}
.about .con.career .careerVision > div{font-size:4.2vw;line-height:7.2vw;}
.about .con.career .careerVision > p{font-size:4.8vw;line-height:8vw;margin-top:3.4vw;}
.about .con.career .careerVision li div span{font-size:3.5vw;line-height:5.3vw;padding-top:0;margin:0;transform: translate(-50%, -50%);}
.about .con.career .careerVision li:nth-child(1) div span, .about .con.career .careerVision li:nth-child(2) div span, .about .con.career .careerVision li:nth-child(3) div span{background:none;}
.about .con.qna .unfoldBox{margin-top:8.4vw;}

/* ABOUT - 인재 채용 - 채용공고 */
.about .con.employment .empolNoticeTab .nowSelTab{display:block;position:relative;border:2px solid #be154b;width:100%;padding:2.4vw 8.8vw 2.4vw 5.3vw;font-size:4.5vw;line-height:7.2vw;}
.about .con.employment .empolNoticeTab .nowSelTab:after{content:'';position:absolute;background:url('/static/images/ico_select_m.png')no-repeat 0 0;right:5.1vw;top:5vw;width:3.7vw;height:2vw;background-size:3.7vw 2vw;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.about .con.employment .empolNoticeTab .nowSelTab.on:after{content:'';position:absolute;background:url('/static/images/ico_select_m.png')no-repeat 0 0;right:5.1vw;top:5vw;width:3.7vw;height:2vw;background-size:3.7vw 2vw;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.about .con.employment .empolNoticeTab .tabList{overflow:hidden;clear:both;display: none;position: absolute;width: 100%;}
.about .con.employment .empolNoticeTab .tabList li{float:none;background:#be154b;position:relative;border:1px solid #be154b;text-align:left;}
.about .con.employment .empolNoticeTab .tabList li a{color:#fff;font-weight:700;padding:2.4vw 8.8vw 2.4vw 5.3vw;font-size:4.5vw;line-height:7.2vw;}
.about .con.employment .empolNoticeTab .tabList li.on{background:#be154b;}
.about .con.employment .empolNoticeTab .tabList li.on:before{content:'';position:absolute;background:#be154b;left:-1px;top:0;width:0;height:100%;z-index:1;}
.about .con.employment .empolNoticeTab .tabList li.on a{text-decoration:none;}
.about .con.employment .empolNoticeTab .tabList li + li{border-left:none;border-top:1px solid rgba(255,255,255,0.6);}
.about .con.employment .empolNoticeTab .tabList li.on + li{border-left:0;}
.about .con.employment .empolNoticeTab .tabList.tab2 li, .about .con.employment .empolNoticeTab .tabList.tab3 li, .about .con.employment .empolNoticeTab .tabList.tab4 li, .about .con.employment .empolNoticeTab .tabList.tab5 li{width:100%;}
.about .con.employment .empolNoticeTab .tabContainer{margin-top:9.3vw;}

.about .con.employment .empolTxt strong{font-weight:700;}
.about .con.employment .searchBox{padding:8vw 8.8vw 10.6vw;margin:3.8vw -8.8vw 9.4vw;}
.about .con.employment .searchBox > div{padding-bottom:0;}
.about .con.employment .searchBox > div select{float:none;width:100%;margin-right:0;background:#fff url('/static/images/ico_selectBox_select_m.jpg')no-repeat right center;background-size:8.1vw auto;}
.about .con.employment .searchBox > div select + select{margin-top:2.8vw;}
.about .con.employment .searchBox > div select + .btn{margin-top:8vw;}
.about .con.employment .searchBox > div .btn{width:40.8vw;height:12.2vw;border:0;margin-left:calc((100% - 40.8vw)/2);}
.about .con.employment .searchBox div .btn button{text-indent:inherit;color:#fff;text-align:left;font-size:3.4vw;line-height:1;font-weight:800;padding:0 4.4vw;background:none;line-height:3.9vw;}
.about .con.employment .searchBox div .btn button span{background:url('/static/images/ico_search_w_m.png')no-repeat right center;background-size:3.9vw;width:100%;display:block;}

.about .con.employment .empolNotice.tbl{overflow:hidden;}
.about .con.employment .empolNotice.tbl table, .about .con.employment .empolNotice.tbl tr, .about .con.employment .empolNotice.tbl td{display:block;}
.about .con.employment .empolNotice.tbl th{display:none;}
.about .con.employment .empolNotice.tbl td{border:0;}
.about .con.employment .empolNotice.tbl tr + tr{border-top:1px solid #e5e5e5;}
.about .con.employment .empolNotice.tbl tbody tr{position:relative;overflow:hidden;padding-bottom:19.2vw;display:block !important;}
.about .con.employment .empolNotice.tbl td:nth-child(1){position:absolute;bottom:7.6vw;left:0;text-align:left;padding:0;font-size:4.2vw;}
.about .con.employment .empolNotice.tbl table td:nth-child(2){padding:0;padding-top:10.9vw;font-size:4.8vw;line-height:8vw;margin-bottom:4vw;}
.about .con.employment .empolNotice.tbl td:nth-child(3){float:right;padding:0;width:calc(100% - 14vw);text-align:left;line-height:1;padding-left:2.6vw;border-left:1px solid #d8d8d8;font-size:4vw;}
.about .con.employment .empolNotice.tbl table td:nth-child(3) div{display:inline-block;font-size:4.2vw;}
.about .con.employment .empolNotice.tbl table td:nth-child(3) p{display:inline-block;font-size:4vw;}
.about .con.employment .empolNotice.tbl td:nth-child(4){float:left;padding:0;width:14vw;text-align:left;}
.about .con.employment .empolNotice.tbl td:nth-child(4) p{font-size:4vw;line-height:1;}
.about .con.employment .empolNotice.tbl td a{max-height:none;}
.about .con.employment .empolNotice.tbl td a:after{content:'';position:absolute;width: 3.8vw;height: 3.8vw;margin: 1.8vw 0 0 1vw;vertical-align:top;background:url('/static/images/ico_move_big.png') no-repeat 0 0;background-size: 3.8vw;/* top: 1.8vw; */}
.about .con.employment .interest input[type="checkbox"] {position:absolute; opacity:0; width: auto; height: auto;}
.about .con.employment .interest input[type="checkbox"] + label {display: block;width: auto;background: url('/static/images/about/img_jobopen_icon_off_m.png') no-repeat right 0px;background-size:4.8vw auto;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;text-indent:inherit;width:21.8vw;height:4.1vw;margin: 0 auto;font-size:4.2vw;line-height:1;}
.about .con.employment .interest input[type="checkbox"]:checked + label {background-image:url('/static/images/about/img_jobopen_icon_on_m.png');}

/* ABOUT - 연혁 */
.about .con.history .tabSelWrap .tabContainer{margin-top:9.3vw}
.about .con.history .tabSelWrap .tabList{padding-top:0;}
.about .con.history .tabSelWrap .nowSelTab a{color:#be154b;font-size:4.5vw;font-weight:700;}
.about .con.history .tabSelWrap .nowSelTab a span{color:#be154b;font-size:4vw;line-height:4.5vw;font-weight:400;padding-left:2.6vw;}
.about .con.history .tabSelWrap .tabList li.isActive a{color:#fff;}
.about .con.history .tabSelWrap .tabList li.isActive:before{width:0;}
.about .con.history .tabSelWrap .tabList li a {color:#fff;font-size:4.5vw;font-weight:700;padding:2.4vw 8.8vw 2.4vw 5.3vw;line-height:7.2vw;}
.about .con.history .tabSelWrap .tabList li a span{font-size:4vw;line-height:4.5vw;font-weight:400;padding-left:2.6vw;display:inline;}
.about .con.history .tabSelWrap .tabList li + li{border-left:none;border-top:1px solid rgba(255,255,255,0.6);}

.about .con.history .historyTop{margin-left:-8.8vw;margin-right:-8.8vw;padding-top:48.1vw;}
.about .con.history .tabContainer > div:nth-child(1) .historyTop{background:url('/static/images/about/img_history_top1_m.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .tabContainer > div:nth-child(2) .historyTop{background:url('/static/images/about/img_history_top2_m.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .tabContainer > div:nth-child(3) .historyTop{background:url('/static/images/about/img_history_top3_m.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .tabContainer > div:nth-child(4) .historyTop{background:url('/static/images/about/img_history_top4_m.jpg')no-repeat center 0;background-size:cover;}
.about .con.history .historyTop p{font-size:5.3vw;line-height:8.3vw;}
.about .con.history .historyList{padding-bottom:0;}
.about .con.history .historyList:before{content:'';position:absolute;background:#ccc;width:1px;height:calc(100% + 11.4vw);left:0;top:-11.4vw;}
.about .con.history .historyBox{padding-left:7.7vw;margin-top:11.4vw;}
.about .con.history .historyBox .year{padding-right:0;text-align:left;font-size:7.4vw;line-height:11.2vw;position:relative;}
.about .con.history .historyBox .year:before{content:'';position:absolute;width:9px;height:9px;background:#bb0841;border-radius:50%;left:calc(-7.7vw - 4px);top: 4.6vw;}
.about .con.history .historyBox .year:after{content:'';position:absolute;width:5.9vw;height:1px;background:#cccccc;left: -8.2vw;top: calc(4.6vw + 4px);z-index: -1;}
.about .con.history .historyBox .month .right{text-align:left;}
.about .con.history .historyBox .month dl{width:100%;margin-top:24px;display:block;}
.about .con.history .historyBox .month .right dl{padding-left:0;margin-top:4.4vw;}
.about .con.history .historyBox .month .left dl{padding-right:0;text-align:left;margin-top:4.4vw;}
.about .con.history .historyBox .month dt{font-size:4.2vw;line-height:7.2vw;}
.about .con.history .historyBox .month .right dt{width:8vw;}
.about .con.history .historyBox .month .right dd{width:calc(100% - 8vw);}
.about .con.history .historyBox .month .left dt{float:left;width:8vw;}
.about .con.history .historyBox .month .left dd{width:calc(100% - 8vw);}
.about .con.history .historyBox .month .left dt:before, .about .con.history .historyBox .month .right dt:before{width:0;}
.about .con.history .historyBox .month .left dt:after, .about .con.history .historyBox .month .right dt:after{width:0;}
.about .con.history .historyBox .imgBox{width:100%;margin-top:2.5vw;display:block;}
.about .con.history .historyBox .imgBox{width: calc(100% - 8vw);margin-top:2.5vw;display:block;margin-left: 8vw;}
.about .con.history .historyBox .month .left dd .imgBox, .about .con.history .historyBox .left .imgBox{float:none;}
.about .con.history .historyBox .month .left dd .imgBox{margin-right: 0;width: 100%;margin-left: 0;}
.about .con.history .historyBox .month .right dd .imgBox {width: 100%;margin-left: 0;float: none;}

/* Error Page */
.errorPage .errorMessage{margin:48.5vw 0 90.1vw; text-align:center;}
.errorPage .errorMessage > strong{display:block; position:relative; padding-top:28.4vw; color:#222; font-weight:700; font-size:7.4vw; line-height:7.6vw; letter-spacing:-1px;}
.errorPage .errorMessage > strong:before{content:''; display:block; width:20.8vw; height:20.4vw; position:absolute; top:0; left:50%; background:url('/static/images/ico_error_m.png') no-repeat 0 0; background-size:100% 100%; transform: translateX(-50%);}
.errorPage .errorMessage > p{margin:5.3vw 0 10.6vw; font-size:4.2vw; line-height:4.4vw;}

}


/**/
@media screen and (max-width: 375px) {
    /* 모나체인 롤링 */
    .platform .con.monaMore li.unfoldCon02 .swiper-pagination{top:50.5%; left:50%; bottom:inherit;}
    .platform .con.monaMore li.unfoldCon02 .naviBox{top:51%; left:36%;}

    .platform.monaC .con.monaMore li.unfoldCon02 .swiper-pagination{top:0; left:0; bottom:inherit;}
    .platform.monaC .con.monaMore li.unfoldCon02 .naviBox{top:-1.5vw; left:0;}
}

/**/
@media screen and (max-width: 320px) {
    /* 모나체인 롤링 */
    .platform .con.monaMore li.unfoldCon02 .swiper-pagination{top:50%; left:50%; bottom:inherit;}
    .platform .con.monaMore li.unfoldCon02 .naviBox{top:50.5%; left:34%;}

    .platform.monaC .con.monaMore li.unfoldCon02 .swiper-pagination{top:0; left:0; bottom:inherit;}
    .platform.monaC .con.monaMore li.unfoldCon02 .naviBox{top:-1.5vw; left:0;}
}







/* 영문페이지 작업 2020-02-10 ~ */
.visual.en h1{margin-bottom:0;}
.visual.en p{display:none;}

/***************************************** Main *****************************************/
.main.en .section.sec2 .slideNavi .swiper-slide{padding:20px 20px 14px 60px;}
.main.en .section.sec2 .slideNavi .swiper-slide p.comma{background-size:23px 17px;padding-top:24px;}
.main.en .section.sec2 .slideNavi .swiper-slide p{font-size:20px;line-height:30px;}

/***************************************** 산업 *****************************************/
/* 산업 - 금융 */
.industry.intelligent.en .box2numGray li span{padding-right:130px;}
.industry.intelligent.en .box2numGray li.ico12 span{padding-right:160px;}
.industry.intelligent.en .box2numGray li > span > span{display:inline;padding-right:0;}
.industry.intelligent.en .con.inTLgInfo .box2numGray li.ico12 p{}
.industry.intelligent.en .box2numGray li.ico12 > p.forPC{line-height:48px;font-size: 24px;}
.industry.intelligent.en .box2numGray li.ico12 > p.forPC > strong{display:block;font-size: 46px;line-height: 1;}

/* 산업 - 스마트 교통 */
.industry.indTraffic.en .box2numGray li > p{font-size:20px;}
.industry.indTraffic.en .box2numGray li > p > strong{font-size:40px;}
.industry.indTraffic.en .box2numGray li.ico6 > p{right:35px;}
.industry.indTraffic.en .box2numGray li.ico5 > p{right:35px;}

/* 산업 - 통신/미디어 */
.industry.indMedia.en .con.comMediaIntro li div dl:first-child dt{width:160px;}
.industry.indMedia.en .con.comMediaIntro li div dl:first-child dd{width:calc(100% - 160px);}


/***************************************** 플랫폼 *****************************************/
/* 플랫폼 - AI빅데이터 */
.platform.bigData.en .box2numGray li .singleTxt{padding-top:0;}
.platform.bigData.en .box2numGray li > p{font-size: 18px;line-height: 58px;}
.platform.bigData.en .box2numGray li.ico4 > p{line-height:26px;top:36px;}
.platform.bigData.en .box2numGray li.ico4 > p strong{display:block;}
.platform.bigData.en .box2numGray li > p > strong{font-size: 42px;line-height: 46px;}

/* 플랫폼 - Smart City */
.platform.smartCity.en .box2numGray li > p{right:45px;}
.platform.smartCity.en .box2numGray li.ico10{min-height:172px;}

/* 플랫폼 - IoT */
.platform.iot.en .grayBox3num li div{font-size:30px;line-height:62px;}
.platform.iot.en .grayBox3num li div strong{font-size:60px;}
.platform.iot.en .grayBox3num li.ico6 div{line-height:1;}
.platform.iot.en .grayBox3num li.ico6 strong{font-size:60px;}

/* 플랫폼 - 블록체인 */
.platform.monaC.en .con.monaPoint ul{table-layout:fixed;word-break:break-word;}
.platform.monaC.en .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble {padding:14px 20px 14px 20px;font-size:18px;line-height:30px;margin-left:30px;}

/* 플랫폼 - Robot Service */
.platform.robotService.en .box2numGray li > p{right:26px;}
.platform.robotService.en .box2numGray li p{font-size:24px;line-height:66px;}
.platform.robotService.en .box2numGray li > p > strong{font-size:52px;line-height:54px;}


/***************************************** 서비스 *****************************************/
/* 서비스 - Chatbot */
.service.chatbot.en .visual .tabArea li a .br{display:block;}
.service.chatbot.en .basicCyRed ul li > div{font-size:22px;line-height:30px;}

/* 서비스 - Entrue Consulting */
.service.enteuruCon.en .box2numGray li > p{font-size: 20px;line-height: 60px;}
.service.enteuruCon.en .box2numGray li > p.about{font-size: 20px;line-height: 30px;}
.service.enteuruCon.en .box2numGray li > p > strong{font-size: 44px;line-height: 48px;}
.service.enteuruCon.en .con.basicFunc ul li > dl:after{bottom:auto;top:230px;}

/* 서비스 - HR SaaS Service */
.service.hrSaas.en .dashTxt > li{word-break:break-word;}


/***************************************** 솔루션 *****************************************/
/* 솔루션 - 교통 */
.solution.typeTraffic.en .effectTypeText .rongLimit > li.mgtZero{min-height:210px;}

/* 솔루션 - CardPerfect */
.solution.finance.en .boxStyle .normal{height:180px;}
.solution.finance.en .boxStyle .redType.result{height:180px;}
.solution.finance.en .boxStyle .normal:after{top:80px;}

/* 솔루션 - 스마트 시티 */
.solution.smartcity.en .effectTypeText .text{min-height:140px;}


/***************************************** ABOUT *****************************************/
/* ABOUT - 회사소개 메인 */
.companyMain.en .itService ul li{word-break:break-word;}
.companyMain.en .itService ul li:nth-child(4){max-width:12%;}
.companyMain.en .itService ul li:nth-child(9){max-width:13.5%;}
.companyMain.en .itService ul li:nth-child(10){max-width:17%;}
.companyMain.en .itService ul li:nth-child(12){max-width: 16%;}
.companyMain.en .itService ul li a{padding:9px 5px;}
.companyMain.en .con.place .foreignComp li dt{width:90px;}
.companyMain.en .publicPop.itPopSlide .swiper-slide .itPop6{padding-top:74.8%;background-position:bottom right;}
.companyMain.en .publicPop.itPopSlide .swiper-slide .itPop9{padding-top:68.8%;background-position:bottom right;}
.companyMain.en .publicPop.itPopSlide .swiper-slide .itPop12{padding-top:68.8%;background-position:bottom right;}
.companyMain.en .publicPop.itPopSlide .swiper-slide .itPop13{padding-top:68.8%;background-position:bottom right;}
.companyMain.en .innovation dt{word-break:break-word;}
.companyMain.en .con.companyInfo .floatBox .fLeft{width:100%;}
.companyMain.en .con.companyInfo .floatBox .fRight{margin-top:20px;}

/* ABOUT - 연혁 */
.about.historyCon.en .con.history .historyBox .month .left dd .imgBox{float: right;width:calc(100% + 91px);margin-right: -91px;margin-bottom: 24px;}
.about.historyCon.en .con.history .historyBox .month .right dd .imgBox{float: left;width:calc(100% + 90px);margin-left: -90px;margin-bottom: 24px;}
.about.historyCon.en .con.history .historyBox .month .left dd .imgBox.bgw{margin-right: -90px;}

/* ABOUT - 인재경영 */
.csm.talentCon.en .con.ogtCulture .ideaMonster .round li div span{font-size:16px;line-height:26px;word-break:break-word;width:100%;}


/***************************************** 홍보센터 *****************************************/
.newsContent.en .searchBox div .txt input,
.notiCon.en .searchBox div .txt input,
.publicCon.en .searchBox div .txt input{font-size:14px;}
.publicCon.pr.en .movieEn{display:block;}
.publicCon.pr.en .movieArea{padding:80px 0;}


/***************************************** 지속가능경영 *****************************************/
.csm.withCon.en .visual .tabArea, 
.csm.ctbCon.en .visual .tabArea,
.csm.environCon.en .visual .tabArea{display:table;width:100%;}
.csm.withCon.en .visual .tabArea li, 
.csm.ctbCon.en .visual .tabArea li,
.csm.environCon.en .visual .tabArea li{display:table-cell;vertical-align:middle;float:none;}
/* 지속가능경영 - 동반성장 */
.csm.withCon.en .grayBox.outCome li{width:calc(100%/3);}
.csm.withCon.en .grayBox.outCome li div div{font-size:16px;line-height:24px;word-break: break-word;padding-right:56px;}
.csm.withCon.en .grayBox.outCome li div strong{font-size:22px;line-height:36px;}
.csm.withCon.en .con.fairDealGuide ul li{width:25%;}
.csm.withCon.en .con.comPartner .jointProject .box1 dd{word-break:break-word;}
.csm.withCon.en .con.comPartner .support dl:nth-child(2) dt{width:160px;}
.csm.withCon.en .con.comPartner .support dl:nth-child(3) dt{width:210px;}
.csm.withCon.en .con.comPartner .support dl:nth-child(4) dt{width:140px;}
.csm.withCon.en .con.comPartner .support dl:nth-child(2) dd{width:calc(100% - 160px);}
.csm.withCon.en .con.comPartner .support dl:nth-child(3) dd{width:calc(100% - 210px);}
.csm.withCon.en .con.comPartner .support dl:nth-child(4) dd{width:calc(100% - 140px);}

/* 지속가능경영 - 사회공헌 */
.csm.ctbCon.en .con.lgCtb .mainOutcome li .bottom > div{word-break:break-word;}

/* 지속가능경영 - 환경경영 */
.csm.environCon.en .txtBox1 .subTitR{margin-bottom:0;}


/***************************************** Utility *****************************************/
.typeFbd.utility.en .infoInpBox .colgroup1{padding:25px 0 0 35px;}
.typeFbd.utility.en .infoInpBox .office .sec1 strong,
.typeFbd.utility.en .infoInpBox .office .sec2 strong,
.typeFbd.utility.en .infoInpBox .question strong{padding:25px 0 0 35px;height:90px;}
.typeFbd.utility.en .infoInpBox .office .sec1 div,
.typeFbd.utility.en .infoInpBox .office .sec2 div,
.typeFbd.utility.en .infoInpBox .question .colgroup2 {padding:22px 15px;}

.utility.sitemap.en .siteArea a{word-break:break-word;}


@media screen and (max-width: 1240px) {
/***************************************** Main *****************************************/
.main.en .section.sec2 .slideNavi .swiper-slide,
.main.en .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{padding:15px 20px 9px 20px;}

/***************************************** Utility *****************************************/
.typeFbd.utility.en .infoInpBox .office .sec1 strong,
.typeFbd.utility.en .infoInpBox .office .sec2 strong,
.typeFbd.utility.en .infoInpBox .question strong{height:90px;}
.typeFbd.utility.en .infoInpBox .office .sec1 div,
.typeFbd.utility.en .infoInpBox .office .sec2 div,
.typeFbd.utility.en .infoInpBox .question .colgroup2 {padding:12px 15px;}
}

@media screen and (max-width: 1200px) {
/***************************************** header *****************************************/
header.en .header .gnb{margin-left:50px;}
header.en .header .gnb > ul > li{padding:36px 20px 35px;}
header.en .header .rBox ul li + li{margin-left:20px;}

/***************************************** 산업 *****************************************/
/* 산업 - 금융 */
.industry.intelligent.en .box2numGray li.ico12{min-height:176px;}
.industry.intelligent.en .box2numGray li.ico12 span{padding-right:180px;}
.industry.intelligent.en .box2numGray li.ico12 span > span{display:block;padding-right:0;}

/***************************************** 플랫폼 *****************************************/
/* 플랫폼 - AI빅데이터 */
.platform.bigData.en .box2numGray li.ico4 > p{line-height:58px;top:40px;}
.platform.bigData.en .box2numGray li.ico4 > p strong{display:inline-block;font-size:42px;line-height:46px;}
.platform.bigData.en .dapService .dataSvi ul li{height:546px;}
.platform.bigData.en .dapService .dataSvi .bgRed span{padding:100px 0 80px 0;}

/* 플랫폼 - IoT */
.platform.iot.en .grayBox3num li div{font-size:24px;min-height:60px;}
.platform.iot.en .grayBox3num li div strong{font-size:46px;}
.platform.iot.en .grayBox3num li.ico6 strong{display:block;font-size:46px;margin-top:5px;}

/* 플랫폼 - Smart City */
.platform.smartCity.en .box2numGray li.ico10{min-height:auto;}

/***************************************** 솔루션 *****************************************/
/* 솔루션 - 교통 */
.solution.typeTraffic.en .effectTypeText .rongLimit > li.mgtZero{min-height:auto;}

/* 솔루션 - CardPerfect */
.solution.finance.en .boxStyle .normal:after{top:calc(100% + 10px);}

/* 솔루션 - 스마트 시티 */
.solution.smartcity.en .effectTypeText .text{min-height:auto;}


/***************************************** Utility *****************************************/
.typeFbd.utility.en .infoInpBox .office .sec1 strong,
.typeFbd.utility.en .infoInpBox .office .sec2 strong,
.typeFbd.utility.en .infoInpBox .question strong{height:70px;}
.utility.sitemap.en .siteArea a{min-height:60px;}
.publicCon.pr.en .movieArea{margin-top:54px;}
}

@media screen and (max-width: 1024px) {
/***************************************** header *****************************************/
header.en .header .gnb{margin-left:0;}
header.en .header .gnb > ul > li{padding:0;}
header.en .header .rBox ul li + li{margin-left:0;}


footer.en .fTop .subMenuBox{max-width:300px;}

/***************************************** ABOUT *****************************************/
/* ABOUT - 인재경영 */
.csm.talentCon.en .con.ogtCulture .ideaMonster .round li div span{font-size:14px;line-height:24px;}

}


@media screen and (max-width: 1020px) {
/***************************************** Main *****************************************/
.main.en .section.sec2 .slideNavi .swiper-slide,
.main.en .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{padding:20px;}

/***************************************** 플랫폼 *****************************************/
/* 플랫폼 - IoT */
.platform.iot.en .grayBox3num li div{font-size:22px;line-height:42px;}
.platform.iot.en .grayBox3num li div strong{font-size:35px;}
.platform.iot.en .grayBox3num li.ico6 strong{font-size:35px;display:block;line-height:1;}

/* 플랫폼 - 블록체인 */
.platform.monaC.en .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble {padding:14px 20px 14px 20px;font-size:16px;line-height:28px;margin-left:30px;}


/***************************************** 서비스 *****************************************/
/* 서비스 - Entrue Consulting */
.service.enteuruCon.en .con.basicFunc ul li > dl:after{bottom:auto;top:175px;}

footer.en .fTop .subMenuBox{float:none;max-width: 300px;margin:0 auto;margin-bottom:30px;}
}


@media screen and (max-width: 960px) {
/***************************************** ABOUT *****************************************/
/* ABOUT - 연혁 */
.about.en .con.history .tabSelWrap .tabList li a{font-size:24px;line-height:32px;}

/***************************************** 지속가능경영 *****************************************/
/* 지속가능경영 - 정도경영 */
.csm.PreCon.en .visual .tabArea li a{font-size:15px;}
.csm.PreCon.en .con.precisionManage .bg .vtCon{font-size: 16px;line-height: 24px;}
/* 지속가능경영 - 동반성장 */
.csm.withCon.en .grayBox.outCome li div strong{font-size:16px;line-height:32px;}
.csm.withCon.en .grayBox.outCome li div div{font-size:14px;line-height:22px;}

/***************************************** 플랫폼 *****************************************/
/* 플랫폼 - 블록체인 */
.platform.monaC.en .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble {font-size:15px;line-height:24px;}


}

@media screen and (max-width: 768px) {
footer.en .fTop .subMenuBox{max-width:none;}
footer.en .fBottom ul li a, footer .fBottom p{line-height:6.2vw;}

/***************************************** Main *****************************************/
.main.en .section.sec2 .slideNavi .swiper-slide p{font-size:3.8vw;line-height:6.8vw;}
.main.en .section.sec2 .slideNavi .swiper-slide p.comma{padding-top:4.4vw;background-size:2.4vw auto;margin-bottom:0;}
.main.en .section.sec2 .slideNavi .swiper-slide,
.main.en .section.sec2 .slideNavi .swiper-slide.swiper-slide-thumb-active{padding:4vw 8.8vw;}

/***************************************** 산업 *****************************************/
/* 산업 - 공공 */
.industry.intelligent.en .box2numGray li:before{width:11.2vw;height:11.2vw;top:7.1vw;}
.industry.intelligent.en .box2numGray li.ico12{min-height:42.4vw;}
.industry.intelligent.en .box2numGray li.ico12 span{padding-right:7.3vw;}
.industry.intelligent.en .con.inTLgInfo .box2numGray li.ico12 p{top:8vw;}
.industry.intelligent.en .box2numGray li span{padding-right:7.3vw;font-size: 3.8vw;line-height:6.6vw;}
.industry.intelligent.en .box2numGray li > p, 
.industry.intelligent.en .box2numGray li.ico5 > p, 
.industry.intelligent.en .box2numGray li.ico6 > p{font-size:3.2vw;top:8vw;}
.industry.intelligent.en .box2numGray li > p > strong{font-size:7vw;}

/* 산업 - 스마트 교통 */
.industry.indTraffic.en .box2numGray li > p{font-size:5.3vw;}
.industry.indTraffic.en .box2numGray li > p > strong{font-size:9.6vw;}
.industry.indTraffic.en .box2numGray li.ico6 > p{right:inherit;}
.industry.indTraffic.en .box2numGray li.ico5 > p{right:inherit;}
.industry.indTraffic.en .box2numGray li.ico5{min-height:46.4vw;}
.industry.indTraffic.en .con.discriPoint .typeVertical.indTraffic1{height:128.5vw;}
.industry.indTraffic.en .con.discriPoint .typeVertical.indTraffic1 .swiper-container,
.industry.indTraffic.en .con.discriPoint .typeVertical.indTraffic2 .swiper-container{height:128.5vw;}

/* 산업 - 통신/미디어 */
.industry.indMedia.en .visual .txtBox h1{word-break:break-word;}
.industry.indMedia.en .con.comMediaIntro li div dl:first-child dt{width:100%;}
.industry.indMedia.en .con.comMediaIntro li div dl:first-child dd{width:100%;}


/***************************************** 플랫폼 *****************************************/
/* 플랫폼 - AI빅데이터 */
.platform.bigData.en .dapService .dataSvi ul li{height:inherit;}
.platform.bigData.en .dapService .dataSvi .bgRed strong{padding:18vw 3vw 21.3vw 0;}
.platform.bigData.en .dapService .dataSvi .bgRed span{padding:0;}
.platform.bigData.en .box2numGray li > p{font-size: 4vw;line-height: 10.2vw;}
.platform.bigData.en .box2numGray li > p > strong{font-size: 8.4vw;line-height: 8.8vw;}
.platform.bigData.en .box2numGray li.ico4 > p{line-height:10.2vw;top:8.1vw;font-size:4vw;}
.platform.bigData.en .box2numGray li.ico4 > p strong{display:inline-block;font-size:8.4vw;line-height:8.8vw;}

/* 플랫폼 - MonaChain */
.platform.en .con.monaMore li.unfoldCon01 .naviDotV{height:158vw;}
.platform.en .con.monaPoint .bg{background-size:100% 100%;}
.platform.en .con.monaMore li .bottom .swiper-container p{font-size:4.2vw;line-height:6.6vw;}
.platform.en .con.monaMore li .bottom ul li{font-size:3.8vw;line-height:6.8vw;padding:3vw 0 0 4.8vw;}

/* 플랫폼 - IoT */
.platform.iot.en .grayBox3num li div{font-size: 7.2vw;line-height: 1;min-height:auto;}
.platform.iot.en .grayBox3num li div strong{font-size:12vw;}
.platform.iot.en .grayBox3num li.ico6 strong{font-size:12vw;display:block;line-height:1.2;}

/* 플랫폼 - Smart City */
.platform.smartCity.en .box2numGray li.ico9{min-height:54.4vw;}
.platform.smartCity.en .box2numGray li.ico10{min-height:41.4vw;}

 /* 플랫폼 - Robot service */
.platform.robotService.en .box2numGray li > p{right:inherit;}
.platform.robotService.en .box2numGray li p{font-size:5.3vw;line-height:11.5vw;}
.platform.robotService.en .box2numGray li > p > strong{font-size:9.6vw;line-height:10vw;}
.platform.robotService.en .con.orottPoint .typeVertical{height:187.3vw;}
.platform.robotService.en .con.orottPoint .typeVertical .swiper-container{height:187.3vw;}
.platform.robotService.en .con.orottPoint .typeVertical .text{height:187.3vw;}

/* 플랫폼 - 블록체인 */
.platform.monaC.en .con.monaMore li.unfoldCon02 .bg{background-size:100% 170vw;}
.platform.monaC.en .con.monaMore li.unfoldCon02 .swiper-slide div.tBubble {font-size: 4.2vw;line-height: 7.2vw;padding: 5vw;}


/***************************************** 솔루션 *****************************************/
/* 솔루션 - DevOn Framework */
.solution.frameT.en .visual .txtBox{padding-top:10vw;}
.solution.frameT.en .visual .txtBox h1{line-height:12.5vw;}

/* 솔루션 - SafeZone-IoT */
.solution.safety.en .discriPoint .typeVertical.bgType6{height:147.3vw;}

/* 솔루션 - CardPerfect */
.solution.finance.en .boxStyle .normal{height:inherit;}
.solution.finance.en .boxStyle .redType.result{height:inherit;}
.solution.finance.en .boxStyle .normal:after{top:calc(100% + 0.9vw);}


/***************************************** 서비스 *****************************************/
/* 서비스 - Chatbot */
.service.chatbot.en .visual .tabArea li a .br{display:inline;}
.service.chatbot.en.vpa .unfoldBox .unfoldCon02 ul.purpose li{width:49%;}
.service.chatbot.en.vpa .unfoldBox .unfoldCon02 ul.purpose li:nth-child(odd){margin-right:1%;}
.service.chatbot.en.vpa .unfoldBox .unfoldCon02 ul.purpose li:nth-child(even){margin-left:1%;}
.service.chatbot.en.vpa .unfoldBox .unfoldCon02 .fcR{font-size: 3.5vw;line-height: 5.2vw;min-height: 10vw;}
.service.chatbot.en.vpa .unfoldBox .unfoldCon02 ul.purpose li .imgPop{margin-top:0;}
.service.chatbot.en .basicCyRed ul li > div{font-size:4.5vw;line-height:6vw;}

/* 서비스 - Entrue Consulting */
.service.enteuruCon.en .box2numGray li > p{font-size: 4.2vw;line-height: 10.4vw;}
.service.enteuruCon.en .box2numGray li > p > strong{font-size: 8.6vw;line-height: 9vw;}
.service.enteuruCon.en li.ico1{min-height:46.4vw;}
.service.enteuruCon.en .box2numGray li.ico2 > span{bottom:8vw;}

/* 서비스 - Entrue Consulting */
.service.enteuruCon.en .con.basicFunc ul li > dl:after{bottom:auto;top:57vw;}


/***************************************** ABOUT *****************************************/
/* ABOUT - 연혁 */
.about.en .con.history .tabSelWrap .nowSelTab{padding:2.4vw 5.3vw 2.4vw 5.3vw;}
.about.en .con.history .tabSelWrap .tabList li a {color:#fff;font-size:4.5vw;font-weight:700;padding:2.4vw 5.3vw 2.4vw 5.3vw;line-height:7.2vw;overflow:hidden;}
.about.en .con.history .tabSelWrap .nowSelTab a span,
.about.en .con.history .tabSelWrap .tabList li a span{float:right;margin-top:2vw;}
.about.en .con.history .historyTop p{font-size:4.2vw;line-height:7.2vw;}
.companyMain.en .con.companyInfo .floatBox .fRight{margin-top:4.3vw;}

/* ABOUT - 연혁 */
.about.historyCon.en .con.history .historyBox .month .left dd .imgBox{width: 100%;margin-right: 0;float: none;}
.about.historyCon.en .con.history .historyBox .month .right dd .imgBox{width: 100%;margin-left: 0;float: none;}
.about.historyCon.en .con.history .historyBox .month .left dd .imgBox.bgw{margin-left:0;}

/* ABOUT - LG Way */
.about.en .con.act ul li:nth-child(2){background:url('/static/images/about/img_lgway_act02_m.png')no-repeat 8vw 45.5vw;background-size:12.9vw auto;}
.about.en .con.act ul li:nth-child(3){background:url('/static/images/about/img_lgway_act03_m.png')no-repeat 8vw 45.1vw;background-size:12.4vw auto;}

/* ABOUT - 인재경영 */
.talentCon.en .visual .txtBox{padding-top:10vw;}
.talentCon.en .visual .txtBox h1{line-height:12.5vw;}

/***************************************** 지속가능경영 *****************************************/
/* .csm.withCon.en h2,
.csm.ctbCon.en h2{line-height:6vw;}
.csm.withCon.en h2:before,
.csm.ctbCon.en h2:before{top:22vw;} */
.csm.withCon.en .visual .tabArea, 
.csm.ctbCon.en .visual .tabArea,
.csm.environCon.en .visual .tabArea{display:none;width:100%;}
.csm.withCon.en .visual .tabArea li, 
.csm.ctbCon.en .visual .tabArea li,
.csm.environCon.en .visual .tabArea li{display:block;vertical-align:middle;float:none;}
/* 지속가능경영 - 정도경영 */
.csm.PreCon.en .con.precisionManage .bg{background-size:100% 135vw;}
.csm.PreCon.en .visual .tabArea li a{font-size:4.2vw;}
.csm.PreCon.en .con.precisionManage .bg .vtCon{font-size: 4.2vw;line-height: 7.2vw;}
.csm.PreCon.en .con.ethicsCode .unfoldBox .bottom .inner{padding-bottom:13.3vw;}

/* 지속가능경영 - 동반성장 */
.csm.withCon.en .grayBox.outCome li{width:100%;}
.csm.withCon.en .grayBox.outCome li div div{font-size:4.2vw;line-height:7.2vw;}
.csm.withCon.en .grayBox.outCome li div strong{font-size:4.2vw;line-height:7.2vw;}
.csm.withCon.en .grayBox.outCome li div div.forM{margin-bottom:1.8vw;}
.csm.withCon.en .con.fairDealGuide ul li{width:100%;}
.csm.withCon.en .con.comPartner .support dl:nth-child(2) dt{width:100%;}
.csm.withCon.en .con.comPartner .support dl:nth-child(3) dt{width:100%;}
.csm.withCon.en .con.comPartner .support dl:nth-child(4) dt{width:100%;}
.csm.withCon.en .con.comPartner .support dl:nth-child(2) dd{width:100%;}
.csm.withCon.en .con.comPartner .support dl:nth-child(3) dd{width:100%;}
.csm.withCon.en .con.comPartner .support dl:nth-child(4) dd{width:100%;}

/* 지속가능경영 - 환경경영 */
.csm.environCon.en .txtBox1 .subTitR{margin-bottom:5.5vw;}


/***************************************** 홍보센터 *****************************************/
.newsContent.en .searchBox div .txt input,
.notiCon.en .searchBox div .txt input,
.publicCon.en .searchBox div .txt input{font-size:4vw;}
.publicCon.pr.en .movieArea{padding:8vw 0;margin-top:4.8vw;}

/***************************************** Utility *****************************************/
.typeFbd.utility.en .infoInpBox .colgroup1{padding:4.4vw 0 2.2vw;}
.typeFbd.utility.en .infoInpBox .office .sec1 strong,
.typeFbd.utility.en .infoInpBox .office .sec2 strong,
.typeFbd.utility.en .infoInpBox .question strong{padding:4.4vw 0 2.2vw;height:inherit;}
.typeFbd.utility.en .infoInpBox .office .sec1 div,
.typeFbd.utility.en .infoInpBox .office .sec2 div,
.typeFbd.utility.en .infoInpBox .question .colgroup2 {padding:0;}
.utility.sitemap.en .siteArea a{min-height:auto;}

}