@charset "UTF-8";

.contents.container {padding: 83px 0;}
@media only screen and (max-width:1800px) {
    .contents.container {padding-right: 15px; padding-left: 15px}
}

@media only screen and (max-width:1200px) {
    .contents.container {padding-top: 50px}
}



@media only screen and (max-width:780px) {
    .contents.container { padding-top: 25px}  
}









/* ====================
* 
* 컨텐츠 레이아웃 
*
========================*/
/*레이아웃 width50%  */

.cont-section:not(:first-of-type) { padding-top: 60px;/*border-top: 1px solid #ebebec;*/margin-top: 60px;}
.cont-tit {font-size: 1.44rem;width: 27%;padding-top: 16px;font-weight: 600;letter-spacing: -2px;line-height: 1.2; }
.s-cont-tit{font-weight: 300;margin-top: 7px;font-size: 1.5rem;}
.cont-tit:before {width: 31px;height: 3px; background: #00427a; top: 0; left: 0;}
.cont-tit span {display: block; width: 80%;line-height: 1.2;}
.cont-tit sup {color: #516ac0; font-weight: normal;font-size: 0.875rem;}
.cont-tit p.sup-cont {font-size: 0.875rem; font-weight: normal; line-height: 1.6; margin-top: 10px; width: 80%;color: #516ac0; }
.cont-tit, .cont-section .inner {float: left;}
.cont-section .inner {width: calc(100% - 27%)}
.cont-section .inner .sub-tit {font-size: 1.5rem; display: block; padding-bottom: 19px; font-weight: 600;}
.cont-section .inner .sub-tit:not(:first-of-type){margin-top: 66px;}
.cont-section .iframe-container {position: relative; height:0;}
.cont-section .iframe16To9 {padding-top: 43.89%; margin-top: 10px;}
.cont-section .iframe-container iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
/* .cont-section:not(:first-of-type) {margin-top:114px} */
.cont-section .inner sup,
.cont-section .inner p.sup-cont {color: #516ac0; font-size: 0.875rem;}
.cont-section.mt-5 {border-top:0;padding-top: 0;}

/*.cont-tit {font-size: 1.8rem;width: 27%; padding-top: 0px;font-weight: 600;letter-spacing: -2px;line-height: 1.2;}
.s-cont-tit{font-weight: 300;margin-top: 7px;font-size: 1.5rem; }
.cont-tit:before {content: "";
    display: inline-block;
    width: 6px;
    height: 31px;
    background-color: #B91C1C;
    margin-right: 17px;}*/



/* 레이아웃 width 100% */
.cont-section-w100 > .tit,
.cont-section-w100 > p.txt  {float: left}
.middleSize-txt {font-size: 1.25rem; line-height: 2.2; display: inline-block; padding-top: 10px;}
.middleSize-txt.center {text-align: center;width: 100%;font-size: 1.45rem;margin-bottom: 7px; font-weight: 600;}
.basicSize-txt.center {text-align: center;width: 100%;}





/* 문의하기 상단 라인 */
.contact-bottom {border-top: 1px solid #eee;padding-top: 59px;}
    



@media only screen and (max-width:1800px) {
	/*레이아웃 width50%  */
	.cont-tit {width: 16%; margin-right: 2%; }
	.cont-section .inner {width: calc(100% - 16% - 2%);}
	.cont-tit span {width: 100%}
	.cont-tit sup {color: #516ac0;}
	
	
}

@media only screen and (max-width:1200px) {

	/*레이아웃 width50%  */
    .cont-tit {width: 19%;}
    .cont-section .inner { width: calc(100% - 21%);}
    
    .middleSize-txt {font-size: 1.063rem;margin-bottom: 1rem;}

}


@media only screen and (max-width:1024px) {
	
	/*레이아웃 width50%  */
    .cont-tit {width: 100%;padding-bottom: 10px; font-size: 1.5rem; padding-top: 13px;  margin-bottom: 15px;}
    .cont-tit span {width: 100%;display: inline;margin-left: 5px;}
    .cont-section .inner {width: 100%} 
    .cont-section .inner .sub-tit {font-size: 1.125rem;padding-bottom: 5px;}
    .cont-section .inner {width: 100%}
    .cont-section:not(:first-of-type) {margin-top: 30px}
    .contact-bottom {padding-top: 30px;}
    .cont-section .iframe16To9 {padding-top:60%}
    
    
    /* 레이아웃 width 100% */
    .middleSize-txt {line-height: 1.7rem}

}







@media only screen and (max-width:780px) {
	.cont-tit {font-size: 1.3rem;padding-top: 11px;    margin-bottom: 0;}
	.cont-tit:before {    width: 22px;}
	
	
    
    /*레이아웃 width50%  */
    .cont-section { margin-top: 35px;}
    .cont-section .inner {width: 100%}
    .cont-section .tit {width: 100%; }
    .cont-section .inner .sub-tit {font-size: 1.2rem}
    .cont-section:not(:first-of-type) {margin-top: 30px}
	.cont-section .inner .sub-tit:not(:first-of-type){margin-top: 30px;}
		
    .contact .tit {padding-bottom: 21px; }

}

@media only screen and (max-width:780px) {
.cont-section {margin-top: 0;}

	
}




/* ====================
* 
* 플랫폼 topbox 스타일 
*
========================*/
.topbox-wrap {min-height: 180px; /*border: 1px solid #ddd;*//*border-top: 3px solid #006dcc;*/padding: 25px 37px; position: relative; display: table;width: 100%; background: #f3f3f3; }
.topbox { padding-left: 59px; width: 100%; vertical-align: middle;display: table-cell;}
.topbox .txt span{display:block;}
.topbox-ico {width: 110px; height: 110px; background-color: #ffffff ; display: inline-block; left: 7px; border-radius: 600px;  vertical-align: top;}
.topbox-ico:before {width: 77px; height: 77px;  background-repeat:  no-repeat;  top: 50%;    margin-top: -35px;left: 50%;margin-left: -37px;}
.topbox-ico.bms:before {background-position: 0 7px; }
.topbox-ico.mis:before {background-position: 0 -407px ;}
.topbox-ico.audit:before  {background-position: 0 -204px; }
.topbox-ico.potal:before  {background-position: 0 -614px;}
.topbox-ico.eis:before  {background-position: 0 -97px;}
.topbox-ico.iis:before  {background-position: 0 -305px;}
.topbox-ico.pms:before  {background-position: 0 -510px;}
.topbox-ico.mg:before  {background-position: 0 -724px;}
.topbox-ico.qnm:before  {background-position: 0 -845px;}
.topbox-ico.nero:before  {background-position: 0 -957px; }
.topbox-ico.webApp:before  {background-position: -6px -1650px; }
.topbox-ico.conct:before  {background-position: -5px -1747px; }


.topbox .tit {font-size: 1.5rem;padding-bottom: 9px; color:#000000}
.topbox .tit span{font-size: 1.25rem;}
.topbox .txt {color:#000000}
/* .topbox .txt span{display:block;} */


@media only screen and (max-width:1800px) {
.topbox .txt span{display:inline;}
  
}

@media only screen and (max-width:1024px) {
    .topbox-wrap { min-height: auto;}


   
}



@media only screen and (max-width:780px) {
    .topbox-wrap {padding: 4% 5%;}
    .topbox {padding-left: 0; width: 100%}

    .topbox-ico {display: none}
    .topbox .tit {font-size: 1.2rem}
    .topbox .tit span{font-size: 1.1rem;}
    .topbox .txt {font-size: .9rem;}
    
     
}







/* ====================
* listBox-style1 (테이블형식)
* 플랫폼 "주요기능 리스트" 스타일 
*
========================*/
.listBox-style1 li  > * {float: left}
.listBox-style1  > li {border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;padding: 35px 0; margin-top: -1px; position: relative;}
.listBox-style1 li .listBox-cont:after{ content: ""; display: block; clear: both}
.listBox-style1 > li:first-of-type {border-top: 1px solid #000}
.listBox-style1 > li:nth-child(odd) .listBox-ico {background: linear-gradient(#005fb3, #00427a);}
.listBox-style1 > li:nth-child(even) .listBox-ico {background: linear-gradient(#005fb3, #007ae6);}
.listBox-style1 .listBox-ico { width: 80px;height: 80px;  display: block;border-radius: 600px;    position: absolute; top: 50%;margin-top: -42px;}
.listBox-style1 .listBox-ico:before {width: 100%;height: 44px; background: url(../images/contents/char-platform-ict.png) no-repeat ;left: 0;top: 22px;}
.listBox-style1 .listBox-cont {padding-left: 110px;  display: table;}
.listBox-style1 .listBox-cont ul {float: left;  padding-left: 24px; font-size: 1.05rem;}
.listBox-style1 .listBox-tit {font-size: 1.25rem; width: 175px;display: table-cell; vertical-align: middle;}
.listBox-style1 .listBox-tit span{display:block;}
.listBox-style1:after, .listBox-style1  > li:after {content: ""; display: block; clear: both;}
.listBox-style1 .listBox-ico:before{   transition: all 0s ease; -webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;}


/* 스마트 O&M 플랫폼 */
.listBox-style1.type1 .listBox-cont ul {padding-left: 57px;}
.listBox-style5.type3 {border-bottom: 1px solid #ddd; margin-bottom: 60px;}
.listBox-style5.type3 > li {width: calc(100% / 2); border-bottom: none; min-height: 280px; height: 300px;}
.listBox-style5.type3 > li:nth-child(n+4) {margin-top: 0;}
.listBox-style5.type3 > li .icon {width: 140px; height: 140px;}
.listBox-style5.type3 > li .icon:after {background: url(../images/contents/qnm-style-icon.png) no-repeat; width: 215px; height: 100px; margin-left: -107px; top: 20px;}
.listBox-style5.type3 > li .description {padding: 15px 0 9px; color: #323232; font-size: 1em;}
.listBox-style5.type3 > li strong {padding: 0; font-size: 1.2em;}

.listBox-style5.type3 li .icon.icon07:after {background-position: 0 0 } 
.listBox-style5.type3 li .icon.icon08:after {background-position: 0 -100px} 
.listBox-style5.type3 li .icon.icon09:after {background-position: 0 -300px} 
.listBox-style5.type3 li .icon.icon10:after {background-position: 0 -200px} 

.feature  {width: 50%;}
.feature.pull-left {border-right: 1px solid #ddd; padding-right: 30px;}
.feature.pull-right {padding-left: 30px;}  
.feature .sub-tit .numbering {background: #00427a; color: #fff; width: 30px; height: 30px; display: inline-block; text-align: center; font-size: 1rem; margin-right: 10px; border-radius: 0px; vertical-align: top;}
.feature ul {padding-left: 10px;}

.imware.inner {width: 100%;}
.imware.inner .feature {width: 100%;}
.imware.inner .feature div {width: calc(99% / 3); float: left;}
.imware.inner .feature .w1,
.imware.inner .feature .w2,
.imware.inner .feature .w3 {min-height: 320px; margin-bottom: 50px;}
.imware.inner .feature .w4,
.imware.inner .feature .w5,
.imware.inner .feature .w6 {min-height: 140px; margin-bottom: 0;}

.imware-img {margin: 45px 0 60px;}

.qnmTable p {color: #516ac0; margin-top:66px; margin-bottom: 10px; position: relative; padding-left: 16px;}
.qnmTable p:after {content: ""; display: block; width: 3px; height: 3px; background: #516ac0; position: absolute; top: 12px; left: 0; border-radius: 600px;}
.qnmTable table {width:100%;border-top:2px solid transparent;border-bottom:1px solid #5b5b5b;border-top-color:#333333;}
.qnmTable table th, .qnmTable table td {text-align: center; padding: 22px 8px; border-bottom: 1px solid #e7e7e7;}
.qnmTable table:first-child, .qnmTable table td:first-child {border-left:none;}
.qnmTable table tr:last-child td {border-bottom:none;}
.qnmTable table th {background-color: #f5f6f7;}
.table-wrap table{width: 100%;border-collapse: collapse;border-spacing: 0; position: relative; table-layout: fixed;}

.qnm + .topbox {padding-left: 0px;}


/* pms icon */
.listBox-style1 .listBox-ico.pmsIco01:before {background-position: center 1px;}
.listBox-style1 .listBox-ico.pmsIco02:before {background-position: center -69px;}
.listBox-style1 .listBox-ico.pmsIco03:before {background-position: center -164px;}
.listBox-style1 .listBox-ico.pmsIco04:before {background-position: center -245px;}
.listBox-style1 .listBox-ico.pmsIco05:before {background-position: center -329px;}
.listBox-style1 .listBox-ico.pmsIco06:before {background-position: center -413px;}
.listBox-style1 .listBox-ico.pmsIco07:before {background-position: center -491px;}
.listBox-style1 .listBox-ico.pmsIco08:before {background-position: center -577px;}
.listBox-style1 .listBox-ico.pmsIco09:before {background-position: center -668px;}

/* potal icon */
.listBox-style1 .listBox-ico.potalIco01:before {background-position: center -668px;}
.listBox-style1 .listBox-ico.potalIco06:before {background-position: center -5908px;}
.listBox-style1 .listBox-ico.potalIco02:before {background-position: center -766px;}
.listBox-style1 .listBox-ico.potalIco03:before {background-position: center -860px;}
.listBox-style1 .listBox-ico.potalIco04:before {background-position: center -954px;}
.listBox-style1 .listBox-ico.potalIco05:before {background-position: center -1053px;}

/* mis icon */
.listBox-style1 .listBox-ico.misIco01:before {background-position: center -1116px;}
.listBox-style1 .listBox-ico.misIco02:before {background-position: center -1222px;}
.listBox-style1 .listBox-ico.misIco03:before {background-position: center -1335px;}
.listBox-style1 .listBox-ico.misIco04:before {background-position: center -1444px;}
.listBox-style1 .listBox-ico.misIco05:before {background-position: center -1552px;}
.listBox-style1 .listBox-ico.misIco06:before {background-position: center -1665px;}
.listBox-style1 .listBox-ico.misIco07:before {background-position: center -1771px;}
.listBox-style1 .listBox-ico.misIco08:before {background-position: center -1883px;}
.listBox-style1 .listBox-ico.misIco09:before {background-position: center -1993px;}
.listBox-style1 .listBox-ico.misIco10:before {background-position: center -2100px;}

/* audit icon */
.listBox-style1 .listBox-ico.auditIco01:before {background-position: center -2205px;}
.listBox-style1 .listBox-ico.auditIco02:before {background-position: center -2323px;}
.listBox-style1 .listBox-ico.auditIco03:before {background-position: center -2443px;}

/* eis icon */
.listBox-style1 .listBox-ico.eisIco01:before {background-position: center -2552px;}
.listBox-style1 .listBox-ico.eisIco02:before {background-position: center -2674px;}
.listBox-style1 .listBox-ico.eisIco03:before {background-position: center -2793px;}
.listBox-style1 .listBox-ico.eisIco04:before {background-position: center -2910px;}

/* bms icon */
.listBox-style1 .listBox-ico.bmsIco01:before {background-position: center -3000px;}
.listBox-style1 .listBox-ico.bmsIco02:before {background-position: center -3122px;}
.listBox-style1 .listBox-ico.bmsIco03:before {background-position: center -3239px;}
.listBox-style1 .listBox-ico.bmsIco04:before {background-position: center -3359px;}
.listBox-style1 .listBox-ico.bmsIco05:before {background-position: center -3479px;}
.listBox-style1 .listBox-ico.bmsIco06:before {background-position: center -3601px;}
.listBox-style1 .listBox-ico.bmsIco07:before {background-position: center -3720px;}
.listBox-style1 .listBox-ico.bmsIco08:before {background-position: center -3841px;}


/*  mg-ict icon */
.listBox-style1 .listBox-ico.mgIco01:before {background-position: center -3948px}
.listBox-style1 .listBox-ico.mgIco02:before {background-position: center -4069px}
.listBox-style1 .listBox-ico.mgIco03:before {background-position: center -4190px}
.listBox-style1 .listBox-ico.mgIco04:before {background-position: center -4322px}
.listBox-style1 .listBox-ico.mgIco05:before {background-position: center -4450px}
.listBox-style1 .listBox-ico.mgIco06:before {background-position: center -4579px}
.listBox-style1 .listBox-ico.mgIco07:before {background-position: center -4700px}
.listBox-style1 .listBox-ico.mgIco08:before {background-position: center -4840px}
.listBox-style1 .listBox-ico.mgIco09:before {background-position: center -4992px}


/* QnM-ict icon  */
.listBox-style1 .listBox-ico.qnmIco01:before {background-position: center -5100px}
.listBox-style1 .listBox-ico.qnmIco02:before {background-position: center -5285px}
.listBox-style1 .listBox-ico.qnmIco03:before {background-position: center -5446px}
.listBox-style1 .listBox-ico.qnmIco04:before {background-position: center -5605px}
.listBox-style1 .listBox-ico.qnmIco05:before {background-position: center -5764px}
.listBox-style1 .listBox-ico.qnmIco06:before {background-position: center -3479px}
.listBox-style1 .listBox-ico.qnmIco07:before {background-position: center -2793px}



/* CodeUp icon  */
.listBox-style1 .listBox-ico.codeIco01:before {background-position: center -69px;} 
.listBox-style1 .listBox-ico.codeIco02:before {background-position: center -2793px;}
.listBox-style1 .listBox-ico.codeIco03:before {background-position: center -4992px}
.listBox-style1 .listBox-ico.codeIco04:before {background-position: center -668px;}
.listBox-style1 .listBox-ico.codeIco05:before {background-position: center -413px;}
.listBox-style1 .listBox-ico.codeIco06:before {background-position: center -491px;}
                                              
/*codeup*/
.listBox-style5.codeup > li {min-height: 305px; height: 305px; padding: 18px 5%;}
.listBox-style5.codeup > li .description {padding: 20px 0 15px;}
.listBox-style5.codeup > li .description p {background: linear-gradient(#8375e6, #9a75e6); color: #fff; padding: 3px 8px; border-radius: 3px; display: inline-block; font-size: 1rem;}
.listBox-style5.codeup > li .icon {width: 130px; height: 130px;}
.listBox-style5.codeup > li .icon:after {background: url(../images/contents/code-style-icon.png) no-repeat; width: 84px; height: 75px; margin-left: -42px; top: 25px;}
.listBox-style5.codeup li .icon.icon01:after {background-position: 0 0 }
.listBox-style5.codeup li .icon.icon02:after {background-position: 0 -75px}           
           
                                              
@media only screen and (max-width:1200px) {
	  
	  /* 스마트 O&M 플랫폼 */
	 .listBox-style5.type3 > li {margin-top: 0;}
	 .listBox-style5.type3 > li .description {padding: 5px 0 5px;}
	
	.imware.inner .feature .w1,
	.imware.inner .feature .w2,
	.imware.inner .feature .w3 {min-height: 380px; margin-bottom: 50px;}
	.imware.inner .feature .w4,
	.imware.inner .feature .w5,
	.imware.inner .feature .w6 {min-height: 140px; margin-bottom: 0;}
	
	.listBox-style5.codeup > li strong {font-size: 1.2rem;} 
	.listBox-style5.codeup > li {min-height: 265px; height: 265px; padding: 18px 3%;}
	
}


@media only screen and (max-width:1024px)  {
	.listBox-style1 .listBox-cont {width: calc(100% - 50px);padding-left: 72px;}
	.listBox-style1 .listBox-tit {width: 150px; padding: 0;}
	.listBox-style1 .listBox-cont ul {width: calc(100% - 87px); padding-left: 28px; padding-top: 0;}
    .listBox-style1 .listBox-ico {width: 50px; height: 50px; margin-top: -24px;}
    .listBox-style1 .listBox-ico:before {width: 100%; height: 100%; left: 0px;  top: 4px;  transform: scale(0.7);}
    

    
    
    /* 스마트 O&M 플랫폼 */
    .listBox-style1 .listBox-cont ul {width: calc(100% + 37px); padding-left: 0;}
    .feature .sub-tit .numbering {width: 24px; height: 24px;}
 	
 	.imware-img {margin: 15px 0 30px;}   

	.imware.inner .feature div {width: 50%;}
	.imware.inner .feature .w1,
	.imware.inner .feature .w2 {min-height: 270px; margin-bottom: 40px;}
	.imware.inner .feature .w3, 
	.imware.inner .feature .w4 {min-height: 140px; margin-bottom: 40px;}
	.imware.inner .feature .w5,
	.imware.inner .feature .w6 {min-height: 110px; margin-bottom: 0;}


}


@media only screen and (max-width:780px) {
	.listBox-style1 .listBox-cont {width: 100%}
	.listBox-style1.type1 .listBox-cont ul { padding-left: 0px;}
    .listBox-style1 > li { padding: 19px 0;}
    .listBox-style1 .listBox-cont ul {width: 100%; padding-left: 0px; padding-top: 0;margin-top: 6px;}
    .listBox-style1 .listBox-tit {width: 100%; font-size: 1.3rem;display: inline-block; padding-bottom: 5px;  padding: 0;} 
    .listBox-style1 .listBox-cont {padding-left: 0px; }
    .listBox-style1 .listBox-ico {display: none}
    .listBox-style1 .listBox-tit span { display: inline;}
    
    /* 스마트 O&M 플랫폼 */
    .listBox-style1.type1 .listBox-tit {width: 100%; }
	.listBox-style5.type3 > li {width: 100%; min-height: auto; height:auto; padding: 15px 2%;}
	.feature  {width: 100%;}
	.feature.pull-left {float: none; padding-right: 0; border-right: none;}
	.feature.pull-right {float: none; padding-left: 0px; margin-top: 30px;}  
	
	.imware-img {margin: 15px 0 30px;}
	.imware.inner .feature div {width: 100%; min-height: auto !important; margin-bottom: 30px !important;}	
	
	.table-wrap{overflow-x: auto;position: relative;}
	.table-wrap table{min-width: 800px;}
	
}



@media only screen and (max-width:480px) {
    
    .listBox-style1 .listBox-cont {padding-left: 0 }
    .listBox-style1 .listBox-cont, .listBox-style1 .listBox-cont ul {width: 100%;padding-left: 0;}
    .listBox-style1 .listBox-tit {padding-top: 0}

	/* 스마트 O&M 플랫폼 */

}




/* ====================
* listBox-style2(박스4개)
* 플랫폼 "구축및 성공사례 박스리스트"스타일 
*
========================*/
.listBox-style2 li {overflow:hidden;position:relative;width:calc( (100% + 3px) / 4);border:1px solid #ddd;float:left;height:70px;padding:18px 30px;text-align:center;margin-top:-1px;margin-left: -1px;}
.listBox-style2 li > img {transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
/* .listBox-style2 li > div img {width:auto;} */

@media only screen and (max-width:1024px)  {
    .listBox-style2 li {width: calc( (100% + 2px) / 3)}
}

@media only screen and (max-width:780px) {
    .listBox-style2 li {width: 100%}
}




/* ====================
*  listBox-style3(박스2개)
*  플랫폼 문의하기
*
========================*/
/*문의하기*/
.listBox-style3 li {display: table; position: relative; border: 1px solid #ddd; min-height: 90px; float: left; padding: 15px 25px 15px 98px; width: calc((100% + 1px) / 2);margin-left: -1px; }
.listBox-style3 li .icon {position: absolute;width: 50px;height: 50px;left: 29px; top: 50%;margin-top: -24px;color: #fff;text-align: center;font-size: 1.5rem; border-radius: 0px;}
.listBox-style3 li:nth-child(odd) .icon {background:linear-gradient(#006dcc, #00427a); }
.listBox-style3 li:nth-child(even) .icon {background:linear-gradient(#006dcc, #00427a); }

.listBox-style3 li .icon:before {display: block; content: "";display: block; content: ""; width: 25px; height: 25px; left: 50%;margin-left: -12px;    margin-top: 14px;  position: absolute; background-repeat: no-repeat;background-image: url('../images/contents/listBox-style3-icons.png');}
.listBox-style3 li.call .icon:before {background-position: 0 -60px }
.listBox-style3 li.email .icon:before  {background-position: 0 -90px }
.listBox-style3 li.brochure .icon:before {background-position: 0 2px }
.listBox-style3 li.goto-site .icon:before {background-position: 0 -28px  }

.listBox-style3 li span {font-size: 1.125rem; color: #000; font-weight: 600;vertical-align: middle; display: table-cell;}
.listBox-style3 li a {vertical-align: middle; display: table-cell;}
.listBox-style3 li span em {display: block}

/* 문의하기 상자 3개/4개  */
.listBox-style3.type1 li {width: calc((100% + 1px) / 3);}
.listBox-style3.type2 li {width: calc((100% + 1px) / 4);padding: 15px 25px 15px 85px;}
.listBox-style3.type2 li .icon{left:20px;}
.listBox-style3.type2 li span {font-size: 1rem;}

@media only screen and (max-width:1024px) {
.listBox-style3.type2 li span {font-size: 1.125rem;}
}

@media only screen and (max-width:1350px) {
.listBox-style3.type2 li {width: calc((100% + 1px) / 2);margin-top: -1px;}
}

@media only screen and (max-width:780px) {
    /*문의하기*/
    .listBox-style3 li {padding:15px;min-height: auto;width:50%;    margin-top: -1px;}
    .listBox-style3 li .icon{display:none;}
    .listBox-style3 li a {display: block; width: 100%; }
    .listBox-style3 li span {display: inline-block; font-size: 1rem;}
    .listBox-style3 li em{float: right;margin-left: 10px;}
    .listBox-style3 li .icon:before { transform: scale(0.7);margin-top: 12px;}

	 /* 문의하기 상자 3개  */
	.listBox-style3.type1 li {width: 100%; }
	.listBox-style3.type2 li {padding: 20px;}
	.listBox-style3.type2 li span {font-size: 0.9rem;}
}



@media only screen and (max-width:480px) {
	.listBox-style3 li {width: 100%;display: block;}
	.listBox-style3 li .icon{display:none;}
	.listBox-style3.type2 li {width: 100%;}
}







/* ====================
*  listBox-style4(박스2개)
*  복리후생 스타일
*
========================*/
.listBox-style4 li { position: relative; border: 1px solid #ddd; min-height: 90px; float: left; padding: 15px 25px 15px 87px;  width: calc((100% - 20px) /2);}
.listBox-style4 li strong { display: block; font-size: 1.15rem; color: #000; font-weight: 600;}
.listBox-style4 li span {display: block;}

.listBox-style4 li:before { position: absolute;width: 50px;height: 50px;left: 20px;display: block; content: ""; padding-top: 11px;}
.listBox-style4 li:not(:nth-child(even)){margin-right: 20px;}
.listBox-style4 li.fixedHeight {height:auto;min-height: 140px;}
.listBox-style4 li:not(:nth-child(1)):not(:nth-child(2)) {margin-top: 20px;}


/* recruit 인재채용 아이콘  */
.listBox-style4.recruit li:before {background: url('../images/contents/recruit-icons03.png') no-repeat;transform: scale(0.8);}

/*  대용량업다운로드컴포넌트 nero 아이콘  */
.listBox-style4.nero li:before {background: url('../images/contents/nero-icon.png') no-repeat;transform: scale(0.9);}

.listBox-style4 li:first-of-type:before {background-position: 0 7px }
.listBox-style4 li:nth-of-type(2):before { background-position: 0 -60px;}
.listBox-style4 li:nth-of-type(3):before { background-position: 0 -128px;}
.listBox-style4 li:nth-of-type(4):before { background-position:0 -197px;}
.listBox-style4 li:nth-of-type(5):before { background-position: 0 -268px;}
.listBox-style4 li:nth-of-type(6):before { background-position: 0 -333px;}


@media only screen and (max-width:1800px) {
.listBox-style4 li {height: 110px; width: calc((100% - 20px) /2);}
.listBox-style4 li:not(:nth-child(even)){margin-right: 1%; }
.listBox-style4 li:not(:nth-child(1)):not(:nth-child(2)) {margin-top: 1%;}


.listBox-style4 li.fixedHeight {height: 160px; min-height: auto;}


}
@media only screen and (max-width:1300px) {
	.listBox-style4 li span {display: inline;}
}


@media only screen and (max-width:1024px) {
	.listBox-style4 li.fixedHeight {height: 140px; }
}

@media only screen and (max-width:780px) {

    /*복리후생*/
    .listBox-style4 li {width: 100%; min-height: auto;margin-top: -1px; height: auto;}
    .listBox-style4 li:nth-child(n+3):nth-child(-n+4) {height: auto}
    .listBox-style4 li:before {transform: scale(0.7);}
    .listBox-style4 li:not(:nth-child(even)) {margin-right: 0}
    .listBox-style4 li:not(:nth-child(1)):not(:nth-child(2)) {margin-top: -1px}
    
    
    
    .listBox-style4 li:not(:nth-child(1)):not(:nth-child(2)) {    min-height: auto;}

}

@media only screen and (max-width:480px) {
	
.listBox-style4 li{padding: 15px 25px 15px 75px;}
.listBox-style4 li:before{left:13px;}

}



/* ====================
*  listBox-style5
*  회사소개 
*
========================*/
.listBox-style5 > li { text-align: center; padding: 23px 33px; width: calc(100%  / 3);float: left; min-height: 340px;height:380px; border: 1px solid #ddd; margin-left: -1px;position: relative;}
.listBox-style5 > li:nth-child(n+4) {margin-top: -1px}
.listBox-style5 > li strong{font-weight: 600; font-size:1.35rem;letter-spacing:-1px;color: #222222;    padding-top: 15px;padding-bottom: 9px;display: block;}
.listBox-style5 > li strong span {display: block;padding-bottom: 5px;} 
.listBox-style5 > li .description {color: #666666;} 

.listBox-style5 > li .icon {width: 130px; height: 130px; background: #f3f3f3; position: relative; border-radius: 600px; margin: 0 auto;  display: block}
.listBox-style5 > li .icon:after {background: url(../images/contents/listBox-style5-icon.png) no-repeat;width: 76px ;height: 76px;content: ""; display: block; position: absolute; top: 30px;left: 50%; margin-left: -36px;}

/* 상자 3개짜리  */
.listBox-style5.type1 > li {min-height: 330px;}

/*  핵심가치 아이콘  */
.listBox-style5.value li .icon.icon01:after {background-position: 0 10px } 
.listBox-style5.value li .icon.icon02:after {background-position: 0 -101px } 
.listBox-style5.value li .icon.icon03:after {background-position: 0 -186px } 
.listBox-style5.value li .icon.icon04:after {background-position: 0 -270px } 
.listBox-style5.value li .icon.icon05:after {background-position: 0 -372px} 
.listBox-style5.value li .icon.icon06:after {background-position: 0 -468px } 

/*  mg 아이콘 */
.listBox-style5.mg li .icon.icon01:after {background-position: 0 -573px } 
.listBox-style5.mg li .icon.icon02:after {background-position: 0 -723px} 
.listBox-style5.mg li .icon.icon03:after {background-position: 0 -880px } 


/*  웹어플리케이션 */
.listBox-style5.webApp .description{text-align: left}
.listBox-style5.webApp > li {padding: 23px 22px; min-height: 350px;height:350px;}
.listBox-style5.webApp > li.hei-type2{height:425px;}
.listBox-style5.webApp li .icon.icon01:after {background-position: 0 -990px}
.listBox-style5.webApp li .icon.icon02:after {background-position:0 -1082px}
.listBox-style5.webApp li .icon.icon03:after {background-position: 0 -1172px}
.listBox-style5.webApp li .icon.icon04:after {background-position: 0 -729px}
.listBox-style5.webApp li .icon.icon05:after {background-position: 0 -1368px}
.listBox-style5.webApp li .icon.icon06:after {background-position: 0 -372px}


/* 핵심가치 */
.listBox-style5.value > li {    min-height: 327px;height: 294px;}



@media only screen and (max-width:1800px) {
.listBox-style5  > li {padding: 18px 2%;}
}



@media only screen and (max-width:1200px) {
.listBox-style5 > li {width: calc( 100% / 2);margin-top: -1px;}
.listBox-style5 > li strong {padding: 0 0 12px 0;}
.listBox-style5 > li .icon{transform: scale(0.8);}


/*  웹어플리케이션   */
.listBox-style5.webApp > li {min-height: 325px;height:auto;}
.listBox-style5.webApp > li:nth-child(3),
.listBox-style5.webApp > li:nth-child(4){height:325px;}
/* 상자 3개짜리  */
.listBox-style5 > li{min-height:265px;height:auto;}


/*  핵심가치  */
.listBox-style5.value > li {min-height: auto;height: auto;}
}

@media only screen and (max-width:1000px) {
.listBox-style5.webApp > li.hei-type2{height: 385px;}
.listBox-style5.webApp > li:nth-child(3),
.listBox-style5.webApp > li:nth-child(4){height: 325px;}
}


@media only screen and (max-width:780px) {
.listBox-style5  > li {width: 100%; min-height: auto;padding: 15px 2%;}
.listBox-style5 > li .icon {width: 80px; height: 80px}
.listBox-style5 > li .icon:after {    width: 100%;  height: 100%;  top: 0;transform: scale(0.7);}
.listBox-style5 > li strong {padding: 0; font-size: 1.15rem;}
.listBox-style5 > li .description {padding:  0 5px }
.listBox-style5 > li .description p {display: inline;}

.listBox-style5.type1 > li {min-height: auto}
.listBox-style5.webApp > li {min-height: auto;}
.listBox-style5.webApp > li.hei-type2{height: 320px;}
.listBox-style5.webApp > li:nth-child(3),
.listBox-style5.webApp > li:nth-child(4),
.listBox-style5.webApp > li:nth-child(5){height: 243px;}
}


@media only screen and (max-width:480px) {
.listBox-style5 > li strong {font-size: 1rem;font-weight:600;}	
.listBox-style5.webApp > li.hei-type2 {
    height: 310px;}
}








/* ====================
* 
* 채용 인재상 
*
========================*/
/*인재상*/
.talent .center-circle { width: 207px;height: 207px; border-radius: 600px; text-align: center;  padding: 58px 0;font-size:  1.875rem;position: absolute; left: 50%; margin-left: -104px; top: 50%; margin-top: -104px; z-index: 9;background: url('../images/contents/recruit01.png');}
.talent .center-circle span {display: block;padding-top: 12px;font-size: 1.5rem;}

.talent .inner {position: relative;height: 668px;}
.talent .inner > ul {position: absolute; top: 0;height: 100%; width: 100%}
.talent .inner > ul li {width: 50%;height: 50%;float: left; position: relative}
.talent .inner > ul li:nth-child(odd) {padding: 79px 67px;}
.talent .inner > ul li:nth-child(even) {padding: 79px 0 70px 22%; }
.talent .inner > ul li .icons {background: #f3f3f3;width: 130px;height: 130px; border-radius: 600px;top: 121px; position: absolute; display: inline-block}
.talent .inner > ul li:nth-child(odd) .icons {right: 11%;}
.talent .inner > ul li:nth-child(even) .icons {left: 11%;}
.talent .inner > ul li .icons:after  {background: url(../images/contents/recruit-icons01.png); width: 70px; height: 75px; display: block; content: "";    margin: 27px auto;}
.talent .inner > ul li:nth-of-type(1) .icons:after {background-position: 0 0 }
.talent .inner > ul li:nth-of-type(2) .icons:after {background-position: 0px -97px }
.talent .inner > ul li:nth-of-type(3) .icons:after {background-position: 0px -187px }
.talent .inner > ul li:nth-of-type(4) .icons:after {background-position: 0px -282px}

.talent .inner > ul li b {font-size: 1.875rem; font-family: 'Noto Sans Korean'; font-weight: 600; color: #516ac0; }
.talent .inner > ul li strong{font-size: 1.5rem; display: block;padding: 20px 0;}
.talent .inner > ul li p {font-size:  1.125rem;color: #666666;}

.talent .inner .lines {position: relative; width: 100%; height: 100%;}
.talent .inner .lines span {display: block;  background: #55479d;position: absolute;}
.talent .inner .lines span:first-of-type { top: 50%;height: 1px;width: 100%;}
.talent .inner .lines span:nth-of-type(2) {height: 100%;width: 1px; left: 50%}
.talent .inner .lines span:after, 
.talent .inner .lines span:before {width: 9px; height: 9px; border-radius: 600px;background: #4e3f99 }
.talent .inner .lines span:nth-of-type(1):before, 
.talent .inner .lines span:nth-of-type(1):after  {top: -4px;}
.talent .inner .lines span:nth-of-type(2):before,
.talent .inner .lines span:nth-of-type(2):after {left: -4px;}
.talent .inner .lines span:nth-of-type(1):after {right: 0}
.talent .inner .lines span:nth-of-type(1):before {left: 0}
.talent .inner .lines span:nth-of-type(2):after {top: 0}
.talent .inner .lines span:nth-of-type(2):before {bottom: 0}
   

/*채용절차*/
.recruit-progress ul {width: 1031px; margin: 0 auto}
.recruit-progress ul li {width: calc(100% / 4);  float: left; text-align: center; position: relative}
.recruit-progress ul li:not(:last-of-type):after { font-family:'xeicon' ; content:"\e93e"; font-weight: 900; position: absolute; top: 50%; left: 95%;margin-top: -35px;font-size: 1.5rem; color: #cccdd3;}

.recruit-progress .icons:after{content: ""; display: block; }
.recruit-progress li .icons {width: 140px;height: 140px;background: url(/assets/images/business_Icon_100.png) no-repeat; background-size: cover;  display: block;margin: 0 auto; position: relative;}
.recruit-progress .icons:after { background: url(/assets/images/business_Icon_111.png) no-repeat;display: block;margin: 0 auto;width: 80px;height: 72px;position: absolute;top: 50%;margin-top: -32px;left: 50%;margin-left: -39px;}
.recruit-progress .icons1:after {background-position: 0 0 }
.recruit-progress .icons2:after {background-position: 0 -90px}
.recruit-progress .icons3:after {background-position: 0 -191px}
.recruit-progress .icons4:after {background-position:4px -285px;margin-top: -39px;}
.recruit-progress .txt {display: block;padding-top: 18px;font-size:  1.313rem;}



@media only screen and (max-width:1800px){
    /*채용절차*/
    .recruit-progress ul {width: 100%}
}



@media only screen and (max-width:1200px){
    /*인재상*/
    .talent .inner > ul li .icons { width: 100px;height: 100px;}
    .talent .inner > ul li:nth-child(odd) {padding: 79px 111px 70px 6%}
    .talent .inner > ul li:nth-child(even) {padding: 79px 51px 70px 21%}
    
    .talent .center-circle {background-size: 100%; width: 183px; height: 183px; padding: 49px 0;}
    .talent .inner > ul li:nth-child(odd) .icons {right: 69px}
    .talent .inner > ul li .icons:after { background-size: 100%; position: absolute;top: 27px;left: 23px;width: 49px; height: 52px;margin: 0;}
    .talent .inner > ul li:nth-of-type(2) .icons:after {background-position: 0px -71px;}
    .talent .inner > ul li:nth-of-type(3) .icons:after { background-position: 3px -132px;}
    .talent .inner > ul li:nth-of-type(4) .icons:after { background-position: 0px -198px;}
    .talent .inner > ul li b {font-size: 1.75rem;}

}



@media only screen and (max-width:1024px){
     /*인재상*/
    .talent .inner { height: 354px;}
    .talent .inner > ul li .icons { top: 20px; width: 80px; height: 80px;}
    .talent .inner > ul li:nth-child(even) .icons { left: auto; right: 35px;}
    .talent .inner > ul li:nth-child(odd), 
    .talent .inner > ul li:nth-child(even) {padding: 35px}
    .talent .inner > ul li .icons:after {top: 19px; left: 22px; width: 37px; height: 38px}
    .talent .inner > ul li:nth-of-type(2) .icons:after { background-position: 0px -56px;}
    .talent .inner > ul li:nth-of-type(3) .icons:after { background-position: 3px -100px;}
    .talent .inner > ul li:nth-of-type(4) .icons:after { background-position: 0px -339px;}
    .talent .inner > ul li:nth-child(odd) .icons { right: 35px;}
    .talent .inner > ul li b {font-size: 1.7rem}
    .talent .inner > ul li p{display: inline;font-size: 1.1rem;}
    .talent .inner > ul li strong {font-size: 1.5rem; padding: 10px 0 20px 0;}
    
    .talent .center-circle {display: none}
    .talent .center-circle img { width: 75px;}
    .talent .center-circle span {font-size: 1.5rem}
    
    
    /*채용절차*/
    .recruit-progress li .icons {width: 130px;height: 130px}
    .recruit-progress .icons:after { width: 60px; height: 60px; background-size: 100%; margin-left: -30px;}
    .recruit-progress .icons1:after {background-position: 0 8px;}
    .recruit-progress .icons2:after {background-position: 0 -79px;}
    .recruit-progress .icons3:after {background-position: 0 -161px;}
    .recruit-progress .icons4:after {background-position: 0px -244px; margin-top: -33px;}
    
    
    
    
}

@media only screen and (max-width:780px){
    /*인재상*/
    .talent .inner { height: auto; } 
    .talent .inner > ul {position: static}
    .talent .inner > ul li {height: 145px}
    .talent .inner > ul li {border: 1px solid #ddd}
    .talent .inner > ul li:nth-child(even) {margin-left: -1px}
    .talent .inner > ul li:nth-child(odd), .talent .inner > ul li:nth-child(even) {padding: 20px; margin-top: -1px}
    .talent .inner > ul li p{ font-size: 1rem}
    .talent .inner > ul li b {font-size: 1.5rem}
    .talent .inner > ul li strong {font-size: 1.3rem; padding: 7px 0;}
    .talent .inner > ul li .icons {display: none}
    
    .talent .center-circle,.talent .inner .lines {display: none}
     
    
    /*채용절차*/
    .recruit-progress li .icons {width: 120px; height: 120px}
    .recruit-progress ul li {width: 50%}
    .recruit-progress ul li:nth-of-type(2):after {display: none}
    .recruit-progress ul li:nth-child(n+3):nth-child(-n+4){margin-top: 32px}
    
  
    
}


@media only screen and (max-width:480px){
    /*인재상*/
    .talent .inner > ul li {width: 100%; height: auto}
    .talent .inner > ul li:nth-child(even) {margin-left: 0;background: #f5f5f5;}
    .talent .inner > ul li b {font-size: 1.25rem;float: left;margin-right: 5px;}
    .talent .inner > ul li strong {font-size: 1rem;padding: 3px 0;}
    .talent .inner > ul li:nth-child(odd), .talent .inner > ul li:nth-child(even) {padding: 15px;}

    /*채용절차*/
    .recruit-progress ul li {width: 100%;padding: 5px 0;border-bottom: 1px solid #eaeaea;}
    .recruit-progress li:after{content: ""; display: block; clear: both}
    .recruit-progress li .icons,.recruit-progress .txt {float: left}
    .recruit-progress li .icons {background: none; height: 54px;}
    .recruit-progress .icons:after { display:none}
    .recruit-progress .icons1:after {top: 0}
    .recruit-progress .icons3:after {top: 4px;background-position: 0 -128px}
    .recruit-progress .icons4:after {top: 3px;background-position: 0 -195px;}
    .recruit-progress ul li:after {display: none}
    .recruit-progress .icons2:after { background-position: 0 -63px;top: 0}
    .recruit-progress li .icons {width: auto}
    .recruit-progress .txt {padding-left: 63px; padding-top: 17px}
    .recruit-progress .txt-2{display:inline-block;padding-top: 17px}
    .recruit-progress ul li:nth-child(n+3):nth-child(-n+4) {margin-top: 0}


}









/* ====================
* 
* 회사소개 
*
========================*/
/* vision */
.vision .inner > p {text-align: center;font-size: 1.875rem;padding-bottom: 71px;padding-top: 17px;}
.vision .inner > p strong {color: #5148ce;}
.vision .inner > ul {height: 316px;}
.vision .inner > ul li {position: relative; float: left; width: 20%; height: 100%;  padding: 0 19px; padding-top: 120px;text-align: center;}
.vision .inner > ul li:not(:last-child){border-right: 1px solid #f0f0f0}
.vision .inner > ul li:after{display: block; color: #5148ce; width: 100px;height: 100px;background: #f3f3f3; border-radius: 600px; position: absolute; top: 0;text-align: center; vertical-align: middle;padding: 36px 0;font-size: 3.438rem; font-family: 'Noto Sans Korean';font-weight: 900; left: 50%; margin-left: -50px; }
.vision .inner > ul li:nth-of-type(1):after {content: "A";}
.vision .inner > ul li:nth-of-type(2):after {content: "T";}
.vision .inner > ul li:nth-of-type(3):after {content: "W";}
.vision .inner > ul li:nth-of-type(4):after {content: "O";}
.vision .inner > ul li:nth-of-type(5):after {content: "M";}

.vision .inner > ul li strong{ font-size: 1.1rem; color: #5148ce; font-family: 'mont';font-weight: 900; display: block;/* text-transform: uppercase; */ }
.vision .inner > ul li .meaning {font-size: 1.125rem; padding: 12px 0;}
.vision .inner > ul li .meaning p{font-weight: 600;}
.vision .inner > ul li .description {color:#666}




@media only screen and (max-width:1200px) {
	/* vision */
 	.vision .inner > p {font-size: 1.5rem;padding-bottom: 47px;}
	.vision .inner > ul li .meaning {font-size: 1rem}
	.vision .inner > ul li {padding: 0;padding-top: 120px;}
	
	
}

@media only screen and (max-width:1024px) {
	
}




@media only screen and (max-width:780px) {
	/* vision */
	.vision .inner > ul li {transform: scale(1);}
	.vision .inner > ul li {width: 100%; padding-top: 0; height: auto;padding: 15px 35px;border: 1px solid #ddd;margin-top: -1px;}
	.vision .inner > ul li:nth-child(n+4):nth-child(-n+5) {margin-top: -1px}
	.vision .inner > ul li:nth-child(4) {margin-left: 0}
	.vision .inner > ul li:after {opacity: 0.2;color: #cacaca;font-size: 6.125rem; background: none;top: 13px;padding: 28px 0}
	.vision .inner > ul li .meaning p,.vision .inner > ul li .description p  {display: inline;}

	.vision .inner > p {padding-top: 0; padding-bottom: 25px;}
	.vision .inner > p span {display: block;}
	.vision .inner > ul li .meaning {padding: 2px 0;}  
	
	.vision .inner > ul li strong {font-weight: 900;} 
 
}

@media only screen and (max-width:480px) {
/* vision */
.vision .inner > p {font-size: 1.25rem;padding-bottom:35px;}
.vision .inner > ul li strong{font-size:1rem;}
.vision .inner > ul li .meaning {font-size: 1rem;padding:3px;}
}

/* ====================
* 
* 조직도 
*
========================*/
/* 공통  */
.dpart-head , 
.org-content  li, 
.org-mid .org-mid-bottom {padding: 15px 10px;line-height: 1; text-align: center;}
.org-content li {min-height: 50px; border: 1px solid #c9c9c9; margin-bottom: 6px; background: #fff;}

.org-mid .org-mid-left li {    font-size: 1.098rem; color: #000;font-weight: 600;}

.org-content.graydot {padding: 11px 20px;}
.org-content.graydot li {border: 0; padding: 9px; padding-left: 16px; min-height: auto; width: 200px; text-align: left; margin-bottom: 0;}
.org-mid .org-content.graydot { padding: 3px 17px; border: 1px solid #ddd;} 
.org-mid  .org-content.graydot li {width: 140px;}
.graydot li:after {width: 3px; height: 3px;}
.graydot li>ul>li:after {width: 6px; height: 1px;}

.org-bottom  .org-content.graydot {height: 195px;border: 1px solid #ddd;}
.org-bottom li:first-of-type .org-bottom-inner  .org-content.graydot,
.org-bottom li:nth-of-type(3) .org-bottom-inner  .org-content.graydot {height: 139px;}
.org-bottom li:nth-of-type(2) .org-bottom-inner li:first-of-type .org-content.graydot {height: 139px;}
.org-content.graydot.pms{height:137px !important;}
.org-content.graydot.si1{height:192px !important;}

.dpart-head { display: inline-block; width: 100%;margin-bottom: 6px; } 
.main-head {padding: 16px 0; color: #fff; font-size: 1.098rem;}
.sub-head {background: #ebebeb; border: 1px solid #464f66; height: 50px; font-size: 1.098rem; color: #404040; font-weight: 600;letter-spacing:-1px;}
.border-head {height: 53px; border: 3px solid #464f66; background: #fff; font-size: 1.098rem; color: #000; font-weight: 600;}

.org-half > li {float: left; width: calc(-3px + 49.9%);}
.org-half:after {content: ""; display: block; clear: both;}
.org-half > li:not(:first-of-type) {margin-left: 6px;}

/* org-top */
.org-top { text-align: center;width: 178px;height: 178px;background: url(../images/contents/org-circle.png) no-repeat;border-radius: 600px;margin: 0 auto;margin-top: 49px;font-size: 1.313rem;font-weight: 600;padding: 74px 0;}

/*  org-mid */
.org-mid { min-height: 580px;  position: relative; background: url(../images/contents/org-line.png) no-repeat 71% 0;}
.org-mid .dpart-head.main-head { background: #464f66; border: 1px solid #464f66; }
.org-mid  .org-mid-left {width: 271px;float: left; margin-left: 253px;margin-top: 92px;}

.org-mid .org-mid-left .border-head  {border: 3px solid #464f66} 

.org-mid  .org-mid-right {width: 545px; float: right; margin-right: 15px; margin-top: 5px;}
.org-mid .org-mid-right > div {float: left;}
.org-mid .org-mid-right > div:first-of-type {width: calc( (100% + 115px - 6px) / 2 ) }
.org-mid .org-mid-right > div:nth-of-type(2) {width: 198px; margin-left: 20px;    padding-top: 59px;}

.org-mid .org-mid-bottom {width: 296px; left: 50%; margin-left: -148px; bottom: 70px; position: absolute; padding: 0;}
.org-mid .org-mid-bottom .dpart-head.main-head {font-size: 1.098rem; padding: 16px 0; color: #fff; background: #464f66;}
.org-mid .org-mid-bottom > div {left: 290px; top: 10px; position: relative;}
.org-mid .org-mid-bottom .org-content.graydot li {width: auto;}



/*  org-bottom */
.org-bottom {width: 100%;}
.org-bottom .dpart-head.main-head {background: #424ba1; border: 1px solid #424ba1; }
.org-bottom  > li { float: left; text-align: center; position: relative;}
.org-bottom  > li:first-of-type,.org-bottom  > li:nth-of-type(2) {width: 39%; }
.org-bottom  > li:nth-of-type(3) {width: 20%; }
.org-bottom  > li:not(:first-of-type) {margin-left: 6px}
ul.org-bottom-inner.org-half {margin-bottom: 6px;}

/* .org-bottom > li:after{ z-index: -9; content: "";display: block; height: 34px; width: 1px; background: #c9c9c9; position: absolute; top: -35px; left: 50%;}
.org-bottom:before { width: 69.9%; background: #ddd; height: 1px;top: -35px; left: 50%; margin-left: -425px;}
 */


@media only screen and (max-width: 1800px) {
	.org-mid {background-position: 65% 119%;background-size: 65% 104%;}
	.org-mid .org-mid-left {  margin-left: 12%;  width: 27%;}
	.org-mid .org-mid-right > div:first-of-type {width: calc( (100% + 24%) / 2 )}
	.org-mid .org-mid-right { width: calc( (100% - 15%) / 2)}
	.org-mid .org-mid-right > div:nth-of-type(2) {margin-left: 1.2%;width: 36.8%;}
	

	.org-content.graydot,.org-mid .org-content.graydot {padding: 5px 5%;}
	
	
	
	
}
@media only screen and (max-width: 1200px) {
.org-mid .org-content.graydot li { width: 115px;}
.org-content.graydot li {font-size: .95rem;width:170px;}	
.sub-head {font-size: 1rem;}
/* .dpart-head, .org-content li, .org-mid .org-mid-bottom {padding: 15px 8px;} */
}





@media only screen and (max-width: 1024px) {
.org-top{margin-top:0;}
.border-head {background: rgba(70, 79, 102, 0.22); border: none; height: auto;}	
.org-content li {background: #fff;}	
.org-content.graydot li{text-align:center;height:auto;}
.org-content.graydot li,.org-mid .org-content.graydot li { width: auto;}
.org-content.graydot li:after {display: none; }
.org-content.graydot.pms {height: 45px !important;}
.org-content.graydot.si1 {height: 101px !important;}

.org-bottom .org-content.graydot {height: 50px;}
.org-bottom li:nth-of-type(2) .org-bottom-inner li:first-of-type .org-content.graydot {height: 80px;}
.org-bottom li:first-of-type .org-bottom-inner .org-content.graydot, .org-bottom li:nth-of-type(3) .org-bottom-inner .org-content.graydot {height: 120px;}
.org-half > li {width:calc(-3px + 50%); }


.org-mid {margin-bottom: 6px;background: none; padding-bottom: 0}
.org-mid .org-mid-left {float: none}
.org-mid .org-mid-left {width: 100%; margin-left: 0;margin-top: 10px;}
.org-mid .org-mid-right,.org-mid .org-mid-right > div:first-of-type,
.org-mid .org-mid-right > div:nth-of-type(2),
.org-mid .org-mid-bottom,
.org-bottom > li:first-of-type,
.org-bottom > li:nth-of-type(2), .org-bottom > li:nth-of-type(3)  {width: 100%; margin-left: 0}	

.org-mid .org-mid-right > div:nth-of-type(2) {padding-top: 6px;}
.org-mid .org-mid-right {float: none}	
.org-mid .org-mid-right > div:nth-of-type(2)  li {background: #fff}
	
.org-mid .org-mid-bottom {position: static;margin-top: 6px;}
.org-mid .org-mid-bottom > div {left: 0; top: 0;}

.sub-head {background: #fff; border: 2px solid #464f66;}
.org-half {}
.org-bottom {margin-top: 0;}
.org-bottom > li:not(:first-of-type) {margin-top: 6px;}
.org-mid .org-mid-left .border-head {border: 1px solid #ddd}

/* .org-bottom li:first-of-type .org-bottom-inner  .org-content.graydot,
.org-bottom li:nth-of-type(3) .org-bottom-inner  .org-content.graydot,
.org-bottom li:nth-of-type(2) .org-bottom-inner li:first-of-type .org-content.graydot  {height: auto; } */


}

@media only screen and (max-width: 780px) {

.org-half > li {width: 100%}
.org-half > li:not(:first-of-type) {margin-left: 0;margin-top: -1px;}
.org-content li {margin-bottom: -1px; border: 1px solid #ddd}

.org-bottom .org-content.graydot{height:auto;}
.org-content.graydot.h100 {height: auto !important;}

.org-mid .org-mid-right, .org-bottom, .org-bottom > li:not(:first-of-type) {margin-top: 0}
.org-mid .org-mid-right > div:nth-of-type(2) {padding-top: 0}
/* .org-mid .org-mid-right > div:nth-of-type(2) .org-content {padding: 13px 2%;background: #ececec;} */
.org-mid, .border-head{margin-bottom: 0}

.sub-head {background: #f7f7f7; border: 1px solid #ddd;}
.dpart-head {margin-bottom: -1px}
/* .org-half,.org-mid .org-mid-right > div:nth-of-type(2) .org-content,.org-bottom > li:nth-of-type(3) .org-content {padding: 0}
 */
.org-top{background: none;border: 1px solid #ddd;border-radius: 0;width: 100%;padding: 10px 0;height: auto;font-size: 1.125rem; margin-top: 10px;}
.org-mid .org-mid-bottom {margin-top: 0px;}

.org-mid .org-mid-left {margin-top: -1px;}
.org-content.graydot, .org-mid .org-content.graydot,.org-bottom .org-content.graydot {padding:0;border: 0;}
.org-content.graydot li, .org-mid .org-content.graydot li {    padding: 15px 10px;border: 1px solid #ddd;margin-top: -1px;}

.org-bottom li:first-of-type .org-bottom-inner  .org-content.graydot,
.org-bottom li:nth-of-type(3) .org-bottom-inner  .org-content.graydot,
.org-bottom li:nth-of-type(2) .org-bottom-inner li:first-of-type .org-content.graydot  {height: auto; }
}

@media only screen and (max-width: 480px) {
.org-top{padding: 10px 0;font-size: 1rem;margin-top: 20px;}
}


/* ====================
* 
* 인증 및 수상 
*
========================*/
.cert li {text-align: center; float: left;margin-left: 17px; width: calc((100% / 4) - 17px); height: 400px; }
.cert li:nth-child(4n+1) {margin-left: 0 }
.cert li:not(:nth-child(-n+4)) {margin-top: 54px}
.cert li .cert-img {border: 1px solid #ddd;/*padding: 39px 23px;*/ padding: 10px; display: block; }
.cert li .cert-img img{max-height: 400px;}
/* .cert li .cert-img img{border: 1px solid #ddd;} */





.cert li p {color: #000000;font-size: 1.125rem;font-weight: 600; padding-top: 16px;}
.cert li p span {font-size: 0.938rem; color: #6d6e71; display: block;font-weight: 300; line-height: 1.4;}
.cert li p span.txt-small {font-size: 0.875rem;}


/*반응형*/
@media only screen and (max-width:1024px) {
	.cert li {width:calc((100% / 3) - 17px);height:325px;}
	.cert li:not(:nth-child(-n+3)) {margin-top: 54px;}
	.cert li:nth-child(3n+1) { margin-left: 0;}
	.cert li:nth-child(4n+1) {margin-left: 17px;}
	.cert li:first-of-type {margin-left: 0}
	.cont-section .inner .sub-tit {font-size: 1.25rem;}
	.cert li p span {font-size: .938rem;}
	.cert li p span.txt-small {font-size: .938rem;}
}

@media only screen and (max-width:780px) { 
	.cert li { width: calc((100% - 17px) / 2);}
	.cert li:not(:nth-child(-n+2)) { margin-top: 54px;} 
	.cert li:nth-child(3n+1) {margin-left: 17px}
	.cert li:nth-child(2n+1) {margin-left: 0px}
	
	.cert li p {font-size: 1.15rem}
	.cert li p span {font-size: 1rem;}
	.cert li p span.txt-small {font-size: .875rem;}
	

}

@media only screen and (max-width:480px) {
	.cert li {width: 100%; margin-left: 0; height: auto;}
	.cert li:nth-child(5n+1) {margin-left: 0;}
	.cert li:not(:nth-child(-n+2)) { margin-top: 0;}
	.cert li:nth-child(3n+1) {margin-left: 0;}
	.cert li p {padding-bottom: 24px; font-size: 1.05rem; padding-top: 10px;}
}



/* ====================
*  
*   웹어플리케이션 
*
========================*/

/*  콘텐츠 관리 시스템 */
.manage-system .graybx {background: #f6f6f6;padding: 25px 35px;margin-top: 60px;margin-bottom: 60px;}
.manage-system .graybx > * {float: left;width:68px;}
.manage-system .graybx .txt {margin-left: 30px; width: calc(100% - 120px);margin-top: 10px;}
.manage-system .graybx .pic img {box-shadow: 8px 7px 0px #e6e6e6;}

.manage-system .graybx strong{ font-size: 1.2rem; color: #0d3099; }
.manage-system .graybx p:first-of-type {padding-top: 19px;}
.manage-system .graybx p {font-size: 1rem; color: #464646}

.manage-system .b-txt {font-size:1.313rem; color: #222222;}
.manage-system .b-txt.mb-30 {margin-bottom:30px;line-height: 1.7;}
.manage-system .b-txt.mb-30 span{display: inline-block;}
.manage-system .s-txt {padding: 20px 0;color: #666666;}





/* 웹 어워드/웹 접근성 */
.awardAccess  {padding-top: 52px;}
.awardAccess li  {float: left;width: calc((100% - 50px) / 3); height: 360px; margin-left: 2%}
.awardAccess li > img{border:1px solid #ddd;}
.awardAccess li:first-of-type, .awardAccess li:nth-child(4n) {margin-left: 0}
.awardAccess li:nth-child(n+4) {margin-top: 43px;}
.awardAccess .awardAcess-icon {padding-bottom: 7px;border:none;}
.awardAccess .awardAcess-icon img{margin-right:5px;}
.awardAccess dl > * {line-height: 1;padding-bottom: 10px;}
.awardAccess dl dt {padding: 18px 0 ; color: #000;font-size: 1.125rem;font-weight: 600;}
.awardAccess dl dd strong  {color:#444444 ;  font-weight: 600; position: relative;padding-right: 16px;}
.awardAccess dl dd strong:after{content: ""; display: block; height: 14px; width: 1px; background: #bababa; position: absolute; right: 7px;top: 6px;}



@media only screen and (max-width: 1024px) {
	/*  콘텐츠 관리 시스템 */
	.manage-system .graybx  {padding: 21px 3%;margin-top: 17px;margin-bottom:17px;}
	.manage-system .graybx p {font-size: 1.1rem;}
	.manage-system .graybx .txt {width: calc(100% - 15%);margin-top: 0px;}
	.manage-system .graybx > * {width:62px;}
	.manage-system .b-txt{font-size:1.25rem;}
	.manage-system .s-txt{padding:10px 0;}
	
	/* 웹 어워드/웹 접근성*/
	.awardAccess {padding-top: 30px;}
	.awardAccess li:nth-child(n+4) {margin-top: -7px;}
}

@media only screen and (max-width: 780px) {
	
	/*  콘텐츠 관리 시스템 */
	.manage-system .graybx > * {float: none;}
	.manage-system .graybx .txt {width: 100%;margin-left:0;}
	.manage-system .graybx .pic  {width: 100%;text-align: center; margin-bottom: 22px;}
	
	
	/* 웹 어워드/웹 접근성 */
	.awardAccess li {width: calc((100% - 25px) / 2); }
	.awardAccess li:nth-child(4n) {margin-left: 25px}
	.awardAccess li:nth-child( -2n+5) {margin-left: 0px}
	.awardAccess li:nth-child(n+4) {margin-top: 0}
	.awardAccess li:last-of-type, .awardAccess li:nth-last-child(2) {height: auto;}
	
}


@media only screen and (max-width: 480px) {
	/* 웹 어워드/웹 접근성 */
	.awardAccess li { width: 100%;margin-left: 0;height: auto;margin-bottom: 24px; }
	.awardAccess li > img {width: 100%}
	.awardAccess li:nth-child(4n) {margin-left: 0; }

}





/* ====================
* 
*  대용량 업다운로드 컴포넌트 nero 
*
========================*/
/* solution-char */
.solution-char{position:relative;min-height:242px;text-align:center;overflow:hidden;margin-bottom: 40px;}
.solution-char:after{width: 100%;background: #7c7c7c;height: 1px;top: 50%; margin-top: -15px; z-index: -9;}
.solution-char .center{width:242px;height:242px;background:url(../images/contents/nero-circle.png) no-repeat;position:absolute;left:50%;top:0;margin-left:-120px;}
.solution-char .center p{font-size:0.875rem;padding-top:127px;}
.solution-char .center p:before {width: 91px; height: 86px; position: absolute;top: 43px;left: 50%;margin-left: -50px;background: url(../images/contents/nero-transfer.png) no-repeat;}
.solution-char .center strong{font-size:1.688rem;font-weight:600;}
.solution-char .left{float:left;width:50%;padding-right:119px;}
.solution-char .right{float:right;width:50%;padding-left:119px; }
.solution-char .cicle{float:left;}
.solution-char .right,.solution-char .left {padding-top: 27px;}

.solution-char .cicle {height: 165px;border-radius: 600px;width: 165px;margin-left: 48px; position: relative;    background: #fff; display: table;}
.solution-char .cicle.c_01 {margin-left: 0em;}
.solution-char .cicle.c_01 .dot-line:before,
.solution-char .cicle.c_04 .dot-line:after{display: none}
.solution-char .cicle span {display: table-cell; vertical-align: middle;}
.solution-char .left .cicle {border: 3px solid #4370e9;}
.solution-char .right .cicle {border: 3px solid #6f53f7}


.solution-char  .dot-line:after, 
.solution-char .dot-line:before {content: "";display: block;position: absolute;top: 50%;margin-top: -11px;border-radius: 600px;border: 2px solid #fff; width: 15px;height: 15px;}
.solution-char  .dot-line:after{right: -9px;}
.solution-char  .dot-line:before {left: -9px}
.solution-char .left .dot-line:after, 
.solution-char .left .dot-line:before,
.solution-char .center.dot-line:before  {background: #4370e9;}
.solution-char .right .dot-line:after, 
.solution-char .right .dot-line:before,
.solution-char .center.dot-line:after  {background: #6f53f7;}
.solution-char .center.dot-line:after,.solution-char .center.dot-line:before {margin-top: -21px;}



/* solution-char2 */	
.solution-char2	 {margin-top: 40px; border: 2px solid #4370e9; padding: 12px 0px;height: 111px;}
.solution-char2	li {width: calc(100%  / 5);float: left;text-align: center;  height: 100%; position: relative;display: table;table-layout: fixed;}
.solution-char2	li:not(:first-of-type):before { content: "";display: block;height: 40px;width: 1px;background: #dbdbdb;position: absolute;top: 50%; margin-top: -22px; left: 0;}	
.solution-char2 li > span {display: table-cell; vertical-align: middle;width: 100%; padding: 0 5%;}
.solution-char2 li > span em {display: block;}

.solution-char2 .language:after { width: 101px; height: 16px;background: url(../images/contents/nero-language.png) no-repeat;  bottom: 14px; left: 50%; margin-left: -43px;}
.solution-char2 .language span {display: inline-block;padding-bottom: 15px;}


@media only screen and (max-width: 1800px){
	/* solution-char */
	.solution-char .cicle {margin-left: calc((100% - 340px) /2);transform: scale(0.9);}
    .solution-char:after {width: 85%; left: 17px;}
	

	/* solution-char2 */
	.solution-char2 li span {padding: 0 7%}
	.solution-char2 li span {font-size: .9rem; line-height: 1.3;}

}


	
	
@media only screen and (max-width: 1200px) {
	/* solution-char */
	.solution-char:after,.solution-char .dot-line:after, .solution-char .dot-line:before {display: none;}
	.solution-char .cicle {width: 100%;height: 92px; margin-left: 0;margin-bottom: 4px;  transform: scale(1); border-radius: 0}
	.solution-char .cicle span {padding: 0 55px;}
	.solution-char .left,.solution-char .right {width: 46%}
	
	.solution-char .left .cicle {border: 2px solid #4370e9;}
	.solution-char .right .cicle {border: 2px solid #6f53f7; }
	
	/* solution-char2 */
	.solution-char2 li span {font-size: .85rem;}
	
}

@media only screen and (max-width: 1024px) {
	/* solution-char2 */	
	.solution-char2 li span {padding: 0 9%;}
	
	/* solution-char2 */
	.solution-char2 li span {font-size: .9rem;}
}





@media only screen and (max-width: 780px){
	/* solution-char */
	.solution-char { margin-bottom: 8px;}
	.solution-char .center{position:relative;}
	.solution-char .left{padding-right:0;}
	.solution-char .right{padding-left:0;}
	.solution-char .left, .solution-char .right {width: 49.5%;padding-top: 0;margin-top: -20px;}
	.solution-char .center { transform: scale(0.7);}
	.solution-char .cicle {border-radius: 0 ;    max-height: 78px;}
	
	
	.solution-char .left .cicle, .solution-char .right .cicle {border: 1px solid #ddd}
	
	/* solution-char2 */
	.solution-char2 {height: auto;padding: 0; margin-top: 12px;    background: #f5f5f5; border: 0;}
	.solution-char2 li,.solution-char2 li span  {display: block;width: 100%; padding: 0;}
	.solution-char2 li:not(:last-child) {border-bottom: 1px solid #e6e6e6;}
	.solution-char2 li span { padding: 9px 0;}
	.solution-char2 li:not(:first-of-type):before {display: none;}

		
	.solution-char2 .language:after {display: none}
	.solution-char2 .language span {padding: 0 }
	.solution-char2 li > span em { display: inline-block;}
	
	
	
}

@media only screen and (max-width: 480px){
	/* solution-char */
	.solution-char {width: 100%;margin-bottom: 25px;}
	.solution-char .left, .solution-char .right{width:100%; padding-top: 0;margin-top:0;}
	.solution-char .cicle {  height: auto;padding: 13px 0;}
	


}







/* ====================
*  
*   contact 문의하기 
*
========================*/
/* topbox  */
.contact-pg .topbox .tit strong {color: #4453a0;font-weight: 900;}
.contact-pg .btn-blue {margin-top: 11px;border-radius: 3px;font-size: 0.875rem;padding: 5px 16px;}
.contact-pg .btn-blue i {padding-left: 4px;}
   


/* 상단 제목  */
.contact-pg .b-tit , .contact-pg .b-tit * {font-weight: 100}
.contact-pg .b-tit {font-size: 1.5rem; color: #222; text-align: center; padding-bottom: 39px;}
.contact-pg .b-tit strong {padding-bottom: 16px; color: #4453a0 ; font-size: 2.188rem; display: block; font-weight: 600;}


/* 리스트   */
.contact-pg .mid-list {margin-top: 19px; }
.contact-pg .mid-list > li {width: calc((100% - 57px) / 4);height: 321px;border: 1px solid #e1e1e1; padding: 33px 27px; float: left}
.contact-pg .mid-list > li:not(:last-of-type) {margin-right: 19px}

.contact-pg .dept-wrap {text-align: left;padding-bottom: 12px;}
.contact-pg .dept-wrap > * {display: block}
.contact-pg .dept-wrap .dept-role {color: #222; font-size: 1.3rem; min-height: 55px;font-weight: 600;}
.contact-pg .dept-wrap .dept-role  em {display: block;font-weight: 600;}
.contact-pg .dept-wrap .dept {font-size: 1.225rem; font-weight: 400; color: #000;padding: 9px 0;}
.contact-pg .dept-wrap .dept-position,.contact-pg .dept-wrap .dept-email { color: #391e1e;}

.contact-pg .mid-list > li ul li {line-height: 1.6;}

/* 지도  */
.map-wrap {border: 1px solid #e1e1e1;margin-top: 21px;}
.map-wrap .info {border-top: 1px solid #ddd;width: 100%;text-align: center;padding: 31px 0;font-size: 1.125rem;}
.map-wrap .info ul {padding-top: 9px;}
.map-wrap .info ul li {display: inline-block;}
.map-wrap .info ul li:last-of-type {padding-left: 23px;}
.map {height: 372px}


/*  파랑색 아이콘  */
.blue-xeIcon { color: #ababac; padding-right: 8px; display: inline-block;}


@media only screen and (max-width: 1200px) {
	/* 리스트   */
	.contact-pg .mid-list > li {padding:25px 1%;}
}

@media only screen and (max-width:1024px) {
	/* 리스트   */
	.contact-pg .mid-list > li {width:calc((100% - 10px) / 2);height: 275px; border: 1px solid #e1e1e1;padding: 20px 3%;}
	.contact-pg .mid-list > li:not(:last-of-type) {margin-right: 0;}
	.contact-pg .mid-list > li:nth-child(2n) {margin-left: 10px;}
	.contact-pg .mid-list > li:nth-child(n+3):nth-child(-n+4) {margin-top: 10px;}
	.contact-pg .b-tit{font-size:1.125rem;padding-bottom: 25px;}
	.contact-pg .b-tit strong{padding-bottom:16px;color:#222;font-size:2.188rem;display:block;font-weight:500;}
	.contact-pg .dept-wrap .dept-role{min-height: 35px;}
}

@media only screen and (max-width:780px){
	/* 상단 제목  */
	.contact-pg .b-tit strong {font-size: 1.5rem;padding-bottom: 7px;}
	.contact-pg .b-tit { font-size: 1.2rem;}
	
	/* 리스트   */
	.contact-pg .dept-wrap {text-align: center;}
	.contact-pg .dept-wrap .dept-role {font-size: 1.2rem;min-height: auto;}
	.contact-pg .dept-wrap .dept {font-size: 1.2rem}
	
	/* 리스트   */
	.contact-pg .mid-list > li {width: 100%;margin-top: -1px;height: auto;}
	.contact-pg .mid-list > li:nth-child(2n) {margin-left: 0px}
	.contact-pg .mid-list > li:nth-child(n+3):nth-child(-n+4) {margin-top: -1px}
	.contact-pg .mid-list > li ul {text-align: center;}
	
	
	/* 지도  */
	.map-wrap .info {font-size: 1.1rem;padding: 10px 0;}
	.map-wrap .info ul {padding-top: 0}
	
	
	
	
	
}



a:hover {
  /*color: #0099ff !important;*/
  text-decoration: none !important;
}