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

#wrap { width:1000px; margin:0 auto; _text-align:left }
#header { height: 126px; background:url(../images/bg_header.png) }
#header > .wrapper > #logoMobile { display:none; }
#header > .wrapper > .homeArea { display:none; }
#header > .wrapper > #topBtnMobile { display:none; }
#header > .wrapper { width:1000px; margin:0 auto; position:relative; }
#header > .wrapper > #logo { position:absolute; top:0;  }
#header > .wrapper > #topBtn { position:absolute; overflow:hidden; right:0px; padding:0 5px; top:34px; height:21px; }
#header > .wrapper > #topBtn li { float:left; margin-right:2px; margin-top:4px; border-left:1px #CCC solid; line-height:9px; padding:0 7px; }
#header > .wrapper > #topBtn li:first-child { border-left:0; }
#header > .wrapper > #topBtn li a { font-family: '돋음', san-serif; font-size:12px; line-height:9px; color:#565656; }

#header > .wrapper > #menu > .homeArea { display:none; }
#header > .wrapper > #menu { position:absolute; top:81px; z-index:999; width: 1000px; left: 0; }
#header > .wrapper > #menu .all { position:absolute; top:40px; left:0px; visibility:hidden; z-index:999; }
/* remove the list style */
	#nav { margin:0; padding:0; list-style:none; }
/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav > li { float:left; display:block; position:relative; z-index:500; margin:0 1px; }
/* this is the parent menu */
		#nav li a { display:block; padding:0 35px;  height:45px;line-height:45px; text-decoration:none; font-family: '맑은 고딕'; font-weight:bold; font-size:15px; color:#fff; text-align:center; }
#nav li a:hover { color:#f5ffa5; }
/* you can make a different style for default selected value */
		#nav a.selected { color:#f5ffa5; }
/* submenu, it's hidden by default */
		#nav ul { position:absolute; left:0; display:none; margin:0 0 0 10px; padding:0; list-style:none; }
#nav ul > li { width:140px; border-top:1px solid #fff; background-color:#f7f6f1; }
#nav ul li > a { display:block; padding:0 0 0 10px; ; width:128px; line-height:35px; height:35px; text-decoration:none; color:#333; text-align:left; font-size:12px; }
#nav ul li > a:hover { color:#000; }
#container {
*display:inline-block; width:1000px; overflow:hidden; margin: 35px auto 0; }
#container:after { display:block; clear:both; content:'' }
#footer { width:100%; background:#5f5f5f;  margin-top:40px; overflow:hidden; border-top:2px #404040 solid;  }
#footer >.wrapper { width:1000px; margin:0 auto 20px; position:relative;overflow:hidden;  }
#footer >.wrapper >.address { float:left; margin-top:24px; font-family: '돋움'; font-size:12px; line-height:19px; color:#e0e0e0; }
#footer >.wrapper >.logo { float:right; margin-top:13px; }
#footer .telMobile { display:none; }



/*------------ SMS--------------*/
#sendSMS { width:230px; border-radius:5px; overflow:hidden; position:fixed; bottom:10px; right:10px; z-index:10; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.2); }
#sendSMS .title {background:#ea112c; text-align:center; padding-top:10px; height:32px; font-weight:bold; }
#sendSMS .contents { background:#fff; border:1px #dee3f1 solid; border-top:none; padding:15px 13px; }
#sendSMS .contents textarea[name=messagebox] {background:#f8fafb; border:1px #dee3f1 solid; width:170px; height:52px; padding:15px;font-family: "돋움€"; font-size:12px; color:#333; line-height:19px;overflow:hidden;border-radius:5px;}
#sendSMS .inputText .textNum {font-family: "돋움€"; font-size:11px; color:#333; text-align:right; line-height:13px; margin-top:3px;}

#sendSMS .inputNumber {overflow:hidden; margin-top:7px;}
#sendSMS .inputNumber .telNum { float:left;font-family: "돋움€"; font-size:12px; color:#333; line-height:27px;}
#sendSMS .inputNumber input { float:left; width:36px; padding:5px; height:13px;background:#f8fafb; border:1px #dee3f1 solid;font-family: "돋움€" !important; font-size:12px; color:#333; border-radius:3px; margin-left:4px;}

#sendSMS input[name=btnSMS] {background:#3b3b3b; border:1px #3b3b3b solid; width:200px; height:35px; padding:5px;font-family: "맑은 고딕€"; font-size:12px; color:#fff; overflow:hidden;border-radius:3px; margin-top:13px;}



 @media all and (max-width:640px) {
#header { height: 55px; padding:0px 10px 0px 10px; background:none;}
#header > .wrapper { width:100%; margin:0 auto; position: inherit;  }
#header > .wrapper > #logo { display:none; }
#header > .wrapper > .tel { display:none; }
#header > .wrapper > #logoMobile { display:block; float:left; line-height:0; }
#header > .wrapper > #logoMobile img { height:55px; }
#header > .wrapper > #topBtnMobile { display:block; float:right; margin-top:15px; }
#header > .wrapper > #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 {margin-top:20px;border-top:0; }
#footer .telMobile { display:block; text-align:center; background-color:#fff; line-height:0; }
#footer >.wrapper { width:100%; margin:0 auto 0; position:relative;background-color:#fff; }
#footer >.wrapper >.address { float: none; padding :15px 0; text-align:center; font-family:sans-serif; font-size:0.8em; line-height:1.3em; color:#ededed; background:#4c4c4c; margin-top:0; }
#footer >.wrapper >.logo { display:none; }
}