@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);


/*Ãß°¡css*/
* {padding:0;margin:0;}
img,fieldset{border:0; padding:0;}
ul,li{ list-style:none;}
input{ font-size:12px; color:#555;}
select {color:#555; font-size:13px;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,dl,dt,dd {margin:0;padding:0;}
/*Ãß°¡css*/

/*************************
*******Typography******
**************************/
body,th,td,textarea{font-family: "Nanum Gothic", NanumGothic, Dotum,"µ¸¿ò", Arial; color:#4e4e4e; font-size:14px; line-height:18px;}
h1,h2,h3,h4,h5,h6 {font-weight: 600; font-family: "Nanum Gothic", NanumGothic, Dotum,"µ¸¿ò", Arial;color:#4e4e4e;}
h1{font-size: 50px;color:#fff;}
h2{font-size: 20px;}
h3{font-size: 16px;color: #787878;font-weight: 400;line-height: 24px;}
h4{font-size: 16px;}
a {color: #c52d2f;
-webkit-transition: color 300ms, background-color 300ms;
-moz-transition: color 300ms, background-color 300ms;
-o-transition: color 300ms, background-color 300ms;
transition: color 300ms, background-color 300ms;
}
a:link {line-height:140%; font-size:12px; color:#333;text-decoration:none;}
a:visited {color:#333;}
a:hover {line-height:140%; color:#999;text-decoration:none;}

hr {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #fff;}

.btn-primary {padding: 8px 20px;background: #c52d2f;color: #fff;border-radius: 4px;border:none;margin-top: 10px;}
.btn-primary:hover, 
.btn-primary:focus{background: #c52d2f;outline: none;box-shadow: none;} 
.btn-transparent {border: 3px solid #fff;background: transparent;color: #fff;}
.btn-transparent:hover {border-color: rgba(255, 255, 255, 0.5);}
a:hover,
a:focus {color: #111;text-decoration: none;outline: none;}
.dropdown-menu {margin-top: -1px;min-width: 180px;}
.center h2{font-size: 36px;margin-top: 0;margin-bottom: 20px;}
.media>.pull-left{margin-right: 20px;}
.media>.pull-right{margin-left: 20px;}
body > section {
padding: 70px 0;
}
.center {text-align: center;padding-bottom: 55px;}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
.lead{font-size: 16px;line-height: 24px;font-weight: 400;}
.transparent-bg {background-color: transparent !important;margin-bottom: 0;}

@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.slide_text1 {color:#fff; font-weight:700; font-size:70px; letter-spacing: -2px; line-height:90%; text-shadow:1px 1px 1px #777;}
.slide_text1 span {color:#fff; font-weight:100;}
.slide_text2 {color:#fff; font-size:16px; font-weight:100; margin-top:30px; padding-right:100px; text-shadow:1px 1px 1px #777;}

/*****************************¹è³ÊCSS********************************/
/*¸ÞÀν½¶óÀ̵å+º¸Á¶¹è³Ê ·¹À̾ƿô*/
.bns_box_wrap{width:593px;float:left;}
.bns_box {width:591px;outline:1px solid #e4e4e4;float:left;display:block}
.bns_box div{float:left;width:295px;display:inline-block;}
/*¸ÞÀλçÀ̵å¹è³Ê*/
.bn_main_box02{width:200px;height:440px;display:block; float:right;}
.bn_main_box02 .box02_01{width:100%; height:290px; float:left; border:1px solid #e4e4e4; margin-bottom:9px}
.bn_main_box02 .box02_02{width:100%; height:144px; float:left; border:1px solid #e4e4e4;}
/*¸ÞÀλó´Ü+Çϴܹè³ÊSET*/
.bn_main_box03{width:100%;float:left; border:1px solid #e4e4e4; background-color:#f9f9f9; margin:10px 0;}
.bn_main_box03 div{float:left;width:335px;height:199px;background-color:#fff;}
.bn_main_box03 img{width:335px;height:200px;}

.bn_main_box04{width:100%; height:235px;clear:both; float:left;}
/*¸ÞÀΰԽÃÆÇÃâ·Â+ÅؽºÆ®¹è³Ê*/
.bn_bottom {background-color:#f3f3ef;margin:0;padding:15px 0;}
.bn_bottom .bn_board {width:1050px;height:265px;margin:0 auto; display:block; padding-left:22px;display:block;}
.board_box {width:325px; height:265px; float:left; padding:20px; background-color:#fff; margin-right:15px; margin-bottom:15px;}
.bn_box {display:none; width:325px; height:120px; float:left; padding:20px; background-color:#fff; margin-right:15px;font-size:16px; line-height:135%;outline:1px solid #e4e4e4;}
.bn_box .title{font-size:18px; font-weight:600;display:block; margin-bottom:15px;color:#035d8f;}

/*»ó´Ü¸Þ´º*/
#top_menu_box {width:1007px; margin:0 auto; background-color:#fff}
#top_logo {float:left;margin-right:25px;}
.gnb_menu {float:right; height:20px; margin:20px 0 0 0;}
.gnb_menu ul {list-style:none; padding:0;}
.gnb_menu li {display:inline; float:left; margin:4px; color:#e4e4e4;}
.gnb_menu .top_menu {font-size:14px; font-weight:bold;color:#3e3e3e;height:50px;}
.gnb_menu .top_menu_on {font-size:14px;font-weight:bold; color:#333;height:50px;} /*»ó´Ü¸Þ´ºON*/
.gnb_menu .top_menu:hover {color:#777;}

/*»çÀ̵åUI/Ȩ/µÚ·Î/À§·Î*/
.side_bar_wrap{position:absolute;left:810px;top:0;}
.side_bar_box{background-color:#f1f1f1; width:60px;position:fixed;}
.side_bt{width:100%;height:60px;text-align:center;display:block;border:1px solid #e9e9e9;padding-top:20px;}
.side_bt:hover i{color:#e4e4e4;}
.side_bt_home {background-color:#323232;color:#fff;font-size:26px;padding-top:15px;border:1px solid #323232;}
.side_bt_left {background-color:#fff;color:#323232;font-size:16px;}
.side_bt_top {background-color:#fff;color:#323232;font-size:16px;}

/*¸Å¹°¸Þ´º*/
.menu_main_left_box {width:195px;margin-right:10px;margin-bottom:10px; float:left;}
.menu_title { margin:0; width:100%; height:48px; font-size:18px; font-weight:bold; color:#fff} /*¸Þ´ºÅ¸ÀÌƲ*/
.menu_title .text{margin:16px 0 0 15px; width:80px; height:33px; float:left;}
.menu_title .more{margin:17px 10px 0 0; font-size:11px; font-weight:nomal; float:right;}
.menu_goods {background-color:#fff;}
.menu_goods li {padding:5px 0 5px 15px; border-bottom:1px solid #e4e4e4;font-size:14px; font-weight:bold; color:#777; display:block;}
.menu_goods li:hover {background-color:#f9f9f9; color:#222;}
.menu_goods span {float:right; font-size:7pt; padding-right:10px; color:#fff}
.menu_goods a:link {color:#777;font-size:16px; font-weight:bold; text-decoration:none;}
.menu_goods a:visited {color:#777;} 
.menu_goods a:hover {color:#999; }
.menu_goods i{margin-top:5px}
.menu_goods .menu_on {color:#035d8f;background-color:#fff;}
.menu_goods .menu_on span{color:#035d8f;}
.menu_goods .menu_off{}
.menu_left_price {background-color:#f7f7f7; height:220px; padding:20px 0 15px 10px; border-bottom:1px solid #e4e4e4; }
.menu_left_price ul {display:block; margin-bottom:7px;}
.menu_left_price li {display:block;}
.menu_left_price .title_price {display:inline-block; width:40px; margin-right:5px; font-weight:normal;}
.menu_left_price .title {font-size:14px; font-weight:bold; color:#333; padding:0 0 3px 1px; display:block;}
.menu_left_price a:link {font-size:13px; font-weight:bold; color:#555; text-decoration:none; line-height:16px; padding:2px;}
.menu_left_price a:visited {color:#555;}
.menu_left_price a:hover {color:#fff; background-color:#fa6839; padding:2px}
/*Å׸¶ ű׸޴º*/
.menu_theme {background-color:#f7f7f7; padding:1px 0 1px 12px;letter-spacing:-1px;}
.menu_theme .title {font-size:14px; font-weight:bold; color:#333; padding:0 0 10px 1px; display:block;}
.menu_theme a{font-size:12px;font-weight:normal; text-align:center;width:54px; display:inline-block;text-decoration:none; line-height:20px; 
 margin-bottom:5px;margin-right:3px;padding:5px 3px;}

/*»çÀ̵å Ãß°¡¸Þ´º(Áö¿ªº°/ÆòÇü°è»ê±â/SMS»ó´ã/°í°´¼¾Å¸¹è³Ê*/
.menu_left_box { border:1px solid #e4e4e4;background-color:#fff;width:195px;clear:both;}
/*Áö¿ª ¸Þ´º*/
.menu_left2 {width:100%;background-color:#f7f7f7;padding:15px 0 5px 10px;display:block;border-bottom:1px solid #e4e4e4; letter-spacing: -1px;}
.menu_left2 .title {font-size:14px; font-weight:bold; color:#333; padding:0 0 3px 1px; display:block;}
.menu_left2 a:link {color:#777; font-size:12px; color:#777; font-weight:normal; text-decoration:none; line-height:24px; padding:2px;}
.menu_left2 a:visited {color:#777;}
.menu_left2 a:hover {color:#fff; background-color:#fa6839; padding:2px}
.menu_left2 i {color:#c9c9c9;}
.menu_left3 {margin:0 auto;}
.menu_left3 .sub_title {padding:15px 0 10px 10px;font-size:14px; font-weight:bold; color:#333;}
.menu_left3 a:link {color:#333;font-size:13px; color:#777; font-weight:normal; text-decoration:none; line-height:24px;}
.menu_left3 a:visited {color:#333; }
.menu_left3 a:hover {color:#999; text-decoration:underline;}
.sub_menu_box {margin:0 auto; width:172px; border:1px solid #e1e1e1; background:#fff; padding:10px;
-webkit-border-radius: 5px;/*Safari, Chrome*/
-moz-border-radius: 5px;/*Firefox*/
border-radius: 5px;
margin-bottom:20px;
}

/*SMS ¹è°æ*/
#sms {width:100%; height:300px; margin-bottom:5px;border:1px solid #e1e1e1; border-top:3px solid #fecf05; text-align:center;}
#sms2 {}
/*À̹ÌÁö Å׵θ®*/
#sms img { border:0px;}
/*ÀÔ·ÂÆû ½ºÅ¸ÀÏ*/
#sms input { border:1px solid #e4e4e4; background:#fff; width:164px; height:26px; border-radius:3px; padding-left:3px; color:#777;}
#send_name { width:102px; }
#sms textarea 
{border:1px solid #e1e1e1;
width:165px;height:80px;
min-width:155px;
min-height:80px;
max-width:165px;
max-height:80px;
padding:5px;
color :#777;
font-size:12px;
}
#sms .tel {border:1px solid #e4e4e4; width:45px; height:26px; border-radius:3px; padding:0 0 0 3px; color:#777;}
#sms .clear { clear:both; height:10px;}
#sms .sms_text {height:86px;width:170px;}
#sms p {text-align:center;margin:0px;padding-top:5px}
input#border2 {font-size:12px;font-family:µ¸¿ò;color:ff9966;border:1 solid #C4C4C4}
.tel_line {border:1px solid #e1e1e1; width:30px; border-radius:3px; padding:5px;}
.sms_btn 
{display: inline-block;
font-family:'Nanum Gothic', µ¸¿ò;
overflow: hidden;
padding: 7px 9px 5px 9px;
margin-top:7px;
margin-bottom:7px;
width:160px; 
background: #fecf05;
border-radius:4px;
font-size: 13px;
font-weight:bold;
letter-spacing: -1px;
white-space: nowrap;
vertical-align: middle;}

.calculator {border:1px solid #e1e1e1; width:174px; height:30px;
-webkit-border-radius: 5px;/*Safari, Chrome*/
-moz-border-radius: 5px;/*Firefox*/
border-radius: 5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto; 
}
.calculator td {background:#fff; text-align:center; font-size:11px; color:#777;}
.calculator input{border:0; margin:0; font-family:'Nanum Gothic', µ¸¿ò; font-size:12px; font-weight:bold; color:#567f56; padding:2px 0 2px 2px;}
.ed_c {width:10%; background:#f7f7f7;}
.ed_c i {font-size:8px; color:#567f56;}

/********************* ÇϴܼÂÆ®¸Þ´º ********************/
.menu_btn
{display:block;
overflow: hidden;
padding:7px 10px 7px 10px;
margin-bottom:7px;
background: #fff;
border:1px solid #e1e1e1;
font-size: 13px;
color: #555;
font-weight:bold;
letter-spacing: -1px;
white-space: nowrap;
vertical-align: middle;}
.menu_btn span {float:right; font-size:7pt; color:#f36759;}
.left_menu_set {width:100%; margin-top:10px}
.left_menu_set img{display:block;}
.icon_set {display:block; width:100%; height:100px; clear:both;}
.icon_set span{float:left;}

.left_qr {width:100%; background-color:#e9e9e9; display:block;}
.left_cscenter {width:100%;} /*cs¹è°æ»ö*/
.left_cscenter .title{width:130px;font-weight:bold; font-size:16px; padding:7px 10px 7px 10px;}/*csŸÀÌƲ*/
.left_cscenter .title i{float:right; border-left:1px solid #555; padding-left:7px;}
.left_cscenter .cs_time{width:100%; height:100px; margin:10px 0 10px 10px; font-size:12px;}
.left_cscenter .title_tel{font-size:22px; line-height:30px}

/*************************
*******Header******
**************************/
@media(min-width:768px) { 
.affix {
border-color: rgba(34,34,34,.05);
background-color: #fff;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); /*»ó´Ü¸Þ´º¹Ù ½¦µµ¿ì*/
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
}

#header .search{
display: inline-block;
}
.navbar>.container .navbar-brand{
margin-left: 0;
}
.top-bar {
padding: 10px 0;
background: #191919;
border-bottom: 1px solid #222;
line-height: 28px;
}
.top-number{
color: #fff;
}
.top-number p{
margin: 0
}
.social{
text-align: right;
}
.social-share{
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
}
ul.social-share li {
display: inline-block;
}
ul.social-share li a {
display: inline-block;
color: #fff;
background: #404040;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 2px;
}
ul.social-share li a:hover {
background: #c52d2f;
color: #fff;
}
.search i {
color: #fff;
}
input.search-form{
background: transparent;
border: 0 none;
width: 60px;
padding: 0 10px;
color: #FFF;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
input.search-form::-webkit-input-placeholder{
color: transparent;
}
input.search-form:hover::-webkit-input-placeholder {
color: #fff;
}
input.search-form:hover {
width: 180px;
}
.navbar-brand {
padding: 0;
margin:0;
}
.navbar {
border-radius: 0;
margin-bottom: 0;
background: #f5f5f5; /*³×ºñ¹ÙBG*/
padding: 0;
padding-bottom: 0;
}
.navbar-header .top_logo {background-color:#c52d2f; width:120px; height:110px; display:block; position:absolute; z-index:100; line-height:80px;}
.navbar-header .top_logo img {}
.navbar-toggle {background-color:#222;} /*Åä±Û¾ÆÀÌÄÜ*/
.navbar-nav{
margin-top: 12px;
}
.navbar-nav>li{
margin-left: 35px;
padding-top:17px;
padding-bottom: 28px;
}
.navbar-inverse .navbar-nav > li > a {
padding: 5px 12px;
margin: 0;
color: #333; /*¸Þ´º*/
line-height: 24px;
display: inline-block;
}
.navbar-inverse .navbar-nav > li > a:hover{
background-color: #c52d2f;
color: #fff;
}
.navbar-inverse {
border: none;
}
.navbar-inverse .navbar-brand {
font-size: 36px;
line-height: 50px;
color: #fff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: transparent;
color: #c52d2f;
}
.navbar-inverse .navbar-nav .dropdown-menu {
background-color: rgba(0,0,0,.85);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
border: 0;
padding: 0;
margin-top: 0;
border-top: 0;
border-radius: 0;
left: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu:before{
position: absolute;
top:0;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
padding: 8px 15px;
color: #fff;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: #c52d2f;
color: #fff;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
background-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-top: 0;
padding-bottom: 0;
}