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

#wrap {  }
#header { position:absolute; border-bottom:1px solid rgba(255,255,255,0.15); width:100%;z-index:9; }
#header > .wrapper { width:100%; height:150px;  }
#header > .wrapper > .gnb { position:relative; margin:0 auto; width:1300px; height:89px; }
#header > .wrapper > .gnb > #logoMobile { display:none; }
#header > .wrapper > .gnb > .homeArea { display:none; }
#header > .wrapper > .gnb > .tel {  position:absolute; top:28px; right:190px; }
#header > .wrapper > .gnb > #topBtnMobile { display:none; }
#header > .wrapper > .gnb > #logo { position:absolute; top:20px; left:0; width:100%;}
#header > .wrapper > .gnb > #topBlog { position:absolute; top:30px; right:0; overflow:hidden; }
#header > .wrapper > .gnb > #topBlog ul li { float:right; margin:0 0 0 10px; }
#header > .wrapper > .gnb > #topBlog_m { display:none; }
#header > .wrapper > .gnb > #topBtn { position:absolute; overflow:hidden; right:0px; padding:0 5px; top:8px; height:33px; }
#header > .wrapper > .gnb > #topBtn li { float:left; margin-right:2px; margin-top:2px; border-left:1px #fff solid; line-height:12px; padding:0 7px; }
#header > .wrapper > .gnb > #topBtn li:first-child { border-left:0; }
#header > .wrapper > .gnb > #topBtn li a { font-family: '돋음', san-serif; font-size:12px; line-height:12px; color:#fff; }

#header > .wrapper > #menu > .homeArea { display:none; }
#header > .wrapper > #menu { position:relative; border-top:1px solid rgba(255,255,255,0.15); z-index:9;}
#header > .wrapper > #menu .all { position:absolute; top:0px; left:0px; visibility:hidden; z-index:999; }
/* remove the list style */
	#nav { margin:0 auto; padding:0; width:1300px; list-style:none; text-align:center; }
/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav > li { display:inline-block; position:relative; z-index:500; margin:0 1px; }
/* this is the parent menu */
		#nav li a { display:block; padding:0 35px;  height:60px;line-height:60px; text-decoration:none; font-family: '맑은 고딕'; font-weight:bold; font-size:16px; color:#fff; text-align:center; }
#nav li a:hover { color:#9ac8ff; }
/* you can make a different style for default selected value */
		#nav a.selected { color:#9ac8ff; }
/* submenu, it's hidden by default */
		#nav ul { position:absolute; left:50%; display:none; margin-left: -35px; padding:0; list-style:none; }
#nav ul > li { width:140px; border-top:1px solid #5ba4fa; background-color:#4195f8; }
#nav ul li > a { display:block; padding:0 0 0 0; ; width:140px; line-height:35px; height:35px; text-decoration:none; color:#fff; text-align:center; font-size:12px; }
#nav ul li > a:hover { color:#c1ddff; }
#container {
*display:inline-block; width:1300px; overflow:hidden; margin: 35px auto 0; }
#container:after { display:block; clear:both; content:'' }

/*
#footer { width:100%; background:#000f30;  margin-top:60px; overflow:hidden; border-top:1px #404040 solid;  }
#footer > .banner{ background:#12285a; text-align:center; height:43px; overflow:hidden;}
#footer > .banner ul {margin-top:15px;}
#footer > .banner li { display:inline-block;border-left:1px #9b9b9b solid;line-height:13px; padding:0 20px;}
#footer > .banner li:first-child { border-left: none;}
#footer > .banner li a{ font-size:13px; line-height:13px; color:#e3e3e3;}
#footer >.wrapper { width:1300px; margin:20px auto; position:relative;overflow:hidden;  }
#footer >.wrapper >.address { float:left; margin-top:; font-family: '돋움'; font-size:12px; line-height:19px; color:#cbcbcb; }
#footer >.wrapper >.logo { float:right; margin-top:10px; }
*/
#footer .telMobile { display:none; }

#footer{  background:#1e1e1e; width:100%; margin:0 0; padding:40px 0; z-index:9; margin-bottom: 80px;}
#footer .wrapper{ display:flex; justify-content:space-between; width:1300px; margin:0 auto;}
#footer .footer_logo { display:flex; justify-content:center; flex-direction:column; flex-basis:; margin:0 50px 0 0; }
#footer .footer_logo img { width:; }
#footer .admin { display:flex; justify-content:center; flex-direction:column; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:14px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:1px solid #454545; padding-left:50px; font-size:13px !important; color:#a5a5a5; line-height:21px; letter-spacing:0;}



/*------------ SMS--------------*/
#sendSMS {font-family: '맑은 고딕';  width:100%; overflow:hidden; position:fixed; bottom:0; right:0; z-index:7; height:60px;  background:#434343; padding-top: 20px; }
#sendSMS .wrap {width: 1200px; margin: 0 auto; display: flex}
#sendSMS .pic { margin-left: 0; margin-top:-5px; }

#sendSMS .title { color: #fff;  font-size:27px; margin-top: 2px; letter-spacing: -1px;   }
#sendSMS .contents form {  display: flex; margin-left: 20px; margin-top: 0;}
#sendSMS .contents textarea[name=messagebox] {background:#fff;  width:250px; height:47px; padding:15px;font-size:12px; color:#333; line-height:19px;overflow:hidden; margin-left: 20px;}
#sendSMS .inputText .textNum {font-size:11px; color:#ccc; text-align:right; line-height:13px; margin-top:1px;}

