@charset "utf-8";
/*공통바디부분 시작*/



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

#header { height: 100px; width:100%; position: absolute; z-index:2; background:rgba(0,0,0,0.75)}
#header > .wrapper { width:100%;max-width:1200px; margin:0 auto; position:relative; }
#header > .wrapper > #logo { position: absolute; top: 35px; left: 0px; height:31px; }
#header > .wrapper > #logo img { height:100%; }
#header > .wrapper > #topBtnMobile { display:none; }
#header > .wrapper > #topBtn { position: absolute; top: 21px; right: 0px; }
#header > .wrapper > #menu { position:absolute; top:32px; left:250px; z-index:999; }
#header > .wrapper > #menu > .homeArea { display:none; }
#header > .wrapper > #menu > .mobileMember { display:none; }

#nav { margin:0; padding:0; list-style:none; }
#nav > li { float:left; display:block;  position:relative; z-index:500; margin:0 30px; }
#nav li a { display:block; padding:0 0px 0 0px; font-weight:700; line-height:30px; text-decoration:none; font-family: '맑은 고딕'; font-weight: normal; text-transform:uppercase; font-size:1.3em; color:#fff; text-align:center; }
#nav li a:hover { color:#ffe8d7; }
#nav a.selected { color:#ffe8d7; }
#nav ul { position:absolute; left:-20px; display:none; margin:0 0 0 -1px; padding-top:10px; list-style:none; }
#nav ul > li { width:150px; border-top:1px solid #fff; background-color:#eff4f7; }
#nav ul li > a { display:block;  width:150px; line-height:35px; height:35px; text-decoration:none; color:#333; text-align:center; font-size:12px; }

#footer {width:100%; margin-top:65px;overflow:hidden; background:#242424; padding-top:0;}


#footer  .wrapper {  padding:35px 0; width:1100px; margin:0 auto; overflow:hidden; }
#footer  .address {  font-family:'돋움'; font-size:1em; line-height:1.9em; color:#d5d5d5; text-align:center; }





