@charset "utf-8";
/* CSS Document */

@font-face{
  font-family:'Nanum Barun Gothic';
  src:url("../font/NanumBarunGothic.eot");
  src:local("※"),url("../font/NanumBarunGothic.woff") format("woff");}
@font-face{
  font-family:'dingb';
  src:url("../font/DINBol.eot");
  src:local("※"),url("../font/DINBol.woff") format("woff");}
 @font-face{
  font-family:'dingl';
  src:url("../font/DINLi.eot");
  src:local("※"),url("../font/DINLi.woff") format("woff");}
  
* { margin:0; padding:0; font-family:'Nanum Barun Gothic', dotum, arial;}

/* nav ***********************************************************/

.navbar-default { background:#fff;}
.navbar-default .gnb { margin-top:8px; text-align:right; font-size:0.82em;}
.navbar-default .gnb select { padding: 3px 2px; margin-right: 2px; vertical-align: top;}
.navbar-default .gnb a { margin-left:15px; color:#191919;}
.navbar-default .mnbox { margin-top:12px;}
.navbar-default .navbar-nav>li>a { color:#191919;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active { color:#107fe9;}
.navbar-default .navbar-nav>li.active { color:#107fe9; background:none !important;}
.navbar .sub_menu { position:absolute; left:0; right:0; background: rgba(0, 0, 0, .75); font-size:1em; z-index:10; overflow:hidden;}
.navbar .sub_menu .right { float:right;}
.navbar .sub_menu ul { display:block; float:left;}
.navbar .sub_menu ul li { margin-bottom:5px; list-style:none;}
.navbar .sub_menu ul li a { color:#e5e5e5;}
.navbar .sub_menu ul li a:hover { color:#fff;}

/* 모바일 */
@media (max-width: 767px) {
	.navbar { min-height:50px;}
	.navbar-default { border-color:#d7d7d7;}
	.navbar-default .mnbox { margin-top:0;}
	.navbar-header .logo { margin-left:10px; margin-top:12px;}
	.navbar-header .logo img { width:25%;}
	.navbar-collapse { background: rgba(0, 0, 0, .8);}
	.navbar-collapse ul li:hover, .navbar-collapse ul li:active { background:none;}
	.navbar-collapse .navbar-nav>li>a, .navbar-collapse .navbar-nav>li>a:active, .navbar-collapse .navbar-nav>li>a:visited { color:#fff;}
	.navbar .sub_menu { display:none !important;}}
@media (max-width: 500px) {
	.navbar-header .logo img { width:38%;}}
@media (max-width: 767px) {
	.navbar-default .gnb { padding-bottom:5px; border-bottom:1px solid #ddd; font-size:0.8em;padding-right: 10px;}
	.navbar-toggle .icon-bar+.icon-bar { margin-top:3px;}
	.navbar-toggle .icon-bar { width:20px; height:3px; border-radius:2px;}
	.navbar-toggle { margin-right:5px; padding-right:10px;}
	.navbar-default .navbar-toggle { border:none;}
	.navbar-default .navbar-toggle:hover { background:none;}
	.navbar-default .navbar-nav>li>a:hover { color:#fff;}
	.navbar-fixed-top .navbar-collapse { padding:0px 20px 10px 20px; max-height:none;}
	.navbar-nav>li>a { padding-bottom:5px;}
	.navbar-collapse .nav>li.mobile { display:block; padding-bottom:5px;}
	.navbar-collapse .nav>li.mobile>a { display:inline-block; padding:0 0 0 15px; color:#aaa; font-size:0.85em;}
	.navbar-collapse .nav>li.mobile>a:hover { color:#fff; text-decoration:underline;}
	.navbar-collapse ul li.mobile:hover, .navbar-collapse ul li.mobile:active { background:none;}}
	
/* 아이패드 */
@media (min-width: 768px) { 
	.navbar-default .gnb { padding-right:33px;}
	.navbar { min-height:95px;}
	.navbar-header .logo img { width:170px;}
	.navbar-default .navbar-nav>li>a { font-size:1.1em;}
	.nav>li>a { padding:10px 18px; text-align:center;}
	.navbar .sub_menu { top:95px; padding:30px 0 10px 0; font-size:0.9em;}
	.navbar .sub_menu ul { margin-left:40px;}
	.nav>li.mobile { display:none;}}
	
/* 웹 */
@media (min-width: 992px) {
	.navbar-default .gnb { padding-right:15px;}
	.navbar-default .navbar-nav>li>a { font-size:1.3em;}
	.navbar-header .logo { margin-top:-8px;}
	.navbar-header .logo img { width:196px;}
	.nav>li>a { padding:10px 0; width:120px;}
	.navbar .sub_menu { padding:40px 0 30px 0; font-size:1em;}
	.navbar .sub_menu ul { width:111px; margin-left:16px;}
	.navbar .sub_menu ul.ir, .navbar .sub_menu ul.pr { width:90px;}
	.navbar .sub_menu ul.af { width:97px;}}
@media (min-width:400px) and (max-width:768px) {
	.navbar .sub_menu:active { display:block;}}

/* footer ***********************************************************/

footer { padding-top:25px; background:#151515; color:#dbdbdb; overflow:hidden;}
footer .copy { float:left;}
footer .copy p { float:left; margin-bottom:0;}
footer .copy p.txt { margin-left:30px; padding-left:30px; border-left:1px solid #4e4e4e;}
footer .copy p.txt a { color: #999; text-decoration: none; font-size:12px; padding-left:5px;position:relative;top:-2px;}
footer .copy p.txt a:hover { color: #fff;}
footer .copy p.txt .dingl { font-family:dingl;}
footer .copy p.txt .dingl span { font-family:'Nanum Barun Gothic'; color:#bcbcbc;}
footer .certify { text-align:right;}
footer .certify p.logo { margin-bottom:13px;}
footer .certify p.sns a { margin-left:7px; opacity:0.8;}
footer .certify p.sns a:hover { opacity:1;}

/* 모바일 */		
@media (min-width: 320px) {
	footer.web { display:none;}
	footer.mobile { padding-top:2em; padding-bottom:1.5em; display:block; font-size:0.7em; text-align:center;}
	footer.mobile p.sns { margin-top:15px; }
	footer.mobile p.sns a { margin:2px; opacity:0.5;}
	footer.mobile p.sns a:hover { opacity:0.8;}}
	
/* 아이패드 */
@media (min-width: 768px) {
	footer.web { display:block;}
	footer.mobile { display:none;}
	footer { padding-bottom:0; height:10.4em;}
	footer .copy .logo { padding-top:10px;}
	footer .copy .logo img { width:90%;}
	footer .copy p.txt { margin-left:20px; padding-left:20px; font-size:0.85em;}}

@media (max-width: 1199px) {
	footer .certify { float:left; margin-top:10px; margin-left:165px;}
	footer .certify p.sns { position:absolute; right:25px; margin-top:-95px;}}

/* 웹 */
@media (min-width: 1200px) {
	footer.web { display:block;}
	footer.mobile { display:none;}
	footer { padding-bottom:25px; height:auto;}
	footer .copy .logo { padding-top:17px;}
	footer .copy .logo img { width:100%;}
	footer .copy p.txt { padding-top:3px; font-size:1.1em;}
	footer .copy p.txt .dingl span { padding-left:2px; padding-right:2px; font-size:0.9em;}
	footer .copy p.txt img { margin-top:-4px;}
	footer .certify { float:right;}
	footer .certify p.sns a { margin-left:7px;}}