#sendSMS .inputNumber {overflow:hidden; margin-top:0; margin-left: 10px;}
#sendSMS .inputNumber .telNum {font-size:12px; color:#333; line-height:40px;}
#sendSMS .inputNumber input[name=writer] { display: inline-block;  width:150px;  line-height:40px;background:#fff; font-family: "돋움" !important; font-size:14px; color:#333; margin-left:3px;  padding-left: 10px; }
#sendSMS .inputNumber input[name=writer_tel] { display: inline-block;  width:150px;  line-height:40px;background:#fff; font-family: "돋움" !important; font-size:14px; color:#333; margin-left:3px; padding-left: 10px;  }
#sendSMS .inputNumber input[name=addr] { display: inline-block;  width:350px;  line-height:40px;background:#fff; font-family: "돋움" !important; font-size:14px; color:#333; margin-left:3px;  padding-left: 10px;}

#sendSMS .checkPrivacy {  margin-top:15px;  text-align: left; }
#sendSMS .checkPrivacy a { color:#fff; }
#sendSMS input[name=btnSMS] {background:#FE4B4B;  width:104px; height:40px; font-size:16px; color:#fff; overflow:hidden; margin-left: 30px; cursor: pointer; font-weight: bold;}




 @media all and (max-width:640px) {
	 
#header { position:absolute; height: 55px; padding:5%; border-bottom:0px; width:90%; z-index:9;  }
#header > .wrapper { width:100%; height:; margin:0 auto; }
#header > .wrapper > .gnb { position:relative; margin:0 auto; width:100%; height:55px; }
#header > .wrapper > .gnb > #logo { display:none; }
#header > .wrapper > .gnb > #topBlog { display:none;}
#header > .wrapper > .gnb > #topBlog_m { display:block; position:absolute; top:5px; left:130px; }
#header > .wrapper > .gnb > #topBlog_m img { width:70%;}
#header > .wrapper > .gnb> .tel { display:none; }
#header > .wrapper > .gnb > #logoMobile { display:block; float:left; line-height:0; }
#header > .wrapper > .gnb > #logoMobile img { height:30px; }
#header > .wrapper > .gnb > #topBtnMobile { display:block; float:right; margin-top:2px; z-index:9; }
#header > .wrapper > .gnb > #topBtnMobile img { height:25px; }

#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; }


#footer{ background:#1e1e1e; width:100%; margin:50px 0 0; padding:0 0 25px; z-index:9; padding-bottom: 80px;}
#footer .telMobile { display:block; text-align:center; background-color:#fff; line-height: 0; }
#footer .wrapper{ display:block; justify-content:space-between; width:90%; margin:0 auto;}
#footer .footer_logo { display:block; justify-content:none; flex-direction:none; flex-wrap:wrap; margin:25px 0 15px; }
#footer .footer_logo img { width:40%; }
#footer .admin { display:none; justify-content:none; flex-direction:none; flex-wrap:wrap; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:14px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:block; justify-content:none; flex-direction:none; margin-right:none;  border-left:0px solid #454545; padding-left:0; font-size:12px !important; color:#a5a5a5; line-height:18px; letter-spacing:0;}
	 
	 /*------------ SMS--------------*/
	 
	 #footer>#sendSMS {display: none;}
#sendSMS {  overflow:hidden; position:relative; bottom:0; ; z-index:1; height:200px; background: #434343; }
#sendSMS .wrap { display: block; width: 90%; margin: 0 auto; }
#sendSMS .pic { display: none;}

#sendSMS .title { color: #fff;  font-size:18px; margin-top: 0;}
#sendSMS .contents form { width: 100%;  display: flex; margin-left: 0; margin-top: 0; flex-direction:column;}

#sendSMS .contents textarea[name=messagebox] {background:#fff;  width:300px; height:40px; padding:10px;font-family: "돋움"; font-size:12px; color:#333; line-height:19px;overflow:hidden; }
#sendSMS .inputText .textNum {font-family: "돋움"; font-size:11px; color:#ccc;  line-height:13px; margin-top:1px;}

#sendSMS .inputNumber {overflow:hidden; margin-top:10px; margin-right: 0; margin-left: 0}
#sendSMS .inputNumber .telNum { float:left;font-family: "돋움"; font-size:12px; color:#333; line-height:30px;}
#sendSMS .inputNumber input[name=writer] { display: inline-block;  width:25%;  line-height:30px;background:#fff; font-family: "돋움" !important; font-size:14px; color:#333; margin-left:1%;  padding-left: 1%; margin-right: 1%;  border: 0; }
#sendSMS .inputNumber input[name=writer_tel] { display: inline-block;  width:70%;  line-height:30px;background:#fff; font-family: "돋움" !important; font-size:14px; color:#333;  margin-left:1%;  padding-left: 1%; border: 0; }
#sendSMS .inputNumber input[name=addr]{ display: block;  width:100%;  line-height:30px;background:#fff; font-family: "돋움" !important; font-size:14px; color:#333; margin-left:1%;  padding-left: 1%;  border: 0; margin-top: 10px }

#sendSMS .checkPrivacy {  margin-top:15px; display:block; text-align: left; }
#sendSMS .checkPrivacy a { color:#fff; }
#sendSMS input[name=btnSMS] {background:#FE4B4B;  width:100%; height:40px; font-size:16px; color:#fff; overflow:hidden; cursor: pointer; font-weight: bold; border: 0; margin-top: 20px; margin-left: 0;}



}