@charset "utf-8";
/* CSS Document */
/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

#wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	position:relative;
	left:0;
}

#wrapper.toggled  {
	left:250px;
}


#sidebar-wrapper {
    z-index: 2000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    /*overflow-y: auto;*/
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	overflow:hidden;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

#sidebar-wrapper .navbar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 1.5em 0;
    list-style: none;
}

#sidebar-wrapper .navbar-nav > li {
    text-indent: 0;
    line-height: 2em;
	border-bottom:1px solid #eee;
}

#sidebar-wrapper .navbar-nav > li > a .fa {float:right;}

#sidebar-wrapper .navbar-nav > li > a {
    display: block;
    text-decoration: none;
    color: #555;
	font-size:1.15em;
	padding:1em 1.5em;
	font-weight:bold;
}

#sidebar-wrapper .navbar-nav li a:hover {
    text-decoration: none;
    color: #4e5785;
    background: #fff;
}

#sidebar-wrapper .navbar-nav li a:active,
#sidebar-wrapper .navbar-nav li a:focus {
    text-decoration: none;
}

#sidebar-wrapper .nav .open,
#sidebar-wrapper .nav .open > a,
#sidebar-wrapper .nav .open > a:hover,
#sidebar-wrapper .nav .open > a:focus {
  background-color: #eee;
  color: #4e5785;
}
#sidebar-wrapper .dropdown-menu {padding:0 0 .8em;}
#sidebar-wrapper .dropdown-menu li a {font-size:1em; line-height:1.4em; padding:.4em 1.5em; text-indent:1em;} 

#sidebar-wrapper .dropdown-menu li a:hover,
#sidebar-wrapper .dropdown-menu li a:focus {
  background:#4e5785;
  font-weight:bold;
  color:#fff;
}


.toggle_bg {background:rgba(0,0,0,.4); position:fixed; width:100%; height:100%; left:0; top:0; z-index:100; visibility: hidden; opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}	

@media (max-width:1199px) {

#wrapper.toggled .toggle_bg {visibility: visible; opacity: 1;}

.overflow-hidden {
left: 0;
-webkit-overflow-scrolling: touch;
position: fixed;
top: 0;
width: 100%;	
}

}

@media (min-width:1200px) {
.toggle_bg {visibility: hidden; opacity: 0;}	
#wrapper, #wrapper.toggled {left:0;}
#wrapper.toggled #sidebar-wrapper {width:0;}
/*.container {padding-left:0; padding-right:0;}*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}
}

/*메인영역*/
.container.main_cont {padding-top:70px; padding-bottom:70px;}

@media (max-width:1199px) {
.container.main_cont {padding:7% 0;}
}

@media (max-width:767px) {
.container.main_cont {padding:10% 0;}	
	
}

@media (max-width:479px) {
.container.main_cont {padding:13% 0;}	
}

/*서브영역*/
#s_location {position:absolute; right:15px; top:24px; font-size:13px; line-height:1em;}
#s_location strong {color:#555;}
#s_location span:after {
  content: "\f105"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin:0 .1em 0 .4em;
}

@media screen\9 {
.container {width:1200px;}	
#s_location {right:0;}
}

h3#container_title {font-size:2.7em; color:#333; padding:1.45em 0 0; margin:0 0 1.2em;}

@media (max-width:991px) {
h3#container_title {font-size:2.2em; padding:1.25em 0 0; margin:0 0 1em;}
}
@media (max-width:767px) {
h3#container_title {font-size:1.8em;}
}

h2#container_title, #bo_v_table {display:none;}

.con_sidebar ul {list-style:none; margin:0; padding:0;}
.con_sidebar .lm a {text-decoration:none; display:block;}

.con_area {padding-bottom:50px;}

@media (min-width:768px) {
.con_area {padding-bottom:70px;}
}


@media (min-width:1200px) {
.con_area {padding-left:80px;}
}

@media (min-width:992px) and (max-width:1199px) {
.con_area {padding-left:10%;}	

}

@media \0screen\,screen\9 {
.con_area {padding-left:80px;}
}

