html{
width:100%;
height:100%;
}

a:link    {color:#000; text-decoration:none;}
a:visited {color:#000;}
a:active  {color:#000;}
a:hover  {color:#000;}
a {outline: none; select-dummy: expression(this.hideFocus=true);}

/* Webfont Google */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /* font-family: 'Nanum Brush Script', cursive; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); /* font-family: 'Nanum Gothic Coding', monospace; */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* font-family: 'Nanum Myeongjo', serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); /* font-family: 'Nanum Pen Script', cursive; */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /*font-family: "Noto Sans KR", sans-serif;*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
@font-face {
  font-family: 'mark';
  font-style: normal;
  font-weight: 900;
  src: url(/common/font/mark_my_words.otf) format('opentype'),
  url(/common/font/mark_my_words.ttf) format('truetype');
 }

body {
font-family:'Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;
    font-size:17px;
letter-spacing:-1px;
margin:0;
padding:0;
color:#777;
width:100%;
height:100%;
background:#fff;
}
* {box-sizing:border-box;}
.animation {
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
.duck_foot {font-size:11px; line-height:15px;}
.txt_eng {font-family:'Nanum Square',NanumSquare;}
.mo_view {display:none;}
input, select, textarea {font-family:'Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;}
h1, h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:normal; }
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
p {margin:0; padding:0;}
img {vertical-align:top;}
#hd_login_msg, #hd_pop {display:none;}
.pager {position:absolute; z-index:1000; text-align:center; width:100px; top:680px; left:270px;
-webkit-transition:all 1.0s ease .1s;
-moz-transition:all 1.0s ease .1s;
-ms-transition:all 1.0s ease .1s;
-o-transition:all 1.0s ease .1s;
transition:all 1.0s ease .1s;
}
.pager.on {left:300px; opacity:1;}
.pager span {width:15px; height:15px; background:#fff; display:inline-block !important; text-indent:-9999px; margin:0 5px; cursor:pointer; border-radius:20px; opacity:0.5;}
.pager span.cycle-pager-active {background:#e9b670; opacity:1;}
/* 기본테이블 */
table {border-collapse:collapse;border-spacing:0; width:100%;}
table th, table td {border-bottom:#ddd 1px solid; padding:15px; background:#fff; font-weight:normal;}

#header {width:100%; position:fixed; z-index:1000; background:#fff; height:100px; top:0; left:0;}
/*#header:before {content:''; height:1px; background:#fff; position:absolute; top:80px; width:100%; left:0; opacity:0.1;}*/
#header .ci {position:absolute; left:50px; line-height:100px;}
#header .ci img {vertical-align:middle;}
#header .gnb {left:50%; position:absolute; margin-left:-400px;}
#header .gnb>li {display:inline-block; padding:0 30px;}
#header .gnb>li>a {height:100px; line-height:100px; font-weight:500; display:block; color:#212121; font-size:18px; letter-spacing:0;}
#header .gnb>li ul {position:absolute; text-align:left; padding:10px 0 0 0; max-height:0; overflow:hidden; min-width:100px; font-size:16px; text-align:center; margin-left:-15px;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb>li ul:before {content:''; height:2px; background:#e9b670; position:absolute; top:0; width:0; left:0;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb>li:hover ul:before {width:100%;}
.soon {opacity:0.5;}
.soon ul {display:none;}
#header.on .gnb>li ul, #header:hover .gnb>li ul {max-height:200px;}
#header .gnb>li ul>li>a {display:block; height:35px; line-height:35px; color:#fff;}
#header .tel {position:absolute; right:40px; top:26px; color:#39001f; font-size:25px; font-family:font-family:'Nanum Square',NanumSquare; font-weight:600;}
.btn_all {position:fixed; right:50px; top:34px; cursor:pointer; z-index:4; height:26px; display:none;}
.btn_all.close {position:fixed;}
.btn_all.close div.line01, .btn_all.close div.line03 {width:0px;}
.btn_all li div {width:25px; height:2px; background:#222; margin:5px 0;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
.quick {position:absolute; right:50px; overflow:hidden; top:30px;}
.quick li {float:left; margin:0 10px;}
.open {position:absolute; right:50px; top:100px; z-index:999;}

.mcont_wrap {width:100%; margin:0; padding:0;}
.mcont {width:100%; height:1050px; background:#ccc; position:relative !important;}
/*.cycle-carousel-wrap, .cycle-slideshow {width:100% !important; height:100%; padding:0 !important;}*/
.mcont .title {top:200px; position:absolute;}
.mcont .con_text {position:absolute;}
.mcont .title li {font-size:50px; color:#fff; font-weight:100;}
.mcont .title li+li {font-size:80px; line-height:140px; font-weight:600;}
/*.mcont .cont {position:absolute; z-index:2; width:1300px; height:350px; left:50%; top:50%; margin:-70px 0 0 -650px;}*/
.mcont01 .cont {width:100%; height:100%; left:0; margin:0; top:0;}
.mcont01 .mtext {position:absolute; left:50%; top:250px; margin:0 0 0 -300px;}
.mcont01 {background:url('../img/mimg01.jpg')center center; background-size:cover;}

.mcont02 {background:url('../img/mcont02_bg.jpg')center center; background-size:cover;}
.mcont02 .title {left:10%;}
.mcont02 .con_text {right:10%; top:50%; margin-top:-150px;}

.mcont03 {background:url('../img/mcont03_bg.jpg')center center; background-size:cover;}
.mcont03 .title {left:10%;}
.mcont03 .con_text {right:10%; top:50%; margin-top:-475px;}

.mcont04 {background:#204d4e;}
.mcont04 .title {left:10%; top:50%; margin-top:-442px;}
.mcont04 .con_text {right:10%; top:50%; margin-top:-373px;}

.mcont05 {background:#fff; position:relative;}
.mcont05  .cont {width:100%; height:100%; text-align:center;}
.mcont05 .title {left:0; top:150px; position:relative;}
.mcont05 .mcont_wrap {width:1240px !important; top:50%; left:50%; position:absolute !important; margin:-70px 0 0 -620px; height:100%;}
.mcont05 .cycle-carousel-wrap {width:100%;}
.mcont05 .mcont_wrap img {margin:0 10px;}
.mcont05 .arrow {top:50%; position:absolute; z-index:999; cursor:pointer; margin-top:100px;}
.mcont05 .arrow_l {left:10%;}
.mcont05 .arrow_r {right:10%;}

.mcont06 {background:#f9f9f9; text-align:center; height:1100px;}
.mcont06 .con_text {left:50%; top:50%; margin:-493px 0 0 -383px;}

#footer {background:#262626;}
.mainp #footer {width:100%; z-index:1000;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#footer .wrap {width:100%; padding:30px 50px 30px 250px; font-size:14px; position:relative; line-height:20px;}
#footer .wrap .atten {color:#fff; margin-bottom:5px;}
#footer .wrap .line {position:relative; width:1px; height:10px; background:#fff; opacity:0.2; margin:0 10px; display:inline-block;}
#footer .wrap .footer_bi {position:absolute; height:30px; left:50px;}
#footer .wrap .duck_foot, #footer .wrap .copy {color:#666666;}
#footer .wrap .duck_foot {margin:7px 0;}
#footer .wrap .copy {font-size:12px;}
#footer .wrap .copy {position:absolute; right:50px; top:50px; letter-spacing:0;}

.simg {height:400px; background:#333; background-size:cover; text-align:center; color:#fff; line-height:400px; position:relative;}
.simg h2 {position:relative; z-index:3; font-size:55px; opacity:0.1;}
.simg:after {content:''; background:url('/img/simg.jpg')center top -30px; background-size:cover; opacity:0.1; z-index:2; position:absolute; width:100%; height:100%; left:0; top:0;
-webkit-transition:all 1.5s ease .1s;
-moz-transition:all 1.5s ease .1s;
-ms-transition:all 1.5s ease .1s;
-o-transition:all 1.5s ease .1s;
transition:all 1.5s ease .1s;
}
.simg.on:after {content:''; background:url('/img/simg.jpg')center top; background-size:cover; opacity:1;}
.simg.on h2 {opacity:1;
-webkit-transition:all 1.5s ease .1s;
-moz-transition:all 1.5s ease .1s;
-ms-transition:all 1.5s ease .1s;
-o-transition:all 1.5s ease .1s;
transition:all 1.5s ease .1s;
}
.simg .tab_wrap {width:1200px; position:absolute; bottom:0; height:50px; overflow:hidden; left:50%; margin-left:-600px; z-index:3;}
.simg .tab_wrap .btn_home {float:left;}
.simg .tab_wrap ul {overflow:hidden; width:1150px;}
.simg .tab_wrap ul li {float:left; background:#fff;}
.busip .simg .tab_wrap ul li {width:33.3%;}
.premp .simg .tab_wrap ul li {width:50%;}
.wishp .simg .tab_wrap ul li, .newsp .simg .tab_wrap ul li {width:50%;}
.simg .tab_wrap ul li a {font-size:18px; color:#999; border:#ddd 1px solid; line-height:50px; height:50px; display:block; margin-left:-1px; text-align:center;}
.simg .tab_wrap ul li a:hover,
.sub01p .simg .tab_wrap ul li.st01 a,
.sub02p .simg .tab_wrap ul li.st02 a,
.sub03p .simg .tab_wrap ul li.st03 a,
.sub04p .simg .tab_wrap ul li.st04 a
{color:#fff; border:#39001f 1px solid; background:#39001f;}

.tab {overflow:hidden; margin:0 0 50px 0;}
.tab li {float:left; width:50%;}
.tab li a {display:block; height:50px; line-height:50px; text-align:center; font-size:15px; border-bottom:#b18247 1px solid; color:#777;}
.sub01p .tab li.st01 a,
.sub02p .tab li.st02 a
{border:#b18247 1px solid; border-bottom:0; color:#b18247;}

/*관심고객*/
#scont {width:1200px; margin:150px auto 50px auto;}
.wishp #header {background:#fff;}
.wishp #scont {font-size:12px; font-family:'Noto Sans KR',Noto Sans KR; line-height:20px; left:0; position:relative; opacity:1;
-webkit-transition:all 1.5s ease .1s;
-moz-transition:all 1.5s ease .1s;
-ms-transition:all 1.5s ease .1s;
-o-transition:all 1.5s ease .1s;
transition:all 1.5s ease .1s;
}
.wishp form {text-align:left;}
.wishp table {background:#fff; border-top:#333 2px solid;}
.wishp table th {background:#eaeaea; font-weight:500; color:#333; border-right:#ddd 1px solid; border-left:#ddd 1px solid; width:200px; text-align:center;}
.wishp table td {border-right:#ddd 1px solid; text-align:left;}
.wishp table td input[type=text], input[type=button] {background:#f8f8f8; border:#eaeaea 1px solid; height:30px;}
input[type=button] {background:#fff; border:#ddd 1px solid; color:#333;}
.wishp dl {margin:40px 0;}
.wishp .sec table td {text-align:center;}
.wishp dl dt {font-size:14px; color:#333; margin-bottom:20px;}
.wishp dl dt div {font-size:12px; color:#777;}
.wishp .bbs_btn {text-align:center; padding-top:20px;}
.wishp .bbs_btn input,
.wishp .bo_fx *
{border:#eaeaea 1px solid; background:#fff; height:40px; line-height:40px; padding:0 30px; margin:0 2px; font-weight:500;}
.reserp #scont, .wishp #scont {min-height:80%;}
.reserp #listForm>div:first-child {margin-bottom:20px;}
.reserp #listForm>div:first-child span {font-size:14px; padding:0 10px;}

/*게시판*/
#bo_w, #content, #bo_list {width:1200px; margin:50px auto;}
#container {font-size:14px;}

.ui-datepicker {width:300px !important;}
.ui-datepicker td span, .ui-datepicker td a {padding:10px !important;}
.ui-datepicker .ui-datepicker-title select {font-size:14px !important; padding:5px 2px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:10px !important;}
.ui-datepicker table {font-size:11px !important;}

/*사이즈*************************************************************/
@media all and (max-width:1510px) {
/* 헤더 */
#header {height:60px;}
#header .wrap {width:100%;}
#header .ci {left:15px; line-height:60px;}
#header .ci img {height:30px;}
#header .gnb {position:fixed; background:#333; top:60px; width:90%; padding:0; margin-left:100%; z-index:-1; left:0;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb.on {margin-left:5%; z-index:1;}
#header .gnb li {display:block; position:relative; z-index:1;}
#header .gnb li a {color:#fff; height:50px; line-height:50px; border-top:#444 1px solid; letter-spacing:5px; display:block;}
#header .gnb li:first-child a {border-top:0;}
#header .gnb:after {position:fixed; background:#333; width:100%; height:100%; opacity:0; top:60px; left:0; content:''; z-index:-1; display:none;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb.on:after {opacity:0.9; display:block;}
.btn_all {right:15px; top:18px; z-index:1003; display:block;}
.btn_all.on {position:fixed;}

.quick {position:fixed; top:auto; bottom:0; width:100%; left:0;}
.quick li {width:33.3%; margin:0; text-align:center; background:#9f9187; height:50px; line-height:50px;}
.quick li a {display:block;}
.quick li+li {background:#2c4e51;}
.quick li+li+li {background:#e06b09;}
.quick li img {vertical-align:middle;}

}

/*모바일*************************************************************/
@media all and (max-width:1099px) {

/* 공통 */
.mo_view {display:block;}
.pc_view {display:none;}
body {font-size:14px;}
#cont_wrap {width:100%; min-height:100px; margin:0 auto; padding:0; max-width:900px;}
.view_mo {display:block;}
#contp {width:100%; padding:70px 15px 15px 15px;}
#simg {height:200px; line-height:250px; font-size:30px;}
.nav {display:none;}
img {max-width:100%;}

.open {right:10px; top:60px; width:60px;}

.mcont {height:auto; padding:50px 20px;}
.cont img {position:relative !important; margin:0 !important;}
.mcont .title {margin-bottom:30px !important; top:0;}

.mcont01 {height:500px;}
.mcont01 .mtext {left:10%; top:70px; width:50%;}

.mcont02 .title {width:50%; top:0; left:0;}
.mcont02 .con_text {right:auto;}

.mcont03 .title {width:57%; left:0;}
.mcont03 .con_text {top:0; right:auto;}

.mcont04 .title {left:0;}
.mcont04 .con_text {top:0; right:auto;}

.mcont05 .title {left:0;}
.mcont05 .con_text {top:0; right:auto;}
.mcont05 .mcont_wrap {width:90% !important; top:0; left:5%; margin:0; position:relative !important;}
.mcont05 .arrow {width:40px; position:absolute !important; margin-top:15px !important;}
.mcont05 .arrow_l {left:15px;}
.mcont05 .arrow_r {right:15px;}

.mcont06 .con_text {left:0;}

#footer .wrap {padding:20px 20px 80px 20px; font-size:12px; line-height:17px;}
#footer .wrap .copy {position:relative; top:0; right:auto;}
#footer .wrap .line {height:10px; margin:0 5px;}
#footer .wrap .atten {margin:0 0 5px 0;}
#footer .wrap .duck_foot {margin:5px 0;}

/*관심고객*/
#scont {width:100%; margin:75px 0 0 0; padding:15px;}
.wishp table th {width:110px;}
.agree .mm, .agree02 .mm {display:block; margin:5px 0;}

#container {margin:60px 0 0 0;}
#bo_w, #content, #bo_list {margin:0; width:100%;}
#bo_list {margin:0; padding:0 15px;}

}