@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);*/

a:hover { text-decoration: none;}
a:visited{text-decoration:none; }
img {border:0;}
body {font-family: "nanumgothic",  sans-serif; color:#777; background:url(/img/body_back.png) center top}
.container-fluid { padding: 0;}

.nav_bg {background:url(/img/body_back.png) center top;}
/* nav bar customize */
.navbar{background:url(/img/body_back.png) center top; border: none; padding-bottom: 10px; font-family: 'nanumgothic', sans-serif; font-weight: 300; font-size: 18px;height:90px; text-transform: capitalize; z-index:9999}

.navbar .top_logo {padding:40px 0 20px; text-align:center;background:url(/img/body_back.png) center top; position:relative;}
.navbar .top_logo:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.navbar-toggle {position: relative;margin-top:0;top: 2px;}
.navbar-nav {margin-top:0; margin-bottom:10px; }
.navbar-nav li { margin:0 7px; font-size:17px;}
.navbar-nav li {border:3px solid #fff; }
.navbar-brand { text-align:center} 
.navbar-collapse { padding-top: 10px; background:url(/img/body_back.png) center top}

.nav > li > a {padding:10px}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover { color: #fff} 
.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li.active>a:focus { color: #fff; background:url(/img/body_back.png) center top} 


img.contact_img {float:right ; position:absolute; right:0; top:50px}

.vs {position:relative;}
.vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.address {text-align:center; padding:40px 0 45px; line-height:1.8em; color:#fff}
.address span {display:inline-block; padding:0 10px}
.bank{padding-top:25px; text-align:center}


.address_1 {text-align:center; padding:40px 0 45px; line-height:1.8em; color:#fff}
.address_1 span {display:inline-block; padding:0 10px}
.bank_1 {padding-top:25px; text-align:center}

footer { padding: 30px 0; color: #fff; background:#1d1d1d; font-size:14px; text-align:center}

.address_1 {text-align:center; padding:0; line-height:1.8em; color:#fff}
.address_1 span {display:inline-block; padding:0 10px}
.address_1 .bank {padding:20px 0; text-align:center}

footer .foot {}
footer .foot span {color:#ba803b; }

.sub_tit {border-bottom:1px solid #575757; font-size:30px; padding-bottom:10px; color:#fff}
.su01 {padding-top:198px}

/*.sub_tit span {display:inline-block; border:1px solid #fff; padding:5px 15px; border-radius:30px}*/

.sub701 {padding-top:100px}


.sub07 {color:#989898; font-size:15px; }
.sub07_tit {font-size:35px; }
.sub07_tit span{color:#f7bb73; }

.sub07 b {font-weight:normal; color:#fff}

.map {margin:95px 0; }

#map_canvas {width:100%; height:395px}

.map_tx {background:#d56c1d; color:#fff; font-size:14px; padding:75px 25px}

.map_tx p span {color:#fffe92; }
.map_tx p.s_tit {font-size:28px;padding-bottom:20px; border-bottom:1px solid #dd894a; }


@media (max-width: 980px) {
   .navbar-nav li {margin:0 7px;}

img.contact_img {display:none}

.navbar-toggle {position: relative;margin-top:-70px;top: 2px;}

}

@media (min-width: 768px) {

 .navbar-nav li {margin:0 7px;}

.navbar-toggle {position: relative;margin-top:0;top: 2px;}

}

@media (max-width: 360px) {

body {padding-top:90px}

.navbar{font-size: 8px}

.top_logo {padding:20px 0 10px;}

img.contact_img {display:none}

.top_logo img {width:55%; float:left !important; padding-left:30px}

.navbar-toggle {position: relative;margin-top:-70px;top: 12px;}

.navbar-collapse li a {font-size:1em}


.address {text-align:center; padding:20px 0 25px; line-height:1.8em; color:#fff; font-size:0.8em}
.address span {display:none}

.bank{padding-top:10px; text-align:center}
.bank img {width:80%}


footer { padding: 15px 0; color: #fff; background:#1d1d1d; font-size:14px; text-align:center}

.address_1 {font-size:0.8em}
.address_1 span {display:inline-block; padding:0 5px}
.address_1 .bank {padding:10px 0; text-align:center}

footer .foot {font-size:0.8em}
footer .foot span {color:#ba803b; }


.sub_tit {border-bottom:1px solid #575757; font-size:1.3em; padding-bottom:5px; color:#fff}

.su01 {padding-top:40px}

.sub701 {padding-top:30px}

.sub07 {color:#989898; font-size:13px; }
.sub07_tit {font-size:23px; }
.sub07_tit span{color:#f7bb73; }

.sub07 b {font-weight:normal; color:#fff}



.map {margin:50px 0; }

#map_canvas {width:100%; height:250px}

.map_tx {background:#d56c1d; color:#fff; font-size:12px; padding:20px 13px}

.map_tx p span {color:#fffe92; }
.map_tx p.s_tit {font-size:14px;padding-bottom:20px; border-bottom:1px solid #dd894a; }



}

@media (max-width: 320px)  {

body {padding-top:90px}

.navbar{font-size: 8px}

.top_logo {padding:20px 0 10px;}

.navbar-toggle {position: relative;margin-top:-70px;top: 12px;}


.navbar-collapse li a {font-size:1em}

img.contact_img {display:none}

.top_logo img {width:55%; float:left !important; padding-left:30px}


.address {text-align:center; padding:20px 0 25px; line-height:1.8em; color:#fff; font-size:0.8em}
.address span {display:none}

.bank{padding-top:10px; text-align:center}
.bank img {width:80%}


footer { padding: 15px 0; color: #fff; background:#1d1d1d; font-size:14px; text-align:center}

.address_1 {font-size:0.8em}
.address_1 span {display:inline-block; padding:0 5px}
.address_1 .bank {padding:10px 0; text-align:center}

footer .foot {font-size:0.8em}
footer .foot span {color:#ba803b; }

.sub_tit {border-bottom:1px solid #575757; font-size:15px; padding-bottom:5px; color:#fff}

.sub701 {padding-top:30px}

.sub07 {color:#989898; font-size:13px; }
.sub07_tit {font-size:23px; }
.sub07_tit span{color:#f7bb73; }

.sub07 b {font-weight:normal; color:#fff}



.map {margin:50px 0; }

#map_canvas {width:100%; height:250px}

.map_tx {background:#d56c1d; color:#fff; font-size:12px; padding:20px 13px}

.map_tx p span {color:#fffe92; }
.map_tx p.s_tit {font-size:14px;padding-bottom:20px; border-bottom:1px solid #dd894a; }



}