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

/*************************************************상단*************************************************/
.hd_pop {background:#38aa2f; min-width:300px; color:#fff;}
.hd_pop a {color:#fff; text-decoration:none !important;}
.hd_pop .container {overflow:hidden;}
.hd_pop .figure {float:left; width:29%; padding-right:5%;}
.hd_pop dl {font-size:1.33em; line-height:1em; letter-spacing:-0.03em; padding:0; margin:0; position:absolute; top:50%; left:29%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
.hd_pop dl dt {float:left; font-weight:400; margin:.2em .7em 0 0;}
.hd_pop dl dd {float:left; font-size:1.3em; letter-spacing:-0.05em;}

#popclose {background:url('img/hd_pop_close.png') no-repeat center center; width:22px; height:22px; position:absolute; right:15px; top:50%; margin-top:-11px; border:none; font-size:0; line-height:0;}

@media (max-width: 1199px) {
.hd_pop .container {height:auto;}
}

@media (max-width: 991px) {
.hd_pop dl {font-size:1.23em;}
#popclose {width:18px; height:18px; margin-top:-9px;}
}

@media (max-width: 767px) {
.hd_pop .figure {display:none;}
.hd_pop .container {padding-top:1em; padding-bottom:1em;}
.hd_pop dl {position:static; float:left; background:url('img/hd_pop_call.png') no-repeat 0 center; padding-left:45px; background-size:contain;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);

}
}

@media (max-width: 575px) {
.hd_pop dl {font-size:1.13em; padding-left:43px;}
/*.hd_pop dl dt {display:none;}*/
#popclose {width:14px; height:14px; margin-top:-7px;}
}

@media (max-width: 379px) {
.hd_pop dl {font-size:1.03em; padding-left:35px;}
}

@media \0screen\,screen\9 {
.hd_pop dl {margin-top:-17px;}	
}



#header {
  min-height:inherit;
  margin-bottom:0;
  border:none;
  background:#fff;
  position:relative;
  height:167px;
  min-width:300px;
}

#header .navbar-header {height:106px; float:inherit; border-bottom:1px solid #eee; position:relative;}
#header .navbar-header .container {position:static;}
#header .navbar-brand {
  float: left;
  width:323px;
  height:auto;
  padding:0;
  font-size: 0;
  line-height: 0;
  margin:25px 2.5% 0 0;
  display:block;
}

#header .top_txt {float:left; margin:31px 0 0;}

#header .hd_quick {float:right; display:table; width:17%; text-align:center; margin:21px 0 0;}
#header .hd_quick li {display:table-cell; width:20%; padding:0 5px;}
#header .hd_quick a {font-weight:400; white-space:nowrap; text-decoration:none !important; display:block;}
#header .hd_quick a img {margin:0 0 .5em;}
#header .hd_loc {display:none;}

@media (max-width: 991px) {
#header {height:auto;}	
#header .navbar-header {height:88px;}	
#header .navbar-brand  {width:269px; margin:20px auto 0; float:none; position:relative; left:-2.5%;}

#header .top_txt {display:none;}
	
#header .hd_quick {display:none;}

#header .hd_loc {position:absolute; display:block;
  left:0;
  top:0;
  width:10%;
  max-width:75px;
  min-width:50px;    
  height:100%;
  background:url('img/hd_ico_loc.gif') no-repeat center center;
  background-size:40px auto;
}
}

@media (max-width: 575px) {
#header .navbar-header {height:62px;}	
#header .navbar-brand  {width:190px; margin-top:14px;}	

#header .hd_loc {background-size:28px auto;}
}


@media screen\9 {
#header .hd_quick li {display:inline; zoom:1; padding:0;}	
}

/*상단메뉴*/

.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  color: #268d1e;
  background-color:transparent;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color:inherit;
  background-color: transparent;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  color:inherit;
  background-color: #080808;
}
.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
  color:inherit;
  background-color: transparent;
}

