@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.bdd{border:1px solid red}
.pd-lr-10 {padding-right:10px; padding-left:10px}
.pd-lr-0 {padding-right:0; padding-left:0}

a {color: #535353;text-decoration: none}
a:hover, a:focus {text-decoration: none}
body, 
table{font-family: 'Segoe UI',Meiryo,'나눔고딕','Nanum Gothic','Helvetica Neue',Helvetica,Tahoma, Geneva,sans-serif; font-size: 13px; color:#535353}

#spot .search input[type="text"], 
.localNavigation li a, 
.localNavigation li.on a, 
 #title_color, 
.xm input[type="text"], 
.xm input[type="email"],
.xm input[type="password"],
.xm input[type="tel"],
.xm input[type="url"],
.x input[type="text"],
.x input[type="number"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
/* .bd .itx, */
.localNavigation li a {padding: 7px 15px;background: none;background-color:#efefef}
.simple_wrt > .text > .cmt_disable {min-height: 56px}
input[type="checkbox"]{margin:0 0 0}
.section1-service-wrap > .container >ul,
.section2-quick-wrap > .container >ul  {margin-bottom:0}

/* delete 이은식 */
.navbar-form{display:none;}

/* change 이은식 */
a:hover{color:#f27242 !important;}
header .nav-bottom .dropdown-menu > li > a:hover{color:#fff !important;}
header .nav-bottom > .nav >.active > a{color:#f27242 !important;}
header.navbar.navbar-fixed-top{border-bottom:2px solid #df2428 !important;}
aside h3{color:#f24242 !important; padding-bottom:20px !important;}
.breadcrumb-wrap{background:#fff !important; border-bottom:1px solid #f5f5f5;}
.breadcrumb-wrap .container .col-lg-12{background:#fff !important;}
.breadcrumb{background:#fff !important;}
.footer-menu li{float:left; padding-right:15px;}
aside > .nav > .active >a, aside > .nav > .active >a:hover, aside > .nav > .active >a:focus, aside > .nav > li > a:hover{background:#f27242 !important; color:#fff !important;}
.breadcrumb-wrap .breadcrumb .active{color:#f27242 !important;}
.nav-tabs li.active .tab-title{border:0px solid #fff !important;}

/* plus 이은식 */
body{}
dl, dt, dd, ol, ul, li{list-style:none;}
.clear{clear:both;}
.b_tit{color:#535353;}
.fl_left{float:left;}
.fl_right{float:right;}



/*----------------------------------------------------- main media CSS 이은식 --------------------------------------------------*/
/* [480px] */
@media (max-width: 480px) {
.s_body{font-size:15px;}
aside.pd-lr-0.col-lg-3.col-md-3.hidden-sm.hidden-xs.pull-right{margin-top:22px;}
.h_tit{padding-bottom:10px; margin:0px 0px 40px 0px; border-bottom:1px solid #ff6564;}
.h_tit img{height:25px;}
.full-slide-wrap .carousel-inner a{background-size:1920px !important;}
.hidden05{display:none;}

.m_listbox01{width:100%;}
.m_list{width:100%;}
.b_tit{font-size:15px; font-weight:bold;}
.td-title{font-size:12px;}

.m_linkWrap{width:99%; height:120px; margin:40px 0px 0px 0px; padding-left:0px; clear:both; display:none;}
.m_linkWrap li{width:50%; float:left;}
.m_linkWrap li div{float:left;}
.m_linkWrap li p{float:left; width:160px; padding:10px 0px 0px 10px;}
.m_linkWrap li img{float:left;}
.m_linkWrap li span{font-weight:bold; font-size:16px; display:block; padding-bottom:10px;}

.m_linkbtn01:hover{background:#efefef;}
.m_linkbtn02:hover{background:#efefef;}
.m_linkbtn01:hover a{color:#f27242 !important;}
.m_linkbtn02:hover a{color:#f27242 !important;}

.m_listbox02{max-width:728px; width:100%; height:192px; border:1px solid #efefef; margin-top:60px;}
#xsCarousel .img-wrap{width:50% !important;}
}


/* [481px] - [767px] */
@media (min-width: 481px) and (max-width:767px){
.s_body{font-size:15px;}
aside.pd-lr-0.col-lg-3.col-md-3.hidden-sm.hidden-xs.pull-right{margin-top:22px;}
.h_tit{padding-bottom:10px; margin:0px 0px 40px 0px; border-bottom:1px solid #ff6564;}
.h_tit img{height:30px;}
.full-slide-wrap .carousel-inner a{background-size:1920px !important;}
.hidden04{display:none;}

.m_listbox01{width:100%;}
.m_list{width:100%;}
.b_tit{font-size:15px; font-weight:bold;}
.td-title{font-size:12px;}

.m_linkWrap{width:100%; height:120px; margin:40px 0px 0px 0px; padding-left:0px; clear:both; display:none;}
.m_linkWrap li{width:50%; float:left;}
.m_linkWrap li div{float:left;}
.m_linkWrap li p{float:left; width:160px; padding:10px 0px 0px 10px;}
.m_linkWrap li img{float:left;}
.m_linkWrap li span{font-weight:bold; font-size:16px; display:block; padding-bottom:10px;}

.m_linkbtn01:hover{background:#efefef;}
.m_linkbtn02:hover{background:#efefef;}
.m_linkbtn01:hover a{color:#f27242 !important;}
.m_linkbtn02:hover a{color:#f27242 !important;}

.m_listbox02{max-width:728px; width:100%; height:212px; border:1px solid #efefef; margin-top:60px;}
#xsCarousel .img-wrap{width:50% !important;}
#xsCarousel .carousel-control.right{right:50% !important;}


.logo-wrap {
      display: flex;
      justify-content: center;
      align-items: baseline;
}
.logo-wrap .logos {
      display: block;
      max-width: 200px;
      height: 100px;
}
.logo-wrap .logo-01 {}
.logo-wrap .logo-02 {}
.logo-wrap .logo-03 {}
.logo-wrap .logos img {
      display: block;
      width: 100%;
}

}

/* [768px] - [991px] */
@media (min-width: 768px) and (max-width: 991px) {
.s_body{font-size:15px;}
aside.pd-lr-0.col-lg-3.col-md-3.hidden-sm.hidden-xs.pull-right{margin-top:22px;}
.h_tit{padding-bottom:10px; margin:0px 0px 40px 0px; border-bottom:1px solid #ff6564;}
.h_tit img{height:40px;}
.full-slide-wrap .carousel-inner a{background-size:1920px !important;}
.hidden03{display:none;}

.m_listbox01{float:left; width:320px;}
.m_list{float:left; width:320px;}
.list_con02{margin-top:10px;}
.b_tit{font-size:15px; font-weight:bold;}
.td-title{font-size:12px;}

.m_linkWrap{width:320px; float:right; margin:20px 0px 0px 45px; padding-left:0px;}
.m_linkWrap li{float:left; width:100%;}
.m_linkWrap li div{float:left;}
.m_linkWrap li p{float:left; width:160px; padding:10px 0px 0px 10px;}
.m_linkWrap li img{float:left;}
.m_linkWrap li span{font-weight:bold; font-size:16px; display:block; padding-bottom:10px;}

.m_linkbtn01{border-bottom:1px solid #efefef; padding-bottom:10px;}
.m_linkbtn02{padding-top:10px;}
.m_linkbtn01:hover{background:#efefef;}
.m_linkbtn02:hover{background:#efefef;}
.m_linkbtn01:hover a{color:#f27242 !important;}
.m_linkbtn02:hover a{color:#f27242 !important;}

.m_listbox02{width:728px; height:212px; border:1px solid #efefef; margin-top:310px;}
#xsCarousel .img-wrap{width:50% !important;}
#xsCarousel .carousel-control.right{right:50% !important;}


.logo-wrap {
      display: flex;
      justify-content: center;
      align-items: baseline;
}
.logo-wrap .logos {
      display: block;
      max-width: 200px;
      height: 100px;
}
.logo-wrap .logo-01 {}
.logo-wrap .logo-02 {}
.logo-wrap .logo-03 {}
.logo-wrap .logos img {
      display: block;
      width: 100%;
}


}

/* [992px] - [1199px] */
@media (min-width: 992px) and (max-width: 1199px) {
.s_body{font-size:15px;}
aside.pd-lr-0.col-lg-3.col-md-3.hidden-sm.hidden-xs.pull-right{margin-top:22px;}
.h_tit{padding-bottom:10px; margin:0px 0px 40px 0px; border-bottom:1px solid #ff6564;}
.h_tit img{height:40px;}
.full-slide-wrap .carousel-inner a{background-size:1920px !important;}
.hidden02{display:none;}

.m_listbox01{float:left; width:260px;}
.m_list{float:left; width:260px;}
.list_con02{margin-top:10px;}
.b_tit{font-size:15px; font-weight:bold;}
.td-title{font-size:12px;}

.m_linkWrap{width:280px; float:left; margin:20px 0px 0px 25px; padding-left:0px;}
.m_linkWrap li{float:left; width:100%;}
.m_linkWrap li div{float:left;}
.m_linkWrap li p{float:left; width:160px; padding:10px 0px 0px 0px;}
.m_linkWrap li img{float:left; width:120px;}
.m_linkWrap li span{font-weight:bold; font-size:16px; display:block; padding-bottom:10px;}

.m_linkbtn01{border-bottom:1px solid #efefef; padding-bottom:10px;}
.m_linkbtn02{padding-top:10px;}
.m_linkbtn01:hover{background:#efefef;}
.m_linkbtn02:hover{background:#efefef;}
.m_linkbtn01:hover a{color:#f27242 !important;}
.m_linkbtn02:hover a{color:#f27242 !important;}

.m_listbox02{float:right; width:360px; border:1px solid #efefef; margin-top:15px;}

}

/* [1200px] */
@media (min-width: 1200px) {
.s_body{font-size:15px;}
.full-slide-wrap .carousel-inner a{background-size:1920px !important;}
aside.pd-lr-0.col-lg-3.col-md-3.hidden-sm.hidden-xs.pull-right{margin-top:22px;}
.h_tit{padding-bottom:10px; margin:0px 0px 40px 0px; border-bottom:1px solid #ff6564;}
.h_tit img{height:40px;}
.mi_tit{font-size:24px; margin:0px 0px 25px 0px;}
.conmar01{margin-bottom:40px}
.hidden01{display:none;}

.m_listbox01{float:left; width:300px;}
.m_list{float:left; width:300px;}
.list_con02{margin-top:10px;}
.b_tit{font-size:15px; font-weight:bold;}
.td-title{font-size:12px;}

.m_linkWrap{width:320px; float:left; margin:20px 0px 0px 45px; padding-left:0px;}
.m_linkWrap li{float:left; width:100%;}
.m_linkWrap li div{float:left;}
.m_linkWrap li p{float:left; width:160px; padding:10px 0px 0px 10px;}
.m_linkWrap li img{float:left;}
.m_linkWrap li span{font-weight:bold; font-size:16px; display:block; padding-bottom:10px;}

.m_linkbtn01{border-bottom:1px solid #efefef; padding-bottom:10px;}
.m_linkbtn02{padding-top:10px;}
.m_linkbtn01:hover{background:#efefef;}
.m_linkbtn02:hover{background:#efefef;}
.m_linkbtn01:hover a{color:#f27242 !important;}
.m_linkbtn02:hover a{color:#f27242 !important;}

.m_listbox02{float:right; width:450px; border:1px solid #efefef; margin-top:15px;}

.s21conWrap01{width:415px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 375px 0px; padding-bottom:80px;}
.chartWrap img{width:350px;}
.s21conWrap02{width:415px;}
.s21conWrap02 span{font-size:22px; color:#577ea9; font-weight:bold;}
.s21conWrap02 .s21con01{width:200px; font-size:18px; color:#8292a4;}
.s21conWrap02 .s21con02{width:200px; font-size:18px; color:#8292a4;}
.s21conWrap02 .s21con03 img{padding-top:15px;}


.logo-wrap {
      display: flex;
      justify-content: center;
      align-items: baseline;
}
.logo-wrap .logos {
      display: block;
      max-width: 200px;
      height: 100px;
}
.logo-wrap .logo-01 {}
.logo-wrap .logo-02 {}
.logo-wrap .logo-03 {}
.logo-wrap .logos img {
      display: block;
      width: 100%;
}
}



/*----------------------------------------------------- sub media CSS 이은식 --------------------------------------------------*/
/* [480px] */
@media (max-width: 480px) {
.f_logo img{height:80px; display:block; margin:20px auto;}
.waitWrap img{width:100%;}
/*SUB1*/
.s13conWrap01{width:350px; height:500px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 340px 0px; padding-bottom:80px; display:none;}
.s13imgbox img{width:300px;}
.s13conWrap02{width:100%;}
.s13conWrap02 .his_li2{float:left; padding-top:20px;}
.s13conWrap02 .his_li1 dt{height:40px;}
.s13conWrap02 .his_li2 dt{height:40px;}
.s13conWrap02 dt{width:100%; float:left; font-size:24px; color:#58595b;}
.s13conWrap02 dd{width:100%; float:left; padding-bottom:6px;}
.s13conWrap02 dd span{color:#58595b; display:inline-block; width:70px;}
/*SUB2*/
.s21conWrap01{width:100%; padding-bottom:80px;}
.chartWrap img{width:300px; display:block; margin:auto;}
.s21conWrap02{width:100%;}
.s21conWrap02 span{font-size:22px; color:#577ea9; font-weight:bold;}
.s21conWrap02 .s21con01{padding-left:30%; font-size:18px; color:#8292a4;}
.s21conWrap02 .s21con02{padding-left:30%; font-size:18px; color:#8292a4;}
.s21conWrap02 .s21con03 img{padding-top:15px;}
.s22conWrap01{display: none;}
}

/* [481px] - [767px] */
@media (min-width: 481px) and (max-width:767px){
.f_logo img{height:80px; display:block; margin:20px auto;}
.waitWrap img{width:100%;}
/*SUB1*/
.s13conWrap01{width:350px; height:500px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 340px 0px; padding-bottom:80px; display:none;}
.s13imgbox img{width:300px;}
.s13conWrap02{width:100%;}
.s13conWrap02 .his_li2{float:left; padding-top:20px;}
.s13conWrap02 .his_li1 dt{height:40px;}
.s13conWrap02 .his_li2 dt{height:40px;}
.s13conWrap02 dt{width:100%; float:left; font-size:24px; color:#58595b;}
.s13conWrap02 dd{width:100%; float:left; padding-bottom:6px;}
.s13conWrap02 dd span{color:#58595b; display:inline-block; width:70px;}
/*SUB2*/
.s21conWrap01{width:100%; padding-bottom:80px;}
.chartWrap img{width:300px; display:block; margin:auto;}
.s21conWrap02{width:100%;}
.s21conWrap02 span{font-size:22px; color:#577ea9; font-weight:bold;}
.s21conWrap02 .s21con01{width:180px; margin-left:20%; font-size:18px; color:#8292a4;}
.s21conWrap02 .s21con02{width:180px; font-size:18px; color:#8292a4;}
.s21conWrap02 .s21con03 img{padding-top:15px;}

}

/* [768px] - [991px] */
@media (min-width: 768px) and (max-width: 991px) {
.f_logo img{height:80px; display:block; margin:20px auto;}
/*SUB1*/
.s13conWrap01{width:350px; height:700px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 340px 0px; padding-bottom:80px;}
.s13imgbox img{width:300px;}
.s13conWrap02{width:350px;}
.s13conWrap02 .his_li1{float:left;}
.s13conWrap02 .his_li2{float:left; padding-top:20px;}
.s13conWrap02 .his_li1 dt{height:40px;}
.s13conWrap02 .his_li2 dt{height:40px;}
.s13conWrap02 dt{width:80px; float:left; font-size:24px; color:#58595b;}
.s13conWrap02 dd{width:350px; float:left; padding-bottom:6px;}
.s13conWrap02 dd span{color:#58595b; display:inline-block; width:70px;}
/*SUB2*/
.s21conWrap01{width:320px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 300px 0px; padding-bottom:80px;}
.chartWrap img{width:280px;}
.s21conWrap02{width:360px;}
.s21conWrap02 span{font-size:22px; color:#58595b; font-weight:bold;}
.s21conWrap02 .s21con01{width:180px; font-size:18px; color:#58595b;}
.s21conWrap02 .s21con02{width:180px; font-size:18px; color:#58595b;}
.s21conWrap02 .s21con03 img{padding-top:15px;}
}

/* [992px] - [1199px] */
@media (min-width: 992px) and (max-width: 1199px) {
.f_logo img{width:90%; display:block; margin:20px auto;}
/*SUB1*/
.s13conWrap01{width:320px; height:600px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 290px 0px; padding-bottom:80px;}
.s13imgbox img{width:260px;}
.s13conWrap02{width:350px;}
.s13conWrap02 .his_li1{float:left;}
.s13conWrap02 .his_li2{float:left; padding-top:20px;}
.s13conWrap02 .his_li1 dt{height:40px;}
.s13conWrap02 .his_li2 dt{height:40px;}
.s13conWrap02 dt{width:80px; float:left; font-size:24px; color:#58595b;}
.s13conWrap02 dd{width:350px; float:left; padding-bottom:6px;}
.s13conWrap02 dd span{color:#58595b; display:inline-block; width:70px;}
/*SUB2*/
.s21conWrap01{width:320px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 300px 0px; padding-bottom:80px;}

.chartWrap img{width:280px;}
.s21conWrap02{width:360px; padding-bottom:140px;}
.s21conWrap02 span{font-size:22px; color:#58595b; font-weight:bold;}
.s21conWrap02 .s21con01{width:180px; font-size:18px; color:#58595b; padding-bottom:30px;padding-top:30px;}
.s21conWrap02 .s21con02{width:180px; font-size:18px; color:#58595b; padding-bottom:30px;padding-top:30px;}
.s21conWrap02 .s21con03 img{padding-top:40px;}
}

/* [1200px] */
@media (min-width: 1200px) {
.f_logo img{height:37px; display:block; margin:19px auto 28px 0px;}
/*SUB1*/
.s13conWrap01{width:350px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 340px 0px; padding-bottom:80px;}
.s13imgbox img{width:300px;}
.s13conWrap02{width:450px;}
.s13conWrap02 .his_li1{float:left;}
.s13conWrap02 .his_li2{float:left; padding-top:20px;}
.s13conWrap02 .his_li1 dt{height:40px;}
.s13conWrap02 .his_li2 dt{height:110px;}
.s13conWrap02 .his_li3 dt{height:190px;}
.s13conWrap02 dt{width:80px; float:left; font-size:24px; color:#58595b; height:80px;}
.s13conWrap02 dd{width:350px; float:left; padding-bottom:6px; padding-top:5px;}
.s13conWrap02 dd span{color:#58595b; display:inline-block; width:70px;}
.s13conWrap03 dt {height:80px;}
.s11conWrap02{ background:url('/image/sub/common/s11_img01_02.jpg') no-repeat 375px 335px; padding-bottom:80px;}

/*SUB2*/
.s21conWrap01{width:350px; background:url('/image/sub/common/sh_bar01.gif') no-repeat 315px 0px; padding-bottom:80px;}
.chartWrap img{width:252px;}
.s21conWrap02{width:465px; padding-bottom:80px;}
.s21conWrap02 span{font-size:22px; color:#58595b; font-weight:bold;}
.s21conWrap02 .s21con01{width:200px; font-size:18px; color:#58595b;}
.s21conWrap02 .s21con02{width:200px; font-size:18px; color:#58595b;}
.s21conWrap02 .s21con03 img{padding-top:15px;}
}


/* 버튼 */
#modal_Login .butn, #modal_Login .form-control{border-radius:2px}
.butn-warning,/*butn-warning */
.butn-warning:hover,
.butn-warning:focus,
.butn-warning:active,
.butn-warning.active,
.open .dropdown-toggle.butn-warning {color: #fff}
.butn-facebook {color: #fff;background-color: #6984b4;border-color: #6984b4} /*butn-facebook */
.butn-facebook:hover,
.butn-facebook:focus,
.butn-facebook:active,
.butn-facebook.active {color: #fff;background-color: #4c6a9f;border-color: #4c6a9f}
.butn-twitter {color: #fff;background-color: #4fccf5;border-color: #4fccf5} /*butn-twitter */
.butn-twitter:hover,
.butn-twitter:focus,
.butn-twitter:active,
.butn-twitter.active {color: #fff;background-color: #2fb7e3;border-color: #2fb7e3}


/* two-column */
.two-column-left{padding-left:0;padding-right:30px}
.two-column-right{padding-right:0;padding-left:30px}
@media (max-width: 767px) {.two-column-left, .two-column-right {padding-right:0px;padding-left:0px}}
@media (min-width: 768px) and (max-width: 991px) {.two-column-left, .two-column-right {padding-right:0px;padding-left:0px}}

/* 브랜드 이미지 / 브랜드 텍스트 */
.brand-wrap {display:table; height:91px; width:100%}
.brand-wrap .brand {display:table-cell; vertical-align:middle; text-align:right;padding-right:30px}
.brand-wrap .brand img{max-width: 250px; height:60px; overflow: hidden}
@media (max-width: 991px) {
      .brand-wrap {height:60px;}
      .brand-wrap .brand {text-align:left;padding-left:15px;padding-right:0}
       .brand-wrap .brand img {height:45px}
}

/* 헤더 메뉴*/
header.navbar.navbar-fixed-top {margin-bottom:0; z-index: 500}
header .navbar-nav.navbar-right:last-child{margin-right:0}
header .nav-bottom > .nav > li:first-child{border-left:0}
header .nav-top > .nav.navbar-right > li > a {padding: 10px 10px; font-size:12px}  /* 수정 20141028 */
header .nav-top > .nav.navbar-right > .dropdown > .dropdown-menu {padding:0 0; font-size:13px; border-radius:0; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);box-shadow: 0 0px 0px rgba(0, 0, 0, .175)} /* 추가 20141028 */
header .nav-top > .nav.navbar-left {padding:0 10px} /* 추가 20141028 */
header .nav-top > .nav.navbar-left > a {display:inline-block; padding:9px 1px} /* 추가 20141028 */
header .nav-top > .nav.navbar-left > a > img {width:19px; height:19px} /* 추가 20141028 */
header .navbar-form {padding:0 10px}
header .form-group > .form-control2 {width:130px}
header .nav-top > .nav > li > a:hover,
header .nav-top > .nav > li > a:focus,
header .nav-bottom > .nav > li > a:hover,
header .nav-bottom > .nav > li > a:focus,
header .nav-bottom > .nav >.active > a,
header .nav-bottom > .nav >.active > a:hover,
header .nav-bottom > .nav >.active > a:focus {-webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out;   background-color: #eee;
  color: #f27242 !important; }
header .nav-bottom .dropdown-menu {border:0; padding:0 0; font-size:13px; border-radius:0; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);box-shadow: 0 0px 0px rgba(0, 0, 0, .175)}
header .nav-bottom .dropdown-menu > li > a {background-color:#343434; color:#999; padding:15px 30px; -webkit-transition:background .25s ease-out; -moz-transition:background .25s ease-out; -o-transition:background .25s ease-out; transition:background .25s ease-out}
header .nav-bottom .dropdown-menu > li > a:hover,
header .nav-bottom .dropdown-menu > li > a:focus,
header .nav-bottom .dropdown-menu > .active > a,
header .nav-bottom .dropdown-menu > .active > a:hover,
header .nav-bottom .dropdown-menu > .active > a:focus { color: #fff;background-color: #1f1f1f}
header .nav-bottom .dropdown-menu > li {border-bottom:1px solid #484848}
header .nav-bottom .dropdown-menu > li:last-child {border-bottom:0}
@media (max-width: 767px) {
     header.navbar.navbar-fixed-top {border-bottom:0}
     header .col-xs-3 .navbar-toggle .icon-bar {height:4px; border-radius: 0}
     header .col-xs-3 .navbar-toggle {background-color:#444; padding:20px 20px;border-radius: 0; border:0;margin-top:0; margin-bottom:0;margin-right:-1px;  -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; transition: all .25s ease-out}
     header .col-xs-3 .navbar-toggle:hover, header.navbar .navbar-toggle:focus {background-color: #676767}
}
@media (min-width: 768px) and (max-width: 991px) {
     header.navbar.navbar-fixed-top {border-bottom:0}
     header.navbar .container {width:100%;padding-right:0;padding-left:0}
     header .nav-bottom .dropdown-menu > li > a {padding:12px 20px}
     header .col-xs-3 .navbar-toggle {display:block}
     header .col-xs-3 .navbar-toggle .icon-bar {height:4px; border-radius: 0}
     header .col-xs-3 .navbar-toggle {background-color:#444; padding:20px 20px;border-radius: 0; border:0;margin-top:0; margin-bottom:0;margin-right:-1px;  -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; transition: all .25s ease-out}
     header .col-xs-3 .navbar-toggle:hover, header.navbar .navbar-toggle:focus {background-color: #676767}
}


/* 모바일 메뉴*/
.cbp-spmenu {background: #444;position: fixed}
.cbp-spmenu-vertical { width: 280px;height: 100%;top: 59px;z-index: 500; overflow-y:scroll;overflow-x:hidden;padding-bottom:100px;margin-right:-1px} /* 수정 20141029 */
.cbp-spmenu-right {right: -280px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
.cbp-spmenu {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease}
.cbp-spmenu .nav > li{ border-bottom: 1px solid #353535; border-top:1px solid #4d4d4d} /* 수정 20141029 */
.cbp-spmenu .nav > li:first-child{ border-top:0} /* 수정 20141029 */
.cbp-spmenu .nav > .nav-list2 > .navbar-form { -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1), 0 px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1), 0 0px 0 rgba(255, 255, 255, .1)}
.cbp-spmenu .nav > li > a,
.cbp-spmenu .nav-ul > li> a {display:block; color: #aaa;padding:8px 0 8px 25px;font-size:16px}
.cbp-spmenu .nav > li > a:hover,
.cbp-spmenu .nav > .active > a:hover,
.cbp-spmenu .nav-ul > li > a:hover,
.cbp-spmenu .nav-ul > .active > a:hover,
.cbp-spmenu .nav  > .active > a:focus 
.cbp-spmenu .nav-ul > .active > a:focus {background:#353535; color:#fff}
.cbp-spmenu .nav > .active > a,
.cbp-spmenu .nav-ul > .active > a {background-color:transparent;color:#fbc706}
.cbp-spmenu .nav .nav-list1 a:hover{background-color:transparent}
.cbp-spmenu .nav .nav-list1, .cbp-spmenu .nav .nav-list1 > a {display:inline-block}
.nav-list2 .navbar-form {margin-left:0; margin-right:0;padding:0 0 0 25px}
.nav-list2 .navbar-form .form-group {margin-bottom:0}
.nav-list2 .navbar-form .form-control2 {border:0; padding:5px;width:200px;font-size:16px}
.nav-list2 .navbar-form .fa-search {color:#aaa}
.cbp-spmenu > .nav > .nav-list1{padding:12px 0 12px 15px; width:100%} /* 추가 20141029 */
.cbp-spmenu > .nav > .nav-list1 > a > span {display:block; text-align:center; font-size:12px; font-weight:bold} /* 추가 20141029 */
.cbp-spmenu > .nav > .nav-list1 > a > span > .fa {font-size:18px}
.cbp-spmenu > .nav > .nav-list1 > a > .nav-list1-txt {width:55px; overflow-x:hidden;text-overflow: ellipsis; white-space:nowrap}   /* 추가 20141029 */
.cbp-spmenu > .nav > .nav-list3 > .navbar-left {margin:0; padding:15px 0 15px 20px}
.cbp-spmenu > .nav > .nav-list3 > .navbar-left > a {padding:5px 8px}
.nav-list1, .nav-list1 > a > span, .nav-list1 > a, .nav-list1.open > a, .nav-list1.open > a:hover, .nav-list1.open > a:focus {background-color:#444} /* 추가 20141029 */
.nav .nav-list1 > .dropdown-menu {padding:0 0;  border-radius:0; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);box-shadow: 0 0px 0px rgba(0, 0, 0, .175)} /* 추가 20141028 */

/* all wrap */
.all-wrap {margin-top:91px}
@media (max-width: 767px) {.all-wrap {margin-top:60px}}
@media (min-width: 768px) and (max-width: 991px) {.all-wrap {margin-top:60px}}


/* 슬라이드 배너 디폴트 */
#dCarousel .carousel-inner .item{height:450px}
#dCarousel.carousel .carousel-inner .bg {background-repeat:no-repeat;background-size:cover;-ms-behavior: url(backgroundsize.min.htc);background-position: center center}
#dCarousel.carousel .carousel-inner .bg1 {background-image:url(../images/banner_full_img1.jpg)}
#dCarousel.carousel .carousel-inner .bg2 {background-image:url(../images/banner_full_img2.jpg)}
#dCarousel.carousel .carousel-inner .bg3 {background-image:url(../images/banner_full_img3.jpg)}
#dCarousel.carousel .carousel-caption{padding-top:0; padding-bottom:0;top:0; bottom:0; left:0; right:0; height:100px; margin:auto}
#dCarousel.carousel .carousel-caption h1{font-size:45px} 
#dCarousel.carousel .carousel-caption p{font-size:25px;padding-top:10px}
@media (max-width: 767px) {
     #dCarousel.carousel .carousel-caption h1{font-size:30px}
      #dCarousel.carousel .carousel-caption p{font-size:15px}
}


/* 슬라이드 배너 full size */
#fullCarousel.carousel {background-color:#f6f6f6}
#fullCarousel.carousel .carousel-inner .bg {background-repeat:no-repeat;background-size:cover;-ms-behavior: url(backgroundsize.min.htc);background-position: center center}
#fullCarousel.carousel  .carousel-control.right,
#fullCarousel.carousel  .carousel-control.left {background-image:none}
#fullCarousel.carousel .carousel-caption{padding-top:0; padding-bottom:0;top:0; bottom:0; left:0; right:0; height:100px; margin:auto}
#fullCarousel.carousel .carousel-caption p {padding-top:10px}
#fullCarousel a {color:#fff; background-color:#df2428; border-color:#df2428;}
.carousel-caption h1, .carousel-caption p {margin:0;font-weight:bold;}
@media (max-width: 767px) {
      #fullCarousel.carousel .carousel-caption{height:70px}
}


/* 슬라이드 배너 msize */
#msizeCarousel.carousel .carousel-caption{padding-top:0; padding-bottom:0;top:0; bottom:0; left:0; right:0; height:100px; margin:auto}
#msizeCarousel.carousel .carousel-inner .bg {background-repeat:no-repeat;background-size:cover;-ms-behavior: url(backgroundsize.min.htc);background-position: center center}
#msizeCarousel.carousel .carousel-caption p {padding-top:10px}
@media (max-width: 767px) {
       #msizeCarousel.carousel .carousel-caption{height:70px}
}


/* 슬라이드 배너 ssize */
#sCarousel img{width:100%;height:auto}
#sCarousel .item > .item-txt > h1 {font-size:18px;color:#ff6600;line-height: 25px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
#sCarousel .item > .item-txt > p {line-height: 22px; text-align:justify}
@media (max-width: 767px) {
      #sCarousel .item > .item-txt{padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:20px}
      #sCarousel .item > .item-txt > h1 {font-size:16px;margin-top:0;margin-bottom:5px}
}
@media (min-width: 768px) and (max-width: 991px) {
      #sCarousel .item > .item-txt{padding-left:10px; padding-right:10px; padding-bottom:20px; padding-top:10px}
      #sCarousel .item > .item-txt > h1 {font-size:16px;margin-bottom:5px}
}


/* 배너 :: (모든)슬라이드 속도 */
#dCarousel .carousel-inner .item,
#fullCarousel .carousel-inner .item,
#msizeCarousel .carousel-inner .item,
#sCarousel .carousel-inner .item{
        -webkit-transition: .3s ease-in-out left;
          transition: .3s ease-in-out left;
}
#aside-carousel .carousel-inner .item,
#xsCarousel .carousel-inner .item{
        -webkit-transition: .2s ease-in-out left;
          transition: .2s ease-in-out left;
}


/* 배너 :: 슬라이드 내부 프로모션 */
.carousel-promotion-wrap {position:absolute; bottom:20px;left:0; right:0; padding:0 20px}
.cp-wraps > .cp-dummy,
.cp-wraps > a {width:99%; height:100%; margin:0 2px; border-radius: 3px;}
.cp-wraps > a {display:block; position:absolute; top:0; padding:15px}
.cp-wraps > a:hover {-webkit-transition: background .25s ease-out;-moz-transition: background .25s ease-out;-o-transition: background .25s ease-out;transition: background .25s ease-out;}
.cp-dummy {opacity: .7; filter:Alpha(opacity=70)}
.cp-icon {text-align:center}
.cp-icon .fa {font-size:25px; color:#fff}
.cp-h h1{margin-top:0; text-align:center; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; height:16px}
.cp-img {margin-top:20px; text-align: right}
.cp-img img {border-radius:3px; width:95px; height:65px}
@media (max-width: 480px) {
      .carousel-promotion-wrap {bottom:60px; padding:0 10px}
      .cp-wraps {height:115px}
      .cp-wraps > a {padding:10px}
      .cp-icon .fa {font-size:16px}
      .cp-img {text-align: center; margin-top:10px}
      .cp-img img {width:80px; height:50px}
}
@media (min-width: 481px) and (max-width:767px) {
      .carousel-promotion-wrap {bottom:60px; padding:0 15px}
      .cp-wraps {height:130px}
      .cp-wraps > a {padding:10px}
      .cp-icon .fa {font-size:18px}
      .cp-img {text-align: center; margin-top:10px}      
}
@media (min-width: 768px) and (max-width: 991px) {
      .carousel-promotion-wrap {bottom:80px}
      .cp-wraps {height:140px}
      .cp-icon .fa {font-size:20px}
      .cp-img {margin-top:10px}
}
@media (min-width: 992px) and (max-width: 1199px) {
      .carousel-promotion-wrap {bottom:20px}
      .cp-wraps {height:157px}
}
@media (min-width: 1200px) {
      .cp-wraps {width:190px; height:157px}
}


/* 캐러젤 컨트롤 / 인디케이터 */
.carousel-controls-wrap {position:absolute; left:0;right:0;bottom:0}
.carousel-controls{background-color:#fff;height:60px;text-align:right}
.carousel-controls > .carousel-indicators {display:inline-block;height:60px;padding:0 30px;line-height: 60px; position: inherit; margin:0; bottom:0;left:0;width:auto;float:left}
.carousel-controls > .carousel-indicators > li {border-radius:0;background-color:#d9d9d9;border:0}
.carousel-controls > .carousel-indicators > li.active {background-color:#df2428 !important; width:10px;height:10px;margin:1px}
.carousel-controls > .carousel-control {position: inherit; height:60px;width: 60px; line-height: 60px;text-shadow: 0 0px 0px rgba(0, 0, 0, 0); filter: alpha(opacity=100);opacity:1;font-size:0;margin-left:-3px;padding:0}
.carousel-controls > .butn {border-radius:0}
.carousel-controls > .carousel-control > .fa {font-size:30px;vertical-align: middle}
@media (max-width: 767px) {
      .carousel-controls-wrap {position:relative}
      .carousel-controls{height:50px}
      .carousel-controls > .carousel-indicators {height:50px;padding:0 10px;line-height: 50px}
      .carousel-controls > .carousel-control {height:50px;width: 50px; line-height: 50px}
      .carousel-controls > .carousel-control > .fa {font-size:25px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .carousel-controls-wrap {position:relative}
}


/* 빵조각 */
.breadcrumb-wrap .container .col-lg-12 {background-color: #f6f6f6}
.breadcrumb-wrap .breadcrumb {margin-bottom:0;padding:15px 15px}
.breadcrumb .breadcrumb-path {display:inline-block; list-style: none;padding-left:0} 
.breadcrumb .breadcrumb-path li:before {padding: 0 3px;color: #ccc;content: "/\00a0"}
@media (max-width: 767px) {
      .breadcrumb{padding:15px 0}
}


/* 세션1 서비스 */
.section1-service-wrap{margin-bottom:40px}
.services {list-style-type: none; border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.services > li > a {position:relative; display:block; overflow: hidden; height:200px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.services > li > a > .services-cont {position:absolute; top:0;left:0; bottom:0; right:0;margin:auto 0; padding:0 30px; width:60%;height:60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s}
.services > li > a > .services-cont h2 {padding-bottom:10px; margin:0; font-weight:bold; height:30px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.services > li > a > .services-cont > p {visibility:hidden; opacity:0; height:0; overflow:hidden; margin:0; line-height:20px; color:#7b7b7b; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s}
.services > li > a > .services-cont > .services-link{display:inline-block; height:20px; font-size:15px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s}
.services > li > a > .services-img {width:40%; height:100%;float:right}
.services > li > a > .services-img > img {z-index: 1;width:100%; height:100%; opacity: 1.0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}
.services > li > a:hover > .services-cont {height:100px}
.services > li > a:hover > .services-cont > p {visibility:visible;opacity:1;height:50px}
@media (max-width: 480px) {
      .section1-service-wrap {margin-bottom:30px}
      .services {border-left:0}
      .services > li > a {height:130px; border-right:0}
      .services > li > a > .services-cont {width:100%; padding:5px 10px 0 10px; height:50px}
      .services > li > a > .services-cont h2 {width:60%;height:20px;padding-bottom:0 }
      .services > li > a > .services-cont > .services-link {font-size:14px}
      .services > li > a:hover > .services-img > img {opacity:0.0;filter: Alpha(Opacity=0)}
      .services > li > a:hover > .services-cont{height:80px}
      .services > li > a:hover > .services-cont > p {height:40px}
}
@media (min-width: 481px) and (max-width:767px){
      .section1-service-wrap {margin-bottom:30px}
      .services {border-left:0}
      .services > li > a {height:160px;border-right:0}
      .services > li > a > .services-cont {padding:0 15px}
      .services > li > a > .services-cont h2 {height:25px}
      .services > li > a:hover > .services-cont > p {height:60px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .section1-service-wrap {margin-bottom:30px}
      .services > li > a {height:180px}
      .services > li > a > .services-cont h2 {font-size:20px}
      .services > li > a:hover > .services-cont > p {height:45px}
}
@media (min-width: 992px) and (max-width: 1199px) {
      .services > li > a {height:180px}
      .services > li > a > .services-cont {padding:0 15px}
      .services > li > a:hover > .services-cont > p {height:55px}
}


/* 섹션2 퀵메뉴 */
.section2-quick-wrap {margin-bottom:40px}
.quicks {list-style-type: none}
.quicks > li > a {display:block; position:relative; overflow: hidden; height:160px;}
.quicks > li > a > .quicks-cont {position:absolute;top:0;left:0; bottom:0; right:0;margin:auto; width:100%;height:60px; text-align:center; padding:0 30px}
.quicks > li > a > .quicks-cont h3 {color:#fff;margin:0; padding-bottom:10px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} 
.quicks > li > a > .quicks-cont p {font-size:13px; color:#fff; margin:0; padding:0;overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.quicks > li > a > img {display:block; position: relative; width:100%; height:100%}
.quicks > li > a > .quicks-cont {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.quicks  > li > a > img {-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2); filter:alpha(opacity=0);opacity:0}
.quicks > li > a:hover > .quicks-cont {-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2); -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; filter:alpha(opacity=0);opacity:0}
.quicks > li > a:hover > img {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; filter:alpha(opacity=100);opacity:1}
@media (max-width: 480px) {
.section2-quick-wrap {margin-bottom:30px}
.quicks > li > a {height:100px;}
.quicks > li > a > .quicks-cont {height:40px}
.quicks > li > a > .quicks-cont {padding:0 10px}
.quicks > li > a > .quicks-cont h3 {font-weight:bold; padding-bottom:5px} 
}
@media (min-width: 481px) and (max-width:767px){
.section2-quick-wrap {margin-bottom:30px}
.quicks > li > a {height:130px;}
.quicks > li > a > .quicks-cont h3 {font-weight:700} 
}
@media (min-width: 768px) and (max-width: 991px) {
.section2-quick-wrap {margin-bottom:30px}
.quicks > li > a {height:120px;}
.quicks > li > a > .quicks-cont {height:50px}
.quicks > li > a > .quicks-cont h3 {padding-bottom:5px} 
}
@media (min-width: 992px) and (max-width: 1199px) {
.quicks > li > a {height:130px;}
}


/* 섹션3 좌측 슬라이드 / 우측 최근글 위젯 */
.section3-slide-wrap {background-color:#e6e6e6;padding-top:40px;padding-bottom:40px}
#xsCarousel {background-color:#fff}
#xsCarousel img{width:100%;height:100%}
#xsCarousel .img-wrap {width:60%; height:230px; overflow:hidden;float:left;}
#xsCarousel .item-txt {width:40%; height:230px; overflow:hidden;float:left;}
#xsCarousel .item-txt {display:block; padding:40px 20px} 
#xsCarousel .item-txt h4 { margin:0; padding-bottom:20px;font-size:15px;font-weight:bold;overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
#xsCarousel .item-txt h4 a:hover {color:#f27242;}
#xsCarousel .item-txt a:hover {color:#f27242;}

#xsCarousel .item-txt p {margin:0; height:66px;overflow:hidden;line-height: 22px; text-align:justify}
#xsCarousel .carousel-indicators {left:25%; bottom:0}
#xsCarousel .carousel-control.right {right:40%; background-image:none; filter: none; background-repeat:no-repeat; height:45px; margin:auto}
#xsCarousel .carousel-control.left {background-image:none; filter: none; background-repeat:no-repeat; height:45px; margin:auto}
#xsCarousel .carousel-control {opacity:1}
#xsCarousel .carousel-control .fa {padding:0}
.section3-recent-wrap {background-color: #fff;height:230px;padding:40px 20px}
.section3-recent-wrap h4 {margin:0; padding-bottom:15px;font-size:15px;font-weight:bold;overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
@media (max-width: 480px) {
.section3-slide-wrap { padding:30px 0}
#xsCarousel .img-wrap,
#xsCarousel .item-txt {width:50%; float:left;}
#xsCarousel .item-txt,
.section3-recent-wrap {padding:30px 15px}       
#xsCarousel .item-txt h4 {padding-bottom:10px;font-size:15px}
#xsCarousel .item-txt p {font-size:14px;height:60px;line-height: 20px;}
#xsCarousel .carousel-indicators {left:50%; bottom:42%}
#xsCarousel .carousel-control.right {right:0;margin-top:20%}
#xsCarousel .carousel-control.left {margin-top:20%}
.section3-recent-wrap {height:210px; border-top:1px solid #ddd}
.section3-recent-wrap h4 {padding-bottom:10px}
#xsCarousel .img-wrap{height:190px}
#xsCarousel .item-txt {height:auto}
}
@media (min-width: 481px) and (max-width:767px){
.section3-slide-wrap {padding-top:30px; padding-bottom:30px}
#xsCarousel .item-txt {padding:30px 15px 0 15px}
#xsCarousel .item-txt h4 {padding-bottom:20px;font-size:15px}
#xsCarousel .item-txt p {font-size:13px;height:66px;}
.section3-recent-wrap {padding:30px 15px; border-top:1px solid #ddd}
.section3-recent-wrap h4 {padding-bottom:10px}
#xsCarousel .img-wrap,
#xsCarousel .item-txt,
.section3-recent-wrap {height:210px}

}
@media (min-width: 768px) and (max-width: 991px) {
.section3-slide-wrap {padding-top:30px; padding-bottom:30px}
.section3-recent-wrap {padding:30px 20px; border-top:1px solid #ddd}
      #xsCarousel .img-wrap,
      #xsCarousel .item-txt,
      .section3-recent-wrap {height:210px}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section3-recent-wrap {padding:30px 20px}      
#xsCarousel .img-wrap,
#xsCarousel .item-txt,
.section3-recent-wrap {height:190px}
}


/* 섹션4 최근글 위젯 - 오울 캐러젤 */
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y}
.owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px)}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%}
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel .owl-item{float: left}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer}
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
.grabbing { cursor:url(../images/grabbing.png) 8 8, move}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0)}
.owl-theme .owl-controls{margin-top: 10px;text-align: center}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px; padding: 3px 10px; font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block; width: 10px; height: 10px; margin: 5px 4px; background: #d9d9d9}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px}
.owl-item.loading{min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}
.owl-carousel .item {margin:0 10px}


/* 섹션4 최근글 위젯 - 좌측 */
.recent-left .panel-group {margin-bottom:0} 
.recent-left .panel-group .panel {border-radius:0;border:0; box-shadow: 0 0 0 rgba(0, 0, 0, 0)}
.recent-left .panel-group .panel + .panel {margin-top:1px}
.panel-recent > .panel-heading {background-color: #d7d7d7;border-radius:0;padding:0}
.panel-recent > .panel-heading > .panel-title {font-size:14px; font-weight:bold}
.panel-recent > .panel-heading > .panel-title a {display:block;padding:15px 15px}
.panel-recent > .panel-heading > .panel-title .recent-title {float:left;}
.panel-recent > .panel-heading > .panel-title .more-read {float:right} 
.panel-recent .more-read {float:right;padding:0px 20px;}


/* 섹션4 최근글 위젯 - 중앙 / 우측 */
.recent-center > .tab-content { background-color:#fff; padding:15px 15px 0 15px}
.recent-center > .nav-tabs,
.recent-right > .nav-tabs {border-bottom:0}
.recent-center > .nav-tabs > li,
.recent-right > .nav-tabs > li  {width:50%; position: relative}
.recent-center > .nav-tabs > li > .more-read,
.recent-right > .nav-tabs > li > .more-read {display:block; position: absolute; top:0; right:0}
.recent-center > .nav-tabs > li > a,
.recent-right > .nav-tabs > li > a {border-radius:0; border:0; font-size:14px;color:#fff;font-weight:bold;padding:13px 15px; margin-right:0; background:#d7d7d7} 
.recent-center > .nav-tabs > li > a:hover,
.recent-right > .nav-tabs > li > a:hover {border:0}
.recent-center > .nav-tabs > li.active > a,
.recent-center > .nav-tabs > li.active > a:hover,
.recent-center > .nav-tabs > li.active > a:focus,
.recent-right > .nav-tabs > li.active > a,
.recent-right > .nav-tabs > li.active > a:hover,
.recent-right > .nav-tabs > li.active > a:focus {background-color:#fff}


/* 섹션4 최근글 위젯 */
.section4-recent-wrap {background-color:#e6e6e6;padding-bottom:40px}
.hidden-hand {float:right; padding:10px;margin-right:10px}


/* 섹션4 최근글 위젯 - 우측 */
.recent-right > .tab-content { background-color:#fff; padding:15px 15px 0px 15px;}
@media (max-width: 480px) {
.section4-recent-wrap {padding-top:0px;padding-bottom:30px}
.panel-recent > .panel-heading > .panel-title {font-size:13px}
.recent-center > .nav-tabs > li > a,
.recent-right > .nav-tabs > li > a { font-size:13px;padding:13px 10px;} 
}
@media (min-width: 481px) and (max-width:767px){
      .section4-recent-wrap {padding-bottom:30px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .section4-recent-wrap {padding-bottom:30px}
}


/* 사이드 메뉴 */
.aside-carousel-wrap {margin-bottom:40px}
aside h3 {padding-left:15px; margin-bottom:0;padding-bottom:10px}
aside > .nav > li , aside h3{border-bottom:1px solid #e7e7e7; margin-top:0}
aside > .nav > li > a {padding:9px 15px}
aside > .nav .fa {float:right}
aside > .nav > .active >a,
aside > .nav > .active >a:hover,
aside > .nav > .active >a:focus,
aside > .nav > li > a:hover {color: #fff}
#aside-carousel > .carousel-inner > a > p {position:absolute; bottom:15%; width:100%; text-align: center; font-weight:bold; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 30px}
#aside-carousel > .carousel-indicators {bottom:0}


/* 풋터 */
.footer-wrap {background:#313131;padding:20px 0 50px;color:#7a7a7a;margin-top:30px}
.footer-wrap .footer-brand {padding-left:0; padding-right:20px}
.footer-wrap .footer-menu,
.footer-wrap .footer-contact,
.footer-wrap .footer-community {padding-left:20px; padding-right:0}
.footer-menu h3, .footer-contact h3, .footer-community h3{font-size:16px;font-weight:bold; color:#c7c7c7}
.footer-brand h3 {font-size:25px;font-weight:bold;color:#fcfcfc;padding-bottom:15px}
.footer-wrap h3 > .fa {font-size:22px;vertical-align: middle}
.footer-wrap p{margin:0 0 5px}
.footer-wrap hr {border-top:1px solid #515151}
.footer-wrap ul {padding:0;list-style:none}
.footer-wrap ul > li > a,
.footer-community table td > .title > a {color:#7a7a7a;line-height: 22px}
.footer-wrap ul > li > a:hover,
.footer-wrap ul > li > a:focus,
.footer-community table td > .title > a:hover {color:#ddd;}
.footer-community table tr {border:0}
.footer-community table td {padding:0 0 3px 0}
@media (max-width: 767px) {
      .footer-wrap h3{margin-top:30px}
      .footer-brand h3 {margin-top:10px}
      .footer-wrap hr {margin-top:10px; margin-bottom:10px}
      .footer-wrap .footer-brand,
      .footer-wrap .footer-menu,
      .footer-wrap .footer-contact,
      .footer-wrap .footer-community {padding-left:0; padding-right:0}
}
@media (min-width: 768px) and (max-width: 991px) {
      .footer-wrap .footer-contact,
      .footer-wrap .footer-menu,
      .footer-wrap .footer-community  {padding-left:0; padding-right:20px}
}


/* 로그인 모달 */
.modal-backdrop {background-color:#fff}
#modal_Login .close {font-size:30px; opacity: .4; filter: alpha(opacity=40)}
#modal_Login .modal-content {border-radius: 0}
#modal_Login .modal-body {padding:20px 150px 50px}
#modal_Login .form-group{margin-bottom:10px}
.form-group.keep-s {margin-top:-5px}
#modal_Login  .butn-block {margin-top:15px}
.login-left, .login-bar, .login-right {display:inline-block}
.login-left {width:40%;vertical-align: top; margin-top:50px}
.login-left > .form-group > button {width:100%}
.login-bar{width:5%}
.login-right{width:50%}
@media (max-width: 767px) {
      #modal_Login .modal-body {padding:5px 30px 25px} 
      .login-left,
      .login-right {display:block; width:100%}
      .login-left {margin-top:0}
      #modal_Login .modal-header {padding: 10px 15px;}
      #modal_Login .form-group{margin-bottom:5px}
      #modal_Login  .butn-block {margin-top:5px}
      #modal_Login h2{font-size:25px}
}


/* 문서페이지 본문 폰트 */
.page-conts{ color:#535353; font-size:13px; line-height: 25px; text-align:justify}
@media (max-width: 767px) {
      .page-conts{font-size:14px}
}


/* 문서페이지 헤더 */
.page-wrap1 > .page-head {margin-bottom:40px;position: relative}
.page-head > h1 {color:#fff; font-size:18px; font-weight:bold; padding-left:20px; width:65%;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:40px; margin-bottom:0; line-height: 25px}
.page-head > .page-icon {display:block; float:left; padding:15px 20px; background-color:#313131; text-align:center}
.page-head > .page-icon > .fa {color:#8d8d8d; display:block; padding:5px 0; font-size:25px}
.page-icon > strong {color:#8d8d8d}
@media (max-width: 480px) {
      .page-wrap1 > .page-head {margin-bottom:30px}
      .page-head > h1 {font-size:15px;padding-left:10px; margin-top:30px}
      .page-head > .page-icon {padding:10px 5px}
      .page-head > .page-icon > .fa {font-size:20px}
      .page-icon > strong {font-size:12px}
}
@media (min-width: 481px) and (max-width:767px){
      .page-wrap1 > .page-head {margin-bottom:30px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .page-wrap1 > .page-head {margin-bottom:30px}
}


/* 공통 미디어쿼리 */
@media (max-width: 767px) {
      body, table{font-size:14px}
      .xe-widget-wrapper {width: 100%!important;}
       .navbar-fixed-top > .container,
      .full-slide-wrap .carousel-controls-wrap .container,
      .msize-slide-wrap > .container,
      .s-slide-wrap > .container,
      .breadcrumb-wrap .container,
      .section1-service-wrap .container{padding-right:0;padding-left:0}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}