@media (min-width:992px) {
	
.container.sub_cont {background:url(./img/sub_bg.gif) repeat-y 213px 0;}
.container.sub_cont.sub_cont_etc {background:none;}
.container.sub_cont.sub_cont_etc .con_sidebar {display:none;}
.container.sub_cont.sub_cont_etc .con_area {width:inherit; padding:0 15px 70px; float:none;}

.con_sidebar {padding:50px 0 80px; z-index:10;}
.con_sidebar .lm {width:213px;}
.con_sidebar .lm li {padding:0 0 0 4px; position:relative; height:48px;}
.con_sidebar .lm a {font-size:15px; line-height:48px; color:#737373; height:48px; padding:0 1em; border-bottom:1px solid #ededed;}
.con_sidebar .lm li:first-child a {border-top:1px solid #ededed;}
.con_sidebar .lm a:hover, .con_sidebar .lm a:focus {color:#4e5785; background:#f5f5f5;}
.con_sidebar .lm li.active a {background-image:url(./img/lm_on.png); color:#fff; position:absolute; left:0; top:0; width:230px; z-index:10; border:none !important; background-color:transparent !important;}

}

@media (max-width:991px) {
.con_sidebar {text-align:center; background:#f7f7f7; border-bottom:1px solid #ddd; position:absolute; width:100%; padding:0; left:0; z-index:10;}
.con_sidebar .lm {display:table; width:100%;}
.con_sidebar .lm li {display:table-cell; border-left:1px solid #ddd; vertical-align:middle;}
.con_sidebar .lm li:first-child {border:none;}
.con_sidebar .lm a {font-size:1em; line-height:1.2em; padding:.7em .5em; color:#555;} 
.con_sidebar .lm li.active {background:#888fb8;}
.con_sidebar .lm li.active a {color:#fff;}
}


@media \0screen\,screen\9 {
.container.sub_cont {background:url(./img/sub_bg.gif) repeat-y 213px 0;}
.con_sidebar {padding:50px 0 80px; z-index:10;}
.con_sidebar .lm {width:213px;}
.con_sidebar .lm li {padding:0 0 0 4px; position:relative; height:48px;}
.con_sidebar .lm a {font-size:15px; line-height:48px; color:#737373; height:48px; padding:0 1em; border-bottom:1px solid #ededed;}
.con_sidebar .lm li:first-child a {border-top:1px solid #ededed;}
.con_sidebar .lm a:hover, .con_sidebar .lm a:focus {color:#4e5785; background:#f5f5f5;}
.con_sidebar .lm li.active a {background-image:url(./img/lm_on.png); color:#fff; position:absolute; left:0; top:0; width:230px; z-index:10; border:none !important; background-color:transparent !important;}
}


@media screen\9 {
.con_sidebar .lm li.active a {width:200px;}
.col-md-10.con_area {width:930px;}
}
/* Special class on .container surrounding .navbar, used for positioning it into place. */


/*header*/

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color:transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color:transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color:transparent;
}
.navbar-wrapper {background:#fff; height:94px;}
.navbar-wrapper > .container {width:100% !important;}
@media (max-width:1199px) {
.navbar-wrapper {height:62px;}
}
.navbar-default {background:none; border:none; margin:0; min-height:inherit; position:absolute; width:100%; left:0; top:0; background:#fff url(./img/gnb_line.gif) repeat-x 0 94px;}
.navbar-header {width:100%; position:relative;}

/*logo*/
.navbar-brand {font-size:0; line-height:0; padding:0; height:inherit; position:absolute; left:0; top:0; padding:23px 0; float:inherit;}

@media (max-width:1199px) {
.navbar-default {min-height:62px; background-image:none;}	
.navbar-header {padding:13px 0;}
.navbar-brand {left:50%; padding:13px 0;}
.navbar-brand > img {display:inline-block; width:160px; height:auto; margin-left:-80px;}
}


.dropdown-menu {min-width:inherit; width:100%;}

@media screen\9 {
.dropdown-menu {min-width:0;}
}

.btn_lang {position:absolute; right:0; top:28px;}
.btn_lang .btn {background:#4e5785; color:#fff; font-weight:bold; border:none; font-size:13px; line-height:1em; padding:.9em 1.2em;}
.btn_lang.open .btn {background:#3795cf; color:#fff;}
.btn_lang .btn .fa {margin-left:.7em;}
.btn_lang .dropdown-menu > li > a {color:#888; font-size:13px; padding:.25em 1.2em;}
.btn_lang .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background:none; color:#333;}

@media (max-width:1199px) {
.btn_lang {top:17px;}	
.btn_lang .btn {font-size:11px; padding:.9em;}
.btn_lang .dropdown-menu > li > a {font-size:11px; padding:0 1em;}
.btn_lang {margin-right:-30px;}	
}

@media (max-width:767px) {
.btn_lang {margin-right:-15px;}	
}

@media (max-width:479px) {
.btn_lang .btn {font-size:10px;}
.btn_lang .dropdown-menu > li > a {font-size:10px;}
} 


.navbar-toggle {
  float:inherit;
  padding:.5em .8em;
  margin:0;
  border:none;
  position:absolute;
  left:0;
  background-color:transparent !important;
  z-index:1000;
}

.navbar-toggle .fa {color:#4e5785; font-size:1.8em;} 
#wrapper .navbar-toggle .fa.fa-bars {display:block;}
#wrapper.toggled .navbar-toggle .fa.fa-bars {display:none;}
#wrapper .navbar-toggle .fa.fa-times {font-size:2em; display:none; margin:-3px 0 0;}
#wrapper.toggled .navbar-toggle .fa.fa-times {display:block;}

@media (max-width:767px) {
.navbar-toggle {left:10px;}
}


/*topmenu*/
@media (min-width:1200px) {

.navbar-nav li.dropdown:hover > .dropdown-menu {
    display: block;
}

}


/* 탑메뉴 */
#gnbArea {height:94px; overflow:hidden; float:left; margin:0 0 0 270px;}
#gnbArea .fa {display:none;}
#gnbArea .navbar-nav > li > a {color:#555; font-size:18px; line-height:18px; font-weight:bold; padding:38px 33px;}
#gnbArea .navbar-nav > li > a:hover,
#gnbArea .navbar-nav > li > a:focus,
#gnbArea .navbar-nav > li.on > a {
  color: #4e5785;
}

#gnbArea .navbar-nav > li.on {background:#f7f7f7;}
#gnbArea .navbar-nav .dropdown-menu {display:block; border:none; background:none; border-top:1px solid #ddd; border-right:1px solid #eee; box-shadow:none; position:relative; padding:1em 0 1.5em; height:300px;}
#gnbArea .navbar-nav li:first-child .dropdown-menu {border-left:1px solid #eee;}
#gnbArea .dropdown-menu a {font-size:14px; line-height:1.4em; padding:.5em 1.7em; color:#555;}
#gnbArea .dropdown-menu a:hover, #gnbArea .dropdown-menu a:focus {color: #fff; background-color:#4e5785 !important; font-weight:bold;} 

@media screen\9 {
#gnbArea {position:relative;}
/*#gnbArea .navbar-nav .dropdown-menu {zoom:1; display:inline;}*/	
#gnbArea .dropdown-menu {top:0;}
/*#gnbArea .dropdown-menu.gnb2 {width:211px;}*/
#gnbArea .dropdown-menu li {zoom:1;}
#gnbArea .gnb1 {width:135px;}
#gnbArea .gnb2 {width:211px;}
#gnbArea .gnb3 {width:135px;}
#gnbArea .gnb4 {width:135px;}
#gnbArea .gnb5 {width:152px;}
}


/*tab*/
.sub_tab {margin:0 0 2.3em; font-size:1.2em; font-weight:bold;}
.sub_tab.nav-tabs > li > a {background:#f5f5f5; border-bottom: 1px solid #ddd; padding:.6em 1.5em;}
.nav-tabs.sub_tab > li.active > a,
.nav-tabs.sub_tab > li.active > a:hover,
.nav-tabs.sub_tab > li.active > a:focus {
  color: #4e5785;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: #fff;
}


@media screen\9 {
.sub_tab.nav-tabs {overflow:hidden;}
.sub_tab.nav-tabs > li.active {border-top:1px solid #ddd;}
}

/* 하단 레이아웃 */
#ft {background:#333; color:#797979; padding:2.5em 0; clear:both;}
#ft a {color:#797979;}
#ft p span {padding:0 0 0 .8em; margin:0 0 0 .8em; background:url(./img/ft_line.gif) no-repeat 0 .2em;}
#ft p span:first-child {margin:0; padding:0; background:none;}
#ft .email_txt {font-size:.9em;}

#ft .ft_btn {line-height:.9em; margin:0 0 .8em;}
#ft .ft_btn:after {display:block;visibility:hidden;clear:both;content:""}
#ft .ft_btn li {float:left; border-left:1px solid #777;}
#ft .ft_btn a {padding:0 .8em; font-weight:bold; color:#acacac;}
#ft .ft_btn li:first-child {border:none;}
#ft .ft_btn li:first-child a {padding-left:0;}

@media (max-width:767px) {
#ft {padding:2.5em 0; font-size:.95em;}
#ft p {display:inline;}
#ft p.ft_2nd span:first-child {padding:0 0 0 .8em; margin:0 0 0 .8em; background:url(./img/ft_line.gif) no-repeat 0 .4em;}
#ft p.copy {display:block;}
}

@media screen\9 {
#ft .ft_btn {overflow:hidden;}
}


/*메인비주얼*/
/*.visible-lg {position:relative;}*/
.main_visual .slick-slide {height:605px; background-repeat:no-repeat; background-position:center 0; overflow:hidden;}
.main_visual .slick-slide img {position:relative; left:50%; margin-left:-960px;}

.main_visual_mo .slick-slide img {width:100%;}
#visual_wrap.svisual {min-height:140px; background-color:#4e5785; position:relative; background-repeat:no-repeat; background-position:center 0; background-image:url(./img/sub_visual_1.jpg);}
#visual_wrap.svisual .container {}
#visual_wrap.svisual h2 {color:#fff; font-size:2.35em; position:absolute; top:50%; margin:-.55em 0 0;}

#visual_wrap.svisual.sub_bg_1 {background-image:url(./img/sub_visual_1.jpg);}
#visual_wrap.svisual.sub_bg_2 {background-image:url(./img/sub_visual_2.jpg);}
#visual_wrap.svisual.sub_bg_3 {background-image:url(./img/sub_visual_3.jpg);}
#visual_wrap.svisual.sub_bg_4 {background-image:url(./img/sub_visual_4.jpg);}
#visual_wrap.svisual.sub_bg_5 {background-image:url(./img/sub_visual_5.jpg);}

@media (min-width:1200px) {
#visual_wrap.mvisual {height:605px; overflow:hidden;}
}
@media (max-width:1199px) {
#visual_wrap.svisual {height:0; min-height:inherit; padding:0 0 13%; background-position:50% 0; background-size:cover;}
}
@media (max-width:991px) {
#visual_wrap.svisual {padding:0 0 16%; background-position:70% 0;}
#visual_wrap.svisual h2 {font-size:2em;}
}
@media (max-width:767px) {
#visual_wrap.svisual {padding:0 0 22%; background-position:-110% 0;}
#visual_wrap.svisual h2 {font-size:1.6em;}
}

@media screen\9 {
#visual_wrap.mvisual {height:605px; overflow:hidden;}
}

/*메인컨텐츠*/
/*1st*/
.col_1st {text-align:center; margin:0 0 128px;}
.col_1st h2 {font-size:2.7em; background:url(./img/m_h2_line.gif) no-repeat center 0; color:#333; padding:.5em 15px 0; margin:0 0 .5em;}
.col_1st .txt_mid {font-size:1.3em; margin:0 15px 3.7em; word-break:keep-all;}
.col_1st .col-md-6 {background-repeat:no-repeat; height:299px;}
.col_1st .col1 .btn_more {color:#d6dae8;}
.col_1st .col2 .btn_more {color:#cde4f3;}
.col_1st .col1 {background-image:url(./img/m_app_bg_01.gif); background-position:right center; background-color:#253a7f; text-align:right; color:#a5aecc;}
.col_1st .col2 {background-image:url(./img/m_app_bg_02.gif); background-position:0 center; background-color:#048cce; text-align:left; color:#9acbe7;}
.col_1st .col_img {position:absolute; top:-44px; z-index:10;}
.col_1st .col1 .col_img {left:-47px;}
.col_1st .col2 .col_img {right:-30px;}
.col_1st .col-md-6 .txt_area {position:absolute; top:4.28em; z-index:20;}
.col_1st .col-md-6 h3 {font-size:2.28em; line-height:1em; color: #fff; margin:0 0 .5em;}
.col_1st .col-md-6 p {font-size:1.4em; margin:0 0 1.5em;}
.col_1st .col-md-6 .btn_more {font-size:1.1em; text-decoration:none;}
.col_1st .col1 .txt_area {right:3.8em;}
.col_1st .col2 .txt_area {left:3.8em;}

@media screen\9 {
.col_1st .col-md-6 {width:570px;}
}

@media (max-width:1259px) {
.col_1st .col1 .col_img {left:0;}
.col_1st .col2 .col_img {right:0;}	
.col_1st .col1 .txt_area {right:5%;}
.col_1st .col2 .txt_area {left:5%;}
}

@media (max-width:1199px) {
.col_1st {margin:0 0 10%;}		
.col_1st .col-md-6 {height:0; padding:0 0 25%;}
.col_1st .col-md-6 .col_img {height:140%; min-height:190px; width:auto; top:-10%;}
.col_1st .col1 .col_img {left:1%;}
.col_1st .col2 .col_img {right:2%;}
.col_1st .col-md-6 .txt_area {top:20%;}
.col_1st .col-md-6 h3 {font-size:2.3em;}
.col_1st .col-md-6 p {font-size:1.3em;}
.col_1st .col-md-6 .btn_more {font-size:1em;}
}
@media (max-width:991px) {
.col_1st {margin:0 0 12%;}	
.col_1st .col-md-6 {background-size:cover; padding:0 0 28%;}	
.col_1st .col1 {background-image:url(./img/m_app_bg_01_2.gif);}
.col_1st .col2 {background-image:url(./img/m_app_bg_02_2.gif);}
.col_1st h2 {font-size:2.4em;}
.col_1st .txt_mid {font-size:1.15em;}	
.col_1st .col-md-6 .txt_area {top:20%;}
.col_1st .col-md-6 h3 {font-size:2.1em;}
.col_1st .col-md-6 p {font-size:1.2em; margin:0 0 1.1em;}
.col_1st .col-md-6 .btn_more {font-size:.9em;}
}
@media (max-width:767px) {
.col_1st h2 {font-size:2.2em;}
.col_1st {margin:0 0 14%;}	
.col_1st .col1 .col_img {left:0;}
.col_1st .col2 .col_img {right:1%;}	
.col_1st .col-md-6 {background-position:center center; padding:0 0 30%; min-height:165px;}	
.col_1st .col-md-6 h3 {font-size:1.6em;}
.col_1st .col-md-6 p {font-size:1.2em; margin:0 0 1.1em;}
.col_1st .col-md-6 .btn_more {font-size:.9em;}
}

@media (max-width:479px) {
.col_1st .col-md-6 {height:140px; min-height:inherit; padding:0;}	
.col_1st .col-md-6 .col_img {height:170px;}
}

/*col_2nd*/
.col_2nd h3 {font-size:1.7em; margin:0 0 .6em; color:#444;}
.col_2nd .col1 h3 {margin:0 0 .8em;}
.col_2nd p {font-size:1.1em; line-height:1.6em;}
.col_2nd .btn_more {color:#757575; text-decoration:none; font-size:.9em; font-weight:bold; position:absolute; right:2.2em; top:3.45em;}
.col_2nd .col-lg-6 {padding:0;}
.col_2nd .col-sm-6 {padding:0 2px; margin:0 0 4px;}
.col_2nd .col-sm-6.col1 {padding-left:0;}
.col_2nd .col-sm-6.col4 {padding-right:0}
.col_2nd .col-sm-6 .col {background-color:#f5f5f5; padding:3.2em 2.2em; background-repeat:no-repeat; background-position:right bottom; position:relative}
.col_2nd .col-sm-6 a:hover,
.col_2nd .col-sm-6 a:focus,
.col_2nd .col-sm-6 a:active 
{text-decoration:none;}
.col_2nd .col2 .col {background-image:url(./img/m_quick_01.gif);}
.col_2nd .col3 .col {background-image:url(./img/m_quick_02.gif);}
.col_2nd .col4 .col {background-image:url(./img/m_quick_03.gif);}


@media screen\9 {
.col_2nd {clear:both; height:295px; overflow:hidden;}
.col_2nd .col-lg-6 {width:50%;}
.col_2nd .col-sm-6 {width:296px;} 
.col_2nd .col-sm-6 .col {height:205px !important;}
}
@media (min-width:1200px) {
.col_2nd .col-sm-6 .col {min-height:289px;}
}

@media (max-width:1199px) {
.col_2nd .col-sm-6 .col {background-size:auto 60%;}	
.col_2nd .col2 .col {background-image:url(./img/m_quick_01_2.gif);}
.col_2nd .col3 .col {background-image:url(./img/m_quick_02_2.gif);}
.col_2nd .col4 .col {background-image:url(./img/m_quick_03_2.gif);}
}
@media (max-width:767px) {
.col_2nd .col-sm-6 .col {background-size:auto 60%; padding:2.8em 2em;}
.col_2nd .btn_more {right:2em; top:3.25em;}
}


/*관리버튼*/
.img_adm {position:absolute;}
.mvisual .btn2 {left:170px;}