@charset "utf-8"; 

.sub_skip{display:none}

.wrap{transition:padding-top 0.5s; -webkit-transition:padding-top 0.5s}
.wrap.fixed{overflow:hidden; position:fixed; height:100%; width:100%}

/* header */
header .sub_logo{display:none}
header .inner .utill li .sub{display:none}

/* sky banner */
.wrap.main_banner{padding-top:112px}
.sky_banner{position:absolute; top:0; left:0; width:100%; overflow:hidden; min-width:1200px; background:#072a55; color:#fff; z-index:2; transition:all 0.5s; -webkit-transition:all 0.5s}
.sky_banner .inner{position:relative; height:112px; margin:0 auto;}
.sky_banner .inner .con li a{display:block}
.sky_banner .inner .con li img{width:100%; height:112px;}
.sky_banner .inner .con .bx-wrapper .bx-controls-auto, .b_contents .bx-wrapper .bx-pager{bottom:inherit; top:85px; padding-top:0}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:100%; text-align:center}
.sky_banner .inner .con .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item{vertical-align:top}
.sky_banner .inner .con .bx-wrapper .bx-controls-direction a{width:30px; height:42px; top:calc(50% - 21px); background:rgba(0, 0, 0, 0.5); text-indent:0; font-size:0}
.sky_banner .inner .con .bx-wrapper .bx-prev{left:calc(50% - 630px);}
.sky_banner .inner .con .bx-wrapper .bx-prev::before{content:''; position:absolute; top:15px; left:6px; transform:rotate(-45deg); width:16px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-prev::after{content:''; position:absolute; top:25px; left:6px; transform:rotate(45deg); width:16px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-next{right:calc(50% - 630px);}
.sky_banner .inner .con .bx-wrapper .bx-next::before{content:''; position:absolute; top:15px; right:6px; transform:rotate(45deg); width:16px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-next::after{content:''; position:absolute; top:25px; right:6px; transform:rotate(-45deg); width:16px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:50%; /*171218 add*/margin-right:-120px; z-index:1}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto .active{display:none}
.sky_banner .inner .sb_footer{position:absolute; bottom:16px; left:50%; transform:translateX(-50%); text-align:right; width:100%; max-width:1120px; font-size:12px; color:#fff}
.sky_banner .inner .sb_footer .chk1{float:left; padding-right:10px; width:calc(100% - 94px); line-height:32px; box-sizing:border-box}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); -webkit-border-radius:0; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"] + label{display:inline-block; position:relative; font-size:13px; color:#333; letter-spacing:-0.030em; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"] + label:after{content:''; display:inline-block; width:12px; height:12px; margin-left:8px; border:1px solid #ddd; border-radius:2px; background-color:transparent; vertical-align:middle; text-align:center; line-height:16px; box-sizing:border-box}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"]:checked + label:after{content:''; background:url(../../images/common/sb_chk.png) no-repeat top 0px right 0px;background-size: cover;}
.sky_banner .inner .sb_footer button{float:right; padding-right:20px; width:94px; background:rgba(0, 0, 0, 0.5) url("../../images/common/sb_close.png") no-repeat top 50% right 6px; ; border-radius:15px; color:#fff; font-size:13px; line-height:32px; text-align:center; cursor:pointer; letter-spacing:-0.030em; box-sizing:border-box}

/* 레이어 팝업 */
/* 개별 or 독립 레이어 */
.popup_wrap{position:absolute; left:50%; z-index:100; margin-left:-550px; width:1100px; height:auto}
.popup_wrap .divpop{z-index:700; border:1px solid #444}
.popup_wrap .divpopt{background:#fff}
.popup_wrap .divpopt p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px; color:#555; font-size:12px}
.popup_wrap .divpopa img{max-width:700px;}
.popup_wrap .divpopb{position:absolute; bottom:0; overflow:hidden; width:100%; box-sizing:border-box}
.popup_wrap .divpopb div{float:left; padding-left:10px; width:100%; background:rgba(0, 0, 0, 0.4); line-height:30px; box-sizing:border-box}
.popup_wrap .divpopb div input{margin-right:5px}
.popup_wrap .divpopb div label{color:#fff; font-size:12px}
.popup_wrap .divpopb a{display:block; position:absolute; bottom:0; right:0; width:40px; height:30px; padding:8px 0; color:#fff; text-align:center; box-sizing:border-box;}
.popup_wrap .divpopba {float:right; text-align:center; width:40px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:12px; line-height:30px}
/* 통합 레이어 */
.popup_wrap2{position:fixed; top:100px; left:50%; z-index:10000; margin-left:-550px; width:1100px; height:calc(100vh - 200px)}
.popup_wrap2::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.75)}
.popup_wrap2 .bx-wrapper{}
.popup_wrap2 .tit{position:relative; text-align:center; padding-bottom:40px; font-size:30px; color:#ddd; font-family:'NanumSquare'; letter-spacing:-0.030em}
.popup_wrap2 .tit b{color:#fff; font-size:32px; font-family:'NSB'}
.popup_wrap2 .tit b span{color:#33ccff}
.popup_wrap2 .bx-viewport{z-index:1;}
.popup_wrap2 .bx-controls{position:absolute; top:-60px; left:50%; width:360px; margin-left:-180px}
.popup_wrap2 .bx-wrapper .bx-controls-direction{float:right; margin-right:44px}
.popup_wrap2 .bx-wrapper .bx-controls-direction a{display:inline-block; position:relative; top:0; vertical-align:top; width:36px; height:36px; margin:0 4px; border:2px solid #ddd; border-radius:20px}
.popup_wrap2 .bx-wrapper .bx-prev::before{content:''; position:absolute; top:10px; left:13px; width:9px; height:16px; background:url(../../images/common/layer_popup_arr.png) no-repeat 0 0}
.popup_wrap2 .bx-wrapper .bx-next::before{content:''; position:absolute; top:10px; right:13px; transform:rotate(180deg); width:9px; height:16px; background:url(../../images/common/layer_popup_arr.png) no-repeat 0 0}
.popup_wrap2 .divpop{}
.popup_wrap2 .divpopa{position:relative; height:calc(100vh - 344px); text-align:center}
.popup_wrap2 .divpopa a{}
.popup_wrap2 .divpopa img{max-width:100%; max-height:100%}
.popup_wrap2 .divpopb{overflow:hidden; position:relative; width:360px; padding-bottom:20px; margin:0 auto}
.popup_wrap2 .divpopb div{float:left; position:relative; z-index:1; height:20px; padding:10px 0}
.popup_wrap2 .divpopb div input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.popup_wrap2 .divpopb div label{display:inline-block; position:relative; padding-left:24px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; line-height:20px}
.popup_wrap2 .divpopb div input[type="checkbox"]+label:before{content:''; position:absolute; top:2px; left:0; width:12px; height:12px; border:2px solid #959595; border-radius:2px}
.popup_wrap2 .divpopb div input[type="checkbox"]:focus+label:before{outline:auto}
.popup_wrap2 .divpopb div input[type="checkbox"]:checked+label:after{content:''; position:absolute; top:-1px; left:7px; transform:rotate(45deg); width:5px; height:13px; border-bottom:2px solid #fff; border-right:2px solid #fff}
.popup_wrap2 .divpopb div label span{color:#eee; font-size:18px; font-family:'NanumSquare'; letter-spacing:-0.030em}
.popup_wrap2 .divpopb a{float:right; position:relative; z-index:1; width:40px; height:40px; background:#fff; font-size:0; border-radius:20px}
.popup_wrap2 .divpopb a::before{content:''; position:absolute; top:11px; left:19px; transform:rotate(45deg); width:2px; height:18px; background:#333}
.popup_wrap2 .divpopb a::after{content:''; position:absolute; top:19px; left:11px; transform:rotate(45deg); width:18px; height:2px; background:#333}

/* container */
#container{margin-top:-134px;}
#container h2{font-size:34px; font-family:'NanumSquare'; font-weight:700; letter-spacing:-0.050em;}

/* 비주얼 */
.visual{padding:177px 0 117px 0; background:url(../../images/main/main_bg.png) no-repeat; background-position:calc(50% - 110px) -220px;;}
.visual .bx-viewport{width:1200px; margin:0 auto;}
.visual .inner{position:relative; width:1200px; margin:0 auto;}
.visual .tit div{float:left; max-width:50%}
.visual .tit p{color:#555; font-size:30px; font-family:'NanumSquare'; font-weight:700;}
.visual .tit p b{color:#333; font-size:52px; letter-spacing:-0.050em;}
.visual .sub_tit{display:block; margin-top:30px; font-size:20px; font-family:'NanumSquare'; font-weight:700; letter-spacing:-0.050em; line-height:2; word-break:keep-all}
.visual .sub_tit strong{display:inline-block; position:relative;}
.visual .sub_tit strong::before{content:''; position:absolute; bottom:8px; left:0; z-index:-1; width:100%; height:12px; background:#fff32f;}
.visual .tit img{float:right; max-width:50%}
.visual .tit div .btn{margin-top:60px;}
.visual .tit div .btn a{float:left; position:relative; width:240px; padding:16px 0; background:#555; color:#fff; font-size:24px; text-align:center; border-radius:8px; letter-spacing:-0.050em; line-height:28px;}
.visual .tit div .btn a:not(:first-child){margin-left:10px;}
/*
.visual .btn a::before{content:''; position:absolute; top:6px; left:6px; width:6px; height:6px; background:#bfbfbf; border-radius:3px}
.visual .btn a::after{content:''; position:absolute; top:6px; right:6px; width:6px; height:6px; background:#bfbfbf; border-radius:3px}
*/
.visual .btn a span{padding-right:18px; background:url(../../images/main/visual_btn.png) no-repeat right center;}
/*
.visual .btn a span::before{content:''; position:absolute; bottom:6px; left:6px; width:6px; height:6px; background:#bfbfbf; border-radius:3px}
.visual .btn a span::after{content:''; position:absolute; bottom:6px; right:6px; width:6px; height:6px; background:#bfbfbf; border-radius:3px}
*/
.visual .bx-wrapper .bx-controls{position:absolute; bottom:0; left:50%; width:200px; height:20px; padding:16px 0; margin-left:-100px; background:#7f7f7f; border-radius:26px}
.visual .bx-wrapper .bx-pager{bottom:calc(50% - 12px); left:25px; width:auto; padding-top:0; color:#fff; font-size:22px; font-family:'NBGB'; line-height:22px;}
.visual .bx-wrapper .bx-controls-direction a{width:13px; height:21px; background:url(../../images/main/visual_prev.png) no-repeat 0 0;}
.visual .bx-wrapper .bx-controls-direction a.bx-prev{right:80px; top:calc(50% - 10px)}
.visual .bx-wrapper .bx-controls-direction a.bx-next{right:25px; top:calc(50% - 10px); transform:rotate(180deg)}
.visual .bx-wrapper .bx-controls-direction a.disabled{display:block}
.visual .bx-wrapper .bx-controls-auto{bottom:calc(50% - 11px); right:39px; width:40px;}
.visual .bx-wrapper .bx-controls-auto .bx-start{width:11px; height:21px; background:url(../../images/main/visual_start.png) no-repeat 0 0;}
.visual .bx-wrapper .bx-controls-auto .bx-stop{width:11px; height:21px; background:url(../../images/main/visual_stop.png) no-repeat 0 0;}
.visual .bx-wrapper .bx-controls-auto a.active{display:none}

.platform{padding-bottom:70px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.platform .inner{width:1200px; margin:0 auto;}
.platform .shortcut{text-align:center;}
.platform .shortcut h2{display:inline-block; padding:0 40px; margin-top:-20px; background:#fff;}
.platform .shortcut h2 span{position:relative;}
.platform .shortcut h2 span::before{content:''; position:absolute; top:-25px; left:calc(50% - 5px); width:10px; height:10px; background:#ffe43d; border-radius:5px}
.platform .shortcut h2 strong{color:#0079cd}
.platform .shortcut ul{margin:0 32px; margin-top:70px;}
.platform .shortcut ul li{float:left; width:300px; background:url(../../images/main/shortcut01.png) no-repeat center center; border-radius:50%; box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.2)}
.platform .shortcut ul li:not(:first-child){margin-left:118px;}
.platform .shortcut ul li:nth-child(2){background:url(../../images/main/shortcut02.png) no-repeat center center;}
.platform .shortcut ul li:nth-child(3){background:url(../../images/main/shortcut03.png) no-repeat center center;}
.platform .shortcut ul li:hover{background:url(../../images/main/shortcut01_hover.png) no-repeat center center #0dca6f;}
.platform .shortcut ul li:nth-child(2):hover{background:url(../../images/main/shortcut02_hover.png) no-repeat center center #e74e88;}
.platform .shortcut ul li:nth-child(3):hover{background:url(../../images/main/shortcut03_hover.png) no-repeat center center #10b2df;}
.platform .shortcut ul li a{display:block; position:relative; width:100%; padding:150px 0; text-align:center; box-sizing:border-box}
.platform .shortcut ul li a::before{content:''; position:absolute; width:38px; height:38px; background:url(../../images/main/shortcut_border_set.png) no-repeat 0 0;}
.platform .shortcut ul li a::after{content:''; position:absolute; width:300px; height:300px; border:2px solid; border-radius:50%}
.platform .shortcut ul li:first-child a::before{top:calc(50% - 28px); right:-14px}
.platform .shortcut ul li:nth-child(2) a::before{top:calc(50% - 28px); right:-26px; background-position-x:-38px;}
.platform .shortcut ul li:nth-child(3) a::before{top:calc(50% - 22px); right:-38px; background-position-x:-76px;}
.platform .shortcut ul li:first-child a::after{top:-12px; left:-12px; border-color:#0dca6f}
.platform .shortcut ul li:nth-child(2) a::after{top:-12px; left:-2px; border-color:#e74e88}
.platform .shortcut ul li:nth-child(3) a::after{top:-10px; left:8px; border-color:#10b2df}
.platform .shortcut ul li a:hover::before{transform:rotate(360deg)}
.platform .shortcut ul li p{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.platform .shortcut ul li span{font-size:15px; font-family:'NBGB'; line-height:1.5;}

.platform .idea_device{margin-top:90px;}
.platform .idea_device h2{display:inline-block; position:relative;}
.platform .idea_device h2::before{content:''; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:13px; background:#eee;}
.platform .idea_device .idea{float:left; position:relative; width:540px;}
.platform .idea_device .idea .slide{overflow:hidden; position:relative; padding:0 50px; margin-top:60px;}
.platform .idea_device .idea .item{}
.platform .idea_device .idea .item a{display:block; padding:20px; border:1px solid #ccc; border-radius:16px;}
.platform .idea_device .idea .item a:hover{background:linear-gradient(to bottom, #3d57e8 0%, #1489d4 100%);}
.platform .idea_device .idea .item a p{overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap; padding-left:16px; color:#333; font-size:22px; font-family:'NanumSquare'; letter-spacing:-0.045em; line-height:34px; word-break:keep-all}
.platform .idea_device .idea .item a p::before{content:''; position:absolute; top:calc(50% - 3px); left:0; width:6px; height:6px; background:#aaa; border-radius:3px}
.platform .idea_device .idea .item a span{display:none; margin-top:12px; font-size:16px;}
.platform .idea_device .idea .item a:hover p{color:#fff}
.platform .idea_device .idea .item a:hover p::before{background:#fff;}
.platform .idea_device .idea .item a:hover span{color:#fff}
.platform .idea_device .idea .controller div{position:absolute; top:calc(50% - 16px); z-index:10; cursor:pointer}
.platform .idea_device .idea .controller .prev{left:0px}
.platform .idea_device .idea .controller .next{right:0px; transform:rotate(180deg)}
.platform .idea_device .idea .more{position:absolute; top:0; right:0}
.platform .idea_device .new_device{float:right; position:relative; width:540px;}
.platform .idea_device .new_device .slide{position:relative; margin-top:60px; padding:32px 60px; border:1px solid #ccc; border-radius:16px; box-sizing:border-box}
.platform .idea_device .new_device .slide .container{padding:1px;}
.platform .idea_device .new_device .item{}
.platform .idea_device .new_device .item a{display:block;}
.platform .idea_device .new_device .item .img{overflow:hidden; position:relative; width:100%; height:0; padding-top:75%; background:#f7f7f7;}
.platform .idea_device .new_device .item .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%}
.platform .idea_device .new_device .item p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:16px; font-size:20px; font-family:'NanumSquare'; font-weight:700; letter-spacing:-0.045em;}
.platform .idea_device .new_device .controller div{position:absolute; top:calc(50% - 16px); z-index:10; cursor:pointer}
.platform .idea_device .new_device .controller .prev{left:20px}
.platform .idea_device .new_device .controller .next{right:20px; transform:rotate(180deg)}
.platform .idea_device .new_device .more{position:absolute; top:0; right:0}

.platform .people{margin-top:90px;}
.platform .people .type{float:left; position:relative; width:540px; text-align:center;}
.platform .people .type .tit{display:inline-block; padding-left:80px; background:url(../../images/main/people_ico.png) no-repeat 0 0; color:#333; font-family:'NanumSquare'; font-weight:700; letter-spacing:-0.050em;}
.platform .people .type .tit p{font-size:34px;}
.platform .people .type .tit p strong{color:#e94d8a}
.platform .people .type .tit span{display:block; margin-top:6px; font-size:22px;}
.platform .people .type ul{margin-top:36px;}
.platform .people .type ul li{display:flex; flex-direction:column-reverse; float:left; width:calc(100%/3 + 20px); text-align:center;}
.platform .people .type ul li p{width:120px; padding:15px 0; margin:0 auto; background:#eaeaea; font-size:20px; font-family:'NBGB'; border-radius:0 0 16px 16px; line-height:22px;}
.platform .people .type ul li span{display:block; float:left; position:relative; padding:18px 0; background:#0176bb; color:#fff; font-size:34px; font-family:'NanumSquare'; font-weight:700; border-radius:36px; letter-spacing:-0.050em; line-height:36px;}
.platform .people .type ul li:nth-child(2){margin:0 -30px;}
.platform .people .type ul li:nth-child(2) span{overflow:hidden; z-index:1;}
.platform .people .type ul li:nth-child(2) span::before{content:''; position:absolute; top:0; left:-42px; z-index:-1; width:72px; height:72px; background:#0d8ed9; border-radius:50%}
.platform .people .type ul li:nth-child(2) span::after{content:''; position:absolute; top:0; right:-42px; z-index:-1; width:72px; height:72px; background:#0d8ed9; border-radius:50%}
.platform .people .type ul li:first-child span::before{content:''; position:absolute; top:calc(50% - 8px); left:18px; width:16px; height:16px; background:#fff; border-radius:50%}
.platform .people .type ul li:nth-child(3) span::before{content:''; position:absolute; top:calc(50% - 8px); right:18px; width:16px; height:16px; background:#fff; border-radius:50%}
.platform .people .type .more{position:absolute; top:0; right:0}
.platform .people .ranking{float:right; position:relative; width:540px}
.platform .people .ranking .tab.list{height:160px}
.platform .people .ranking .tab.list > ul{}
.platform .people .ranking .tab.list > ul:after{content:"";display:block;clear:both}
.platform .people .ranking .tab.list > ul > li{float:left;}
.platform .people .ranking .tab.list > ul > li .tab_btn{display:block}
.platform .people .ranking .tab.list > ul > li:not(:first-child) .tab_btn{position:relative; padding-left:26px; margin-left:26px;}
.platform .people .ranking .tab.list > ul > li:not(:first-child) .tab_btn::before{content:''; position:absolute; top:calc(50% - 8px); left:0; width:2px; height:16px; background:#ccc;}
.platform .people .ranking .tab.list > ul > li .tab_btn h2{position:relative; padding-left:52px; color:#959595}
.platform .people .ranking .tab.list > ul > li .tab_btn h2::before{content:''; position:absolute; top:0; left:0; width:44px; height:39px; background:url(../../images/main/ranking_tit_ico_set.png) no-repeat 0 -39px;}
.platform .people .ranking .tab.list > ul > li:nth-child(2) .tab_btn h2::before{background-position-x:-44px;}
.platform .people .ranking .tab.list > ul > li.active .tab_btn h2{color:#333}
.platform .people .ranking .tab.list > ul > li.active .tab_btn h2::before{background-position-y:0;}
.platform .people .ranking .ranker_list{width:100%; position:absolute; top:80px; left:0; *zoom:1}
.platform .people .ranking .ranker_list li{float:left; width:calc(100%/3 - 30.1px/3); padding:28px 0; background:#eaeaea; text-align:center; border-radius:8px}
.platform .people .ranking .ranker_list li:first-child{background:#f9db19;}
.platform .people .ranking .ranker_list li:not(:first-child){margin-left:15px;}
.platform .people .ranking .ranker_list li div{display:block; position:relative; padding: 6px; font-size:20px; font-family:'NBGB'; line-height:30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.platform .people .ranking .ranker_list li div::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#fff;}
.platform .people .ranking .ranker_list li div::after{content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:rgba(0, 0, 0, 0.1);}
.platform .people .ranking .ranker_list li div span{display:inline-block; font-family:'JN';}
.platform .people .ranking .ranker_list li div span b{font-size:30px;}
.platform .people .ranking .ranker_list li p{margin-top:14px; margin-bottom:8px; color:#333; font-size:16px; font-family:'NBGB';}
.platform .people .ranking .ranker_list li p strong{color:#c50000}
.platform .people .ranking .more{position:absolute; top:0; right:0}

.status{padding:70px 0 90px 0;}
.status .statistics{}
.status .statistics .inner{width:1200px; margin:0 auto;}
.status .statistics .inner > div{float:left; position:relative; width:350px}
.status .statistics .inner > div:not(:first-child){margin-left:74px;}
.status .statistics h2{display:inline-block; position:relative;}
.status .statistics h2::before{content:''; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:13px; background:#eee;}
.status .statistics .list{margin-top:36px;}
.status .statistics .list > li{}
.status .statistics .list > li:not(:first-child){margin-top:30px;}
.status .statistics .list > li .tit{font-size:20px; font-family:'NanumSquare'; font-weight:700; letter-spacing:-0.050em;}
.status .statistics .list > li .tit span{display:inline-block; margin-left:10px; font-size:16px; font-family:'NBG'; letter-spacing:0; line-height:16px;}
.status .statistics .list > li .tit span strong{display:inline-block; color:#e9508a; font-family:'NBGB';}
.status .statistics .inner > div:nth-child(2) .list > li .tit span strong{color:#488eed;}
.status .statistics .inner > div:nth-child(3) .list > li .tit span strong{color:#04816b;}
.status .statistics .list > li ul{margin-top:10px;}
.status .statistics .list > li ul li{overflow:hidden;}
.status .statistics .list > li ul li:not(:first-child){margin-top:5px;}
.status .statistics .list > li ul li .left{overflow:hidden; float:left; width:calc(100% - 270px); margin-right:10px; font-size:16px; line-height:20px;}
.status .statistics .list > li ul li .left span{float:left}
.status .statistics .list > li ul li .left p{float:right}
.status .statistics .list > li ul li .left p strong{display:inline-block; color:#e9508a; font-family:'NBGB';}
.status .statistics .list > li ul li .right{float:left; width:260px}
.status .statistics .list > li ul li .right p{height:20px; background:#e9508a; font-size:0; border-radius:10px}
.status .statistics .inner > div:nth-child(2) .list > li ul li .left p strong{color:#488eed;}
.status .statistics .inner > div:nth-child(3) .list > li ul li .left p strong{color:#04816b;}
.status .statistics .inner > div:nth-child(2) .list > li ul li .right p{background:#488eed;}
.status .statistics .inner > div:nth-child(3) .list > li ul li .right p{background:#04816b;}
.status .statistics .inner > div{}
.status .statistics .more{position:absolute; top:0; right:0}

.status .matching{margin-top:70px;}
.status .matching .inner{position:relative; width:1200px; margin:0 auto;}
.status .matching h2{display:inline-block; padding-left:50px; background:url(../../images/main/matching_tit.png) no-repeat 0 0;}
.status .matching h2 span{margin-left:5px; color:#aaa; font-size:18px; font-family:'SCD'; font-weight:500;}
.status .matching .current{margin-top:45px;}
.status .matching .current .total{float:left; width:220px; padding:24px 0; background:#fbdb12; font-size:24px; font-family:'NanumSquare'; font-weight:700; text-align:center; border-radius:16px; letter-spacing:-0.050em; line-height:24px;}
.status .matching .current .total strong{color:#df3475}
.status .matching .current ul{overflow:hidden; float:right; width:calc(100% - 240px); border-radius:16px}
.status .matching .current ul li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; padding:24px 0px; color:#fff; font-size:24px; font-family:'NanumSquare'; font-weight:700; text-align:center; letter-spacing:-0.050em; line-height:24px; box-sizing:border-box}
.status .matching .current ul li.demand_request{background:#3a53ef;}
.status .matching .current ul li.Proceeding{background:#10b2df;}
.status .matching .current ul li.complete{background:#e94e8a;}
.status .matching .more{position:absolute; top:0; right:0;}

.banner{padding:34px 0; border-top:1px solid #ddd;}
.banner .inner{width:1200px; margin:0 auto;}
.banner .tit{float:left; padding:10px 0; font-size:22px; font-family:'SCD'; font-weight:600; letter-spacing:-0.050em;}
.banner .bx-wrapper{height:48px}
.banner .bx-wrapper .bx-viewport{float:right; width:990px; padding:1px 0;}
.banner .bx-wrapper .bx-controls{position:absolute; top:16px; left:106px; width:61px; height:19px}
.banner .bx-wrapper .bx-controls-direction a{width:10px; height:19px; background:url(../../images/main/banner_prev.png) no-repeat 0 0;}
.banner .bx-wrapper .bx-controls-direction a.bx-prev{left:0; top:0}
.banner .bx-wrapper .bx-controls-direction a.bx-next{right:0; top:0; transform:rotate(180deg)}
.banner .bx-wrapper .bx-controls-direction a.disabled{display:block}
.banner .bx-wrapper .bx-controls-auto{width:40px; margin:1px 10px;}
.banner .bx-wrapper .bx-controls-auto .bx-start{width:14px; height:17px; background:url(../../images/main/banner_start.png) no-repeat 0 0;}
.banner .bx-wrapper .bx-controls-auto .bx-stop{width:14px; height:17px; background:url(../../images/main/banner_stop.png) no-repeat 0 0;}
.banner .bx-wrapper .bx-controls-auto a.active{display:none}
.banner #bannerList{}
.banner #bannerList li{text-align:center;}
.banner #bannerList li a{display:block}


@media only screen and (max-width:1100px) {
	
	.wrap.main_banner{padding-top:0;}
	.sky_banner{display:none}
	
	.popup_wrap2{top:50px; left:20px; width:calc(100% - 40px); height:calc(100vh - 100px); margin-left:0;}
	.popup_wrap2 .tit{padding-bottom:30px; font-size:20px;}
	.popup_wrap2 .tit b{font-size:24px;}
	.popup_wrap2 .bx-wrapper .bx-controls-direction{margin-right:38px;}
	.popup_wrap2 .bx-wrapper .bx-controls-direction a{width:30px; height:30px;}
	.popup_wrap2 .bx-wrapper .bx-prev::before{top:7px; left:10px;}
	.popup_wrap2 .bx-wrapper .bx-next::before{top:7px; right:10px;}
	.popup_wrap2 .divpopb a{width:34px; height:34px;}
	.popup_wrap2 .divpopb a::before{top:8px; left:16px;}
	.popup_wrap2 .divpopb a::after{top:16px; left:8px;}
	.popup_wrap2 .divpopa{height:calc(100vh - 222px)}
	
	.visual{background-position:calc(50% - 110px) -110px;}
	.visual .bx-viewport{width:auto; padding:0 24px; padding-bottom:60px;}
	.visual .inner{text-align:center;}
	.visual .tit div{float:none; max-width:100%; margin-bottom:40px;}
	.visual .tit img{float:none; max-width:40%}
	.visual .btn{bottom:-60px; margin-bottom:0;}
	.visual .btn a{width:200px; padding:14px 0; font-size:20px; line-height:24px;}
	.visual .bx-wrapper .bx-controls{bottom:0; left:inherit; right:24px}
	.platform{padding-top:70px; border-bottom:none;}
	.platform .inner{width:auto; padding:0 24px;}
	.platform .shortcut h2{padding:0; margin-top:0;}
	.platform .shortcut ul{margin-left:0; margin-right:0;}
	.platform .shortcut ul li{display:inline-block; float:none; margin:0 25px;}
	.platform .shortcut ul li:not(:first-child){margin-left:25px;}
	.platform .idea_device .idea{float:none; width:auto}
	.platform .idea_device .idea .slide{padding:0 40px; margin-top:36px;}
	.platform .idea_device .idea .slide::before{display:none}
	.platform .idea_device .idea .slide::after{display:none}
	.platform .idea_device .idea .swiper-container{width:auto; margin-left:0;}
	.platform .idea_device .idea .item{width:300px}
	.platform .idea_device .idea .item a{padding:16px;}
	.platform .idea_device .idea .item a p{font-size:20px;}
	.platform .idea_device .idea .item a span{}
	.platform .idea_device .idea .controller .prev{left:0}
	.platform .idea_device .idea .controller .next{right:0}
	.platform .idea_device .new_device{float:none; width:auto; margin-top:80px;}
	.platform .idea_device .new_device .slide{margin-top:36px;}
	.platform .idea_device .new_device .item{width:300px}
	.platform .idea_device .new_device .item p{font-size:16px; font-family:'NBGB'; letter-spacing:0;}
	.platform .people .type{float:none; width:auto}
	.platform .people .type ul li p{width:calc(100% - 72px);}
	.platform .people .ranking{float:none; width:auto; margin-top:80px;}
	
	.status{display:none}
	
	.banner{display:none}
	
}

@media only screen and (max-width:768px) {
	
	.visual{background-position:calc(50% - 400px) 0px;}
	.visual .bx-viewport{padding:0 12px;}
	.visual .tit div{margin-bottom:24px;}
	.visual .tit p{font-size:20px;}
	.visual .tit p b{font-size:28px;}
	.visual .sub_tit{margin-top:16px; font-size:14px; font-family:'NBG'; line-height:1.5;}
	.visual .sub_tit strong::before{bottom:3px; height:6px;}
	.visual .tit div .btn{position:static; width:160px; margin:0 auto; margin-top:24px;}
	.visual .tit div .btn a{display:block; float:none; width:auto; padding:8px 0; font-size:14px;}
	.visual .bx-wrapper .bx-controls{bottom:-60px; right:50%; width:140px; padding:10px 0; margin-right:-70px;}
	.visual .bx-wrapper .bx-pager{bottom:calc(50% - 8px); left:18px; font-size:14px; line-height:16px;}
	.visual .bx-wrapper .bx-controls-direction a{width:10px; height:16px; background-size:10px 16px;}
	.visual .bx-wrapper .bx-controls-direction a.bx-prev{top:calc(50% - 8px); right:60px}
	.visual .bx-wrapper .bx-controls-direction a.bx-next{top:calc(50% - 8px); right:16px}
	.visual .bx-wrapper .bx-controls-auto{bottom:calc(50% - 8px); right:32px; width:20px}
	.visual .bx-wrapper .bx-controls-auto .bx-start{width:8px; height:16px; background-size:8px 16px;}
	.visual .bx-wrapper .bx-controls-auto .bx-stop{width:8px; height:16px; background-size:8px 16px;}
	.platform .inner{padding:0 12px;}
	.platform .shortcut h2{font-size:26px !important;}
	.platform .shortcut h2 strong{display:block}
	.platform .shortcut ul{margin:0; margin-top:24px;}
	.platform .shortcut ul li{display:block; width:auto; margin:0; border:4px solid; border-radius:16px; box-shadow:none}
	.platform .shortcut ul li:not(:first-child){margin-top:8px;}
	.platform .shortcut ul li:not(:first-child){margin-left:0;}
	.platform .shortcut ul li:first-child{background-size:110px 75px; border-color:#0dca6f}
	.platform .shortcut ul li:nth-child(2){background-size:110px 75px; border-color:#e74e88}
	.platform .shortcut ul li:nth-child(3){background-size:127px 100px; border-color:#10b2df}
	.platform .shortcut ul li:nth-child(1):hover{background-size:67px 100px;}
	.platform .shortcut ul li:nth-child(2):hover{background-size:67px 100px;}
	.platform .shortcut ul li:nth-child(3):hover{background-size:70px 100px;}
	.platform .shortcut ul li a{padding:72px 0;}
	.platform .shortcut ul li a::before{display:none}
	.platform .shortcut ul li a::after{display:none}
	.platform .shortcut ul li span{font-size:14px; font-family:'NBG'; text-align:center; word-break:keep-all}
	.platform .shortcut ul li span br{display:none}
	
	.platform .idea_device{margin-top:36px;}
	.platform .idea_device h2{font-size:20px !important; line-height:24px;}
	.platform .idea_device .idea .slide{padding:0 32px; margin-top:20px;}
	.platform .idea_device .idea .swiper-container{}
	.platform .idea_device .idea .item{width:220px}
	.platform .idea_device .idea .item a{padding:12px;}
	.platform .idea_device .idea .item a p{font-size:16px; font-family:'NBGB'; letter-spacing:0;}
	.platform .idea_device .idea .item a span{font-size:14px;}
	.platform .idea_device .idea .controller div{top:calc(50% - 12px)}
	.platform .idea_device .idea .controller .prev img{width:14px}
	.platform .idea_device .idea .controller .next img{width:14px}
	.platform .idea_device .idea .more img{width:24px}
	.platform .idea_device .new_device{margin-top:24px;}
	.platform .idea_device .new_device .slide{padding:0; margin:0 24px; margin-top:20px; border:none}
	.platform .idea_device .new_device .item{width:220px}
	.platform .idea_device .new_device .controller div{top:calc(50% - 12px)}
	.platform .idea_device .new_device .controller .prev{left:-24px}
	.platform .idea_device .new_device .controller .prev img{width:14px}
	.platform .idea_device .new_device .controller .next{right:-24px}
	.platform .idea_device .new_device .controller .next img{width:14px}
	.platform .idea_device .new_device .more img{width:24px}
	
	.platform .people{margin-top:36px;}
	.platform .people .type .tit{padding-left:36px; background-size:37px 39px;}
	.platform .people .type .tit p{font-size:22px;}
	.platform .people .type .tit span{font-size:16px; font-family:'NBG';}
	.platform .people .type ul{margin-top:16px;}
	.platform .people .type ul li:first-child span::before{}
	.platform .people .type ul li p{width:calc(100% - 40px); font-size:16px;}
	.platform .people .type ul li span{padding:12px 0; font-size:18px; border-radius:20px}
	.platform .people .type ul li:first-child span::before{display:none}
	.platform .people .type ul li:nth-child(2) span::before{left:-30px; width:60px; height:60px; border-radius:20px}
	.platform .people .type ul li:nth-child(2) span::after{right:-30px; width:60px; height:60px; border-radius:20px}
	.platform .people .type ul li:nth-child(3) span::before{display:none}
	.platform .people .type .more img{width:24px}
	.platform .people .ranking{margin-top:36px;}
	.platform .people .ranking .tab.list > ul > li:not(:first-child) .tab_btn{padding-left:12px;}
	.platform .people .ranking .tab.list > ul > li .tab_btn h2{padding-left:32px; font-size:20px !important; line-height:24px;}
	.platform .people .ranking .tab.list > ul > li .tab_btn h2::before{width:27px; height:24px; background-size:54px 48px; background-position-y:-24px;}
	.platform .people .ranking .tab.list > ul > li:nth-child(2) .tab_btn h2::before{background-position-x:-27px;}
	.platform .people .ranking .tab_cont{padding-top:20px;}
	.platform .people .ranking .ranker_list{top:46px}
	.platform .people .ranking .ranker_list li{width:calc(100%/3 - 16.1px/3); padding:12px 0;}
	.platform .people .ranking .ranker_list li:not(:first-child){margin-left:8px;}
	.platform .people .ranking .ranker_list li div{font-size:16px;}
	.platform .people .ranking .ranker_list li div span{display:block; line-height:20px;}
	.platform .people .ranking .ranker_list li div span b{font-size:22px;}
	.platform .people .ranking .ranker_list li p{font-size:12px;}
	.platform .people .ranking .ranker_list li img{height:12px}
	.platform .people .ranking .more img{width:24px}
	
}