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

/*header*/
#header {border-radius:0; background-color:#d1131c; border:none; min-height:90px; margin-bottom:0;}

/*logo*/
#header .navbar-brand {
  float: left;
  height:auto;
  padding:25px 0 0;
  display:block;
  overflow:hidden;
  height:90px;
}

#header a.btn_iqr {display:block; float:right; width:124px; height:90px; background:#a30000; text-align:center; color:#fff; text-decoration:none; font-size:.94em; padding:16px 0 0;}

.navbar-toggle {
  float: left;
  padding:0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  background:#2a0406;
  border:none;
  border-radius:0;
  width:56px; 
  height:56px;
}

@media \0screen\,screen\9 {
.navbar-toggle {display:none; visibility:hidden;}
.navbar-header {float:none;}
}

@media screen\9 {
#header .navbar-brand {height:65px;}	
#header a.btn_iqr {height:74px;}
}

.navbar-toggle.collapsed {background:#a30000 !important;}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background:#2a0406;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius:0;
  margin:0 auto;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (max-width: 991px) {
	
/*header*/	
#header	{min-height:56px;}

/*logo*/	
#header .navbar-brand {
  float:inherit;	
  width:114px;
  height:56px;  
  margin:0 auto;
  padding:14px 0 0;
}

#header a.btn_iqr {width:56px; height:56px;}
#header a.btn_iqr img {width:23px; height:auto;}

}


/*상단메뉴*/
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-weight:500;
}

.nav_pc .navbar-nav .caret {display:none; visibility:hidden;}

.nav_pc {float:right; margin-right:30px; display:block; visibility:visible;}
.nav_mo {display:none; visibility:hidden;}

.nav_pc .navbar-nav > li {position:relative;}
.nav_pc .navbar-nav > li > a {height:90px; line-height:90px; padding:0 30px;}

.nav_pc .navbar-nav > li > a:hover,
.nav_pc .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #2a0406;
}

@media \0screen\,screen\9 {
.nav_pc .navbar-nav {margin:0;}	
.nav_pc .navbar-nav > li {float:left;}
}

.nav_pc .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  width:100%;
  min-width:inherit;
  padding: 5px 0;
  margin: 0;
  font-size:inherit;
}

.nav_pc .dropdown-menu > li > a {padding:5px 20px;}
.nav_pc .dropdown-menu > li > a, .nav_pc .dropdown-menu > li > a:hover, .nav_pc .dropdown-menu > li > a:focus {color:#555;}

.nav_mo .navbar-collapse {background:#2a0406; border:none;}
.nav_mo .dropdown-menu {
  position:relative;
  top:inherit;
  left:inherit;
  display: none;
  float: left;
  min-width:inherit;
  width:100%;
  padding:0 0 5px;
  padding-left:5px;
  margin:0;
  font-size:inherit;
  background-color:inherit;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border:none;
  border:none;
  border-radius:0;
  -webkit-box-shadow:0;
          box-shadow:0;
}

.nav_mo .navbar-nav {padding:5px 0;}
.nav_mo .navbar-nav > li > a {padding-top:5px; padding-bottom:5px;}
.nav_mo .dropdown-menu > li > a:hover,
.nav_mo .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color:inherit;
}

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
	padding-left:0;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height:inherit;
  }
  .navbar-nav .dropdown-menu > li > a {
    line-height:1.5em;
  }
}

@media (max-width: 992px) {
  .navbar-inverse .navbar-nav .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .dropdown-menu > li > a:focus {
    color: #fff;
  }
  .navbar-inverse .navbar-nav .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .dropdown-menu > .active > a:focus {
    color: #fff;
  }
  .navbar-inverse .navbar-nav .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .dropdown-menu > .disabled > a:focus {
    color: #444;
  }
  
  
.nav_pc {display:none; visibility:hidden;}
.nav_mo {display:block; visibility:visible;}
  
}


