/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}

/* 폰트 설정 */

* {font-family:/* 'Noto Sans', 'Noto Sans CJK KR' , */"맑은 고딕", 'Malgun Gothic', 'Gulim', sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Noto Sans', 'Noto Sans CJK KR', 'Apple SD Gothic Neo Medium', "맑은 고딕", 'Malgun Gothic', 'Gulim', sans-serif !important;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* 모바일 메뉴 위치 조정 */
.navbar-toggle {margin-top: 22px}

/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#222222;           /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}

/*상단 메뉴 설정 끝*/


div.tab_hidden {display:none}

/*상단 메뉴 로고 시작*/
.navbar-brand img {
    margin: 0;
    padding-top: 0px;
    max-width: 200px !important;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:18px;               /*텍스트 크기*/
	padding:15px 37px 15px 37px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 하단 카피라이트 설정 끝*/

.navbar-inverse {
    border-color: rgba(0,0,0,0);
    /*border-bottom: 1px solid #ededed;*/
    background: #fff;
    padding: 0px;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}
.navbar-inverse .divider-vertical {
display:none;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-brand {
    color: #000;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #000;
    background-color: transparent;
}
.navbar-inverse .navbar-nav {
    margin: 0px 0px 0px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #313131;
}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {
    color: #f51919;
}


.navbar-inverse .navbar-brand{font-family: 'Lobster', cursive; font-size: 22px;}

.container_contents{width:auto;}


.container_contents section{overflow:hidden;min-height:100px;}

.intro-html-layout>div.col-sm-12{padding:0px;}

.topmarginLay_a {
    height: 81px !important;
    margin: -20px 0px 0px !important;
}
@media screen and (max-width: 768px) {
    .topmarginLay_a {
        padding: 0px !important;
    }
}


p.cont_tit {font-size:1.3em; text-align:left; margin-bottom:10px} 


@media (max-width: 768px) {
   .navbar-toggle {
       background-color: #ff822d;
   }
    .navbar-inverse .navbar-toggle .icon-bar
    {background-color: #333;}

    .navbar-inverse .navbar-toggle:focus .icon-bar,
    .navbar-inverse .navbar-toggle:hover .icon-bar
    {background-color: #fff;}
}


/* common style */
h3 {
    color: #224fa1;
}
/* //common style */

/* main page */

.section2 .con-area2 {
    padding: 35px 0px 0px;
	background: #fff;
}
.con-area2 .lineTop {
    width: 49px;
    height: 5px;
    background: #5ea3cb;
}

.con-area2 img {
    margin-bottom: 0px;
    padding-left: 0px;
}
.con-area2 small {
    color: #dedede;
}
.con-area2 h3 {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: #efefef;
}
.con-area2 .main_middle_box{
    padding:0;
}
.con-area2 p {
    line-height: 27px;
}
.con-area2 span {
    color: #5ea3cb;
    font-weight: 500;
}


.foot {border-top:1px solid #ddd; padding:40px 0}


}

/* //main page */

/* sub page */

@media (min-width: 992px) {
    .subSection h3 {
        margin-top: 0px;
    }
}
/* //sub page */

/* footer */
.footer_copy .top {
    display: inline-block;
}
.footer_copy .top ul {
    padding-left: 0px;
    list-style-type: none;
}
.footer_copy .top li {
    padding-top: 10px;
    line-height: 16px;
}
.footer_copy .top li strong {
    display: inline-block;
    width: 75px;
}
.footer_copy .top h5 {
    color: #5ea3cb;
}
.footer_copy .top .branch {
    padding: 5px 15px;
}
.footer_copy .top .lineBottom {
    width: 40px;
    height: 1px;
    background-color: #5ea3cb;
}
.footer_copy .bottom {
    width: 100%;
    display: inline-block;
    padding: 25px 0px;
    background-color: #fff;
}
.footer_copy .bottom p {
    margin: 0px;
    color: #aaaaaa;
}
.bottom > .row {
    max-width: 1170px;
    margin: 0 auto;
}
@media (min-width: 992px) {
    .footer_copy .top {
        width: 1222px;
        margin: 50px auto;
        padding: 0px;
        float: none;
    }

    .footer_copy .top > div {
        width: 305px;
    }
}
/* //footer */

@media screen and (min-width: 768px) {
    .dropdown-menu > li > a {
        margin: 0 !important;
        padding: 10px 20px !important;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        background: transparent;
        color: #f51919;
        text-decoration:none !important;
    }
}

/* 커스텀 영역 */
.dropdown-menu {
    box-shadow: none;
    border-radius: 0px;
   
    border-top: none;
    right: auto !important;
}


.sub_bg {padding:0}
.container.sub-layout { width: 100%; margin: 0; padding: 0; }

#top { background-image: url('/img/sub_vs.jpg'); background-position: top; background-size: cover; height: 178px; padding-top:50px}

#top {font-size:17px}
#top span{font-size:38px}
#top span b{font-size:38px}

#springboard { max-width: 1170px; margin: 0 auto; padding: 0; /*border-left: 1px solid #DDD; border-right: 1px solid #DDD;*/ }

#side { padding: 0; }
#side li {
    list-style: none;
    padding: 10px 5px 10px 15px;
    
}
#side > li:first-child { 
    padding: 30px 3px;
    font-size: 24px;
    border-bottom: 1px solid #DDD;
    text-align: center;
    color: #fff;
    background: #ff822d;
}
#side > li:first-child h2 { margin: 0px 0px 10px; }
#side ul { padding-left: 0px; }
#side ul > li:after {  }
#side li > a { color: #313131;width:100%; display:block }
#side li > a:hover { color: #ff822d; text-decoration: none !important; background:url(/img/left_bul.jpg) no-repeat 185px 5px}
#side li.active > a, #side li.active > a:hover { color: #ff822d; text-decoration: none !important;  background:url(/left_bul.jpg) no-repeat 185px 5px}


ul.s_sub {padding-left:10px !important;}
ul.s_sub li a {font-size:0.9em}
ul.s_sub li a:hover {color:#000 !important;font-weight:bold !important; background:none !important}

#migi { 
    /*border-left: 1px solid #DDD;*/
    padding: 30px 25px 40px 15px;
	color:#555555;
}
#migi.board-top{
	max-width:1170px;
	margin: 0 auto;
    float: none;
    border-left: none;
    padding-bottom: 0;
}
#migi h2.page_title {
    margin: 0px 0px 0px 10px;
   
    padding-bottom: 31px;
    font-weight: 600;
}
.greeting p{
	line-height:1.6;
	font-size:14px
}
.ceo_name {
	font-size: 16px;
}
.ceo_name span {
	font-size: 1.4em;
	color:#000; 
}

#migi h2.page_title {
  font-size:1.4em
  }

  #page .cont { padding: 20px; }