.csSection { width:1100px; margin:65px auto 0; overflow:hidden} 
.csSection .gallery { width:336px; height:157px;  float:left; background:url(../images/banner_banner_02.jpg) -100px -20px;} 
.csSection .gallery .title {  font-family: '맑은 고딕'; font-size:1.7em;color:#fff;margin-top:7px;line-height:1.2em; margin:70px 0 0 20px; } 



.csSection .notice { width:328px; height:157px; float:left; margin-left:50px;} 
.csSection .notice .titleWrap { overflow:hidden;} 
.csSection .notice .title {  font-family: '맑은 고딕'; font-size:1.4em; letter-spacing:-1px;  color:#131313; float:left; } 
.csSection .notice .btn {float:right; } 
/*기본게시판*/
.latestBBS li { line-height:22px;height:22px;overflow:hidden; background: url(../images/dot_title2.png) no-repeat 0 8px ;}
.latestBBS li .title { color:#2a2a2a; padding-left:5px; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:none;}


.csSection .tel { width:328px; height:149px;  float:left; margin-left:50px; border:4px #e1e1e1 solid; background:url(../images/icon_01.png) no-repeat 250px 45px;} 
.csSection .tel .title {  font-family: '맑은 고딕'; font-size:1.4em; letter-spacing:-1px;  color:#131313;  margin:25px 0 0 30px; } 
.csSection .tel .text1 {  font-family: '맑은 고딕'; font-size:1em;  color:#444;margin:8px 0 0 30px;} 
.csSection .tel .number { font-family: '맑은 고딕'; font-size:2em;  line-height:1em; letter-spacing:-1px;  font-weight:bold; margin:8px 0 0 30px;} 
.csSection .tel .number a{color:#f02020;}



 @media all and (max-width:959px) {
.pcArea { display: none; }
.tabletArea { display: block; }
.mobileArea { display: none ; }

	 
#header { height:70px; padding:0 ; background:rgba(0,0,0,0.7); z-index:5;  }
#header > .wrapper { width:100%; margin:0 auto; position: inherit; }
#header > .wrapper > #logo { position: absolute; top: 20px; left: 10px; }
#header > .wrapper > #logo img { height:30px;}
#header > .wrapper > #topBtnMobile { display:block; float:right; margin:20px 10px 0 0; }
#header > .wrapper > #topBtnMobile img { height:30px; }
#header > .wrapper > #menu { display:none;position:absolute; top:0; left:0; z-index:999; width:200px;  background:#252525;}
#nav > li { float:none; display:block;  position:relative; z-index:500; margin:0; width:200px;}
#nav li a { display:block; padding:0 0px 0 25px; font-weight:bold; height:40px; line-height:40px; text-decoration:none; font-family: sans-serif;;  font-size:1em; color:#f6f6f6; text-align:left; background-repeat:no-repeat; background-image:url(../images/icon_plus.png) ; background-size:8px 8px; background-position:10px 15px; border-bottom:1px #444444 solid; }
#nav li a:hover { color:#fff; }

#header > .wrapper > #menu > .homeArea { display:block; height:50px;background:#111;}
#header > .wrapper > #menu > .homeArea > .btnHome{ position:absolute; top:15px; left:15px; }
#header > .wrapper > #menu > .homeArea > #mobileNavClose{ position:absolute; top:12px; right:15px; }
#header > .wrapper > #topBtn { display:none; }
#header > .wrapper > #menu > .mobileMember {display:block; background:#111; overflow:hidden;}
#header > .wrapper > #menu > .mobileMember li {border-left:1px #444444 solid; border-bottom:1px #444444 solid; margin:0; padding:0; text-align:center; float:left; width:50%; box-sizing:border-box; list-style:none;}
#header > .wrapper > #menu > .mobileMember li:first-child {border-left: none; }
#header > .wrapper > #menu > .mobileMember li a { color:#CCCCCC; line-height:40px;}




#footer {width:100%; margin-top:65px;overflow:hidden; background:#404040; padding-top:0;}
#footer .bank {width:100%; overflow:hidden;  text-align:center; background:#404040; line-height:45px; font-family: '맑은 고딕'; font-size:1.2em;  color:#fbc550; font-weight:bold;}


#footer  .wrapper {  padding:25px 0; width:100%; margin:0 auto; overflow:hidden;background:#404040; }
#footer  .address {  font-family:'돋움'; font-size:0.9em; line-height:1.8em; color:#e1e1e1; text-align:center; }



.csSection { width:100%; margin:5% auto 0; overflow:hidden} 
.csSection .gallery { width:47%; margin:0  1% 0 2%; height:0; padding-bottom:22%;  float:left; background:url(../images/banner_banner_02.jpg) right top; background-size:120%;} 
.csSection .gallery .title {  font-family: '맑은 고딕'; font-size:1.7em;color:#fff;margin-top:7px;line-height:1.2em; margin:13% 0 0 8%; } 



.csSection .notice { display:none;} 


.csSection .tel { width:47%; margin:0  2% 0 1%; height:0; padding-bottom:21%;  float:left;  border:1% #e1e1e1 solid; background: url(../images/icon_01.png) no-repeat 94% 50%; background-size:17%; box-sizing:border-box;} 
.csSection .tel .title {  font-family: '맑은 고딕'; font-size:1.4em; letter-spacing:-1px;  color:#131313;  margin:9% 0 0 8%; } 
.csSection .tel .text1 {  font-family: '맑은 고딕'; font-size:1em;  color:#444;margin:2% 0 0 8%;} 
.csSection .tel .number { font-family: '맑은 고딕'; font-size:2em;  line-height:1em; letter-spacing:-1px;  font-weight:bold; margin:2% 0 0 8%;} 
.csSection .tel .number a{color:#f02020;}
}


 @media all and (max-width:639px) {
.pcArea { display: none; }
.tabletArea { display: none; }
.mobileArea { display: block ; }
	 

#header > .wrapper > #menu > .homeArea { display:block; height:50px;background:#111;}
#header > .wrapper > #menu > .homeArea > .btnHome{ position:absolute; top:15px; left:15px; }
#header > .wrapper > #menu > .homeArea > #mobileNavClose{ position:absolute; top:12px; right:15px; }
#header > .wrapper > #topBtn { display:none; }

#footer {width:100%; margin-top:5%;overflow:hidden; background:#404040; padding-top:0;}
#footer .bank {width:100%; overflow:hidden;  text-align:center; background:#404040; line-height:35px; font-family: '맑은 고딕'; font-size:1em;  color:#fbc550; font-weight:bold;}


#footer  .wrapper {  padding:3%; width: 94%; margin:0 auto; overflow:hidden;background:#404040; }
#footer  .address { float: none;  font-family:'돋움'; font-size:0.7em; line-height:1.5em; color:#e1e1e1; text-align:center; }




.csSection { width:100%; margin:5% auto 0; overflow:hidden} 
.csSection .gallery { width:94%; margin:0  3% 0 3%; height:0; padding-bottom:33%;  float:left; background:url(../images/banner_banner_02.jpg) right top; background-size:120%;} 
.csSection .gallery .title {  font-family: '맑은 고딕'; font-size:1.6em;color:#fff;line-height:1.2em; margin:10% 0 0 8%; } 



.csSection .notice { display:none;} 


.csSection .tel { width:94%; margin:2%  3% 0 3%; height:0; padding-bottom:33%;  float:left;  border:1% #e1e1e1 solid;  background: url(../images/icon_01.png) no-repeat 94% 50%; background-size:17%; box-sizing:border-box;} 
.csSection .tel .title {  font-family: '맑은 고딕'; font-size:1.2em; letter-spacing:-1px;  color:#131313;  margin:5% 0 0 8%; } 
.csSection .tel .text1 {  font-family: '맑은 고딕'; font-size:1em;  color:#444;margin:2% 0 0 8%;} 
.csSection .tel .number { font-family: '맑은 고딕'; font-size:2em;  line-height:1em; letter-spacing:-1px;  font-weight:bold; margin:2% 0 0 8%;} 
.csSection .tel .number a{color:#f02020;}


}