@charset "utf-8";

#header{ position: relative; background:url(../images/header_bg.png); border-bottom:0px solid #eee; width:100%; height:140px; z-index:9; }
#header > .wrapper{ position:relative; width:1300px; margin:0 auto; }
#header > .wrapper > .logo { position:absolute; top:60px; z-index: 3;}
#header > .wrapper > .tel { position:absolute; right:0; top:0; overflow:hidden;}
#header > .wrapper > .tel ul li { float:left; }
#header > .wrapper > .online { position:absolute; right:0; top:0; overflow:hidden;}

#gnb { position:absolute; right:0; top:0; overflow:hidden;}
#gnb li { float:left; margin-right:2px; border-left:1px #cdc5f2 solid;line-height:4px; padding:0 8px;}
#gnb li:first-child { border-left:0;}
#gnb li:last-child { padding-right:0;}
#gnb li a{font-size:13px; line-height:15px; color:#cdc5f2;}

#header > .wrapper > #menu { position:absolute; top:40px; right:0; z-index:9; }


#sns { position:absolute; right:0; top:12px; overflow:hidden;}
#sns li { float:left; margin-left:10px;}



/*
#footer{ width:100%; margin-top:50px; background: #222; }
#footer >.wrap{ width:1300px; margin:0 auto; display: flex; justify-content: space-between;}
#footer >.wrap >.address{ width:1300px; margin:40px 0;  font-size:13px; color:#a9a9a9; line-height:1.7em;}
#footer >.wrap >.address a{ color:#333;}
#footer >.wrap >.logo{ margin-top:30px;}
*/

/* 푸터 */
#footer{  background:#f2f2f2; width:100%;  margin-bottom:; 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:#222; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:1px solid #d2d2d2; padding-left:50px; font-size:13px !important; color:#555; line-height:21px; letter-spacing:0;}




/* 하단코드는 불필요시 삭제가능 */



/*------------ SMS--------------*/
#sendSMS { width:100%; overflow:hidden; position:fixed; bottom:0; right:0; z-index:7; height:176px;  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 28%, #434343 28%);
 }
#sendSMS .wrap {width: 1300px; margin: 0 auto; display: flex}
#sendSMS .pic { margin-left: 50px; margin-top:-34px; }

#sendSMS .title { color: #fff;  font-size:27px; margin-top: 5px;  }
#sendSMS .contents form {  display: flex; margin-left: 20px; margin-top: 70px;}
#sendSMS .contents textarea[name=messagebox] {background:#fff;  width:250px; height:47px; padding:15px;font-family: "돋움"; font-size:12px; color:#333; line-height:19px;overflow:hidden; margin-left: 20px;}
#sendSMS .inputText .textNum {font-family: "돋움"; 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 { float:left;font-family: "돋움"; font-size:12px; color:#333; line-height:40px;}
#sendSMS .inputNumber input[type=text] { display: inline-block;  width:80px;  line-height:40px;background:#fff; font-family: "돋움" !important; font-size:14px; color:#333; margin-left:3px; text-align: center; }
#sendSMS .checkPrivacy {  margin-top:15px; display:block; text-align: left; }
#sendSMS .checkPrivacy a { color:#fff; }
#sendSMS input[name=btnSMS] {background:#FE4B4B;  width:134px; height:77px; font-size:16px; color:#fff; overflow:hidden; margin-left: 10px; cursor: pointer; font-weight: bold;}



/*------------ 이메일--------------*/
.sendFormMail { width:350px; border-radius:5px; overflow:hidden; position:fixed; bottom:305px; right:10px; z-index:10; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.2); }
.sendFormMail > .title {background:#ea112c; text-align:center; padding-top:10px; height:32px; font-weight:bold; }
.sendFormMail .contents1 { background:#fff; border:1px #dee3f1 solid; border-top:none; padding:15px 13px; font-family: "돋움"; font-size:12px; color:#333; }
.sendFormMail .contents1 legend { display:none;}


.sendFormMail .contents1 label { float:left; width:20%;line-height:26px; margin-bottom:5px;}

.sendFormMail .contents1 input[name=title] { float:left; width:80%;height:26px; padding:5px; background:#f8fafb; border:1px #dee3f1 solid;border-radius:3px; box-sizing:border-box;margin-bottom:5px;}

.sendFormMail .contents1 input[name=email_id] { float:left; width:35%;height:26px; padding:5px; background:#f8fafb; border:1px #dee3f1 solid;border-radius:3px; box-sizing:border-box;margin-bottom:5px;}
.sendFormMail .contents1 input[name=email_domain] { float:right; width:35%;height:26px; padding:5px; background:#f8fafb; border:1px #dee3f1 solid;border-radius:3px; box-sizing:border-box;margin-bottom:5px;}


.sendFormMail .contents1 textarea[name=emailbox] {float:left; width:80%;height:60px; background:#f8fafb; border:1px #dee3f1 solid;  padding:5px;border-radius:5px; box-sizing:border-box;margin-bottom:5px;}



.sendFormMail input[name=btnSendMail] {background:#3b3b3b; border:1px #3b3b3b solid; width:100%;  box-sizing:border-box; height:35px; padding:5px; font-size:12px; color:#fff; overflow:hidden;border-radius:3px; margin-top:13px;}