@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; }



/* 539pxÀÌÇÏ:input */
@media (max-width:759px) {

}


li {list-style-type:none;}


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;}
img {border:0px !important;max-width:100% !important; }
*/



/* 539pxÀÌÇÏ:input */
@media (max-width:539px) {
input {max-width:100% !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;  }
  .containerfoot {    width: 1300px;  }
}
 
.n_contents {width:100%; max-width:1300px; margin:0 auto; border:0px solid #f00; box-sizing:border-box; }
.scrollToTop{width:50px; height:50px; text-align:center; position:fixed; z-index:100; bottom:20px; right:20px; display:none; background: url('/bizdemo36576/img/images/btn_scrolltop.png') no-repeat 0px 0px;}
.scrollToTop:hover{text-decoration:none;}


/* ¼­ºêÆäÀÌÁö ************************************************/
#wrap {margin-top:0px;}/* ¼­ºêÆäÀÌÁö »ó´Ü¿©¹é */
.contentsArea {max-width:100%;  background-color:#fff; text-align:left;margin-bottom:20px;margin-top:50px; border:0px solid #f00;}
.contentsArea1 {max-width:100%; background-color:#e9e9e9; text-align:left;}
.contentsArea2 {max-width:100%; background-color:#fff; text-align:left;}
.test {background-color:#ddd;}




/* »ó´Ü°øÅë:·Î±×ÀÎ -YOO¼öÁ¤ */
.logbg {margin:0 auto; width:100%; background-color:#fff;}
.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; background-color:#4C4C4C;}
.gnb_log .login li a {display:block; width:60px; height:20px; line-height:20px; text-align:center; color:#fff; /*border-radius:2px; transition:0.6s; */}
.gnb_log .login li a:hover {color:#f00;}
.gnb_log .login .color1 {background-color:#ADAAA1;}
/* 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;z-index: 999999999999999999999;}/* ³×ÀÌ°ÔÀÌ¼Ç À§Ä¡ */
.fixed {position:fixed; top:0px;}
.nav {width:1270px; max-width:100%; margin:0 auto;}/* »ó´ÜÀüü °¡·Î»çÀÌÁî¼³Á¤ */
.nav .logoArea {width:25%; display:block; position:relative; float:left;}
.nav .logoArea .button {display:none; width:40px; height:40px; line-height:40px; text-align:center;  background:#878787 url('/bizdemo36576/img/plus/button_on.png') no-repeat 3px 2px; color:#fff;}
.nav .logoArea .button.on {background:#878787 url('/bizdemo36576/img/plus/button_off.png') no-repeat 3px 2px; color:#FFFFFF;}
.nav .menuArea {width:74.5%; float:right;}/* ³×ºñ°ÔÀÌ¼Ç °¡·Î»çÀÌÁî¼³Á¤ */
.logo {display:block; line-height:70px;padding-top:10px; text-align:center; color:#fff;}
.logo img {max-width:100%;}
.mainmenu {display:block; width:100%; padding-top:31px;}
.mainmenu > ul {float:right; width:100%;}
.mainmenu > ul > li {width:20%; position:relative; float:left; background-color:#fff;} /* width:20%   ¸Þ´º¹è°æ»ö*/
.mainmenu > ul > li:hover {background-color:#fff;}
.mainmenu > ul > li > a {display:block; height:50px; line-height:50px; text-align:center; font-size:15px; font-family: 'Open Sans', sans-serif; color:#262626; transition:0.4s;}
.mainmenu > ul > li:hover > a {color:#19315A; font-size:16px;}

.submenu {display:none; position:absolute; left:0px; width:100%;}
.submenu a {display:block; padding:12px; text-align:center; background-color:#19315A; color:#ddd; transition:none;font-size:13px;}
.submenu a:hover {background-color:#2C6BB1; color:#ffffff;}

/* 767pxÀÌÇÏ:³×ºñ°ÔÀ̼Ǹ޴º */

@media (max-width:767px) {
 .nav .logoArea {width:100%;}
 .nav .menuArea {width:100%;}
 .nav .logoArea .button {display:block; position:absolute; top:5px; right:20px; border-radius:2px;}
 .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;} 
}

 textarea {width:100% ; max-width:100%;}

@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:100%;width:100%  !important;}
 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;}
 .mo_view  > img {width:100%; height:100%;}
 .mo_view a img {width:100%; height:100%;} 
 .mo_view a:hover img {width:100%; height:100%;}

 #pcleftmenu {display:none;}
 #pcnomenu { display:block; }

}

/* 768pxÀÌ»ó:º»¹®À̹ÌÁö */
@media (min-width:768px) {
 .pc_view { display:block; }
 .pc_view  > img {width:100%; height:100%;} 
 .pc_view a img {width:100%; height:100%;} 
 .pc_view a:hover img {width:100%; height:100%;} 

 .mo_view { display:none; }

 
 #pcleftmenu {display:block;}
 #pcnomenu { display:none; }
}

/* ¸ÞÀÎÄÜÅÙÃ÷ ************************************************/
/* slide-01 */
.carousel {height:auto; margin-bottom:0px;}
.carousel-caption {z-index:10;}
.carousel .item {height:100%; background-color:#777;}
.carousel-inner > .item > img {width:100%; height:100%;}



/* con1 : 4´Ü¹è³Ê - ºê·£µå ±Û¾¾ Å©±â/»ö Á¶Á¤ */
.n_con1 {padding-top:80px; border:0px solid #f00; }
.n_con1 .container { width:86%; border:0px solid #f00;}

/* ºê·£µå ±Û¾¾ Å©±â/»ö Á¶Á¤ */
.bgimg1 { background:#262626 url('/bizdemo36576/img/plus/con1_img1.jpg') repeat 0px 0px;  text-align:center;  padding:20px 0 20px 0px;}
.bgimg1 h2 {font-size:30px; color:#D60000; font-family: 'Open Sans', sans-serif; padding:50px 0 10px 0px; text-align:center;}
.bgimg1 .whitefont1 {color:#fff; font-weight:bold; font-size:30px;line-height:30px; font-family: 'Open Sans', sans-serif;  text-align:center;}
.bgimg1 .whitefont2 {color:#fff; font-weight:bold; font-size:30px;line-height:30px; font-family: 'Open Sans', sans-serif;  text-align:center;}
.n_con1 .box img {width:100%;}
.n_scale {overflow:hidden; width:100%; height:100%; position:relative;}
.n_scale img { 
-moz-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
transform:scale(1.1);
}
.n_scale img.scale {
-moz-transform:scale(1.0);
-webkit-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
}
.n_scale a:before {content:''; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; opacity:0; transition:all 0.2s ease-out;}
.n_scale a:hover:before {opacity:0.5}

/* con11 : 4´Ü À̹ÌÁö¹è³Ê */
.n_con11 {padding-bottom:80px; border:0px solid #f00;}
.n_con11 .container { width:100%;}
.n_con11 .tit h2 {font-size:32px; color:#333; font-weight:bold; font-family: font-family: 'Open Sans', sans-serif padding:10px 0;}
.n_con11 .tit p {font-size:13px; color:#888; font-weight:normal; font-family: 'Open Sans', sans-serif; padding:0 0 20px 0;}
.n_con11 .box img {width:100%;}
.n_con11 .box h3 {font-size:20px; color:#363636; font-weight:bold; font-family: font-family: 'Open Sans', sans-serif; padding:30px 0 10px 0; text-align:center;}
.n_con11 .box p {font-size:13px; color:#888; font-weight:normal; font-family: 'Open Sans', sans-serif; padding:0 0 5px 0; text-align:center;}

/* »ç¾÷ºÐ¾ß ±Û¾¾ Å©±â/»ö Á¶Á¤  */
.su_title {margin-left:12%;font-size:25px;float: left;  color: #000;margin-top:20%; font-family: 'Open Sans', sans-serif;}
.bigt {float:right;font-size:20px;width:87%; color: #7E7E7E; font-weight: bold;margin-left:12%; line-height:22px;}
.tr_line1 {float: right;  width:87%;margin-left:12%; height:2px;margin-top:3px;background-color: #D60000;clear:both;} 
.more_txt {float:right;  width:87%;height:48px; margin-left:12%;  margin-top:7px; background-color:#000000;}
.more_txt  a {display:block; height:24px; margin: 13px 0 0 20px; text-align:left; color:#4B4A4A;font-size:14px;font-weight: bold; }
.more_txt  a:hover {color:#CECECE;height:24px; margin: 12px 0 0 20px;font-size:14px;font-weight: bold;}


.totalpart{ width:100%;float:left;  color:#A9A9A9; font-family: 'Rubik', sans-serif; font-size:14px; line-height:24px; padding:60px 20px; }


.tr_line2 {float: left; margin-left:40%; width:20%; height:2px;margin-top:10px;background-color: #D60000;clear:both;} 
.paddingzero {padding:0 !important;}
.paddingzero1 {padding:0px 2px 0px 0px !important;}
.rpaddingzero {padding-right:0 !important;}
/* ************************************************/

/* n_con5 : full¹è°æÀ̹ÌÁö */
.n_con5 { background:url('/bizdemo36576/img/plus/main_bg1.jpg');
background-position: center top;
overflow:hidden;
margin-top:0px;
min-height:680px;
border:0px solid #f00;
}
.n_con5 .container { padding-top:50px;height:300px;margin:0px auto; vertical-align: bottom;border:0px solid #f00; }
.n_con5 .bottom {text-align:center;width:100%;border:0px solid #f00;}
.n_con5 .container h2 {text-align:center;padding-top:0px; color:#fff; font-size:45px;width:100%; font-family: 'Roboto Condensed', sans-serif; border:0px solid #f00; }
.n_con5 .text1 {padding-top:30px;padding-bottom:30px;text-align:center; width:80%; margin:0px auto;  color:#8A8A89; font-size:14px; line-height:24px; font-family: 'Rubik', sans-serif;}



/* con14 : 4´Ü¹è³Ê png ¾ÆÀÌÄÜ */
.n_con14 .container {height:100%;}
.n_con5 .n_con14 {padding-top:0px; border:0px solid #f00;height:100%; vertical-align:bottom;}
.n_con14 .box img {width:100%;}
.n_con14 .n_scale {overflow:hidden;width:80%; height:80%;  position:relative;text-align:center;margin:0 auto 0;}
.n_con14 .n_scale img { transform:scale(1.0);}
.n_con14 .n_scale img.scale {
opacity:0.5; /* ******¿ÀÆÛ½ÃƼ°ª********/
}
.n_con14 .n_scale a:before {content:''; width:100%; height:100%;min-width:200px; position:absolute; top:0px; left:0px; z-index:1; opacity:0; }
.n_con14 .n_scale a:hover:before {opacity:0.5}

/*¾ÆÀÌÄÜ»¡°£±Û¾¾ ÀϹݱ۾¾*/
.cbox1 {  width:80%;text-align:center; padding:0 0 0px 0;}
.cbox2 { text-align:right; padding:0px 0 0px 50px;}
.cbox3 { text-align:left; padding:170px 60px 0px 0px;}
.cbox4 { text-align:left; padding:100px 60px 0px 0px;}
.cbox5 { text-align:left; padding:130px 60px 0px 0px;}
.cbox6 { text-align:left; padding:0px 60px 0px 0px;}


.n_con14 .box .icon .cbox1 h3 { padding:35px 0 0px 50px;  text-align:center;}
.n_con14 .box .icon .cbox2 h3 { padding:35px 0 0px 10px;  text-align:center;}
.n_con14 .box .icon .cbox3 h3 { padding:200px 0px 0px 20px;  text-align:center;}
.n_con14 .box .icon .cbox4 h3 { padding:130px 0px 0px 20px;  text-align:center;}
.n_con14 .box .icon .cbox5 h3 { padding:170px 0px 0px 30px;  text-align:center;}
.n_con14 .box .icon .cbox6 h3 { padding:35px 0px 0px 30px;  text-align:center;}

.n_con14 .box .icon h3 {font-size:23px;  position:absolute;padding:0 0 0px 0; top:0px; color:#fff;  font-family: sans-serif; text-align:center;}


.icon {padding:0 !important;}


/* 768pxÀÌÇÏ:º»¹®À̹ÌÁö */
@media (max-width:768px) {
.n_con5 { min-height:350px;

background-position: center 0px;}


.n_con14 .box .icon .cbox1 h3 { padding:0px 0 0px 0;  text-align:center;}
.n_con14 .box .icon .cbox2 h3 { padding:0px 0 0px 0;  text-align:center;}
.n_con14 .box .icon .cbox3 h3 { padding:0px 0 0px 0;  text-align:center;}
.n_con14 .box .icon .cbox4 h3 { padding:50px 0 0px 0;  text-align:center;}
.n_con14 .box .icon .cbox5 h3 { padding:50px 0 0px 0;  text-align:center;}
.n_con14 .box .icon .cbox6 h3 { padding:50px 0 0px 0;  text-align:center;}

.cbox1 {  width:80%;text-align:center; padding:0 0 0px 0;}
.cbox2 { text-align:center; padding:0px 0 0px 0px;}
.cbox3 { text-align:center; padding:0px 0px 0px 0px;}
.cbox4 { text-align:center; padding:50px 0px 0px 0px;}
.cbox5 { text-align:center; padding:50px 0px 0px 0px;}
.cbox6 { text-align:center; padding:50px 0px 0px 0px;}

}


 /* footer:°øÅëÇÏ´Ü ************************************************/
#footer {width:100%; height:auto;  padding-top:10px; background-color:#0F0D27;margin-bottom:0;}
#footer:after { content:''; display:block; clear:both; }
#footer .con1 {padding:10px 0; padding-right:30px;}
#footer .con2 {padding:10px 0; padding-right:30px;}
#footer .con3 {padding:10px 0;}
#footer .con1 {}
#footer .con1 h2 {font-size:24px; font-weight:bold; color:#BCBACD; padding-bottom:15px}
#footer .con1 ul {}
#footer .con1 ul li {font-size:12px; color:#BCBACD;}
#footer .con3 {}
#footer .con3 ul {overflow:hidden;}
#footer .con3 ul li {float:left;  margin-left:5px;margin-bottom:30px; }
#footer .con3 ul li a {float:left;  margin-left:5px; font-size:15px; color:#fff;}
#footer .con3 ul li:hover {opacity:0.7;}

#footer .con3 ul li img { border:0px; border-radius:0px;}


 



/* ¼­ºêÆäÀÌÁö ************************************************/
/* ÁÂÃø¸Þ´º -YOO¼öÁ¤*/
.sub_menu { width:86%; border:0px solid #2cc}
.sub_menu h2 {height:42px;padding-left:25px; text-align:left;line-height:42px; font-size:22px; font-weight:bold; color:#fff;  background:#536497 url('/bizdemo36576/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 #E8E8E8}
.sub_menu ul li a {display:block; padding:10px 25px; font-size:14px; color:#3D3D3D; transition:none;}
.sub_menu ul li a:hover {color:#000; }

.sub_menu ul li.hselect {margin-bottom:1px;text-align:left; border-bottom:2px solid #1e407d;font-weight:bold; }
.sub_menu ul li.hselect a {display:block; padding:10px 0px 10px 18px; font-size:15px; color:#0f92c6; transition:none;}

.sub_menu li.depth3  {margin-bottom:1px;text-align:left; border-bottom:1px solid #E8E8E8}
.sub_menu li.depth3  a {display:block; padding:8px 0px 8px 32px; font-size:12px; color:#535353; transition:none;}
.sub_menu li.depth3  a:hover {color:#000;font-size:12px; }

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

/* Ãß°¡YOO *****/

@media (max-width:540px) {
 .mapif {width:340px; height:216px;}
}
@media all and (min-width: 540px) and (max-width: 980px ) {
.container {border:0px solid #000;}
.contentsArea .col-md-7 {border:0px solid red;width:70%;}
.contentsArea .col-md-5 {border:0px solid red;width:30%;}
.contentsArea2 .col-md-2 {border:0px solid red;width:20%;}
.contentsArea2 .col-md-10 {border:0px solid red;width:80%;}
.mapif {width:740px; height:500px;}

}


@media (min-width:1024px) {
.mapif {width:945px; height:600px;}
.bgimg1 {height:230px;}
.sub_texting_title .title {font-size:28px;}

}