@charset "UTF-8"; 

@charset "UTF-8"; 

/** 솔루션 */

/* cms란? */
.mcomp-solBox2 {max-width:1200px; margin:3.750em auto; background-color:#fff;}
.mcomp-solBox2::after {content:''; display:block; clear:both;}
.mcomp-solinner2 {position:relative; width:50%; }
.mcomp-solinner2.mcomp-l {float:left; line-height:0;}
.mcomp-solinner2.mcomp-r {float:right;}
.mcomp-solarea2 {position:relative; padding:3.750em;}
.mcomp-solarea2 .mcomp-solsubject {font-weight:600; color:#000;}
.mcomp-solarea2 .mcomp-soltit {margin-top:1.250em;}
.mcomp-solarea2 .mcomp-soltit img {width:310px;}
.mcomp-solarea2 .mcomp-solcopy {margin:2.125em 0 5.000em;}
.mcomp-solarea2 .btn-cms-view {display:inline-block; padding-left:0.938em; width:15.000em; height:3.750em; line-height:3.750em; font-size:1.250em; color:#fff; -webkit-border-radius:5px; border-radius:5px; background-color:#f35e17;}

.mcomp-solarea2 h4 {font-size:50px; font-weight:600;}
.mcomp-solarea2 h4 strong {color:#134580;}
.mcomp-solarea2 p {margin-top:40px; word-break:keep-all;}
/* cms란? */


/* cms 설명 */
.sty-subbox {}
.sty-subbox.color_bg {background-color:#f1f1f1; margin-bottom: 6%;}
.sty-subbox .inner{max-width:1200px; margin: 0 auto; }
.sty-subbox .inner::after {content:''; display:block; clear:both;}
.title_cms{text-align:center;}
.comp-box {margin-top:3.125em; margin-bottom: 3.125em;}
.comp-box::after {content:''; display:block; clear:both;}
.comp-viewlist {max-width:1200px; margin:0 auto;}
.comp-viewlist li {position:relative; float:left; padding:10px; width:20%; text-align:center;}
.comp-circlebox {display:inline-block; text-align:center;}
.bg-circle {margin:0 auto; padding-top:5em; width:13.125em; height:13.125em; color:#fff; border-radius:50%;}
.bg-circle.bg-color01 {background-color:#0fa1dc;}
.bg-circle.bg-color02 {background-color:#326cb2;}
.bg-circle.bg-color03 {padding-top:3.5em; background-color:#0fa1dc;}
.bg-circle.bg-color04 {padding-top:3.5em; background-color:#326cb2;}
.bg-circle.bg-color05 {padding-top:3em; background-color:#0fa1dc;}
/*.bg-circle strong {display:block; font-size:4.375em; font-weight:500; line-height:1;}*/
.bg-circle span.sty-en {display:block;}
.bg-circle span.sty-en .fs_small {display:block; font-size:12px;}
.bg-circle span.sty-en .bk_line {display:block;}


.comp-viewtxt {display:block; margin-top:1.500em;}
.comp-viewtxt .comp-v-txt {font-weight:400;}
.comp-viewtxt .comp-v-txt.txt-color01 {color:#0fa1dc;}
.comp-viewtxt .comp-v-txt.txt-color02 {color:#326cb2;}
.comp-viewtxt .comp-v-txt.txt-color03 {color:#0fa1dc;}
.comp-viewtxt .comp-v-txt.txt-color04 {color:#1f225b;}
.comp-viewtxt .comp-v-txt.txt-color05 {color:#326cb2;}

.comp-overviewbox {position:relative; max-width:1200px; min-height:33.125em; margin:3.125em auto 0; background-image:url(../images/sub/img_comp01_02.jpg); background-repeat:no-repeat; background-position:center 0; background-size:cover;}

.comp-overinfobox {position:absolute; left:0; top:0; padding:3.125em; color:#fff; background-color:rgba(0,114,188,0.9);}
.comp-overinfobox li {position:relative; padding-left:5.000em; line-height:1.7;}
.comp-overinfobox strong {display:block; position:absolute; left:0; width:5.000em; font-weight:400;}
.comp-overinfobox strong::after {display:inline-block; position:absolute; content:''; right:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:rgba(255,255,255,0.5);}
.comp-overinfobox li p {padding-left:1.250em;}

.info_box {float:left; width: 50%;}
.info_box table {width: 100%;}
.info_box p, .info_result p{display: block; width:100px; border-radius:30px; padding: 4px 8px; background-color:#d3dbe3; font-size:1em; font-weight:500; text-align:center; margin-bottom:10px;}
.info_box th{border: 1px solid #f1f1f1;}
.info_box td{border: 1px solid #f1f1f1;}
.info_box .td1 {background-color:#d3dbe3; padding:8px; text-align:center;}
.info_box .td2 {background-color:#ffffff; padding:8px;}


.info_result{float:left; width:48%; margin-left:2%;}
.info_result ul{background-color:#fff; padding:20px;}
.info_result ul li:before{content:""; clear:both; display:inline-block; vertical-align:top; margin-top:9px; margin-right:4px; width:3px; height:3px; background-color:#929292; border-radius:50%;}
.info_result ul li{word-break:keep-all; margin-bottom:2%; border-bottom: 1px dotted #ddd; padding-bottom:12px;}
/* cms 설명 */

/* cms 주요기능 */
.function_box{margin-bottom:10%;}
.function_inner{max-width:1200px; margin:0 auto;}
.function_inner h4{text-align:center; font-size:1.8em; margin-bottom:25px;}
.function_inner h4 strong{color:#134580;}

.icon_container {border-top:1px solid #ddd; border-right:1px solid #ddd;}
.icon_container:after{content:""; clear:both; display: block;}
.icon_box{float:left; width:33.33%; height:220px; padding: 25px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.icon_box:after{content:""; clear:both; display: block;}
.icon_box.icbox10, .icon_box.icbox11{width:50%; height:290px;}
.icon_img{width: 77px; height:77px; background-color: #e9eaee; border-radius:50%; float:left; margin-right:6%;}
.icon_txt{width:70%; float:left;}
.icon_txt span{display:block; padding-bottom:4%; font-size:1.12em; font-weight: 600; color: #134580; }
.icon_txt ul li{text-indent:-5.5px; padding-left:10px; font-size:15px; margin-bottom:7px;}
.icon_txt ul li:before{content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#929292; vertical-align:top; margin-top:9px; margin-right:4px;}


/* cms 주요기능 */







/*media query*/
@media screen and (max-width:1280px){
	.mcomp-solarea2 {position:relative; padding:2.5em;}
  	.icon_container{margin: 0 50px;}
  	.icon_img{float:none; margin: 0 auto;}
    .icon_txt{width:100%;}
  	.icon_txt span{padding-top:14px; text-align:center;}
  	.icon_box{min-height:310px;}
  	.icon_box.icbox10, .icon_box.icbox11{height:380px;}
  
}

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

}

@media screen and (max-width:1024px){
	.mcomp-solarea2 {padding:2.5em;}
  	.mcomp-solarea2 h4 {font-size:30px;}
    .mcomp-solarea2 p {margin-top:20px;}
  	.comp-viewlist li {padding:10px; width:33.333%; text-align:center;}
  	.icon_box{padding: 20px;}
}

@media screen and (max-width:980px) { /*font-14px*/
	.comp-box {margin-top:2.143em;}
	.comp-viewlist .compview-b01, .comp-viewlist .compview-b02, .comp-viewlist .compview-b03 {width:33.333%;}
	.comp-viewlist .compview-b04, .comp-viewlist .compview-b05 {width:50%;}
	.comp-viewlist .compview-b01, .comp-viewlist .compview-b04 {text-align:right;}
	.comp-viewlist .compview-b03, .comp-viewlist .compview-b05 {text-align:left;}
	.comp-viewlist .compview-b04, .comp-viewlist .compview-b05 {padding:0 30px;}
	.comp-viewtxt {margin-top:0.857em;}
	.comp-overviewbox {min-height:34.286em;}
	
	.comp-mapbox {min-height:32.143em; background-size:cover;}
	/*.comp-mapbox .root_daum_roughmap .wrap_map {min-height:41.667em;}*/
	.comp-mapexplan-box {margin-top:3.125em }
  	
  	.bg-circle.bg-color03 {padding-top:3.8em;}
  	.bg-circle.bg-color04 {padding-top:3.2em;}
  	.bg-circle.bg-color05 {padding-top:2.7em;}
}

@media screen and (max-width:920px) {
	.mcomp-solarea2 {padding:1.0em;}
    .mcomp-solarea2 p {margin-top:10px;}
  

}

@media screen and (max-width:768px) {
	.mcomp-solinner2.mcomp-l, .mcomp-solinner2.mcomp-r {float:none; width:100%;}
	.mcomp-solarea2 .btn-cms-view {height:2.857em; line-height:2.857em;}
  	.mcomp-solarea2 h4 {font-size:20px;}
  
  	.info_box {float:none; width: 100%; }
    .info_result{float:none; width:100%; margin-left:0%; margin-top:20px;}
  	.info_result ul{height:auto; padding:15px;}
  
    .icon_box{width:50%; min-height:300px; padding: 15px;}
  	.icon_box.icbox09{min-height:380px;}
  	.icon_box.icbox11{width:100%; min-height:320px;}
  
  
}

@media screen and (max-width:640px) {
	.comp-viewlist .compview-b01, .comp-viewlist .compview-b02, .comp-viewlist .compview-b03, .comp-viewlist .compview-b04, .comp-viewlist .compview-b05 {padding:0 10px 20px 10px; width:50%; text-align:center;}
	.bg-circle {float:none; padding-top:4em; width:10.571em; height:10.571em;}
	.bg-circle span {font-size:0.857em;}
	.comp-overviewbox {margin-top:2.143em; min-height:30.000em;}
	.comp-overinfobox {padding:1.875em 1.563em;}
  
  	.bg-circle.bg-color03 {padding-top:2.8em;}
  	.bg-circle.bg-color04 {padding-top:2em;}
  	.bg-circle.bg-color05 {padding-top:1.5em;}
  	.bg-circle span.sty-en .bk_line.bk_none {display:inline;}
  
  	.icon_container{margin: 0 20px;}
  	.icon_box{float:none; margin:0 auto; width:100%; height: auto; min-height:auto;}
  	.icon_box.icbox09{min-height:auto;}
 	.icon_box.icbox10, .icon_box.icbox11{width:100%; height:auto; }
  
  	.icon_img{margin-top:8px;}
  
  	
}

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