/*비주얼*/
#visual_wrap {zoom:1;}
#visual_wrap:after {content:""; display:block; clear:both; visibility:hidden;}

/*메인비주얼*/
.mvisual {height:698px; overflow:hidden;}
.main_visual .slick-slide {overflow:hidden;}
.main_visual .slick-slide img {position:relative; left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.main_visual_mo .slick-slide img {width:100%; height:auto;}

@media \0screen\,screen\9 {
.main_visual .slick-slide img {margin-left:-960px;}
}

/*서브비주얼*/
.svisual {height:260px; background-repeat:no-repeat; background-position:center 0; background-image:url('./img/s_visual_1.jpg');}
.sub_bg_1 {background-image:url('./img/s_visual_1.jpg');}
.sub_bg_2 {background-image:url('./img/s_visual_2.jpg');}
.sub_bg_3 {background-image:url('./img/s_visual_3.jpg');}
.sub_bg_4 {background-image:url('./img/s_visual_4.jpg');}
.svisual .container {text-align:center; padding-top:88px;}

/*서브레이아웃*/
#container_title {font-weight:600; color:#333; margin:0 0 .2em; letter-spacing:-0.04em;}
#s_location {letter-spacing:-0.02m; color:#555;}
h2#container_title, #bo_v_table {display:none;}
.sub_cont .cont_area {padding-top:60px; padding-bottom:80px; position:relative;}
.sub_cont .cont_area.container-fluid {padding-top:0; padding-bottom:0;}


@media (max-width: 991px) {
.mvisual {height:auto;}

.svisual {height:auto; background-size:cover;}	
.svisual .container {padding:10% 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
#container_title {margin:0 0 .15em}		
.sub_cont .cont_area {padding-top:48px; padding-bottom:70px;}
}

@media (max-width:767px) {
#container_title {margin:0 0 .1em}	
.sub_cont .cont_area {padding-top:35px; padding-bottom:55px;}
}

/*서브메뉴*/
#lm {background:#efefef; zoom:1; text-align:center;letter-spacing:-0.04em; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
#lm:after {content:""; display:block; visibility:hidden; clear:both;}
#lm ul {list-style:none; margin:0; padding:0; zoom:1; border-left:1px solid #d8d8d8;}
#lm ul:after {content:""; display:block; visibility:hidden; clear:both;}
#lm ul li {border-right:1px solid #d8d8d8; float:left;}
#lm ul.lm2 li {width:50%;}
#lm ul.lm3 li {width:33.33%;}
#lm ul.lm4 li {width:25%;}
#lm ul a {display:block; text-decoration:none; color:#888; padding:1.2em .5em 1em; border-bottom:4px solid #efefef; font-weight:400;}
#lm ul a:hover, #lm ul a:focus, #lm ul .active a {color:#282828;}
#lm ul .active a {border-color:#d1131c;}

@media (max-width: 1199px) {
#lm .container {padding:0;}	
}

@media (min-width: 992px) {
#lm .lm_2step .col2 {border-left:none;}
}

@media (max-width: 991px) {
#lm .lm_2step .col1 {border-bottom:1px solid #d8d8d8;}
#lm ul a {padding:1em 0 .8em;}
}

@media (max-width:767px) {
#lm ul .lm_ls {letter-spacing:-0.08em;}
}

@media screen\9 {
#lm ul li {margin-right:-1px;}
#lm ul.lm2 li {width:49.5%;}
}

/*메인컨텐츠*/
.main_cont {padding:5.3em 0; position:relative;}
.main_cont .col {min-height:236px;}
.main_cont .btn_more {width:1em; height:1em; display:block; background:url('./img/ico_more.gif') no-repeat center center; position:absolute; right:23px; top:6px;}

.main_cont h3.col_h3 {color:#333; letter-spacing:-0.02em; line-height:1em; border-bottom:1px solid #cbcbcb; padding:0 0 .6em;}
.main_cont .col3 h3.col_h3 {border:none;}
.main_cont .col_pro {background:#f6f6f6; min-height:192px;}
.main_cont .col_pro a {display:block; margin:10px 40px; position:relative; text-decoration:none;}
.main_cont .col_pro .col_img {width:auto; height:172px; /*border:1px solid red;*/}
.main_cont .col_pro p {position:absolute; left:170px; bottom:15px; font-weight:400; letter-spacing:-0.02em; white-space:nowrap;}
.main_cont .col_pro p .txt_tit {color:#555;}
.main_cont .col_pro p .txt_cate {font-size:.93em; color:#999;}

@media screen\9 {
.main_cont .col {width:30%; height:236px; overflow:hidden;}
}

@media (min-width: 992px) {
.main_cont .row {margin:0 -23px;}
.main_cont .col {padding:0 23px;}
}

@media (max-width: 991px) {
	
/*footer*/
.main_cont {padding:3.8em 0;}
.main_cont .col {margin-bottom:2em;}
.main_cont .col3 {margin-bottom:0;}
}

@media (min-width: 768px) and (max-width: 991px) {
.main_cont .col {min-height:166px;}
.main_cont .col_pro a {margin:20px 25%;}
.main_cont .col_pro .col_img {width:60%; height:auto;}
.main_cont .col_pro p {left:60%;}
}


@media (max-width: 767px) {
.main_cont .col {min-height:inherit;}	
.main_cont .col_pro {min-height:inherit;}
.main_cont .col_pro a {margin:15px 16%;}
.main_cont .col_pro .col_img {width:70%; height:auto;}
.main_cont .col_pro p {left:70%;}
}


/*footer*/
#footer {background-color:#434343; color:#b4b4b4; text-align:center; padding:3.9em 0;}
#footer span {display:inline-block; margin:0 .5em; white-space:nowrap;}
#footer .copy {margin:.3em 0 0;}


@media (max-width: 991px) {
	
/*footer*/
#footer {padding:2.6em 0;}

}


@media \0screen\,screen\9 {
.visible-lg {display:block !important; visibility:visible !important;}
}


/*common*/
.img_adm {position:absolute; right:15px; top:0;}
.col_ani {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.col_lt {float:left;}
.col_rt {float:right;}
.ico_rqd {color:#d1131c; font-weight:500;}

.txt_nowrap {white-space:nowrap;}

.txt50 {font-size:3.57em;}
.txt48 {font-size:3.42em;}
.txt36 {font-size:2.57em;}
.txt34 {font-size:2.42em;}
.txt30 {font-size:2.14em;}
.txt28 {font-size:2em;}
.txt25 {font-size:1.78em;}
.txt24 {font-size:1.71em;}
.txt20 {font-size:1.43em;}
.txt19 {font-size:1.35em;}
.txt18 {font-size:1.28em;}
.txt17 {font-size:1.21em;}
.txt16 {font-size:1.14em;}

@media (min-width: 768px) and (max-width: 991px) {
	
.txt50 {font-size:3.17em;}	
.txt48 {font-size:3.04em;}
.txt36 {font-size:2.28em;}
.txt34 {font-size:2.15em;}
.txt30 {font-size:1.88em;}
.txt28 {font-size:1.77em;}	
.txt25 {font-size:1.58em;}
.txt24 {font-size:1.52em;}
.txt20 {font-size:1.26em;}
.txt18 {font-size:1.14em;}
.txt17 {font-size:1.1em;}
.txt16 {font-size:1.07em;}
}

@media (max-width:767px) {

.txt50 {font-size:2.77em;}
.txt48 {font-size:2.66em;}
.txt36 {font-size:2em;}
.txt34 {font-size:1.88em;}
.txt30 {font-size:1.66em;}	
.txt28 {font-size:1.55em;}
.txt25 {font-size:1.38em;}
.txt24 {font-size:1.33em;}
.txt20 {font-size:1.1em;}
.txt18 {font-size:1em;}
.txt17 {font-size:1em;}
.txt16 {font-size:1em;}
}