@charset 'utf-8';
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body,div,ul,li,p {margin:0; padding:0; font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;}
li {list-style-type:none;}
img {border:0px !important; max-width:100% !important;}
a {color:#555; font-size:12px; text-decoration:none;}
a:hover {}
/*
@media (min-width:768px) {.contents {width:750px;}}
@media (min-width:992px) {.contents {width:970px;}}
@media (min-width:1200px) {.contents {width:100%;}}
.contents {width:100%; max-width:1300px; margin:0 auto;}
*/

/* 539pxÀÌÇÏ:input */
@media (max-width:539px) {
input {max-width:280px !important;}
.mememail {max-width:180px !important;}
}
/* 540pxÀÌ»ó980pxÀÌÇÏ:input */
@media all and (min-width: 540px) and (max-width: 980px ) {input {max-width:480px !important;}}

/* º»¹®,ÇÏ´Ü Àüü°¡·ÎÆø ¼³Á¤ */
@media (min-width: 1300px) {
  .container { width: 1300px;  }
  .n_con6 .container { width: 1270px; margin:0 auto;}
}
 
.n_contents {width:100%; max-width:1300px; margin:0 auto; border:0px solid #f00; box-sizing:border-box; }

/* ¼­ºêÆäÀÌÁö ************************************************/
#wrap {margin-top:1px;}/* ¼­ºêÆäÀÌÁö »ó´Ü¿©¹é */
.contentsArea {max-width:100%; background-color:#fff; text-align:left;}
.test {background-color:#ddd;}
/* »ó´Ü°øÅë:·Î±×ÀÎ -YOO¼öÁ¤ */
.gnb_log {margin:0 auto; width:100%; max-width:1270px; height:120px; background-color:#fff;}/* »ó´Ü³ôÀÌÁöÁ¤ & °¡·ÎÆøÁöÁ¤ */
.gnb_log:after { content:''; display:block; clear:both; }
.gnb_log .login {float:right; margin:0px 0px 0px 0px;}
.gnb_log .login ul {overflow:hidden;}
.gnb_log .login li {float:left; margin-right:0px;}
.gnb_log .login li a {display:block; width:60px; height:24px; line-height:24px; text-align:center; background-color:#fff; color:#fff; /*border-radius:2px; transition:0.6s; */}
.gnb_log .login li a:hover {background-color:#fff; color:#fff;}

.gnb_log .login li.bt2 a {display:block; width:60px; height:24px; line-height:24px; text-align:center; background-color:#fff; color:#fff; /*border-radius:2px; transition:0.6s; */}
.gnb_log .login li.bt2 a:hover {background-color:#fff; color:#fff;}


/* 767pxÀÌÇÏ */
@media (max-width:767px) {
.gnb_log .login {margin:0px 20px 0px 0px;}
}


/* »ó´Ü°øÅë:³×ºñ°ÔÀ̼Ǹ޴º -YOO¼öÁ¤ */
.plusMenu {width:100%; max-width:100%; margin:0 auto; background-color:#fff; position:absolute; top:40px; left:0; z-index:100; border-bottom:0px solid #ddd; opacity:1}/* ³×ÀÌ°ÔÀÌ¼Ç À§Ä¡ */
.fixed {position:fixed; top:0px;}
.nav {width:1270px; max-width:100%; margin:0 auto; font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif; }/* »ó´ÜÀüü °¡·Î»çÀÌÁî¼³Á¤ */
.nav .logoArea {width:34%; display:block; position:relative; float:left; text-align:left; clear:both;}

.nav .logoArea .button {display:none; width:40px; height:40px; line-height:40px; text-align:center;  background:#0078FF url('/bizdemo42072/img/plus/button_on.png') no-repeat 3px 2px; color:#fff;}
.nav .logoArea .button.on {background:#0078FF url('/bizdemo42072/img/plus/button_off.png') no-repeat 3px 2px; color:#fff;}



.logo {display:block; padding-top:0px; text-align:center; background-color:#fff; color:#fff;}
.logo img {max-width:100%;}
.nav .menuArea {width:100%; float:right;}/* ³×ºñ°ÔÀÌ¼Ç °¡·Î»çÀÌÁî¼³Á¤ */
.mainmenu {display:block; width:100%; padding-top:10px; font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;}
.mainmenu > ul {float:right; width:100%;}
.mainmenu > ul > li {width:25%; position:relative; float:left; background-color:#0078FF; font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif; }/* width:20% */
.mainmenu > ul > li:hover {background-color:#288CFF;font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif; }
.mainmenu > ul > li > a {display:block; height:54px; line-height:54px; text-align:center; font-size:17px; font-weight:bold; color:#fff; transition:0.6s;font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif; }
.mainmenu > ul > li:hover > a {color:#FFF5F6; font-size:18px; font-weight:bold;font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif; }
.submenu {display:none; position:absolute; left:0px; width:100%;}
.submenu a {display:block; padding:15px; text-align:center; background-color:#288CFF; color:#fff; font-size:14px; font-weight:bold; transition:none;}
.submenu a:hover {background-color:#0078FF; color:#FFF5F6;}

/* 767pxÀÌÇÏ:³×ºñ°ÔÀ̼Ǹ޴º */
@media (max-width:767px) {
 .nav .logoArea {width:100%;}
 .nav .logoArea .button {display:block; position:absolute; top:5px; right:20px; border-radius:2px;}
 
 .nav .menuArea {width:100%;}
 .nav .mainmenu {display:none; position:absolute; width:100%; padding-top:0px;}
 .nav .mainmenu > ul {width:100%;}
 .nav .mainmenu > ul > li {width:100%;}
 .nav .mainmenu > ul > li > a {font-size:12px; height:52px; line-height:52px;}
 .nav .mainmenu > ul > li > .submenu {position:relative; top:0px; left:0px;} 
}
@media (min-width:768px) {
 .nav .mainmenu {display:block !important; position:relative;}
}
/* 767pxÀÌÇÏ */
@media (max-width:767px) {
 
 /*¿ÞÂʹè³Ê*/
 .n_banner {display:none;}
 /* Æû¸ÞÀÏ */
 td.formmail_cell_bgcolor {max-width:100px;}
 td.formmail_cell_bgcolor input,
 td.formmail_cell_bgcolor textarea
 {width:100%; max-width:100%;}
 input[name=phone_no1],
 input[name=phone_no2],
 input[name=phone_no3] {width:60px !important;}
}
/* 767pxÀÌÇÏ:º»¹®À̹ÌÁö */
@media (max-width:767px) {
 .pc_view {display:none}
 .mo_view {display:block}
}
/* 768pxÀÌ»ó:º»¹®À̹ÌÁö */
@media (min-width:768px) {
 .pc_view {display:block}
 .mo_view {display:none}
}
.nonpadding {padding:0 !important;}

/* ¸ÞÀÎÄÜÅÙÃ÷ ************************************************/

/* slide-01 */
.carousel {height:auto; padding-top:0px;border:0px solid #000;}
.carousel-caption {z-index:10;}
.carousel .item {height:100%; background-color:#777;}
.carousel-inner > .item > img {width:100%; height:100%;}


@media all and (min-width: 770px) and (max-width: 1151px ) {
.carousel { padding-top:28px;}
}
@media (min-width: 1152px) {
.carousel { padding-top:50px;}
}


/* con1 : 3´Ü¹è³Ê */
.n_con1 {padding-top:50px; padding-bottom:30px; border:0px solid #f00; }
.n_con1 .box img {width:100%;}
.n_con1 .big1 {font-size:55px;line-height:50px;overflow:hidden; color:#22385E; font-weight:bold; padding:0px 0; text-align:center;}
.n_con1 span.first {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition: -webkit-transform 0.5s;
 transition: transform 0.5s;
}
.n_con1 span.first:hover {
 -webkit-transform: scale(1);
 transform: scale(1);
}

.n_con1 .big2 {font-size:55px;line-height:50px;overflow:hidden;color:#5395B9; font-weight:bold; padding:0px 0; text-align:center;}
.n_con1 span.second {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition: -webkit-transform 0.5s;
 transition: transform 0.5s;
}
.n_con1 span.second:hover {
 -webkit-transform: scale(1);
 transform: scale(1);
}
.n_con1 .big3 {font-size:55px;line-height:50px;overflow:hidden;color:#ABB5B8; font-weight:bold; padding:0px 0; text-align:center;}
.n_con1 span.third {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition: -webkit-transform 0.5s;
 transition: transform 0.5s;
}
.n_con1 span.third:hover {
 -webkit-transform: scale(1);
 transform: scale(1);
}
.n_con1 .box p {font-size:12px; color:#888; font-weight:normal; padding:0 0 5px 0; text-align:center;}
.n_con1 .box span {padding:10px 0 10px 0; text-align:center; display:block;}
.n_con1 .box span a {font-size:11px; line-height:11px; padding:10px;color: #fff; }

/* 1024pxÀÌÇÏ:º»¹®À̹ÌÁö */
@media (max-width:1024px) {

.n_con1 .big1,
.n_con1 .big2,
.n_con1 .big3 {font-size:40px;line-height:38px;}
}

/* n_con5 : full ¹è°æÀ̹ÌÁö */
.n_con5 {
 background:#eaeaea url('/bizdemo42072/img/x.jpg');
 background-attachment: fixed;
 background-position: center center;
 height:400px;
 overflow:hidden;
 margin-top:0px;
 background-size:cover;
}
.n_con5 .con {margin:0px auto;}
.n_con5 h2 {text-align:center; margin-top:0px;color:#fff; font-size:50px;}
.n_con5 p {text-align:center; color:#ccc; font-size:24px; line-height:24px;}

/* con4 : ÃßÃâ°¶·¯¸® */
.n_con4 {padding-top:0px; border:0px solid #f00;}
.n_con4 h2 {font-size:35px; color:#0c246d; font-weight:bold; padding:35px 0; text-align:center;height:65px;}
.n_con4 h4 {font-size:20px; color:#8A8A8A; font-weight:bold; padding:0px 0 20px 0; text-align:center;}
.n_con4 img {width:100%; border:0px solid #f00;}


.n_con6 {margin-top:0px;}
.n_con6 {padding-top:0px; border:0px solid #f00;}

.n_con6 .box h3 {font-size:16px; color:#333; font-weight:bold; padding:5px 0; text-align:center;}
.n_con6 .box p {font-size:12px; color:#888; font-weight:normal; padding:0 0 5px 0; text-align:center;}
.n_con6 .box span {padding:50px 0 0px 0; text-align:center; display:block;}
.n_con6 .box span a {font-size:11px; line-height:11px; color:#555; font-weight:bold; border:0px solid #ccc !important;}

.n_con6 .box a:hover {opacity:0.3; }


.n_con6 h4 {width:100%;font-size:15px;text-align:center;color:#fff;}
.n_con6 h2 {width:100%;font-size:26px;text-align:center;color:#fff;}





.nonpaddingbn1 { padding:0;height:262px; background:#243B62 url('/bizdemo42072/img/plus/banner_bg1.jpg');}
.nonpaddingbn2 { padding:0;height:262px; background:#E9E7D8;}




.n_con6 .nonpaddingbn2  h4 {color:#7F7F7F;}
.n_con6 .nonpaddingbn2  h2 {color:#7F7F7F;}

.nonpaddingbn3 {height:262px; background:#000000 url('/bizdemo42072/img/plus/banner_bg3.jpg');}

.n_con6 .nonpaddingbn3  h4 {color:#5B5C5A;}
.n_con6 .nonpaddingbn3  h2 {color:#5B5C5A;}
.nonpaddingbn4 {padding:0 20px; height:262px; }
.nonpaddingbn5 { padding:0; height:262px; background:#081A37 url('/bizdemo42072/img/plus/banner_bg4.jpg');}
.nonpaddingbn6 { padding:0;height:262px; background:#C0BCB6;}

.n_con6 .tit {overflow:hidden; padding-top:24px;padding-bottom:10px; border-bottom:0px solid #ccc;}
.n_con6 .tit h3 {float:left; font-size:17px; padding-top:4px; font-weight:bold; color:#000;}
.n_con6 .tit span {float:right; font-size:12px; color:#555;padding-top:0;}
.n_con6 .tit span.gntxt {float:left; font-size:17px;padding-top:1px; font-weight:bold; color:#828282;}

.n_con6 .customer {width:100%; text-align:center;border:0px solid #f00;padding:0;margin:0;}
.n_con6 .customer h4 {width:100%;color:#fff; font-weight:bold;padding:50px 0 10px 0;}
.n_con6 .customer h2 {width:100%;color:#fff; font-weight:bold;padding:0px 0 25px 0;}


.n_con6 .customer span {width:100%;padding:0px 0 0 0 ;margin:0;}
.n_con6 .customer span.wtxt {font-size:18px; line-height:22px;color:#fff; font-weight:bold; padding:0px 0 0px 0px}
.n_con6 .customer span.gtxt { font-size:13px; color:#fff; padding:0px 0 0px 5px;}



/* ¼­ºêÆäÀÌÁö ************************************************/
/* ÁÂÃø¸Þ´º -YOO¼öÁ¤*/
.sub_menu { width:86%; border:0px solid #2cc}
.sub_menu h2 {height:50px;padding-left:25px; text-align:left;line-height:50px; font-size:22px; font-weight:bold; color:#fff;  background:#536497 url('/bizdemo42072/img/plus/sub_tit_bg.gif'); border:0px solid #2cc}
.sub_menu ul {}
.sub_menu ul li {margin-bottom:1px;text-align:left; border-bottom:1px solid #ccc}
.sub_menu ul li a {display:block; padding:15px 25px; font-size:15px; color:#555; transition:none;}
.sub_menu ul li a:hover {color:#000; }


.sub_menu ul li.depth3 {margin-bottom:1px;text-align:left; border-bottom:1px solid #F0F0F0}
.sub_menu ul li.depth3 a {padding:4px 0px 4px 40px; font-size:14px; color:#8D8D8D;}

@media (max-width:768px) {.sub_menu {  width:100%; padding-top:25px;}}

/* footer:°øÅëÇÏ´Ü ********************************************/
#footer {width:100%; margin:0 auto; height:auto; margin-top:0px; padding:0px 0; background-color:#F4F4F4;}
#footer:after { content:''; display:block; clear:both; }
#footer .con1 {padding:10px 0;  margin:0 auto;text-align:center;}
#footer .con1 h2 {font-size:30px; font-weight:bold; color:#A0A0A0; padding-bottom:0px}
#footer .con1 ul {}
#footer .con1 ul li {font-size:12px; color:#A0A0A0;padding-top:10px;}

#footer .con1 span.lboxtxt {text-align:center; height:70px; line-height:80px;font-size:25px; font-weight:bold; border:1px solid #BDBDBD; color:#A0A0A0; padding:15px 50px;margin:0px 0px 30px 0px;}
#footer .con1 span.lboxtxt a,
#footer .con1 span.lboxtxt a:hover {font-size:25px; color:#A0A0A0; padding:15px 50px;margin:0px 0px 30px 0px;}

/* Ãß°¡YOO - 540ÀÌÇÏ È­¸é¿¡¼­ ¾àµµ,¸ÞÀΰ¶·¯·¯,¸ÞÀÎÀ̹ÌÁö ³ôÀÌ°ª´õÀÌ»ó ÀÛ¾ÆÁöÁö¾Ê°Ô¼³Á¤ *****/
@media (max-width:540px) {
 .mapif {width:340px; height:216px;}
 .n_con5 { height:230px;}
 .first-slide  {border:0px solid #000;height:200px !important;}
 .second-slide  {border:0px solid #000;height:200px !important;}
 .third-slide  {border:0px solid #000;height:200px !important;}
}
@media all and (min-width: 540px) and (max-width: 1024px ) {
.container {border:0px solid #000;}
.n_con1 .col-md-4 {border:0px solid red;width:33.3%;}
.contentsArea .col-md-7 {border:0px solid red;width:70%;}
.contentsArea .col-md-5 {border:0px solid red;width:30%;}
.contentsArea .col-md-2 {border:0px solid red;width:25%;}
.contentsArea .col-md-10 {border:0px solid red;width:75%;}
.mapif {width:740px; height:500px;}
.n_con5 { height:300px;}
}
@media (min-width:1024px) {
 .mapif {width:945px; height:600px;}
}
.contentsArea1 {max-width:100%; background-color:#e9e9e9; text-align:left;}

/* ÇϴܽºÅ©·Ñtop */
.scrollToTop{width:50px; height:50px; text-align:center; position:fixed; z-index:100; bottom:20px; right:20px; display:none; background: url('/bizdemo42072/img/images/btn_scrolltop.png') no-repeat 0px 0px;}
.scrollToTop:hover{text-decoration:none;}

/* ÀüÈ­¹öÆ° */
.tel_but li {float:left; margin-right:1px;}
.tel_but li a {display:block;font-size:25px; font-weight:bold;  width:330px; height:65px; line-height:65px; text-align:center; background:#2f478e url('/bizdemo42072/img/plus/call_icon.png') no-repeat 20px 8px; color:#fff; border-radius:10px; transition:0.6s; }
.tel_but li a:hover {background-color:#7988b2 color:#f00}






/* ¸ÞÀÎ ¸ð¾î ¹öÆ° */
.btnplus {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
 
 }
.btnplus-default {
  background-color: #0A70CD;
}
.btnplus-default:focus,
.btnplus-default.focus {
  background-color: #0A70CD;
}
.btnplus-default:hover {
  
  background-color: #5395B9;
;
}