@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.css');

body * {font-family: "Noto Sans KR", sans-serif !important;}
.subvisual1{ width:100%; height:300px; background:url(../images/subbanner_01.jpg) center;overflow:hidden; z-index:1; }
.subvisual2{ width:100%; height:300px; background:url(../images/subbanner_02.jpg) center;overflow:hidden; z-index:1; }
.subvisual3{ width:100%; height:300px; background:url(../images/subbanner_03.jpg) center;overflow:hidden; z-index:1; }
.subvisual4{ width:100%; height:300px; background:url(../images/subbanner_04.jpg) center;overflow:hidden; z-index:1; }
.subvisual5{ width:100%; height:300px; background:url(../images/subbanner_05.jpg) center;overflow:hidden; z-index:1; }
.subvisual6{ width:100%; height:300px; background:url(../images/subbanner_06.jpg) center;overflow:hidden; z-index:1; }

/* 왼쪽영역 */
.snb{ float:left; width:180px; margin-right:50px; margin-top: 35px; min-height: 100%; display: none !important;}
.snb  #title { background:#26c4e6; font-family: '맑은 고딕','Nanum Gothic'; font-weight:bold; color:#fff; font-size:23px; line-height:75px; height:78px; display:block; text-align:center; letter-spacing:-1px; border-bottom:1px #fff solid; border-top:2px #2d2d2d solid;  }

.snb  #sm {   overflow:hidden;}
.snb  #sm a{ line-height:40px;font-family: '맑은 고딕'; color: #333333; font-size: 13px;  display:block;padding-left:15px; }
.snb  #sm li{ float:left; height:40px; width:200px; background-color:#fff; border-bottom:1px #c9c9c9 solid; }
.snb  #sm li.on a{ color:#fff; background-color:#535353; font-weight:bold;}

.snb  .banner li{ margin-top:20px;}