/*PC*/
@media (min-width: 992px) {
.nav_pc {display:block; visibility:visible; overflow:hidden;}	
.nav_mo {display:none; visibility:hidden;}
	
#header .container {position:static;}

.navbar-collapse {position:absolute; left:0; right:0; top:106px; z-index:1500; background:#fff url('img/menu_bg.gif') repeat-x 0 60px; height:60px; border-bottom:1px solid #dcdcdc;}

.navbar-nav {width:100%; display:table; max-width:1200px; margin:0 auto; float:none;}
.navbar-nav > li {display:table-cell; float:none; background:url('img/menu_line.gif') no-repeat 0 center; width:13%;}
.navbar-nav > li:first-child {background:none;}
.navbar-nav > li > a {
  color: #333;
  height:60px; 
  line-height:60px; 
  text-align:center; 
  padding:0; 
  font-size:1.26em;
  letter-spacing:-0.03em;
  font-weight:400;
  position:relative;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li.on a
{color:#268d1e;}

.navbar-nav > li > a .line {position:absolute; left:50%; bottom:-1px; width:0; height:3px; background:#38aa2f;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	
}
.navbar-nav > li.on > a .line {left:0; width:100%;}

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


.navbar-nav .dropdown-menu {
  min-width:inherit;
  width:100%;
  padding:13px 0;
  margin:0;
  font-size:1em;
  font-weight:300;
  background-color:transparent;
  border:none;
  border-radius: 0;
  border-right:1px solid #eee;
  display:block;
  left:0; 
  top:61px;
  height:300px;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.navbar-nav .menu1 .dropdown-menu {border-left:1px solid #eee;}

.navbar-nav .dropdown-menu > li > a {
  padding:.3em 10px;
  font-weight: 300;
  line-height: 1.3em;
  white-space:normal;
  color: #474747;
  letter-spacing:-0..7em;
}

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

}

@media \0screen\,screen\9 {
	
.nav_pc {display:block; visibility:visible; overflow:hidden;}	
.nav_mo {display:none; visibility:hidden;}
	
#header .container {position:static;}

.navbar-collapse {position:absolute; left:0; right:0; top:106px; z-index:1500; background:#fff url('img/menu_bg.gif') repeat-x 0 60px; height:60px; border-bottom:1px solid #dcdcdc;}

.navbar-nav {width:100%; display:table; max-width:1200px; margin:0 auto; float:none;}
.navbar-nav > li {display:table-cell; float:none; background:url('img/menu_line.gif') no-repeat 0 center; width:10%;}
.navbar-nav > li:first-child {background:none;}
.navbar-nav > li > a {
  color: #333;
  height:60px; 
  line-height:60px; 
  text-align:center; 
  padding:0; 
  font-size:1.26em;
  letter-spacing:-0.03em;
  font-weight:400;
  position:relative;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li.on a
{color:#268d1e;}

.navbar-nav > li > a .line {position:absolute; left:50%; bottom:-1px; width:0; height:3px; background:#38aa2f;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	
}
.navbar-nav > li.on > a .line {left:0; width:100%;}

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


.navbar-nav .dropdown-menu {
  min-width:inherit;
  width:100%;
  padding:13px 0;
  margin:0;
  font-size:1em;
  font-weight:300;
  background-color:transparent;
  border:none;
  border-radius: 0;
  border-right:1px solid #eee;
  display:block;
  left:0; 
  top:61px;
  height:300px;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.navbar-nav .menu1 .dropdown-menu {border-left:1px solid #eee;}

.navbar-nav .dropdown-menu > li > a {
  padding:.3em 10px;
  font-weight: 300;
  line-height: 1.3em;
  white-space:normal;
  color: #474747;
  letter-spacing:-0..7em;
}

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

@media screen\9 {
#header {z-index:1000;}	
#navbar .nav_pc {overflow:hidden; height:60px !important;}
.navbar-nav > li {display:inline; zoom:1;}	
.navbar-nav .dropdown-menu {display:none;}
}




/*모바일*/
@media (max-width: 991px) {
  .nav_pc {display:none; visibility:hidden; height:0;}	
  .nav_mo {display:block; visibility:visible;}
	
  .navbar-collapse {position:absolute; z-index:1000; left:0; top:88px; width:100%; background:#fff; border:none; border-bottom:1px solid #dcdcdc;}
  
  .navbar-nav .dropdown-menu {
	position:static !important;
	min-width:inherit !important;
	width:100% !important;
	font-size:1em;
	border: none !important;
	border-radius: 0;
	background-color:#f3f3f3 !important;
	-webkit-box-shadow: none !important;
			box-shadow: none !important;
  }
	
  .navbar-nav .glyphicon {font-size:.85em; float:right; margin-top:2px;}
  .navbar-nav {margin-top:0; margin-bottom:0;}
  .navbar-nav > li {border-top:1px solid #eee;}
  .navbar-nav > li:first-child {border:none;}
  
  .navbar-nav > li > a {
	color: #333;
	font-size:1.13em;
	font-weight:400;
  }  
  
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a:focus,
  .navbar-nav > .open > a,
  .navbar-nav > .open > a:hover,
  .navbar-nav > .open > a:focus {
	color: #268d1e;
  }
  
  .navbar-nav .dropdown-menu {border-top:1px solid #ddd;}  
  .navbar-nav .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: .3em 15px;
	padding-left:25px;
	font-size:1em;
	font-weight:300;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height:inherit;
  }

  .navbar-nav .dropdown-menu > li > a:hover,
  .navbar-nav .dropdown-menu > li > a:focus,
  .navbar-nav .dropdown-menu > .active > a,
  .navbar-nav .dropdown-menu > .active > a:hover,
  .navbar-nav .dropdown-menu > .active > a:focus {
    color: #268d1e;
	background-color:transparent !important;
  }  
  
}

@media (max-width: 575px) {
.navbar-collapse {top:62px;}	
}

/*토글버튼*/

.navbar-toggle {border:none;}
.navbar-toggle .icon-bar {background:#333;}

.navbar-toggle:focus,
.navbar-toggle:hover,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:transparent;
}

.navbar-toggle {
  position:absolute;
  float:none;
  padding:0;
  margin:0;
  background-color: transparent;
  background-image: none;
  border:none;
  border-radius: 0;
  right:0;
  top:0;
  width:10%;
  max-width:70px;
  min-width:45px;    
  height:100%;
}

.navbar-toggle .icon-bar {
  width: 22px;
  margin:0 auto;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;	
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

@media (min-width: 576px) {
/*.navbar-toggle {margin-top:36px;}*/	
.navbar-toggle .icon-bar {
  width: 30px;
  height:3px;
}
.navbar-toggle .icon-bar + .icon-bar {margin-top:5px;}
}

/*tab*/
.nav-tabs {
  border:none;
  display:table;
  width:100%;
  border-collapse:collapse;
  margin:0 0 40px;
}
.nav-tabs > li {
  float:none;
  display:table-cell;
  margin-bottom:0;
  border: 1px solid #ddd;
  border-bottom:1px solid #15a282;
  
}
.nav-tabs.tab3 li {width:33.33%;}
.nav-tabs.tab2 li {width:50%;}
.nav-tabs > li > a {
  margin-right:0;
  border:none;
  text-align:center;
  font-size:1.05em;
  line-height:1.2em;
  padding:.8em 5px;
  font-weight:400;
  letter-spacing:-0.05em;
  
}
.nav-tabs > li > a br {display:none;}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover
.nav-tabs > li.active > a:focus {
  color: #fff !important;
  cursor: default;
  background-color:#15a282 !important;
  border:none !important;
}
.nav-tabs > li.active {border-color:#15a282;}


@media (max-width: 991px) {
.nav-tabs {margin:0 0 33px;}	
}

@media (max-width: 575px) {
.nav-tabs {margin:0 0 23px;}	
.nav-tabs > li > a {font-size:1em;}
}

@media (max-width: 479px) {
.nav-tabs > li > a br {display:block;}	
}

@media screen\9 {
.nav-tabs > li {display:inline; zoom:1;}
.nav-tabs.tab3 li {width:33%;}	
}


/*************************************************본문*************************************************/



/*메인*/
.main_cont .cols {}
.main_mark_wrap {position:relative;}
.main_mark {position:absolute; right:15px; top:45px; z-index:1000; width:21%; max-width:165px;}

@media (max-width: 991px) {
.main_mark {top:37px; max-width:137px;}
}

@media (max-width: 575px) {
.main_mark {top:26px; max-width:97px;}	
}

/*1st*/
.main_cont .cols_1st .col1 {margin-top:-9%; position:relative; z-index:50; overflow:hidden;}
.main_cont .cols_1st .bnn .wrap {height:267px; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:40px 6%; color:#fff; font-size:1.13em; line-height:1.5em;}
.main_cont .cols_1st .bnn a {display:block; color:#fff !important; text-decoration:none !important;}
.main_cont .cols_1st .bnn .txt_sm {opacity:0.7;}

.main_cont .cols_1st .bnn1 {background-image:url('img/1st_bnn_01.png'); }
.main_cont .cols_1st .bnn1 .wrap {font-size:1.26em; line-height:1em;}
.main_cont .cols_1st .bnn1 .col_txt {background:url('img/1st_lt.png') no-repeat 0 center; background-size:auto 100%; position:absolute; left:50%; top:50%; width:80%; max-width:352px;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
}
.main_cont .cols_1st .bnn1 .txt {background:url('img/1st_rt.png') no-repeat right center; background-size:auto 100%; padding:.25em 10%;}
.main_cont .cols_1st .bnn1 .txt_big {font-size:1.68em; line-height:1em; font-weight:500; margin:0 0 .45em;}

.main_cont .cols_1st .bnn2 {background-image:url('img/1st_bnn_02.jpg');}
.main_cont .cols_1st .bnn2 .col_txt {position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);

}
.main_cont .cols_1st .bnn2 .figure {width:22%; max-width:66px; margin:0 auto 1em;}
.main_cont .cols_1st .bnn2 h2 {font-size:1.53em; line-height:1em; margin:0 0 .5em}


.main_cont .cols_1st .bnn3 {background-color:#15a282;}
.main_cont .cols_1st .bnn3 h2 {font-size:1.4em; line-height:1em; margin:0 0 .6em;}
.main_cont .cols_1st .bnn3 h3 {font-size:1.3em; line-height:1em; margin:0 0 .5em;}
.main_cont .cols_1st .bnn3 .call {font-size:1.88em; line-height:1.1em;}
.main_cont .cols_1st .bnn3 .col_time {border-top:1px solid #5cbea8; margin-top:1em; padding-top:1em;}

@media (max-width: 1199px) {
.main_cont .cols_1st .bnn .wrap {height:auto;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.main_cont .cols_1st .bnn3 .call {font-size:2.6vw;}
}


@media (max-width: 991px) {
.main_cont .cols_1st .col1 {margin-top:-12%;}	
.main_cont .cols_1st .bnn .wrap {font-size:1.09em; padding:33px 4%;}

.main_cont .cols_1st .bnn1 .wrap {font-size:1.22em;}

.main_cont .cols_1st .bnn2 .figure {max-width:55px;}
.main_cont .cols_1st .bnn3 .call {font-size:1.68em;}
}


@media (max-width: 575px) {
.main_cont .cols_1st .col1 {margin-top:-15%;}
	
.main_cont .cols_1st .bnn .wrap {font-size:1.05em; line-height:1.4em; padding:23px 4%;}

.main_cont .cols_1st .bnn1 .wrap {font-size:1.18em; line-height:1.3em;}
.main_cont .cols_1st .bnn1 .txt_big {margin:0 0 0.35em;}

.main_cont .cols_1st .bnn2,
.main_cont .cols_1st .bnn3 
{width:100%;}

.main_cont .cols_1st .bnn2 .figure {max-width:38px; margin-bottom:.8em;}
.main_cont .cols_1st .bnn2 h2 {margin:0 0 .4em}
.main_cont .cols_1st .bnn2 p {width:80%; margin:0 auto;}
.main_cont .cols_1st .bnn2 p br {display:none;}


.main_cont .cols_1st .bnn3 .call {font-size:1.48em;}
.main_cont .cols_1st .bnn3 h2 {margin:0 0 .5em;}
.main_cont .cols_1st .bnn3 h3 {margin:0 0 .4em;}
.main_cont .cols_1st .bnn3 .col_time {margin-top:.7em; padding-top:.7em;}
}

@media \0screen\,screen\9 {
.main_cont .cols_1st .bnn1 .col_txt {margin:-37px 0 0 -176px;}
.main_cont .cols_1st .bnn1 .txt_big {font-weight:bold;}
.main_cont .cols_1st .bnn2 .col_txt {margin-top:-84.5px;}	
}

@media screen\9 {
.main_cont .cols_1st .bnn .wrap {height:187px !important;}	
.main_cont .cols_1st .bnn2 .col_txt {top:35%;}
}


.main_cont .cols_1st .col2 {padding:78px 0 100px;}
.main_cont .cols_1st .col2 .txt_big {font-size:2.46em; line-height:1.2em; letter-spacing:-0.075em; color:#333; font-weight:500; width:80%; margin:0 auto 1.35em;}
.main_cont .col_service {margin:0 -10px;}
.main_cont .col_service .item {color:#fff; padding:0 10px;}
.main_cont .col_service .item .col_txt {height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; padding:24% 5% 20%;}
.main_cont .col_service .item .figure {width:40%; max-width:114px; margin:0 auto 1.4em;}
.main_cont .col_service .item h2 {font-size:1.86em; line-height:1em; margin:0 0 .5em;}
.main_cont .col_service .item p {font-size:1.2em; line-height:1.5em; letter-spacing:-0.05em;}
.main_cont .col_service .item a.more {margin-top:1.5em;}
.main_cont a.more {text-decoration:none; display:inline-block; padding:.4em 1.4em .45em; font-weight:400;}
.main_cont a.more.more_big {font-size:1.2em; padding:.7em 1.3em .75em;}

.main_cont .col_service .item1 .col_txt {background-image:url('img/1st_svc_04.jpg');}
.main_cont .col_service .item2 .col_txt {background-image:url('img/1st_svc_05.jpg');}
.main_cont .col_service .item3 .col_txt {background-image:url('img/1st_svc_06.jpg');}


@media (max-width: 1199px) {
.main_cont .col_service .item .col_txt {height:auto;}	
}
 
 
@media (max-width: 991px) {
.main_cont .cols_1st .col2 {padding:65px 0 83px;}	
.main_cont .cols_1st .col2 .txt_big {font-size:2.06em; margin-bottom:1.15em;}
.main_cont .col_service .item .figure {margin-bottom:1.2em;}
.main_cont .col_service .item h2 {font-size:1.66em;}
.main_cont .col_service .item p {font-size:1.16em; line-height:1.4em;}
.main_cont .col_service .item a.more {margin-top:1.3em;}
}

@media (max-width: 767px) {
.main_cont .col_service .item .col_txt {padding:13% 7% 10%;}
.main_cont .col_service .item p br {display:none; visibility:hidden}
.main_cont .col_service .item .figure {margin-bottom:1.2em; width:33%; max-width:95px;}

.main_cont .col_service .item1 .col_txt {background-image:url('img/mo_1st_svc_01.jpg');}
.main_cont .col_service .item2 .col_txt {background-image:url('img/mo_1st_svc_02.jpg');}
.main_cont .col_service .item3 .col_txt {background-image:url('img/mo_1st_svc_03.jpg');}
}


@media (max-width: 575px) {
.main_cont .cols_1st .col2 {padding:45px 0 58px;}		
.main_cont .cols_1st .col2 .txt_big {font-size:1.66em; margin-bottom:0.95em;}	
.main_cont .col_service .item .figure {margin-bottom:1em;}
.main_cont .col_service .item h2 {font-size:1.46em;}
.main_cont .col_service .item p {font-size:1.12em;}
.main_cont .col_service .item a.more {margin-top:1.1em;}
}

@media \0screen\,screen\9 {
.main_cont .cols_1st .col2 .txt_big	{font-weight:bold;}
}

@media screen\9 {
.main_cont .col_service {margin:0;}	
.main_cont .col_service .item {padding:0; height:400px;}
.main_cont .col_service .item .col_txt {height:auto;}
}

/*2nd*/
.cols_2nd {background:url('img/2nd_bg.jpg') no-repeat center center; background-size:cover; height:630px;}
.cols_2nd .container {padding:153px 15px;}
.cols_2nd .col_box {background:rgba(21,160,128,.75); width:80%; max-width:805px; margin:0 auto; padding:80px 5% 65px; color:#fff;}
.cols_2nd .col_box .txt {font-size:2.13em; line-height:1.2em; letter-spacing:-0.075em; margin:0 0 30px;}
.cols_2nd .col_box p.txt_big {font-size:1.43em; line-height:1.1em; font-weight:500; letter-spacing:-0.075em; margin:.25em 0 0;}


@media (max-width: 1199px) {
.cols_2nd {height:auto;}	
.cols_2nd .container {padding:12.5% 15px;}
}

@media (max-width: 991px) {
.cols_2nd .col_box .txt {font-size:1.83em; margin:0 0 25px;}
.cols_2nd .col_box {padding:66px 5% 54px;}
}

@media (max-width: 767px) {
.cols_2nd {background-image:url('img/mo_2nd_bg.jpg')}	
}

@media (max-width: 575px) {
.cols_2nd .col_box .txt {font-size:1.53em; margin:0 0 17px;}	
.cols_2nd .col_box {padding:47px 7% 38px; width:90%;}
}

@media \0screen\,screen\9 {
.cols_2nd .col_box {background:url('img/2nd_box_bg.png');}
}



/*3rd*/
.cols_3rd {padding:74px 0 87px;}	
.cols_3rd .container {overflow:hidden;}
.cols_3rd .row {margin:0 -35px;}
.cols_3rd .col {padding:0 35px;}

@media (max-width: 1199px) {
.cols_3rd .row {margin:0 -2.5%;}
.cols_3rd .col {padding:0 2.5%;}
}

@media (max-width: 991px) {
.cols_3rd {padding:61px 0 72px;}
}

@media (max-width: 767px) {
.cols_3rd .col1 {margin-bottom:30px;}
}


@media (max-width: 575px) {
.cols_3rd {padding:43px 0 51px;}	
.cols_3rd .col1 {margin-bottom:20px;}
}


@media screen\9 {
.cols_3rd .row {margin:0;}
.cols_3rd .col {padding:0; width:565px;}	
.cols_3rd .col1 {float:left;}
.cols_3rd .col2 {float:right;}
}



/*서브*/

#container {position:relative; min-width:300px; overflow:hidden;} 
#container.sub_cont {padding-bottom:100px;min-height:800px;}

#container #aside {width:18%; float:left;}
#container .con_area {width:82%; float:right; padding-left:5.35%; }

#container.no_aside #aside {display:none;}
#container.no_aside .con_area {width:100%; float:none; padding:0;}

h2#container_title {font-size:2.6em; line-height:1em; letter-spacing:-0.04em; color:#333; padding:.6em 0 0; margin:0 0 1em; font-weight:500; position:relative; z-index:10;}

@media (max-width: 1099px) {
#container .con_area {padding:0; width:100%; margin:0 auto; float:none;}
#container #aside {display:none;}
}


@media (max-width: 991px) {
#container.sub_cont {padding-bottom:83px;}
h2#container_title {font-size:2.4em; line-height:1em;}
}

@media (max-width:575px) {
#container.sub_cont {padding-bottom:58px;}	
h2#container_title {font-size:2.2em; line-height:.8em;}
}

@media \0screen\,screen\9 {
h2#container_title {font-weight:bold;}	
}


@media screen\9 {
#container.sub_cont  > .container {padding:0 !important;}	
#container #aside {width:215px;}
#container .con_area {width:920px;}
}


/*경로*/
#sub_loc {background:#25375c; margin:0 0 40px;}
#sub_loc .container {position:relative; padding:0; padding-left:75px;}
#sub_loc .loc {float:left; border-right:1px solid #515f7d; height:55px; position:relative; width:22%; max-width:220px;}
#sub_loc .loc a {display:block;}
#sub_loc .loc.home {border-left:1px solid #515f7d; position:absolute; left:15px; top:0; width:60px; max-width:inherit; }
#sub_loc .loc.home a {height:55px; background:url('img/ico_home.png') no-repeat center center;}

#sub_loc .loc .btn_lm {border:none; background:none; font-size:1.06em; letter-spacing:-0.03em; padding:0 1em; height:55px; line-height:55px; text-align:left; width:100%; font-weight:400; color:#fff;}
#sub_loc .loc .btn_lm .glyphicon {position:absolute; right:1em; top:50%; font-size:.8em; margin-top:-.4em;}
#sub_loc .loc .dropdown-menu {
  min-width:inherit;
  padding:0;
  margin:0;
  width:100%;
  font-size:1em;
  line-height:1em;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow:none;
          box-shadow:none;
}
#sub_loc .dropdown-menu ul {margin:0;}
#sub_loc .dropdown-menu ul > li {border-top:1px solid #eee;}
#sub_loc .dropdown-menu ul > li:first-child {border:none;}
#sub_loc .dropdown-menu ul > li > a {padding:.8em; text-decoration:none !important;}
#sub_loc .dropdown-menu ul > li > a:hover, 
#sub_loc .dropdown-menu ul > li > a:focus
{color:#268d1e;}
#sub_loc .dropdown-menu ul > .active > a, 
#sub_loc .dropdown-menu ul > .active > a:hover, 
#sub_loc .dropdown-menu ul > .active > a:focus
{background-color:#f5f5f5; color:#268d1e;}


@media (max-width: 991px) {
#sub_loc {display:block;}	
#sub_loc {margin:0 0 33px;}
#sub_loc .loc {width:49.5%; max-width:inherit; height:45px;}
#sub_loc .container {position:relative; padding:0; padding-left:50px;}
#sub_loc .loc.home {left:0; width:50px;}
#sub_loc .loc.home a {height:45px; background-size:13px auto;}

#sub_loc .loc .btn_lm {height:45px; line-height:45px;}
}

@media (max-width:575px) {
#sub_loc {margin:0 0 23px;}
#sub_loc .loc {height:35px;}
#sub_loc .container {padding-left:40px;}
#sub_loc .loc.home {width:40px;}
#sub_loc .loc.home a {height:35px; background-size:10px auto;}

#sub_loc .loc .btn_lm {height:35px; line-height:35px;}
}

@media screen\9 {
#sub_loc {z-index:500; position:relative;}		
#sub_loc .container {padding:0;}	
#sub_loc .loc.home {position:static;}
}

/*aside*/

/*서브메뉴*/
#lm_title {height:162px; background:#38aa2f url('img/lm_title_bg.gif') no-repeat center 0; color:#fff; text-align:center; border-bottom:2px solid #2f8f27; overflow:hidden; position:relative;}
#lm_title .txt {position:absolute; top:53%; left:0; width:100%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
#lm_title h2 {margin:0; font-size:1.82em; line-height:1em; letter-spacing:-0.03em; margin:0 0 .35em;}
#lm_title p {font-size:.92em; line-height:1em; opacity:.6; letter-spacing:-0.03em; text-transform:uppercase; font-weight:400;}

#lm {font-size:1.13em; line-height:1em; letter-spacing:-0.04em; margin:0 0 32px;}
#lm ul {margin:0;}
#lm ul li {border-bottom:1px solid #ddd;}
#lm a {display:block; font-weight:400; padding:.8em 5%; padding-right:10%; text-decoration:none !important;}
#lm a:hover,
#lm a:focus,
#lm .active a 
{background:#f7f7f7 url('img/lm_on.png') no-repeat 94% center; color:#268d1e;}

.aside_quick li {background-color:#69768e; background-repeat:no-repeat; background-position:10% center; font-size:1.2em; line-height:1em; letter-spacing:-0.03em; color:#fff; font-weight:400; margin:0 0 1px;}
.aside_quick li.q1 {background-image:url('img/ad_ico_01.png');}
.aside_quick li.q2 {background-image:url('img/ad_ico_02.png');}
.aside_quick li.q3 {background-image:url('img/ad_ico_03.png');}
.aside_quick a {text-decoration:none !important;}
.aside_quick .txt {display:block; color:#fff; padding:1.1em 10%; padding-left:30%;}



/*************************************************하단정보*************************************************/

#footer {background:#292929; padding:0 0 10px; min-width:300px;}
#footer .col1 {border-bottom:1px solid #3f3f3f; padding:1.2em 0;}
#footer .ft_gnb {margin:0; padding:0;}
#footer .ft_gnb li {float:left; padding:0 .8em; background:url('img/ft_gnb_line.png') no-repeat 0 center;}
#footer .ft_gnb li:first-child {padding-left:0 !important; background:none;}
#footer .ft_gnb a {display:block; color:#d4d4d4; font-size:1.13em; line-height:1em; font-weight:400; text-decoration:none !important;}

#footer .col2 {padding:40px 0;}
#footer .col2 p {color:#949494;}
#footer .col2 p span {display:inline-block; margin-right:1em; line-height:1.6em;}
#footer .ft_blank {display:none;}

@media (max-width: 991px) {
#footer .ft_gnb li {background-size:1px 85%;}
#footer .ft_gnb a {font-size:1.09em;}

#footer .col2 {padding:30px 0;}

#footer .ft_blank {display:block; clear:both;}
}

@media (max-width: 575px) {
#footer .ft_gnb li {padding:0 .6em;}
#footer .ft_gnb a {font-size:1.05em;}

#footer .col2 {padding:20px 0;}
#footer .col2 p br {display:none; visibility:hidden;}
}

@media (max-width: 379px) {
#footer .ft_gnb li {padding:0 .4em;}	
#footer .ft_gnb a {font-size:1em; letter-spacing:-0.05em;}
}

/*퀵메뉴*/

/*좌측*/
.sticky-wrapper {height:0 !important;}
.col_quick_rt {z-index:1400; opacity:1;  text-align:center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	
}
.col_quick_rt .mo_vs {display:none;}
.col_quick_rt .col_quick {background:#fff;}
.col_quick_rt ul {margin:0; position:relative;}
.col_quick_rt ul li {border-top:1px solid #e7e7e7;}
.col_quick_rt ul li:first-child {border:none;}
.col_quick_rt ul .figure {margin:0 0 .8em;}
.col_quick_rt ul a {display:block; text-decoration:none !important; line-height:1em; letter-spacing:-0.05em; padding:18px 5px 16px; font-weight:400;}
.col_quick_rt ul li.gotop a {font-size:1.13em; line-height:1em; font-weight:500; letter-spacing:0; background:url('img/ico_top.png') no-repeat center 0; padding:14px 0 0;}

.main_cont .sticky-wrapper {padding-top:24px;}
.col_quick_rt {position:absolute; left:50%; margin-left:630px; width:112px !important;}
.col_quick_rt .col_quick {width:112px; border:1px solid #cfcfcf;}
.col_quick_rt ul li.gotop {position:absolute; border:none; width:60px; bottom:-48px; left:50%; margin-left:-30px;}

@media (max-width: 1525px) {
.col_quick_rt {margin-left:-132px; left:100%;}
}

@media (max-width: 1099px) {
.col_quick_rt {margin-left:20px; opacity:0;}
}

/*하단*/
.col_quick_bottom {background:#69768e; position:fixed; left:0; bottom:-20%; width:100%; z-index:1400; min-width:300px; opacity:0; border-top:1px solid #4e5b72;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	

}
.col_quick_bottom .pc_vs {display:none;}
.col_quick_bottom ul {display:table; width:100%; margin:0;}
.col_quick_bottom ul li {display:table-cell; width:22%; border-left:1px solid #8791a5; vertical-align:top;}
.col_quick_bottom ul li:first-child {border:none;}
.col_quick_bottom ul li.gotop {width:12%;}
.col_quick_bottom ul a {display:block; color:#fff; text-decoration:none !important; font-size:1.1em; line-height:1em; font-weight:400; zoom:1; padding:0 5px; white-space:nowrap;}
.col_quick_bottom ul a:after {display:block;visibility:hidden;clear:both;content:""}
.col_quick_bottom ul li.gotop a {font-size:0; line-height:0; background:url('img/ico_top2.png') no-repeat center center; background-size:16px auto; padding:0;}


@media (max-width: 1100px) {
.col_quick_bottom {bottom:0; opacity:1;} 
}

@media (min-width: 768px) and (max-width: 1249px) {
.col_quick_bottom {text-align:left;}
.col_quick_bottom ul a {height:60px; line-height:60px;}	
.col_quick_bottom ul .figure {float:left; width:30%; max-width:55px; padding:0 10px;}
.col_quick_bottom ul li.gotop a {height:0; padding-bottom:60px;}
}


@media (max-width: 767px) {
.col_quick_bottom {text-align:center;}	
.col_quick_bottom ul a {padding:.8em 0;}	
.col_quick_bottom ul .figure {width:30%; max-width:32px; margin:0 auto .4em;}

.col_quick_bottom ul li.gotop a {padding-bottom:74px;}
}

@media (max-width: 575px) {
.col_quick_bottom ul li.gotop a {padding-bottom:130%; background-size:25% auto;}
}

@media (max-width: 379px) {
.col_quick_bottom ul a {font-size:1em; background-size:13px auto;}
}

@media \0screen\,screen\9 {
.col_quick_bottom {display:none;}	
}


.happytalk {display:block; position:fixed; left:3%; bottom:80px; z-index:400; text-align:center; background:#696cff; padding:0 0 1em; text-decoration:none !important;
border-radius:10%;
-webkit-border-radius:10%;
-moz-border-radius:10%;
}
.happytalk img {width:80px; height:auto; display:block; margin:0 auto;}
.happytalk {text-decoration:none !important;}
.happytalk p {color:#fff; font-weight:500; letter-spacing:-0.04em; white-space:nowrap; padding:0 .7em; margin:-.5em 0 0;}

@media (max-width: 991px) {
.happytalk img {width:66px;}
}

@media (max-width: 575px) {
.happytalk img {width:55px; left:20px;}
}

/*************************************************common*************************************************/

.container {zoom:1; position:relative;}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.cols, .col {zoom:1;}
.cols:after, .col:after {display:block;visibility:hidden;clear:both;content:""}
.col_lt {float:left;}
.col_rt {float:right;}

.pc_vs {display:block;}
.mo_vs {display:none;}

@media (max-width:991px) {
.pc_vs {display:none;}
.mo_vs {display:block;}
}

.txt_noto {font-family:'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", sans-serif;}
.txt_robo {font-family:'Roboto', 'Nanum Gothic', "돋움", "돋움체", sans-serif;}

.txt_blue {color:#0f5ea9 !important;}
.txt_blue2 {color:#323f9d !important;}
.txt_brown {color:#5a514b !important;}
.txt_orange {color:#eb6101 !important;}
.txt_red {color:#e4080b !important;}
.txt_green {color:#4db848 !important;}
.txt_green2 {color:#15a282 !important;}

.bg_white {background-color:#fff;}
.bg_gray {background-color:#f4f4f4;}
.bg_sky {background-color:#cad0d8;}
.bg_purple {background-color:#404458;}

.btn_white {background-color:transparent; color:#fff; border:1px solid #fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	
}
.btn_white:hover, .btn_white:focus {background-color:#4db848; color:#fff; border-color:#4db848;}
.btn_white2:hover, .btn_white2:focus {background-color:#fff; color:#15a080 !important; border-color:#fff;}


.btn_blue {background-color:#244177; color:#fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	
}
.btn_blue:hover, .btn_blue:focus {background-color:#142957; color:#fff;}

.txt_nowrap {white-space:nowrap;}

.word_keep, .word_keep p {
word-break:keep-all;
-webkit-word-break:keep-all;
-moz-word-break:keep-all;	
}	
.word_break, .word_break p {
word-break:break-all;
-webkit-word-break:break-all;
-moz-word-break:break-all;	
}

.col_ani {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}

.figure {text-align:center;}
.figure img {display:inline-block;}

@media \0screen\,screen\9 {
.txt_noto, .txt_robo
{font-family:'Nanum Gothic', "돋움", "돋움체", sans-serif; font-weight:bold;}	
}


.btn_admin_wrap {position:absolute; z-index:10;}