p.sub101_tit {font-size:1.3em}

p.sub101_tit b{font-weight:normal; color:#ff6d0a}

table.sub102_tb tr th {text-align:center}
table.sub102_tb tr td {padding:10px 5px; vertical-align:middle}
table.sub102_tb tr td.tb_tit{text-align:center}

table.sub301_tb {text-align:center; font-size:0.9em}
table.sub301_tb tr th {background:#FF822D; color:#fff; text-align:center; font-weight:normal}

div.sub201_1 {padding-top:70px}


.qna {margin-top:10px;}
input {padding:2px;}
.btn{width:100%; margin:0 auto;text-align:center; padding-top:30px }
.btn p {float:left;}
.btn .bt1{width:49%; text-align:right;float:left; }
.btn .bt2{width:49%; text-align:left; float:right; }

#btn_submit {margin:0; padding:0; }
#privacy_agree {width:100%; margin-bottom:20px; }
#privacy {width:100%;margin-bottom:10px; }


p.sub301_im {margin:30px 0 50px 0;}
p.sub301_ti span {color:#fe6700}

div.sub301_tx p {line-height:1.7em} 

div.sub302_tx {padding:20px}


@media screen and (max-width: 991px) { #migi { border-left: 0px; padding: 30px 15px 0px 15px; } 

p.cont_tit {font-size:1.3em; text-align:center; margin-bottom:10px} 

}

.food-content > .col-md-12 { max-width: 800px; float: none; margin: 0 auto; }
.food-content > .col-md-12 .table {
	margin-top: 20px;
    font-size: 15px;}
.food-content > .col-md-12 .table td { border-bottom: 1px solid #EEE; padding: 10px 0; text-align:left;}
.food-content > .col-md-12 .table td:first-child { font-weight: bold; width: 13%;}

#side li > a:hover { color: #ff822d; text-decoration: none !important; background:url(/img/left_bul.jpg) no-repeat 165px 5px}
#side li.active > a, #side li.active > a:hover { color: #ff822d; text-decoration: none !important;  background:url(/img/left_bul.jpg) no-repeat 165px 5px}



@media screen and (max-width: 767px) {
    
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff; 
    background-color: #ff822d; 
}




.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #ff822d;
    background-color: transparent;
}


}


}


@media screen and (max-width: 768px) {

div.tab_hidden {display:block}

table.tab_tb tr th{color:#fff; background:#ff822d; font-weight:normal; text-align:center}
table.tab_tb tr th a{color:#fff; background:#ff822d}

#top {font-size:15px; line-height:2em}
#top span{font-size:27px}
#top span b{font-size:27px}
   
}


@media screen and (max-width: 360px) {

p.sub101_tit {font-size:1.1em}

p.sub101_tit b{font-weight:normal; color:#ff6d0a}
  
img.foot_im {width:60%}

div.sub201_1 {padding-top:20px}

.tbl_mail  {font-size:0.8em}

.tbl_mail tr th {padding:0 }

.tbl_mail tr th.ect_txt {padding:0 }

p.sub301_im {margin-bottom:10px}


table.sub301_tb {font-size:0.9em}
table.sub301_tb tr th {}


div.sub302_tx {padding:20px 10px}

#top {font-size:13px; line-height:2em}
#top span{font-size:20px}
#top span b{font-size:20px}


}


@media screen and (max-width: 320px) {
    ..ceo_name span {
	font-size: 1.em;
	color:#000; 

	p.sub301_im {margin-bottom:10px}
}


p.sub101_tit {font-size:1.1em}

p.sub101_tit b{font-weight:normal; color:#ff6d0a}
  
img.foot_im {width:60%}

div.sub201_1 {padding-top:20px}

.tbl_mail  {font-size:0.8em}

.tbl_mail tr th {padding:0 }

.tbl_mail tr th.ect_txt {padding:0 }


table.sub301_tb {font-size:0.9em}
table.sub301_tb tr th {}

div.sub302_tx {padding:20px 10px}


#top {font-size:13px; line-height:2em}
#top span{font-size:20px}
#top span b{font-size:20px}

}