@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;border:0px solid pink;
}
}
.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('/img/images/btn_scrolltop.png') no-repeat 0px 0px;}
.scrollToTop:hover{text-decoration:none;}
/* ¼­ºêÆäÀÌÁö ************************************************/
#wrap {margin-top:46px;}/* ¼­ºêÆäÀÌÁö »ó´Ü¿©¹é */
.contentsArea {max-width:100%; padding-bottom:30px; 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;background-color:#4B4B4B; }
.gnb_log .login li a {display:block; width:60px; height:24px; line-height:24px; text-align:center; color:#fff; /*border-radius:3px; transition:0.6s; */}
.gnb_log .login li a:hover {color:#000;}
.gnb_log .login .color1 {background-color:#babeca;}
/* 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:0px; left:0; z-index:100; border-bottom:0px solid #ddd;box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11); opacity:1}/* ³×ÀÌ°ÔÀÌ¼Ç À§Ä¡ */
.fixed {position:fixed; top:0px;}
.nav {width:1270px; max-width:100%; margin:0 auto;}/* »ó´ÜÀüü °¡·Î»çÀÌÁî¼³Á¤ */
.nav .logoArea {width:30%; display:block; position:relative; float:left; margin-top:10px;}
.nav .logoArea .button {display:none; width:40px; height:40px; line-height:10px; text-align:center; background:#191919 url('/base/img/plus/button_on.png') no-repeat 3px 2px; color:#fff;}
.nav .logoArea .button.on {background:#191919 url('/base/img/plus/button_off.png') no-repeat 3px 2px; color:#f00;}
.nav .menuArea {width:64.5%; float:right;}/* ³×ºñ°ÔÀÌ¼Ç °¡·Î»çÀÌÁî¼³Á¤ */
.logo {display:block; line-height:54px;padding-top:0px; text-align:center; background-color:#fff; color:#fff;}
.logo img {max-width:100%;}
.mainmenu {display:block; width:100%; padding-top:34px;}
.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:54px; line-height:54px; text-align:center; font-size:17px; font-weight:bold; color:#291a07; transition:0.6s;}
.mainmenu > ul > li:hover > a {color:#2a2929; font-size:18px;}
.submenu {display:none; position:absolute; left:0px; width:100%;padding-top:4px;}
/* ¼­ºê¸Þ´º»ö±ò YOO */
.submenu a {display:block; padding:15px; text-align:center; background-color:#1A1C1D; color:#BCBCBC; transition:none;}
.submenu a:hover {background-color:#37393B; color:#ffffff;}
/* 767pxÀÌÇÏ:³×ºñ°ÔÀ̼Ǹ޴º */
@media (max-width:767px) {
.nav .logoArea {width:100%;}
.nav .menuArea {width:100%;}
.nav .logoArea .button {display:block; position:absolute; top:0px; right:10px; border-radius:3px;}
.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}
}
/* 480pxÀÌÇÏ:º»¹®À̹ÌÁö */
@media (max-width:480px) {
.pc_view1 {display:none}
.mo_view1 {display:block}
}
/* 480pxÀÌ»ó:º»¹®À̹ÌÁö */
@media (min-width:480px) {
.pc_view1 {display:block}
.mo_view1 {display:none}
}
/* ¸ÞÀÎÄÜÅÙÃ÷ ************************************************/
/* slide-01 */
.carousel {height:auto; margin-bottom:-40px; margin-top:-27px;}
.carousel-caption {z-index:10;}
.carousel .item {height:100%; background-color:#777;}
.carousel-inner > .item > img {width:100%; height:100%;}
/* con6 : 2´Ü */
.n_con6 {margin-top:100px;}
.n_con6 p {width:100%; height:200px; text-align:center; background-color:#222; color:#fff}
/* con4 : ÃßÃâ°¶·¯¸® */
.n_con4 {background:#ededed;padding-top:0px; border:0px solid #f00;padding:60px 0 20px 0;}
.n_con4 h2 {font-size:35px; color:#5e533d; font-weight:bold; padding:20px 0; text-align:center;}
.n_con4 img {width:100%; border:0px solid #f00;}
.n_con44 { background:#ededed;}

/* n_con5 : full¹è°æÀ̹ÌÁö */
.n_con5 { background:url('/img/plus/main_bg.jpg');
background-attachment: fixed;
background-position: center top;
overflow:hidden;
margin-top:0px;
background-size:cover;
}
.n_con5 .container {height:100%;padding-top:50px;margin:0px auto; vertical-align: bottom;}
.n_con5 h2 {text-align:right;padding-top:0px; color:#14a7e6; font-size:55px;width:100%;}
.n_con5 .big {text-align:right; color:#fff; font-size:75px; line-height:70px;width:100%;}
.n_con5 .bottom {display: table-cell; vertical-align: bottom;text-align:right;padding-bottom:0px;margin-bottom:0px;height:300px;width:100%;}
.n_con5 .imggap {padding-top:0px;text-align:right;width:100%;}
.paddingzero {padding:0 !important;}
.rpaddingzero {padding-right:0 !important;}

/* con3 : °øÁö»çÇ×, ¹è³Ê -YOO¼öÁ¤ */
.n_con3 {padding-top:50px;padding-bottom:60px; border:0px solid #f00;height:320px;}
.n_con3 span.gntxt {float:left;font-family:'Josefin Sans', sans-serif; color:#4F8AA1;font-size:28px;padding-top:1px; font-weight:bold; width:100%;}
.n_con3 p {height:0px; text-align:center; background-color:#fff; margin-bottom:0px;}
.n_con3 .tit {padding-top:0px; border:0px solid #ccc; height:35px;width:100%;}
.n_con3 .tit span.newtit {float:left;font-family:'Josefin Sans', sans-serif; color:#4F8AA1;font-size:28px;padding-top:1px; font-weight:bold;idth:100%; }
.n_con3 .tit span.newsmore {float:right; font-size:12px; color:#555;padding-top:15px;}
.n_con3 .onlinemate {width:100%;height:150px; text-align:center;border:0px solid #f00;padding:0;margin:0;}
.n_con3 .onlinemate span.graytxt { width:100%;font-size:15px; text-align:center; color:#003246; padding:16px 0 14px 0;margin:0px 0px 0 0px;clear:both;}
.n_con3 .onlinemate span.grayboxtxt {text-align:center; font-size:18px ; font-weight:bold; border:3px solid #003C54; color:#003246; padding:5px 30px;margin:0px 0px 0 0px;}
.n_con3 .onlinemate span.grayboxtxt a {font-size:18px; color:#003246; }
.n_con3 .customer {width:100%; text-align:center;border:0px solid #f00;padding:0;margin:0;}
.n_con3 .customer h4 {width:100%;color:#000; font-weight:bold;padding:4px 0 10px 0;}
.n_con3 .customer h4 span.htxt {color:#b8b8b8 ; font-weight:bold; }
.n_con3 .customer span {width:100%;}
/* con1 : °øÁö»çÇ× °í°´¼¾ÅÍ YOO */
.n_con11 {padding-top:80px;padding-bottom:30px; border:0px solid #f00;}
#noticepart {float:left;width:100%;border:0px solid #f00;}
.title span.newstit {float:left;font-family: 'Fjalla One', sans-serif; letter-spacing:1px;color:#9E9E9E;font-size:16px !important;padding-top:0px; width:80%;clear:both; }
.title span.newsmore {float:right; font-size:12px; color:#555;padding-top:7px;}

.newtit1 {float:left;  font-family: 'Open Sans', sans-serif;  color:#000;font-size:20px;padding-top:0px; font-weight:bold;width:100%;clear:both; }
.r_titline { float:left; border:1px solid #D60000; height:1px;width:100%;margin-bottom:5px}
.b_titline { float:left; border:1px solid #000000; height:1px;width:100%;margin-bottom:10px}
.customer span {width:100%;}
.customer span.blacktxt {font-size:12px; color:#393939;line-height:22px; padding:0;}
.customer span.ptxt { font-size:23px;line-height:22px; font-weight:bold;color:#393939; padding:0px 0 0px 18px;}
.customer span.ftxt { font-size:23px;line-height:22px; font-weight:bold;color:#393939; padding:0px 0 0px 15px;}
.customer span.gtxt { font-size:14px; color:#828282; padding:0px 0 0px 0px;font-weight:bold;}
.clear { clear: both; }
/* con1 : °øÁö»çÇ× °í°´¼¾ÅÍ YOO */

@media (max-width: 980px ) {
.n_con5 .container {padding-top:80px;margin:0px auto;}
.n_con5 h2 {text-align:right;padding-top:10px; margin-top:0px;color:#14a7e6; font-size:40px;}
.n_con5 .big {text-align:right; color:#fff; font-size:55px; line-height:55px;}
.n_con5 .imggap {;padding-top:30px;}
.n_con3 {padding-top:0px;padding-bottom:10px; border:0px solid #f00;}
.n_con5 {height:1210px;}
.n_con3 .onlinemate span.graytxt { width:100%;font-size:14px; text-align:center; color:#003246; padding:16px 0 14px 0;margin:0px 0px 0 0px;clear:both;}
.n_con3 {padding-top:0px;padding-bottom:0px; border:0px solid #f00;height:820px;}
}
/* con2 : À̹ÌÁö¹è³Ê */
.n_con2 {padding-top:50px;}
.n_con2 img {width:100%;}

/* con1 : 3´Ü¹è³Ê */
.n_con1 {padding-top:80px; border:0px solid #f00;}
.n_con1 .tit h2 {font-size:32px; color:#333; font-weight:bold; font-family: font-family: 'Open Sans', sans-serif padding:10px 0;}
.n_con1 .tit p {font-size:13px; color:#888; font-weight:normal; font-family: 'Open Sans', sans-serif; padding:0 0 20px 0;}
.n_con1 .box img {width:100%;}
.n_con1 .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_con1 .box p {font-size:13px; color:#888; font-weight:normal; font-family: 'Open Sans', sans-serif; padding:0 0 5px 0; text-align:center;}
.n_con1 .box span {padding:0 0 30px 0; text-align:center; display:block;}
.n_con1 .box span a {font-size:11px; line-height:11px; color:#555; font-weight:bold; padding:10px; border:1px solid #ccc !important;}
.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}

.n_con1 .box .icon h3 {font-size:32px; color:#181818; font-weight:bold; font-family: 'Oswald', sans-serif; text-align:center;}

/* ************************************************/
/* con14 : 4´Ü¹è³Ê png ¾ÆÀÌÄÜ */
.n_con14 {padding-top:80px; border:0px solid #f00;}
.n_con14 .tit h2 {font-size:32px; color:#333; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; padding:10px 0;}
.n_con14 .tit p {font-size:14px; color:#888; font-weight:normal; font-family: 'Open Sans', sans-serif; padding:0 0 20px 0;}
.n_con14 .box img {width:100%;}
.n_con14 .box h3 {font-size:22px; color:#363636; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; padding:10px 0; text-align:center;}
.n_con14 .box p {font-size:13px; color:#888; font-weight:normal; font-family: 'Open Sans', sans-serif; padding:0 0 5px 0; text-align:center;}
.n_con14 .box span {padding:0 0 30px 0; text-align:center; display:block;}
.n_con14 .box span a {font-size:11px; line-height:11px; color:#555; font-weight:bold; padding:10px; border:1px solid #ccc !important;}
.n_scale {overflow:hidden; width:100%; height:100%; position:relative;}
.n_con14 .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.0);
}
.n_con14 .n_scale img.scale {
-moz-transform:scale(1.0);
-webkit-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
opacity:0.5;   /* ******¿ÀÆÛ½ÃƼ°ª********/
}
.n_con14 .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_con14 .n_scale a:hover:before {opacity:0.5}

.n_con14 .box .icon h3 {font-size:30px; color:#181818; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; text-align:center;}

/* ¼­ºêÆäÀÌÁö ************************************************/
/* ÁÂÃø¸Þ´º -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('/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:12px 25px; font-size:13px; color:#555; transition:none;}
.sub_menu ul li a:hover {color:#000; }
@media (max-width:768px) {.sub_menu {  width:100%; padding-top:25px;}}

/* footer:°øÅëÇÏ´Ü ************************************************/
#footer {width:100%; height:auto; margin-top:0px; padding:20px 0;  background:#000 url('/img/plus/bot_bg.jpg') no-repeat 0px 0px;}
}
#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:30px; font-family: 'Open Sans', sans-serif; font-weight:bold; color:#626262; padding-bottom:10px}
#footer .con1 ul {}
#footer .con1 ul li {font-size:12px; font-family: 'Open Sans', sans-serif; color:#4C4A4A}
#footer .con2 {}
#footer .con2 h3 {font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold; color:#fff; padding-bottom:10px}
#footer .con2 ul {}
#footer .con2 ul li {padding-bottom:5px}
#footer .con2 ul li a {font-size:14px; color:#828282; display:block;}
#footer .con2 ul li a:hover {color:#fff}
#footer .con3 {}
#footer .con3 ul {overflow:hidden;}
#footer .con3 ul li {float:left; margin-left:5px; margin-bottom:5px;}
#footer .con3 ul li:hover {opacity:0.5}
#footer .con3 ul li img {width:100%; height:100%; border:0px; border-radius:6px;}
/* Ãß°¡YOO *****/
/* n_con7 : full¹è°æÀ̹ÌÁö */
.n_con7 {
background:#fff url('/img/x.jpg');
background-attachment: fixed;
background-position: center center;
overflow:hidden;
margin-top:0px;
background-size:cover;
}
@media (max-width:540px) {
.mapif {width:340px; height:216px;}
.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;}
.fourth-slide {border:0px solid #000;height:200px !important;}
}
@media all and (min-width: 540px) and (max-width: 980px ) {
.container {border:0px solid pink;}
.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:20%;}
.contentsArea .col-md-10 {border:0px solid red;width:80%;}
.mapif {width:620px; height:500px;}
}
@media (min-width:1024px) {
.mapif {width:945px; height:600px;}
}
.contentsArea1 {max-width:100%; background-color:#e9e9e9; text-align:left;}
/* ÀüÈ­¹öÆ° */
.tel_but li {float:left; text-align:center; width:100%; padding:0px;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:#003C54 url('/img/plus/call_icon.png') no-repeat 20px 8px; color:#fff; border-radius:10px; transition:0.6s; }
.tel_but li a:hover {background-color:#828282; color:#f00; text-align:center; }



/* 


.gallery_img_size .img{
    width: 100%;
    height: auto;
    padding: 50px 30px 0;}




btn css
/img/bootstrap/dist/css/bootstrap.css 
*/