.cnt.type3 .con2 .box_wrap.type01 .con_wrap{min-height:120px;}
.pic-cont{width:100%;height:auto;overflow:hidden;text-align:center;padding-top:50px;}
.pic-cont img{max-width:100%;}
/*
.product-item-list{}
.product-item-list>li{}
.product-item-list li .cate{}
.product-item-list li .logo{}
.product-item-list li .desc{}
.product-item-list li ul{}
.product-item-list li ul li{}
.product-item-list li a{}
.product-item-list li a span{}
.product-item-list li a img{}

.phapsody-wrap{}
.phapsody-wrap .desc{}
.phapsody-wrap ul{}
.phapsody-wrap ul li{}

.download-item-wrap{}
.download-item-wrap dt{}
.download-item-wrap dd{}
.download-item-wrap dd .cont{}
.download-item-wrap dd .date{}
*/

.summary-list-wrap{margin:50px auto;border-top:2px solid #3f3f3f;width:100%;height:auto;overflow:hidden;}
.summary-list-wrap li{position:relative;padding:20px 0 20px 15px;line-height:1.5em;border-bottom:1px solid #ddd;font-size:16px;color:#333;width:calc( 100% - 15px );height:auto;overflow:hidden;}
.summary-list-wrap li:before{background:#333;content:"";width:3px;height:3px;overflow:hidden;border-radius:50%;display:block;position:absolute;left:5px;top:30px;}
.summary-list-wrap.type01 li{width:50%;float:left;}
.summary-list-wrap.type01 li.full{width:100%;}
.chk-item-list01{width:1280px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.chk-item-list01>li{margin-bottom:20px;position:relative;width:calc( 50% - 10px );height:212px;overflow:hidden;background:#f5f5f5;float:left;}
.chk-item-list01>li:before{content:"";width:0;height:0;border-top:20px solid #5282ec;border-right:20px solid transparent;position:absolute;left:10px;top:10px;}
.chk-item-list01>li:nth-child(even){float:right;}
.chk-item-list01>li.full{width:100%;}
.chk-item-list01 li .tit{font-size:20px;color:#000;font-weight:500;width:calc( 100% - 100px );height:auto;overflow:hidden;margin:30px auto 10px auto;}
.chk-item-list01 li .desc01{font-size:16px;color:#000;line-height:1.5em;width:calc( 100% - 100px );height:auto;overflow:hidden;margin:10px auto 20px auto;}
.chk-item-list01 li ul{width:calc( 100% - 100px );height:auto;overflow:hidden;margin:0 auto;}
.chk-item-list01 li ul li{position:relative;font-size:16px;padding-left:10px;color:#666;width:calc( 100% - 10px );height:auto;overflow:hidden;}
.chk-item-list01 li ul li:before{content:"-";font-size:16px;color:#666;position:absolute;left:0;top:0;}
.chk-item-list01 li ul li ul{width:calc( 100% - 20px );padding-bottom:5px;}
.chk-item-list01 li ul li ul li{padding-left:15px;}
.chk-item-list01 li ul li ul li:before{content:"ㆍ";}
.chk-item-list01 li .pic{width:calc( 100% - 100px );height:auto;overflow:hidden;text-align:center;margin:50px auto 0 auto;}
.chk-item-list01 li .pic.type01{text-align:left;margin-top:30px;}
.chk-item-list01 li .pic img{max-width:100%;}
.chk-item-list01 li a{margin:30px 0 0 50px;border:1px solid #ccc;width:105px;height:34px;overflow:hidden;background:#fff;display:flex;justify-content:center;align-items:center;}
.chk-item-list01 li a span{font-size:14px;color:#333;display:flex;}
.chk-item-list01 li a img{display:flex;margin-left:10px;}

.desc-cont{width:calc( 100% - 40px );font-size:18px;color:#666;max-width:1024px;height:auto;overflow:hidden;line-height:1.5em;text-align:center;margin:50px auto 0 auto;}

.chk-item-list01.type01>li{height:auto;}
.chk-item-list01.type01>li .tit{margin:0 auto;display:flex;justify-content:flex-start;align-items:center;height:140px;}
.chk-item-list01.type02>li{height:650px;}
.chk-item-list01.type04>li{text-align:left;padding-bottom:30px;height:auto;}

.chk-item-list01>li.sz01{height:270px;}
.chk-item-list01>li.sz02{height:200px;}
.chk-item-list01>li.sz03{height:170px;}
.chk-item-list01>li.sz04{height:500px;}
.chk-item-list01>li.sz05{height:320px;}
.chk-item-list01>li.sz06{height:360px;}
.chk-item-list01>li.sz07{height:450px;}
.chk-item-list01>li.sz07 .pic img{height:200px;}
.chk-item-list01>li.sz08{height:570px;}
.chk-item-list01>li.sz08 .pic img{height:200px;}

.article-tabs-area{display:none;}
.article-tabs-area.on{display: block;}	

.chk-item-list01.type03>li{display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:auto;}
.chk-item-list01.type03>li .item{width:calc( 100% - 560px );height:auto;overflow:hidden;padding-bottom:30px;}
.chk-item-list01.type03>li .pic{text-align:right;width:calc( 100% - 60px );margin:30px 30px 30px 0;}
.chk-item-list01.type03>li .pic img{max-width:100%;}
.chk-item-list01.type03>li .item.full{width:100%;}
.chk-item-list01.type03>li a{display:inline-flex;margin:0 0 0 5px;}

.article-tabs-list{max-width:1280px;width:calc( 100% - 40px );height:auto;overflow:hidden;margin:50px auto;}
.article-tabs-list li{width:50%;height:auto;overflow:hidden;float:left;}
.article-tabs-list li a{font-size:18px;color:#333;width:100%;height:53px;border:1px solid #5a5a5a;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.article-tabs-list li a.on{background:#5282ec;border-color:#5282ec;color:#fff;}
.article-tabs-list.type01{padding-left:1px;display:flex;justify-content:center;align-items:center;}
.article-tabs-list.type01 li{float:none;width:100%;display:flex;justify-content:center;align-items:center;flex:1;}
.article-tabs-list.type01 li{margin-left:-1px;}

.nor-item-list01{width:1280px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.nor-item-list01>li{border:1px solid #ddd;margin-bottom:20px;position:relative;width:calc( 50% - 10px );height:197px;overflow:hidden;float:left;}
.nor-item-list01>li:nth-child(even){float:right;}
.nor-item-list01 li .tit{font-size:22px;color:#333;font-weight:500;width:calc( 100% - 60px );height:auto;overflow:hidden;margin:20px auto 10px auto;}
.nor-item-list01 li .desc{font-size:16px;color:#333;font-weight:300;width:calc( 100% - 60px );height:auto;overflow:hidden;margin:20px auto 10px auto;}
.nor-item-list01 li ul{width:calc( 100% - 60px );height:auto;overflow:hidden;margin:0 auto;}
.nor-item-list01 li ul li{letter-spacing:-1px;position:relative;font-size:16px;padding-left:10px;color:#666;width:calc( 100% - 10px );height:auto;overflow:hidden;}
.nor-item-list01 li ul li:before{content:"-";font-size:16px;color:#666;position:absolute;left:0;top:0;}

.nor-item-list02{width:1280px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.nor-item-list02>li{border:1px solid #ddd;margin-bottom:20px;position:relative;width:calc( 50% - 10px );height:270px;overflow:hidden;float:left;}
.nor-item-list02>li:nth-child(even){float:right;}
.nor-item-list02 li .tit{font-size:22px;color:#333;font-weight:500;width:calc( 100% - 60px );height:auto;overflow:hidden;margin:20px auto 10px auto;}
.nor-item-list02 li .desc{font-size:16px;color:#333;font-weight:300;width:calc( 100% - 60px );height:auto;overflow:hidden;margin:20px auto 10px auto;}
.nor-item-list02 li ul{width:calc( 100% - 60px );height:auto;overflow:hidden;margin:20px auto 0 auto;}
.nor-item-list02 li ul li{position:relative;font-size:16px;padding-left:10px;color:#666;width:calc( 100% - 10px );height:auto;overflow:hidden;letter-spacing:-1px;}
.nor-item-list02 li ul li:before{content:"-";font-size:16px;color:#666;position:absolute;left:0;top:0;}
.nor-item-list02>li.full{display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:auto;padding-bottom:30px;}
.nor-item-list02>li.full .item{width:100%}
.nor-item-list02>li.full .pic{margin:30px 30px 30px 0;}
.nor-item-list02>li.full .pic img{max-width:100%;}
.nor-item-list02>li.sz01{height:750px;}
.nor-item-list02>li.sz01 .pic{margin:30px 0 0 30px;}
.nor-item-list02>li.sz01 .pic img{max-width:100%;}
.nor-item-list02>li.sz02{height:550px;}
.nor-item-list02>li.sz02 .pic{margin:30px 30px 0 30px;}
.nor-item-list02>li.sz02 .pic img{max-width:100%;}
.nor-item-list02>li.sz03{height:200px;}
.nor-item-list02>li.sz04{height:150px;}

.parnter-policy-list{border-top:2px solid #3f3f3f;max-width:1280px;width:calc( 100% - 40px );height:auto;overflow:hidden;margin:50px auto 0 auto;}
.parnter-policy-list>li{border-bottom:1px solid #ddd;width:100%;height:auto;overflow:hidden;padding:30px 10px;}
.parnter-policy-list li .tit{position:relative;font-size:16px;padding-left:10px;color:#666;width:calc( 100% - 10px );height:auto;overflow:hidden;letter-spacing:-1px;}
.parnter-policy-list li .tit:before{content:"";position:absolute;left:0;top:8px;font-weight:bold;display:block;width:3px;height:3px;overflow:hidden;border-radius:50%;background:#333;}
.parnter-policy-list li ul{width:calc( 100% - 20px );height:auto;overflow:hidden;margin:10px auto 0 auto;}
.parnter-policy-list li ul li{position:relative;font-size:16px;padding-left:10px;color:#666;width:calc( 100% - 10px );height:auto;overflow:hidden;letter-spacing:-1px;}
.parnter-policy-list li ul li:before{content:"-";font-size:16px;color:#666;position:absolute;left:0;top:0;}
.parnter-policy-list li .pic{width:100%;height:auto;overflow:hidden;margin-top:30px;}
.parnter-policy-list li .pic img{max-width:100%;}

.parnter-logo-list{max-width:1310px;width:calc( 100% - 40px );height:auto;overflow:hidden;margin:50px auto 0 auto;}
.parnter-logo-list li{margin:15px;width:calc( 100% / 6 - 30px );height:auto;overflow:hidden;float:left;}
.parnter-logo-list li img{max-width:100%;}



.pnlist-wrap{width:1280px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.pnlist-wrap ul{width:100%;height:auto;overflow:hidden;}
.pnlist-wrap ul li{position:relative;font-size:18px;margin-bottom:5px;padding-left:10px;color:#666;width:calc( 100% - 10px );height:auto;overflow:hidden;}
.pnlist-wrap ul li:before{content:"-";font-size:18px;color:#666;position:absolute;left:0;top:0;}
.pnlist-wrap ul li ul{margin-top:5px;}
.pnlist-wrap ul li ul li{padding-left:15px;}
.pnlist-wrap ul li ul li:before{content:"ㆍ";}
.pnlist-wrap ul.num-list01{margin-top:50px;}
.pnlist-wrap ul.num-list01 li{padding-left:20px;}
.pnlist-wrap ul.num-list01 li:nth-child(1):before{font-weight:Bold;content:"1.";}
.pnlist-wrap ul.num-list01 li:nth-child(2):before{font-weight:Bold;content:"2.";}
.pnlist-wrap ul.num-list01 li:nth-child(3):before{font-weight:Bold;content:"3.";}
.pnlist-wrap ul.num-list01 li:nth-child(4):before{font-weight:Bold;content:"4.";}


.list01{margin-top:10px;}
.list01 li{position:relative;font-size:16px;padding-left:10px;color:#666;width:calc( 100% - 10px );height:auto;overflow:hidden;}
.list01 li:before{content:"-";font-size:16px;color:#666;position:absolute;left:0;top:0;}
.list01 li .pic-item{width:100%;height:auto;padding:10px 0;overflow:hidden;text-align:center;}
.list01 li .pic-item img{max-width:100%;}
.list01 li ul{margin-bottom:10px;}
.list01 li ul li{font-size:14px;}
.list01 li ul li:before{content:"";width:2px;height:2px;overflow:hidden;display:block;background:#777;border-radius:50%;position:absolute;left:0;top:10px;}

.pnlist-wrap ul li a{margin:10px 0 30px 0px;border:1px solid #ccc;width:105px;height:34px;overflow:hidden;background:#fff;display:flex;justify-content:center;align-items:center;}
.pnlist-wrap ul li a span{font-size:14px;color:#333;display:flex;}
.pnlist-wrap ul li a img{display:flex;margin-left:10px;}


.pnlist-wrap .pic{padding-top:30px;width:100%;height:auto;overflow:hidden;text-align:center;}
.pnlist-wrap ul.type01>li:before{content:"";width:3px;height:3px;overflow:hidden;background:#333;border-radius:50%;top:8px;}
.pnlist-wrap ul.type01>li ul li{color:#666;}


.nor-bar-wrap{padding:30px 0;width:100%;height:auto;overflow:hidden;background:#f5f5f5;}
.nor-bar-wrap.type01{margin-top:50px;}
.nor-bar-wrap .tit{font-size:36px;color:#333;font-weight:500;line-height:1.5em;width:1280px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.nor-bar-wrap .desc{font-size:18px;color:#333;font-weight:300;line-height:1.5em;width:1280px;height:auto;overflow:hidden;margin:50px auto 0 auto;}

.simulator-wrap{width:1280px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.simulator-wrap .pic-wrap{flex-direction:column;display:flex;justify-content:center;align-items:center;width:calc( 50% - 10px );height:500px;overflow:hidden;border:1px solid #ddd;margin-bottom:20px;float:left;}
.simulator-wrap .pic-wrap .pic{}
.simulator-wrap .pic-wrap span{display:flex;margin-top:10px;font-size:22px;color:#333;font-weight:500;}
.nor-item-list01.type01{margin-top:0;float:right;width:calc( 50% - 10px );}
.nor-item-list01.type01>li{width:100%;height:240px;}
.nor-item-list01.type02{margin-bottom:50px;margin-top:0;}
.nor-item-list01.type02>li{height:240px;}
.nor-item-list01.type02>li.full{position:relative;width:100%;}
.nor-item-list01.type02>li.full .pic{position:absolute;right:13px;top:13px;}

.nor-item-list01.type03{margin-top:50px;margin-bottom:0;}
.nor-item-list01.type03>li{height:300px;}

.summary-pic-wrap{width:1280px;height:auto;overflow:hidden;margin:50px auto;}
.summary-pic-wrap .item{float:left;text-align:center;width:50%;height:auto;overflow:hidden;}
.summary-pic-wrap .item.full{width:100%;}
.summary-pic-wrap .item img{max-width:100%;width:90%;}
.summary-pic-wrap .item.ac{width:100%;text-align:center;}
.summary-pic-wrap .item.ac img{width:auto;}
.pnlist-wrap .pic img{max-width:100%;}
.info_wrap.type01{margin-bottom:50px;}

.splunk-case-list{max-width:1280px;width:calc( 100% - 40px );height:auto;overflow:hidden;margin:50px auto;}
.splunk-case-list li{display:flex;justify-content:flex-start;align-items:center;border:1px solid #ddd;width:100%;height:auto;overflow:hidden;padding:30px;margin-bottom:20px;}
.splunk-case-list li .pic{display:flex;width:250px;}
.splunk-case-list li .pic img{max-width:100%;}
.splunk-case-list li .cont{width:calc( 100% - 250px );height:auto;overflow:hidden;}
.splunk-case-list li .cont .tit{font-size:22px;color:#333;font-weight:500;width:100%;height:auto;overflow:hidden;}
.splunk-case-list li .cont .desc{margin-top:10px;font-size:16px;color:#333;font-weight:300;width:100%;height:auto;overflow:hidden;}
.splunk-case-list li .cont .btn-wrap{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;width:100%;height:auto;overflow:hidden;}
.splunk-case-list li .cont .btn-wrap .btn{margin-right:10px;padding:0 10px;width:107px;height:36px;display:flex;justify-content:space-between;align-items:center;}
.splunk-case-list li .cont .btn-wrap .btn span{display:flex;color:#fff;font-size:14px;}
.splunk-case-list li .cont .btn-wrap .btn img{display:flex;}
.splunk-case-list li .cont .btn-wrap .btn.blue{background:#5381e2;}
.splunk-case-list li .cont .btn-wrap .btn.red{background:#dd575a;}

.mt0{margin-top:0 !important}
.mt50{margin-top:50px !important}
.mt100{margin-top:100px !important}

.benefits-wrap{width:100%;height:auto;padding-bottom:100px;overflow:hidden;background:url(/humanframe/theme/developers/assets/img/img2/bg-benefits01.jpg) no-repeat right top;background-size:cover;}
.benefits-wrap dl{width:calc( 100% - 40px );max-width:1280px;height:auto;overflow:hidden;margin:0 auto;}
.benefits-wrap dl dt{margin-top:70px;text-align:center;font-size:36px;color:#fff;font-weight:bold;width:100%;height:auto;overflow:hidden;}
.benefits-wrap dl dd{margin-top:40px;width:100%;height:auto;overflow:hidden;}
.benefits-wrap dl dd ul{width:100%;height:auto;overflow:hidden;}
.benefits-wrap dl dd ul li{font-size:18px;color:#fff;font-weight:500;width:50%;float:left;margin-top:40px;height:auto;overflow:hidden;}

.gbox_wrap .tb_wrap{width:calc( 100% - 40px );height:auto;margin: 50px auto 0 auto;max-width:1280px;border: 1px solid #ddd;}
.gbox_wrap .tb_wrap table{ border-collapse :collapse;width: 100%;}
.gbox_wrap .tb_wrap thead tr.bg{background: #f5f5f5;border-bottom: 1px solid #ddd;font-size: 18px}
.gbox_wrap .chk-item-list01 .tb_wrap thead tr.bg{background:#ddd;}
.gbox_wrap .tb_wrap thead tr th{text-align:center;padding:15px;}
.gbox_wrap .tb_wrap tbody tr {border-top: 1px solid #ddd;}
.gbox_wrap .tb_wrap tbody tr:first-child{border-top: none;}

.gbox_wrap .tb_wrap tbody tr td{background:#fff;border:1px solid #ddd; font-weight: 300; text-align: left;border-right:none;word-break: keep-all;padding: 20px 36px}
.gbox_wrap .tb_wrap tbody tr td:first-child{border-left:none}
.gbox_wrap .tb_wrap tbody tr td.center{text-align: center}
.gbox_wrap .tb_wrap.type01 th{text-align:center;background: #f5f5f5;}
.gbox_wrap .tb_wrap.type01{border-collapse:collapse;border:0;}
.gbox_wrap .tb_wrap.type01 tbody tr td,
.gbox_wrap .tb_wrap.type01 tr th{border:1px solid #ddd;}

.tbox-wrap{margin:50px auto 0 auto;max-width:1280px;padding:20px 30px;width:100%;height:auto;overflow:hidden;border:2px solid #777;}
.tbox-wrap .subj{font-size:20px;color:#75b800;font-weight:600;}


.tbl-msg{font-size:16px;color:#666;width:calc( 100% - 40px );height:auto;margin:10px auto 0 auto;max-width:1280px;}

.info-wrap01{margin-top:100px;width:100%;height:auto;overflow:hidden;background:#f5f5f5;padding:100px 0;}
.info-wrap01 .tit{font-size:36px;color:#333;font-weight:500;width:calc( 100% - 40px );height:auto;margin:0 auto;max-width:1280px;}
.info-wrap01 .desc{line-height:1.5em;font-size:18px;color:#333;font-weight:500;width:calc( 100% - 40px );height:auto;margin:40px auto 0 auto;max-width:1280px;}
.info-wrap01 ul{width:1300px;height:auto;overflow:hidden;margin:0 auto;margin-top:30px;}
.info-wrap01 ul li{width:calc( 25% - 20px );margin:10px;height:auto;overflow:hidden;float:left;}
.info-wrap01 ul li img{width:100%;}

.img-list01{width:calc( 100% - 20px );max-width:1300px;height:auto;overflow:hidden;margin:0 auto 100px auto;margin-top:30px;}
.img-list01 li{width:calc( 25% - 20px );margin:10px;height:auto;overflow:hidden;float:left;}
.img-list01 li img{width:100%;}


/*
* 고객문의
*/
.contact-us-wrap{width:calc( 100% - 40px );height:auto;overflow:hidden;margin:0 auto;max-width:1280px;}
.contact-us-wrap h3{margin:0;padding:70px 0;width:100%;height:auto;overflow:hidden;font-size:32px;color:#3f3f3f;font-weight:500;}
.contact-us-wrap dl{width:100%;height:auto;overflow:hidden;}
.contact-us-wrap dl dt{width:100%;height:auto;overflow:hidden;}
.contact-us-wrap dl dt a{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;overflow:hidden;}
.contact-us-wrap dl dt a strong{padding-left:15px;position:relative;display:flex;font-size:20px;color:#3f3f3f;font-weight:500;}
.contact-us-wrap dl dt a strong:before{position:absolute;left:0;top:5px;content:"";width:11px;height:3px;overflow:hidden;display:block;background:#5381e2;}
.contact-us-wrap dl dt a span{display:flex;font-size:16px;color:#666;padding-right:20px;background:url(../img/img2/ico-toggle-down.png) no-repeat right center;}
.contact-us-wrap dl dt a.on span{background:url(../img/img2/ico-toggle-up.png) no-repeat right center;}
.contact-us-wrap dl dd{margin-top:30px;width:100%;height:auto;overflow:hidden;}
.contact-us-wrap dl dd .agree-wrap{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafafa;width:100%;font-size:14px;color:#666;line-height:1.5em;padding:25px;height:150px;overflow:hidden;}
.contact-us-wrap dl dd .agree-wrap:before{content:"";width:100%;height:40px;background:linear-gradient(rgba(250,250,250,.5), rgba(250,250,250,1));display:block;position:absolute;left:0;bottom:0;}
.contact-us-wrap dl dd .agree-wrap.on{height:auto;}
.contact-us-wrap dl dd .agree-wrap.on:before{display:none;}
.contact-us-wrap dl dd .agree-chk{padding-top:10px;display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;overflow:hidden;}
.contact-us-wrap dl dd .agree-chk input{margin:0;display:flex;}
.contact-us-wrap dl dd .agree-chk label{margin:0;margin-left:5px;font-size:16px;color:#3f3f3f;}
.contact-us-wrap dl dd .agree-chk label strong{font-size:16px;color:#3f3f3f;font-weight:500;}

.contact-us-wrap h4{margin:0;padding:0;margin-top:70px;padding-left:15px;position:relative;display:flex;font-size:20px;color:#3f3f3f;font-weight:500;}
.contact-us-wrap h4:before{position:absolute;left:0;top:5px;content:"";width:11px;height:3px;overflow:hidden;display:block;background:#5381e2;}
.contact-us-wrap .tbl-wrap{margin-top:20px;width:100%;height:auto;overflow:hidden;}
.contact-us-wrap .tbl-wrap table{table-layout:fixed;border-top:1px solid #ccc;width:100%;}
.contact-us-wrap .tbl-wrap table th{border-bottom:1px solid #eee;vertical-align:top;padding:14px 0 7px 0;font-size:16px;color:#3f3f3f;font-weight:500;}
.contact-us-wrap .tbl-wrap table td{border-bottom:1px solid #eee;padding:7px 0;}
.contact-us-wrap .tbl-wrap table td .form{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;}
.contact-us-wrap .tbl-wrap table td .form.t01{margin-top:8px;}
.contact-us-wrap .tbl-wrap table td .form>a{display:flex;width:45px;height:45px;overflow:hidden;}
.contact-us-wrap .tbl-wrap table td .form .select{padding-left:10px;border-radius:0;font-size:16px;color:#666;width:280px;margin-right:8px;background:#fafafa;height:45px;border:1px solid #ccc;}
.contact-us-wrap .tbl-wrap table td .form .select.t01{margin-right:0;background:#fff;width:440px;}
.contact-us-wrap .tbl-wrap table td .form .inp{border-radius:0;font-size:16px;color:#666;padding:0 10px;height:45px;width:100%;border:1px solid #ccc;background:#fafafa;}
.contact-us-wrap .tbl-wrap table td .form .inp.t01{flex:inherit;width:280px;margin-right:8px;}
.contact-us-wrap .tbl-wrap table td .form .textarea{border-radius:0;font-size:16px;color:#666;padding:5px 10px;line-height:1.5em;height:150px;width:100%;border:1px solid #ccc;background:#fafafa;}
.search-rs-wrap{z-index:90;position:absolute;left:0;top:44px;background:#fafafa;width:100%;height:auto;overflow:hidden;border:1px solid #ccc;}
.search-rs-wrap ul{width:100%;height:auto;overflow:hidden;}
.search-rs-wrap ul li{border-top:1px solid #ccc;width:100%;height:auto;overflow:hidden;}
.search-rs-wrap ul li:first-child{border-top:0;}
.search-rs-wrap ul li a{flex-direction:column;display:flex;justify-content:center;align-items:center;width:100%;height:auto;padding:15px 0;overflow:hidden;}
.search-rs-wrap ul li a .tit{font-size:16px;color:#999;width:calc( 100% - 30px );height:auto;overflow:hidden;margin:0 auto;}
.search-rs-wrap ul li a .tit strong{font-size:16px;color:#575757;}
.search-rs-wrap ul li a .path{background:url(../img/img2/ico-folder.png) no-repeat left center;font-size:13px;color:#527fe3;padding-left:20px;width:calc( 100% - 30px );height:auto;overflow:hidden;margin:10px auto 0 auto;}
.rd-list{width:100%;height:auto;overflow:hidden;}
.rd-list li{display:flex;justify-content:flex-start;align-items:center;float:left;margin-right:20px;}
.rd-list li:first-child{margin-left:0;}
.rd-list li input{/*margin:0;background:url(../img/img2/bg-radio-off.png) no-repeat;background-size:16px 16px;border:0;border-radius:3px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;*/width:16px;height:16px;display:flex;}
.rd-list li input:checked{opacity:1;border:0;width:16px;height:16px;/*background:url(../img/img2/bg-radio-on.png) no-repeat;background-size:16px 16px;*/}
.rd-list li label{margin:0;font-weight:300;display:flex;margin-left:5px;font-size:16px;color:#999;}

.tbl-btn-wrap{display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:hidden;padding:45px 0 145px 0;}
.tbl-btn-wrap button{border:0;width:260px;height:55px;overflow:hidden;background:#0a4ea3;display:flex;justify-content:center;align-items:center;}
.tbl-btn-wrap button span{font-size:16px;color:#fff;display:flex;}
.tbl-btn-wrap button img{display:flex;margin-left:10px;}

.section-4 {width:100%; background:-webkit-linear-gradient(right, #fbfbfb 50%, #f6f6f6 50%); position:relative;
    background: -o-linear-gradient(right, #fbfbfb 50%, #f6f6f6 50%);
    background: -moz-linear-gradient(right, #fbfbfb 50%, #f6f6f6 50%);
    background: linear-gradient(to right, #fbfbfb 50%, #f6f6f6 50%);
    border-top:1px solid #e9e9e9;
}

.sec-4-body {width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.sec-4-box {width:50%; float:left; box-sizing:border-box; position:relative;}
.sec-4-box.box-1{border-right:1px solid #e9e9e9; padding:50px 50px 50px 0;}
.sec-4-box.box-2 {padding:50px 0 50px 70px;}
.sec-4-box:hover .sec-box-img img {transform:scale(1);}
.sec-4-box.box-1 .sec-box-img{right:50px;}
.sec-box-img {position:absolute; top:50px; right:0;-webkit-transition: 500ms ease; -moz-transition: 500ms ease; -o-transition: 500ms ease; transition: 500ms ease;}
.sec-box-img img {transform:scale(0.85);-webkit-transition: 500ms ease; -moz-transition: 500ms ease; -o-transition: 500ms ease; transition: 500ms ease;}

.sec-4-box h1 {font-size:30px; color:#000; font-weight:500;}
/*박스 +버튼 css*/
.sec-4-body .sol-over-box {overflow:hidden;}
.sec-4-body .sol-over-btn{ position: relative;  z-index:2;width: 120px;  border-radius:30px; height: 45px; float:left; margin:0 auto; margin-top:50px; display: block; overflow: hidden; }

.sec-4-body .sol-over-btn .over-txt { color: #231f20; z-index:2; text-align: center; width:120px; letter-spacing: -1px; top:12px; left:50%; position:absolute; margin-left:-60px; line-height:18px; opacity:0;filter:Alpha(opacity=0); }
.sec-4-body .sol-over-btn {	transition: width 0.5s ease;-webkit-transition: width 0.5s ease;-moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;}
.sec-4-body .sol-over-btn .over-txt  {	transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.over-plus {width:25px; height:25px; margin:10px 0; position:relative;transition: width 0.5s ease;-webkit-transition: width 0.5s ease;-moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;}
.over-plus:after {position:absolute; content:''; width:25px; height:1px; background:#ddd; top:12px; left:0px;}
.over-plus:before {position:absolute; content:''; width:1px; height:25px; background:#ddd; top:0; left:12px;}

.sec-4-body .sol-over-btn:before { position: absolute; top:50%; content: '';  opacity: 0; width: 20px; height: 100%;border-radius:5px;  background-color:#ffd65a;	border:1px solid #ffd65a; }
.sec-4-body .sol-over-btn:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/*박스오버시 +버튼 확인하기로 변경 및 bg올라오는 css*/
.sec-4-body .sec-4-box a:hover .sol-over-btn{background:#333;}
.sec-4-body .sec-4-box a:hover .sol-over-btn:before  {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.sec-4-body .sec-4-box a:hover .over-plus {opacity:0;}
.sec-4-body .sec-4-box a:hover .over-txt{color:#fff;opacity:1.0;filter:Alpha(opacity=100);  letter-spacing: 2px; 	transition: all 0.3s ease 0.1s;	-webkit-transition: all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s;}

/*******설계솔루션*******/
#solution {width:100%; display:block; padding-bottom:100px;}
#solution.no-padding {padding-bottom:0;}
.bg-color-1 {background:#fff;}
.bg-color-2 {background:#f5f5f5;}
.bg-color-3 {background:#1c1c1c;}
#solution .solution-1 {width:100%; max-width:1150px; margin:0 auto; padding-top:70px; display:table;}
#solution .solution-1 .solution-1-left {width:58%; box-sizing:border-box; float:left; padding-top:30px;}
#solution .solution-1 .solution-1-left h1 {font-size:48px; line-height:48px; color:#000; font-family: 'Open Sans', sans-serif; padding-bottom:30px; font-weight:600;}
#solution .solution-1 .solution-1-left h1  span {color:#ffc30d; line-height:36px; font-family: 'Open Sans', sans-serif;}
#solution .solution-1 .solution-1-left h2 {font-size:18px; line-height:28px; padding-bottom:20px; color:#4a4a4a; font-weight:400;    padding-right: 80px; }
#solution .solution-1 .solution-1-left p {position:relative; padding-left:15px; font-size:15px; line-height:28px; color:#4a4a4a;}
#solution .solution-1 .solution-1-left p:after {position:absolute; content:''; width:4px; height:4px; top:12px; left:0; background:#b5b5b5; border-radius:50%;}
#solution .solution-1 .solution-1-right {width:40%; float:right;}
#solution .solution-1 .solution-1-right img {float:right; display:block; max-width:100%;}
#solution .solution-1 .solution-1-mid {width:100%; padding-bottom:30px;}
#solution .solution-1 .solution-1-mid h1 {font-size:36px; line-height:36px; color:#000; font-weight:600; font-family: 'Open Sans', sans-serif; padding-bottom:60px; text-align:center; padding-top:60px;}
#solution .solution-1 .solution-1-imgbody {width:100%; overflow:hidden;}
#solution .solution-1 .sol-1-box {float:left; width:16.666%;}
#solution .solution-1 .sol-1-box img {display:block; margin:0 auto; padding:27px 0;}
#solution .solution-1 .sol-1-box p {display:block; padding:0 15px; font-size:15px; color:#4a4a4a; line-height:22px; font-weight:400; text-align:center;}

#solution .solution-1 .solution-2-imgbody {width:100%; display: table;  text-align: center;}
#solution .solution-1 .sol-2-box { width:25%;    display: inline-block;}
#solution .solution-1 .sol-2-box img {display:block; margin:0 auto; padding:27px 0;}
#solution .solution-1 .sol-2-box p {display:block; padding:0 40px; font-size:15px; color:#4a4a4a; line-height:22px; font-weight:400; text-align:center;}
#solution .solution-1 .sol-2-box:nth-child(-n+4) {margin-bottom:30px;}

#solution .solution-1 .solution-1-left.pad-top {padding-top:80px;}

#solution .solution-1 .solution-3-imgbody {width:100%; display: table;  text-align: center;}
#solution .solution-1 .sol-3-box { width:20%;    display: inline-block;}
#solution .solution-1 .sol-3-box img {display:block; margin:0 auto; padding:27px 0;}
#solution .solution-1 .sol-3-box p {display:block; padding:0 30px; font-size:15px; color:#4a4a4a; line-height:22px; font-weight:400; text-align:center;}
#solution .solution-1 .sol-3-box:nth-child(-n+4) {margin-bottom:0px;}

.menu-pop {position: fixed; top:0; right: 0; bottom: 0;  background:#141416; left: 0; opacity:0;-webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;  transition: opacity 400ms ease-in; pointer-events: none;z-index:100000;width:100%;height:100%;}
.menu-pop:target { opacity:1;  pointer-events: auto;}
.pop-content {position: absolute;top:50%; transform:translate(-50%,-50%); left: 50%; width:100%; height:100%; max-width:1150px;max-height:660px;box-sizing:border-box;}
.pop-body {width:100%; height:100%;display: inline-table; position: relative; max-width: 100%;  padding-bottom: 56.25%; height: 0; z-index:-1;}
.pop-content h1 {font-size:16px; line-height:20px; font-weight:400; margin-bottom:30px; padding:20px; border-bottom:1px solid #d7d7d7; color:#666; text-align:left;}
.pop_close{position: absolute;top:10px;right:10px;width: 30px;height: 30px;	color: #00548a;	text-align: center;	cursor: pointer;}
.pop_close:after {content:''; width:25px; height:3px; margin-top:-2px; background:#a5915f; display:block; transform:rotate(45deg); }
.pop_close:before {content:''; width:25px; height:3px; margin-top:13px; background:#a5915f; display:block; transform:rotate(-45deg); }
.pop-table table {margin:5%;}


/*박스 오버 효과 및 스크롤*/
#solution .solution-2 {width:100%; max-width:1150px; margin:0 auto; padding-top:50px; padding-bottom:20px; overflow:hidden;}
/*박스 css*/
#solution .solution-2-box {width:23.5%; margin-right:2%; margin-bottom:2%; float:left; background:#f7f7f7; box-sizing:border-box; overflow:hidden;}
#solution .solution-2-box a {position:relative; display:block; padding:27px 23px;}
#solution .solution-2-box a h1 {font-size:15px; font-weight:600; line-height:18px; min-height:36px; color:#000; text-align:center;}
#solution .solution-2-box a .img-body {height:174px; overflow:hidden;}
#solution .solution-2-box a .img-body img {max-width:100%;position:relative; margin:0 auto; z-index:2;transition: all 0.5s ease; margin-top:15px; display:block; -webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
#solution .solution-2-box a p.solution-2-box-text {position:relative; z-index:2; font-size:15px; color:#4a4a4a; line-height:22px; min-height:95px; text-align:center;}
#solution .solution-2-box:nth-child(4n) {margin-right:0;}
#solution .sol-over-box{ width:40px; position: relative; z-index:2; height:40px; margin:0 auto; background-color:#ffd65a; border-radius:50%; border-top:1px solid #ddd; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
/*박스 +버튼 css*/
#solution .sol-over-btn{ position: relative;  z-index:2;width: 18px; height: 18px; margin:0 auto; margin-top:9px; display: block; overflow: hidden; }
#solution .sol-over-btn span { position: absolute; left: 8px; top: 0; width: 3px; height: 18px; background: #fff; }
#solution .sol-over-btn span:before,
#solution .sol-over-btn span:after { position: absolute; left: 2px; top: 8px; width: 8px; height: 3px; content:''; background: #fff; }
#solution .sol-over-btn .right-line { left: auto; right: 8px;}
#solution .sol-over-btn .right-line:before,
#solution .sol-over-btn .right-line:after { left: auto; right: 2px; }
#solution .sol-over-btn .over-txt { color: #fff; z-index:2; text-align: center; width:120px; letter-spacing: 15px; left:50%; position:relative; margin-left:-60px; line-height:18px; opacity:0;filter:Alpha(opacity=0); }
#solution .sol-over-btn {	transition: width 0.5s ease;-webkit-transition: width 0.5s ease;-moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;}
#solution .sol-over-btn span,
#solution .sol-over-btn span:before,
#solution .sol-over-btn span:after,
#solution .sol-over-btn .over-txt  {	transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}


/*박스오버시 +버튼 확인하기로 변경 및 bg올라오는 css*/
#solution .solution-2-box a:hover .sol-over-box{  width:120px; background-color:#4a4a4a; border-top-color:#4a4a4a; border-radius:30px;}
#solution .solution-2-box a:hover .sol-over-btn{ width: 120px; }
#solution .solution-2-box a:hover .left-line { left: 0; opacity:0; }
#solution .solution-2-box a:hover .right-line { right: 0;  opacity:0; }
#solution .solution-2-box a:hover .over-txt{opacity:1.0;filter:Alpha(opacity=100);  letter-spacing: 5px; 	transition: all 0.3s ease 0.1s;	-webkit-transition: all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s;}
#solution .solution-2-box a:hover .img-body img {margin-top:0;}
#solution .solution-2-box a .box-overlay {position:absolute;	width:100%; height:280px; background:#ffd65a; bottom:-280px; left:0; z-index:1;	transition: all 0.4s ease 0.1s; -webkit-transition: all 0.4s ease 0.1s; -moz-transition:all 0.4s ease 0.1s; -o-transition: all 0.4s ease 0.1s;}
#solution .solution-2-box a:hover .box-overlay { bottom:0;}

/*모바일~패드 팝업 슬라이드*/
.pop-box {
    position: fixed;
    top:0;
    left: 0;
    z-index:100000;
    background: #fff;
    opacity:0;
    transform: translate(0, -100%);
    width:100%;
    height:100%;
    visibility: hidden;
    overflow-y:auto;
}
.pop-box.active {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}
}
.pop {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow:hidden;
    display:block;
}
.pop {width:100%;}
.pop_back{position: absolute;width:50px;height:56px; 	z-index:100001; color: #00548a;	text-align: center;	cursor: pointer;}
.pop_back:after {position:absolute; content:''; width:10px; height:1px; top:25px; left:20px; background:#000; display:block; transform:rotate(-45deg); }
.pop_back:before {position:absolute;content:''; width:10px; height:1px; top:32px; left:20px; background:#000; display:block; transform:rotate(45deg); }

.pop-title {font-size:18px; width:100%; color:#000;background: #f7f7f7; line-height:56px; font-weight:400; position:relative; display:block; padding-left:50px; box-sizing:border-box;}

.pop-box-cont h1 {font-size:30px; line-height:42px; color:#000; font-weight:600; text-align:center; padding-bottom:10px;}
.pop-box-cont p {font-size:15px; line-height:28px; color:#777; font-weight:300; text-align:center; padding:0 20px;}

.pop-box-cont.slick-slide img {display:inline; width:100%; max-width:100%; margin-bottom:10px; margin:0 auto;}

.pop-box .slick-prev {top:170px; bottom:auto; left:20px; right:auto;z-index:100001;}
.pop-box .slick-prev:after {position:absolute; content:''; width:10px; height:1px; top:5px; background:#000; display:block; transform:rotate(-45deg); }
.pop-box .slick-prev:before {position:absolute;content:''; width:10px; height:1px; top:12px; background:#000; display:block; transform:rotate(45deg); }
.pop-box .slick-next {top:170px; bottom:auto; right:20px; left:auto;z-index:100001;}
.pop-box .slick-next:after {position:absolute; content:''; width:10px; height:1px; top:5px; background:#000; display:block; transform:rotate(45deg); }
.pop-box .slick-next:before {position:absolute;content:''; width:10px; height:1px; top:12px; background:#000; display:block; transform:rotate(-45deg); }

.pop-box-img { width:100%;  max-width:230px; margin:30px auto; display:block; text-align:center;}
.pop-box-img img {margin:0 auto;}

.pop-video {width:90%; margin:0 5%; border-top:1px solid rgba(65, 65, 67, 0.32); margin-top:30px;}
.pop-video li { padding:11px 0;  border-bottom:1px solid rgba(65, 65, 67, 0.32); position:relative;}
.pop-video li > h1 {line-height:28px;color:#000; font-size:16px; font-weight:400; text-align:left; padding:0; position:relative;}
.pop-video li > h1:after {position:absolute; content:''; width:10px; height:1px; top:50%; margin-top:-2px; right:0; background:#000; display:block; transform:rotate(-45deg);}
.pop-video li > h1:before {position:absolute; content:''; width:10px; height:1px; top:50%; margin-top:-2px; right:7px; background:#000; display:block; transform:rotate(45deg);}
.pop-video li.active > h1:after {right:7px;}
.pop-video li.active > h1:before {right:0px; }
.pop-video li div {display:none; width:100%; margin:10px 0;}

.plus p {text-align:left; font-size:13px; padding:0;}
.plus a {background:url(../images/solution-img-28.png) right 1px center no-repeat; padding-right:22px; line-height:18px;  transition: color .3s;   color: #a5915f;}

/*설계솔루션 슬라이드 공통*/
.slide-cont {width:100%; max-width:1150px; margin:0 auto; position:relative; margin-top:50px; }
.slide-cont>img {margin:0 auto; border-radius:5px; max-width:100%;}
.slide-cont-box {position:absolute; top:0; left:0; min-width:200px; padding:15px 20px; background:rgba(0,0,0,0.5); border-radius:5px;
    display: flex;
    align-items: center;}
.slide-cont-box>img {float:left;}
.slide-cont-box p {float:left; padding-left:20px;  font-size:15px; color:#fff; line-height:20px; font-family: 'Open Sans', sans-serif;}
.slide-cont-box h1 {font-size:15px; color:#fff; line-height:20px; font-weight:400; font-family: 'Open Sans', sans-serif; display:block; width:100%; clear:both;}
.slide-cont-box h2 {font-size:13px; color:#fff; line-height:20px; font-weight:400;  font-family: 'Open Sans', sans-serif; display:block; padding-left:15px; position:relative;}
.slide-cont-box h2:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#ddd; top:10px; left:0;}
.slide-over-box {visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: visibility .5s, opacity .5s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius:5px;
    overflow:hidden;
}
.slide-cont-box:hover {background:none;}
.slide-cont-box:hover .slide-over-box{opacity:1.0;filter:Alpha(opacity=100); display: block; visibility: visible;}
.slide-over-box a{width:50%; float:left; box-sizing:border-box; text-align:center; font-size:13px; line-height:42px; padding-left:20px;}
.slide-over-box a.video-btn {background:url(../images/solution-img-14.png) left 35px center no-repeat, #2e2e2e; color:#fff;}
.slide-over-box a.data-btn {background:url(../images/solution-img-15.png) left 35px center no-repeat, #ffd65a; color:#000;}


.slide-over-box a.video-btn-2 {width:100%; background:url(../images/solution-img-14.png) left 40% center no-repeat, #2e2e2e; color:#fff;}
.slide-over-box a.data-btn-2 {width:100%; background:url(../images/solution-img-15.png) left 40% center no-repeat, #ffd65a; color:#000;}
/*******각박스위치*****/
/*통합설계툴 오버박스*/
.slide-cont-box.box-1 {top:150px; left:100px;}
.slide-cont-box.box-2 {top:300px; left:150px;}
.slide-cont-box.box-3 {top:100px; left:500px;}
.slide-cont-box.box-4 {top:450px; left:450px;}
.slide-cont-box.box-5 {top:300px; left:650px;}

/*제조위한디자인 오버박스*/
.slide-cont-box.box-6 {top:100px; left:400px;}
.slide-cont-box.box-7 {top:200px; left:100px;}
.slide-cont-box.box-8 {top:250px; left:550px;}
.slide-cont-box.box-9 {top:400px; left:150px;}
.slide-cont-box.box-10 {top:450px; left:600px;}

/*설계재활용 오버박스*/
.slide-cont-box.box-11 {top:150px; left:100px;}
.slide-cont-box.box-12 {top:100px; left:600px;}
.slide-cont-box.box-13 {top:400px; left:150px;}
.slide-cont-box.box-14 {top:250px; left:600px; display:block;}
.slide-cont-box.box-14:hover { background:rgba(0,0,0,0.5);}

/*다양한재질 오버박스*/
.slide-cont-box.box-15 {top:250px; left:100px;}
.slide-cont-box.box-16 {top:150px; left:650px;}
.slide-cont-box.box-17 {top:400px; left:350px;}

/*pcb디자인 오버박스*/
.slide-cont-box.box-18 {top:150px; left:100px;}
.slide-cont-box.box-19 {top:300px; left:350px;}
.slide-cont-box.box-20 {top:400px; left:70px;}
.slide-cont-box.box-21 {top:200px; left:750px;}
.slide-cont-box.box-22 {top:450px; left:550px;}
.sub-title-5 {width:100%; text-align:center; font-size:36px; color:#fff; font-weight:500;  line-height:42px; padding:70px 0 50px; }
/*****PDN페이지*****/

#solution .solution-5 {width:100%; max-width:1150px; margin:0 auto; padding-top:70px; display:table; position:relative;}
#solution .solution-5 .solution-5-left {width:50%; box-sizing:border-box; float:left; padding-top:30px; padding-bottom:100px;}
#solution .solution-5 .solution-5-left h1 {font-size:48px; line-height:48px; color:#000; font-family: 'Open Sans', sans-serif; padding-bottom:30px;}
#solution .solution-5 .solution-5-left h1  span {color:#ffc30d; line-height:36px; font-family: 'Open Sans', sans-serif;}
#solution .solution-5 .solution-5-left h2 {font-size:18px; line-height:28px;  color:#4a4a4a; font-weight:400;    padding-right: 80px; }
#solution .solution-5 .solution-5-left p {position:relative; padding-left:15px; font-size:15px; line-height:28px; color:#4a4a4a;}
#solution .solution-5 .solution-5-left p:after {position:absolute; content:''; width:4px; height:4px; top:12px; left:0; background:#b5b5b5; border-radius:50%;}
#solution .solution-5 .solution-5-right {position:absolute; left:50%; bottom:0; float:right;}
#solution .solution-5 .solution-5-right img {float:right; display:block;}
#solution .solution-5 .solution-5-mid {width:100%; padding-bottom:30px;}
#solution .solution-5 .solution-5-mid h1 {font-size:36px; line-height:36px; color:#000; font-family: 'Open Sans', sans-serif; padding-bottom:60px; text-align:center; padding-top:60px;}
#solution .solution-5 .solution-5-imgbody {width:100%; overflow:hidden;}
#solution .solution-5 .sol-5-box {float:left; width:16.666%;}
#solution .solution-5 .sol-5-box img {display:block; margin:0 auto; padding:27px 0;}
#solution .solution-5 .sol-5-box p {display:block; padding:0 15px; font-size:15px; color:#4a4a4a; line-height:22px; font-weight:400; text-align:center;}
.pdn-body {position: relative;   width: 100%;  display: block;  box-sizing: border-box; padding-bottom:50px;  overflow: hidden;}
.pdn-body>img {max-width:100%; display:block;}
/*PDN 오버박스*/
.slide-cont-box.box-37 {top:40%; left:15%;}
.slide-cont-box.box-38 {top:20%; left:40%;}
.slide-cont-box.box-39 {top:60%; left:20%;}
.slide-cont-box.box-40 {top:30%; left:70%;}
.slide-cont-box.box-41 {top:55%; left:55%;}
.sol-5-cont {padding-bottom:100px; display:none;}
.sol-5-cont h1 {font-size:30px; line-height:42px; color:#fff; font-weight:600; text-align:center; padding-bottom:10px;}
.sol-5-cont p {font-size:15px; line-height:28px; color:#eee; font-weight:300; text-align:center; padding:0 20px;}

.sol-5-cont .pop-video {width:90%; margin:0 5%; border-top:1px solid rgba(65, 65, 67, 0.32); margin-top:50px;}
.sol-5-cont .pop-video li { padding:11px 0;  border-bottom:1px solid rgba(65, 65, 67, 0.32); position:relative; color:#eaeaea;}
.sol-5-cont .pop-video li > h1 {line-height:28px;color:#000; font-size:16px; font-weight:400; text-align:left; padding:0; position:relative;}
.sol-5-cont .pop-video li > h1:after {position:absolute; content:''; width:10px; height:1px; top:50%; margin-top:-2px; right:0; background:#000; display:block; transform:rotate(-45deg);}
.sol-5-cont .pop-video li > h1:before {position:absolute; content:''; width:10px; height:1px; top:50%; margin-top:-2px; right:7px; background:#000; display:block; transform:rotate(45deg);}
.sol-5-cont .pop-video li.active > h1:after {right:7px;}
.sol-5-cont .pop-video li.active > h1:before {right:0px; }
.sol-5-cont .pop-video li div {display:none; width:100%; margin:10px 0;}
.sol-5-cont .pop-video img {margin:0 auto; display:block; max-width:100%;}
.sol-5-cont .pop-video li a {background:none;}

.chk-item-list01 .fl{float:left;width:calc( 50% - 10px );height:auto;overflow:hidden;}
.chk-item-list01 .fr{width:calc( 50% - 10px );height:auto;overflow:hidden;float:right;}
.chk-item-list01 .fl img,
.chk-item-list01 .fr img{height:210px;}
.chk-item-list01 .msg{width:100%;height:auto;text-align:center;padding:10px 0;}
.new-link-list{max-width:1280px;margin:50px auto 0 auto;width:100%;height:auto;overflow:hidden;text-align:center;}
.new-link-list li{display:inline-block;margin:10px 10px 0 0;}



@media (max-width: 1280px) {
    .summary-list-wrap.type01 li{width:100%;}
    .summary-pic-wrap{width:100%;}
    .chk-item-list01{width:calc( 100% - 40px );}
    .pnlist-wrap{width:calc( 100% - 40px );}
    .nor-item-list01{width:calc( 100% - 40px );}
    .nor-item-list02{width:calc( 100% - 40px );}
    .nor-bar-wrap .tit,
    .nor-bar-wrap .desc{width:calc( 100% - 40px );}
    .simulator-wrap{width:calc( 100% - 40px );}
    .info-wrap01{margin-top:50px;padding:50px 0;}
    .info-wrap01 ul{width:calc( 100% - 20px );margin-left:10px;margin-right:10px;}
    .info-wrap01 ul li{width:calc( 50% - 20px )}
    .info-wrap01 .pic-cont{width:calc( 100% - 40px );margin:0 auto;}
    .section-4{padding:0 20px;}
}
@media (max-width: 1024px) {
    .nor-item-list01>li{width:100%;height:auto !important;padding-bottom:20px;}
    .nor-item-list02>li{width:100%;height:auto !important;padding-bottom:20px;}
    .simulator-wrap .pic-wrap{width:100%;}
    .nor-item-list01.type01{width:100%;}
    .nor-item-list01.type02 li.full ul{width:calc( 100% - 360px );margin-left:30px;}
    .nor-item-list01.type01>li{height:auto !important;}
    .parnter-logo-list li{margin:10px;width:calc( 100% / 4 - 20px );}
    .chk-item-list01.type03>li{flex-direction:column;}
    .chk-item-list01.type03>li .item{width:100%;}
    .chk-item-list01.type03>li .pic{text-align:left;margin:0 0 30px 50px}
    .nor-item-list02>li.full{flex-direction:column;}
    .nor-item-list02>li.full .pic{margin:30px 30px 0 30px;}
    .nor-item-list02>li.sz01{height:auto;}
    .nor-item-list02>li.sz01 .pic{margin-right:30px;}
    .nor-item-list02>li.sz02{height:auto;}
    .benefits-wrap dl dd ul li{width:100%;}
    .section-4{background:#f6f6f6;}
    .sec-4-box{width:100%;}
    .sec-4-box {width:100%; float:none;}
    .section-2 .pic-prev {top:50px;}
    .section-2 .pic-next {top:50px;}
    .section-4{padding:0;}
    .sec-4-box h1 {font-size:18px;}
    .sec-4-box.box-1 .sec-box-img {right:0;}
    .sec-4-box.box-1 {background:  #fbfbfb; border-right:none; border-bottom:0; padding:50px 20px;}
    .sec-4-box.box-2 {background:  #f6f6f6;padding:50px 20px;}
    .sec-4-box.box-1{padding:20px 20px;}

    .chk-item-list01 .fl{width:100%;}
    .chk-item-list01 .fr{width:100%;}

}

@media (max-width: 768px) {
    .summary-pic-wrap .item{width:100%;margin:10px 0;}
    .chk-item-list01>li{width:100%;height:auto !important;padding-bottom:30px;}
    .nor-item-list01.type02 li.full ul{width:calc( 100% - 30px );margin-left:30px;}
    .nor-item-list01.type02>li{height:auto !important;}
    .nor-item-list01.type02>li.full .pic{position:static;width:calc( 100% - 60px );margin:20px auto;}

    .chk-item-list01 li .tit,
    .chk-item-list01 li .desc01,
    .chk-item-list01 li ul{width:calc( 100% - 60px );}
    .chk-item-list01 li .pic{width:calc( 100% - 60px );margin-top:30px;}
    .chk-item-list01 li a{margin-left:30px;}

    .splunk-case-list li{flex-direction:column;}
    .splunk-case-list li .cont{width:100%;}
    .parnter-logo-list li{margin:5px;width:calc( 100% / 3 - 10px );}
    .chk-item-list01.type03>li .item{}
    .chk-item-list01.type03>li .pic{margin:0 0 10px 30px}
    .chk-item-list01.type03>li .item.full ul li{margin-bottom:5px;position:relative;padding-right:120px;}
    .chk-item-list01.type03>li .item.full ul li a{position:absolute;right:0;top:0;}

    .benefits-wrap{height:auto;padding-bottom:40px;}
    .benefits-wrap dl dt{font-size:28px;margin-top:50px;}
    .benefits-wrap dl dd ul li{margin-top:15px;font-size:18px;}
    .article-tabs-list.type01{flex-direction:column;padding-top:1px;}
    .article-tabs-list.type01 li{margin-top:-1px;}

    .contact-us-wrap .tbl-wrap table td .form .inp,
    .contact-us-wrap .tbl-wrap table td .form .inp.t01,
    .contact-us-wrap .tbl-wrap table td .form .select.t01,
    .contact-us-wrap .tbl-wrap table td .form .select{width:100%;margin-right:0;}
    .contact-us-wrap .tbl-wrap table td .form.vtype{flex-direction:column;}
    .contact-us-wrap .tbl-wrap table td .form.vtype .inp{width:100%;margin-right:0;}
    .contact-us-wrap .tbl-wrap table td .form.vtype .select{width:100%;margin-right:0;}
    .contact-us-wrap .tbl-wrap table td .form.vtype .vmt{margin-top:8px;}
    .contact-us-wrap .tbl-wrap table td .form .inp.btn-type{width:calc( 100% - 45px );}
    .contact-us-wrap .tbl-wrap table td .form .select.btn-type{width:calc( 100% - 45px );}
    .search-rs-wrap{max-height:400px;overflow-y:auto;}
    .contact-us-wrap dl dt a span{font-size:0;text-indent:-100000px;width:20px;height:20px;}
    .slide-over-box{position:fixed;z-index:90;}
    .pdn-body{margin-left:-60px;}
}

/**/
.cnt.type3 .cnt_title .info_wrap .img{text-align:left}
.cnt.type3 .con1 .info2_wrap .info{padding: 0 0 32px 14px;border-bottom:0;}
.cnt.type3 .con1 .info2_wrap .info > div{float: left;width:calc( 100% - 450px );height:auto;overflow:hidden;}
.cnt.type3 .con1 .info2_wrap .info > div.full-type{width:100%;}
.cnt.type3 .con1 .info2_wrap .info .video{max-width: 410px;width: 100%; height:auto;float: right;}
.cnt.type3 .con1 .info2_wrap .info .video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.cnt.type3 .con1 .info2_wrap .info .video .embed-container iframe, .embed-container object, .cnt.type3 .con1 .info2_wrap .info .video  .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.environment .txt span{font-size: 18px;line-height: 30px;display: block}
.environment .txt {margin-top: 20px}
.environment .list span{display: block;font-size: 18px;line-height: 30px;color: #333;}
.environment .tb_wrap table{ border-collapse :collapse;width: 100%;}
.environment thead tr.bg{background: #f5f5f5;border-bottom: 1px solid #ddd;font-size: 18px}
.environment thead th:first-child{;padding: 20px 0;border-right: 1px solid #ddd;}
.environment .tb_wrap tr{border-top: 1px solid #ddd;font-size:16px;}
.environment .tb_wrap tr:first-child{border-top: none;}
.environment .tb_wrap tr th{text-align: center}
.environment .tb_wrap tr td.bg{border-bottom:1px solid #ddd;background:#f1f1f1;}
.environment  .tb_wrap tr td:first-child{padding: 20px 36px;text-align: center;border-right: 1px solid #ddd;}
.environment  .tb_wrap tr td{padding: 20px 32px;text-align: left;word-break: keep-all;}
.environment .tb_wrap tr td span{display: block;font-size: 16px; line-height: 24px}
.environment .tb_wrap{height:auto;overflow:hidden;border: 1px solid #ddd;margin-top:50px}
.environment .tb_wrap table{}
.environment .tb_wrap tbody tr td{border-left: 1px solid #ddd; font-weight: 300;color: #666; text-align: center;border-right:none; }
.environment .tb_wrap tbody tr td.bold{font-weight: 400; text-align: center;border-left:none; color: #000;}
.environment .tb_wrap tbody tr td:first-child{border-left:none;color: #000;border-right: none;}
.environment .tb_wrap thead tr th{background:#f5f5f5;border-left: 1px solid #ddd; border-right:none; font-weight:500;}
.environment .tb_wrap thead tr th:first-child{border-left:none}

.tbl-item01{width:100%;margin-top:10px;}
.tbl-item01 th{height:50px;text-align:center;font-size:16px;color:#555;background:#f1f1f1;}
.tbl-item01 td{height:50px;border:1px solid #ddd;font-size:16px;color:#555;text-align:center;}
.tbl-item01 thead td{background:#f1f1f1;border:1px solid #ddd;}
.tbl-tit01{width:100%;height:auto;overflow:hidden;margin:50px 0 10px 0;font-size:18px;font-weight:bold;}
.tb_wrap.mtype01{margin-top:0px;}

#player-stack-slide .swiper-slide{background-size:cover !important;display:flex;justify-content:flex-start;align-items:center;width:100%;height:800px;}
#player-stack-slide .swiper-slide .op{width:calc( 100% - 40px );padding-left:20px;}
#player-stack-slide .swiper-slide .op *{color:#fff}
#player-stack-slide .swiper-slide .op .btn{background:#555;}
.tbl-ar{width:100%;height:auto;padding:20px 0 0 0;text-align:right;}
@media (max-width: 768px){
    .cnt.type3 .con1{padding-bottom: 20px}
    .cnt.type3 .con1 .info2_wrap .info > div{float: none}
    .cnt.type3 .con1 .info2_wrap .info .video{float: none;margin-top: 30px}
    .cnt.type3 .con1 .info2_wrap .info > div{width:100%;}
    .img-list01{margin:0 auto 50px auto}
    .img-list01 li{width:calc( 50% - 20px );}
    #player-stack-slide .swiper-slide{background-position:right center !important;height:500px;}
    #player-stack-slide .swiper-slide .op h1{margin-bottom:10px;}
    #player-stack-slide .swiper-slide .op span{font-size:30px !important;}
    #player-stack-slide .swiper-slide .op span em{font-size:30px !important;}
}