@charset "utf-8";
@import url('font.css');

/*공통바디부분 시작*/

#wrap {  }
#header { position:absolute; border-bottom:0px solid rgba(255,255,255,0.15); width:100%;z-index:9; }
#header > .wrapper { width:100%; height:100px;  }
#header > .wrapper > .gnb { position:relative; margin:0 auto; width:1300px; height:100px; }
#header > .wrapper > .gnb > #logoMobile { display:none; }
#header > .wrapper > .gnb > .homeArea { display:none; }
#header > .wrapper > .gnb > .tel {  position:absolute; top:48px; right:0; }
#header > .wrapper > .gnb > #topBtnMobile { display:none; }
#header > .wrapper > .gnb > #logo { position:absolute; top:0; 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:15px; height:; }
#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:13px; line-height:12px; color:#fff; }

#header > .wrapper > #menu > .homeArea { display:none; }
#header > .wrapper > #menu { position:absolute; top:40px; left:50%; width:800px; margin-left:-530px; z-index:7; }
#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:800px; padding:0; 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 20px;  height:60px;line-height:60px; text-decoration:none; font-family: ; font-weight:500; font-size:18px; color:#fff; letter-spacing:-0.5px; text-align:center; }
#nav li a:hover { color:#a9efe1; }
/* you can make a different style for default selected value */
		#nav a.selected { color:#a9efe1; }
/* 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 #2fb298; background-color:#009c7d; }
#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; }
#nav .nav_mob { display:none; }

#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;}
#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 { 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 { position:absolute; height: 55px; padding:3% 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:12px; left:140px; }
#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:50px; }
#header > .wrapper > .gnb > #topBtnMobile { display:block; float:right; margin-top:15px; 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; margin-left:0;  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 > .gnb > #topBtn { display:none; }
#nav .nav_mob { display:block; }


#footer{ background:#1e1e1e; width:100%; margin:0 0 0; padding:0 0 25px; z-index:9;}
#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;}

}