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



/* 왼쪽영역 */
.snb{ float:left; width:180px; margin-right:50px; margin-top: 0px; min-height: 100%; }
.snb  #title {font-family: '맑은 고딕','Nanum Gothic'; font-weight:bold;  color:#343434; font-size:26px; line-height:68px; height:70px; background:url(../images/bg_nav.png); display:block; text-align:center; color:#FFF; letter-spacing:-1px; }

.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:#000; background-color:#f5f5f5; font-weight:bold;}

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





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


/* 컨텐츠영역 */
#content{ float:left; width:770px; font-size:12px; }

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

#content .wrapper > .company { position:relative; overflow:hidden;  }
#content .wrapper > .company > .text { font-family:'맑은 고딕'; color: #333333; width:770px; text-align:center; }
#content .wrapper > .company > .text  .lv1{ color:#333333; font-size:26px;line-height:40px;}
#content .wrapper > .company > .text  .lv2{ color:#142938; font-size:20px; margin-top:13px;line-height:29px; margin-top:18px;}
#content .wrapper > .company > .text  strong{ color:#e41010; }
#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 {width:770px; margin-top:30px;}


#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:20px; padding-bottom:0px; margin-top: 15px; }
#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:#72bc08 }
#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:#e41010 }

#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:#e41010 }

#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:#4ea600; 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{ overflow:hidden;}
ul.boxType1_1 li{ float:left; margin:10px}
ul.boxType1_1 li .title{ background:#4ea600; color:#FFFFFF; text-align:center; width:354px; line-height:30px; font-weight: bold; }
ul.boxType1_1 li .contents{ background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 12px; line-height:19px; width:332px; 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:107px; padding:15px 10px; border:1px #e1e1e1 solid;border-top:#4ea600 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:#4ea600 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:#4ea600 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; }




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

.visual {height:120px !important; background-size: cover !important; ;}
#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:2px 5px 5px 5px; width:100%; box-sizing:border-box;display:block;  }
.snb  #sm li{float:left;width:25%; padding:0 3px;height:30px; box-sizing:border-box;  background-color:#efefef; margin:3px 0 ; border:none;}
.snb  #sm a{width:100%; line-height:30px;font-size:0.9em; letter-spacing:-1px;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; }

/* 상단타이틀영역 */
.titleArea { position:relative; width:100%; height:37px; 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; right:0px; top:15px; color: #979797; font-size: 11px; background:url(../images/dot_home.png) no-repeat 0 0px; padding-left:16px; }

#content .wrapper{ margin: 20px 0 0 0; }
#content .wrapper > .company { position:relative; overflow:hidden; }
#content .wrapper > .company > .text {position: relative; font-family:'맑은 고딕' ;color: #333333; width:100%; }
#content .wrapper > .company > .text  .lv1{ color:#333333; font-size:1.5em;line-height:1.4em;}
#content .wrapper > .company > .text  .lv2{ color:#333333; font-size:1.2em; margin-top:13px;line-height:1.4em;}
#content .wrapper > .company > .text  .lv2 strong{ color:#4ea600; }
#content .wrapper > .company > .text  .lv3{ color:#666666; font-size:1.1em; margin-top:20px; line-height:1.4em;}
#content .wrapper > .company > .text  .lv4{ color:#666666; font-size:1em; margin-top:20px; line-height:1.4em; font-weight:bold;}
#content .wrapper > .company > .img img { width:360px !important; }


#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:#4ea600; 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:#4ea600; 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:5px; background:#fff; font-family: '맑은 고딕'; color: #535353; font-size: 10px; line-height:16px; text-align:center; width:30%;  border:1px #e1e1e1 solid;border-top:#4ea600 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:#4ea600 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:#4ea600 2px solid;box-sizing:border-box;height:60px !important;}



}