/* 상단타이틀영역 */
.titleArea { position:relative; width:100%; height:70px; border-bottom:1px #c4c4c4 solid; background-position:top right; background-repeat:no-repeat; }
.titleArea > #subtitle { position: absolute; font-family: '맑은 고딕'; font-weight:bold; font-size:28px; color:#343434; top:22px; }
.titleArea > .subtext {position: absolute; font-family: '맑은 고딕';  font-size:14px; color:#496c98; top:45px;  }
.titleArea > #map { position: absolute; right:0px; top:30px; color: #979797; font-size: 11px; background:url(../images/dot_home.png) no-repeat 0 5px; padding-left:18px; }


/* 컨텐츠영역 */
#content{ /*float:left;*/ width:100%; font-size:12px; margin: 10px auto 0;}

#content .wrapper{ margin: 35px 0 0 0; }

#content .wrapper > .company { position:relative; overflow:hidden; height:540px;}
#content .wrapper > .company > .text {position: absolute; font-family:'맑은 고딕' ;color: #333333; width:400px; }
#content .wrapper > .company > .text  .lv1{ color:#333333; font-size:26px; line-height:30px;}
#content .wrapper > .company > .text  .lv2{ color:#333333; font-size:20px; margin-top:13px;line-height:29px;}
#content .wrapper > .company > .text  .lv2 strong{ color:#0eadcf; }
#content .wrapper > .company > .text  .lv3{ color:#666666; font-size:14px; margin-top:20px; line-height:23px;}
#content .wrapper > .company > .text  .lv4{ color:#666666; font-size:14px; margin-top:20px; line-height:23px; font-weight:bold;}
#content .wrapper > .company > .img {position: absolute; right:0; }


#content .wrapper2{ margin: 35px 0 0 0; padding-bottom:30px; border-bottom:1px #CCC dashed; }
#content h1 { color: #454545; font-size: 16px; line-height:29px;font-family: '맑은 고딕';  padding-bottom:0px; }
#content h2 { font-size: 18px; color: #454545; line-height:29px; background:url(../images/dot_title.png) no-repeat 0px 6px; font-family: '맑은 고딕'; padding-left:13px; padding-bottom:0px; }
#content h3 { color: #0067c6; font-size: 15px; line-height:29px; font-family: '맑은 고딕'; padding-left:15px; padding-bottom:0px; margin-top: 10px; }
#content .tbBottom { margin-top:5px; font-family: '맑은 고딕'; color: #333333; font-size: 12px; }
#content .text1 { margin-top:5px; font-family: '맑은 고딕'; color: #333333; font-size: 13px; line-height: 21px; }
#content .text1 strong{ color:#0eadcf }
#content .text2 {font-size: 13px; margin-left:15px; list-style:circle; font-family: '맑은 고딕'; color: #535353;  margin-top:5px; line-height:21px; }
#content .text2 strong{ color:#0eadcf }
#content .textImg { margin-top:5px; font-family: '맑은 고딕'; color: #333333; font-size: 13px; line-height: 21px;  padding-right:200px; background-position:right 5px; background-repeat:no-repeat;}
#content .textImg strong{ color:#0eadcf }


#content .img{ margin-top:7px; }
#content .contentsBox { border:1px #f5f5f5 solid; background:#fdfdfd;margin-top:8px; overflow:hidden; padding:10px; }


ul.boxType1{}
ul.boxType1 li{ float:left; margin:10px}
ul.boxType1 li .title{ background:#0eadcf; color:#FFFFFF; text-align:center; width:227px; line-height:30px; font-weight: bold; }
ul.boxType1 li .contents{ background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:205px; padding:15px 10px; border:1px #e1e1e1 solid;}


ul.boxType1_1{}
ul.boxType1_1 li{ float:left; margin:10px}
ul.boxType1_1 li .title{ background:#0eadcf; color:#FFFFFF; text-align:center; width:auto; line-height:30px; font-weight: bold; }
ul.boxType1_1 li .contents{ background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 12px; line-height:19px; width:307px; padding:15px 10px; border:1px #e1e1e1 solid; overflow:hidden; }
ul.boxType1_1 li .contents li {list-style:circle; clear:left; margin:2px 20px ; line-height:17px;}

ul.boxType2{}
ul.boxType2 li{ float:left; margin:10px; background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:97px; padding:15px 10px; border:1px #e1e1e1 solid;border-top:#0eadcf 2px solid;}

ul.boxType3{}
ul.boxType3 li{ float:left; margin:10px; background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:205px; padding:15px 10px;  border:1px #e1e1e1 solid;border-top:#0eadcf 2px solid;}

ul.boxType4{}
ul.boxType4 li{ float:left; margin:10px; background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 12px; line-height:19px; text-align:center; width:205px; padding:15px 10px;  border:1px #e1e1e1 solid;border-top:#0eadcf 2px solid;}


.list1 { padding-bottom:20px; border-bottom:#cfcfcf 1px dashed; overflow:hidden; }
.list1 > .pic{ float:left}
.list1 > .contents{ float:left; margin-left:34px; width:530px;}
.list1 > .contents > .title {font-family: '맑은 고딕'; color: #d81818; font-size: 16px;font-weight:bold; }
.list1 > .contents > .text {font-family: '맑은 고딕'; color: #535353; font-size: 14px; margin-top:5px; }
.list1 > .contents > .viewmore > a{ display:block;width:80px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'맑은 고딕' ; font-weight:bold; font-size:11px;}
.list1 > .contents > .viewmore > a:hover{ background: #000; }

.list2 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '맑은 고딕'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }
.list3 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '맑은 고딕'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }




.list1 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '맑은 고딕'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }
.list2 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '맑은 고딕'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }


/* 테이블 */
.tb1 { color: #535353; font-size: 14px; width:100%; border:0; padding:0; border-spacing:0;border-collapse:collapse;  font-family: '맑은 고딕';  }
.tb1 caption {color: #454545; font-size: 16px; line-height:29px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 9px;  padding-left:20px; text-align:left; }
.tb1 th,.tb1 td{border:1px #CCCCCC solid; padding:6px; }
.tb1 thead {background-color:#6893e1; color:#FFF; font-size:13px; font-weight:800;}
#content .tbBottom { margin-top:5px; font-family: '맑은 고딕'; color: #333333; font-size: 12px; }


.pcArea { display:block; }
.mobileArea { display:  none; }



.section9 {overflow: hidden; margin-top: 40px; float: left; }
.section9 ul{display: flex; align-items: center; margin-top: 40px; border-top: 1px solid #eee;}
.section9 ul li{position: relative;}
.section9 ul li:not(:last-child)::after{content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 60%; background-color: #eee; transform: translateY(-50%);}
.section9 ul li a {display: flex; align-items: center;}
.section9 ul li a img {display: block; width: 70%; margin: 0 auto;}



 @media all and (max-width:640px) {
.pcArea { display: none; }
.mobileArea { display: block; }
.mobileArea > .visual{ width:100%; height:90px; background-position:center; background-size:cover;  }

.mobileArea > .subvisual_mobile{ width:100%; height:auto; margin:0 auto; background:url() center;overflow:hidden; z-index:1; }


#container {*display:inline-block; width:100%; overflow:hidden; margin: 0 auto 0; }

.snb{ float:none; width:100%; margin:0; margin-top: 0px;  }
.snb  #title { display:none; }
.snb  .banner { display:none; }
.snb  #sm {overflow:hidden; margin-top:0; border: none;background:#eef1f5;padding:7px; width:100%; box-sizing:border-box;display:block;  }
.snb  #sm li{float:left;width:33%;  padding:0 5px 0px 0; box-sizing:border-box;  background-color:#efefef; margin:0; border-bottom: none;}
.snb  #sm a{width:100%; line-height:30px;height:30px;overflow:hidden;font-size:0.9em; letter-spacing:-1px;margin:3px;color:#333; font-weight:bold; display:block;  background:#fff; border:1px #e4e4e4 solid;  box-shadow:1px 1px 0px rgba(0, 0, 0, 0.1); text-align:center; padding:0; }

.snb  #sm li.on a{ color:#fff; background:#464646;border:1px #464646 solid;}

#content{ float:left;width:100%; padding:10px 10px 0; box-sizing:border-box; }
#content .wrapper{ margin: 15px 0 0 0; }

/* 상단타이틀영역 */
.titleArea { position:relative; width:100%; height:56px; border-bottom:1px #969696 solid; background-size:120px; }
.titleArea > #subtitle {position: absolute; font-  family:sans-serif; font-weight:bold; font-size:1.4em; color:#343434; top:4px; }
.titleArea > #map { position: absolute; left:0px; top:35px; color: #979797; font-size: 11px; background:url(../images/dot_home.png) no-repeat 0 0px; padding-left:16px; }


#content .wrapper > .company { position:relative; overflow:hidden; height:540px;}
#content .wrapper > .company > .text {position: absolute; font-family:'맑은 고딕' ;color: #333333; width:100%; }
#content .wrapper > .company > .text  .lv1{ color:#333333; font-size:26px;}
#content .wrapper > .company > .text  .lv2{ color:#333333; font-size:20px; margin-top:13px;line-height:29px;}
#content .wrapper > .company > .text  .lv2 strong{ color:#0eadcf; }
#content .wrapper > .company > .text  .lv3{ color:#666666; font-size:14px; margin-top:20px; line-height:23px;}
#content .wrapper > .company > .text  .lv4{ color:#666666; font-size:14px; margin-top:20px; line-height:23px; font-weight:bold;}
#content .wrapper > .company > .img {position: absolute; right:0; display:none; }


#content .textImg { margin-top:5px; font-family: '맑은 고딕'; color: #333333; font-size: 13px; line-height: 21px;  padding-right:0; background-image:none !important;}
#content .contentsBox { border:1px #f5f5f5 solid; background:#fdfdfd;margin-top:4px; overflow:hidden; padding:2px;  }

ul.boxType1{}
ul.boxType1 li{ float:left; padding:5px; margin:0; width:50%;box-sizing:border-box;}
ul.boxType1 li .title{ background:#0eadcf; color:#FFFFFF; text-align:center; width:100%; box-sizing:border-box;display:block;  line-height:30px; font-weight: bold; }
ul.boxType1 li .contents{ background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 10px; line-height:16px; text-align:center; display:block;width:100%; padding:2px ; border:1px #e1e1e1 solid; box-sizing:border-box; height:60px; }

ul.boxType1_1{}
ul.boxType1_1 li{ float:left; padding:5px; margin:0; width:100%;box-sizing:border-box;}
ul.boxType1_1 li .title{ background:#0eadcf; color:#FFFFFF; text-align:center; width:100%; box-sizing:border-box;display:block;  line-height:30px; font-weight: bold; }
ul.boxType1_1 li .contents{ background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 10px; line-height:14px; width:100%; padding:2px; height:auto !important; border:1px #e1e1e1 solid;  box-sizing:border-box;}
ul.boxType1_1 li .contents li {list-style:circle; clear:left; margin:0px ; line-height:14px;}


ul.boxType2{}
ul.boxType2 li{ float:left; padding:5px; margin:0; background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 10px; line-height:16px; text-align:center; width:97px; padding:15px 10px; border:1px #e1e1e1 solid;border-top:#0eadcf 2px solid;box-sizing:border-box;height:60px !important;}

ul.boxType3{}
ul.boxType3 li{ float:left; padding:5px; margin:5px; background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 10px; line-height:16px; text-align:center; width:47%;  border:1px #e1e1e1 solid;border-top:#0eadcf 2px solid;box-sizing:border-box;height:60px !important;}

ul.boxType4{}
ul.boxType4 li{ float:left; padding:5px; margin:5px; background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 10px; line-height:16px; text-align:center; width:47%;  border:1px #e1e1e1 solid;border-top:#0eadcf 2px solid;box-sizing:border-box;height:60px !important;}




}


@media all and (max-width:520px) {
 
    .section9 ul{flex-wrap: wrap; margin-top: 0;}
    .section9 ul li{width: 50%;}
    .section9 ul li:not(:last-child)::after{display: none;}
    .section9 ul li:nth-child(n+3) {border-top: 1px solid #eee;}
    .section9 ul li:nth-child(2n){border-left: 1px solid #eee;}

    #footer{margin-top: 0;}

}