@import url("font.css");
/* body, html {background:#ffffff !important}*/
/* etc */
.row-offcanvas {height: 100%;}
a {color: #000;}
/* header */
.header-line {height: 2px;background-color: #EF7500;/*z-index: 99999999999999999999999999999999999999999999;*/position: absolute;}
.navbar-nav {padding-top: 13px;}
/* 디폴트 로고 */
.navbar-header {margin-top:5px;}
.navbar-brand {padding-top: 50px;padding: 45px 15px; width: 270px; height: 54px;background-color: transparent;float: left;background: url('../../img/main/logo-white.png') no-repeat center center;}
/* 서브 상단 로고 */
.navbar-sub .navbar-brand {padding-top: 50px; padding: 45px 15px;width: 270px;height: 54px;background-color: transparent; float: left;background: url('../../img/main/logo-white.png') no-repeat center center;}
/* 서브 페이지나 스크롤 내렸을때 로고 */
.affix .navbar-brand {padding-top: 50px; padding: 45px 15px; width: 270px;height: 54px;float: left; background: url('../../img/main/logo-white.png') no-repeat center center;}
.navbar-default {background-image: none;background-image: -o-none;background-image: -webkit-none;background-image: linear-gradientnone;filter: none;filter: none;background-repeat: none;border-radius: 0;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
background-color: rgba(255, 255, 255, 1);border-bottom: #d6d6d6 1px solid;box-shadow: none;padding-top: 0px; /*padding-bottom: 6px; */}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); box-shadow:}
/*
.navbar-toggle {margin-top: 25px;}*/
@media (max-width:767px) {
.navbar-toggle {margin-top: 0px;}
}
/* 서브 네비 */
.navbar-default.navbar-sub {border-bottom: 0; background-color: rgba(255, 255, 255, 1); z-index: 4;transition: 0.5s;}
.navbar-default.navbar-sub.affix {border-bottom: 1px #e6e6e6 solid;}
.navbar-default.navbar-sub.affix-top {background-color: rgba(255, 255, 255,1);}
.navbar-sub .nav_wrap .navi li a {color: #000;}
.navbar-sub .nav_wrap .navi li a:hover {text-decoration: none;color: #FF9933;}
.navbar-sub .snb_wrap {background-color: rgba(0, 0, 0, 0.6);}
.navbar-sub .snb_wrap .snb ul li > ul > li a {color: #e0e0e0;}
/* 기본 네비 */
.nav_set {border-top:1px solid #ccc;/*border-bottom:1px solid #ccc*/}
.nav_set ul.nav_ul {margin-bottom:0px;}
#nav_wrap > .lnb { text-align:center;}
#nav_wrap > .lnb > li {display:inline-block; font-size:16px; text-align:center; vertical-align:top; display: inline-block;height:55px;} /*width:calc(98%/7)*/
#nav_wrap > .lnb > li > a {position:relative; display:block; width:100%; font-size:20px; color:#000; line-height:55px; margin-right:65px; transition:0.3s;font-weight: 700}
#nav_wrap > .lnb > li > a:nth-of-type(7), #nav_wrap > .lnb.sub > li > a:nth-of-type(7) {margin-right:0px !important;} /*오류시 없앨것*/
/*#nav_wrap > .lnb > li > a:after {position:absolute; content:''; bottom:0; left:50%; width:0; height:4px;background:#0072bc; transition:all 0.3s}*/
#nav_wrap > .lnb > li:hover > a {color:#0854a0 !important; text-decoration: none;}
#nav_wrap > .lnb > li:hover > a:after {left:0; width:100%}
#nav_wrap > .lnb > li > .subnav {position:relative; display:none; margin-top:10px; padding-bottom: 20px; z-index:999;}
#nav_wrap > .lnb > li > .subnav > li {line-height:1.8; text-align: left; text-indent:33px;}
#nav_wrap > .lnb > li > .subnav > li > a {font-size:15.5px; color:#222;letter-spacing:-0.03em; }
#nav_wrap > .lnb > li > .subnav > li > a:hover {/*color:#6dcff6;*/ text-decoration: none;background-color:#ffcb08}
#nav_wrap > .lnb.sub > li > a {position:relative; display:block; width:100%; font-size:20px; color:#000; line-height:55px; transition:color 0.3s; padding-bottom: 10px;}
#nav_wrap > .lnb.sub > li > .subnav > li > a {font-size:15.5px; color:#222;}
#nav_wrap > .lnb.sub > li > .subnav > li > a:hover {text-decoration: none;background-color:#ffcb08}
#nav_wrap > .subnav-bg { position: absolute; display:none; top:190px; left:0; width:100%; z-index:10;background:#ededed;border-top:1px solid #ccc;} /*메뉴펼침*/
#nav_wrap > .btnOpenMenu {display:none}
.on, #navbar.fixed {}
.on #nav_wrap > .lnb > li > a, #navbar.fixed #nav_wrap > .lnb > li > a {color:#000000}
.on #nav_wrap > .lnb.sub > li > a, #navbar.fixed #nav_wrap > .lnb.sub > li > a {}
.affix #nav_wrap > .lnb.sub > li > a {color: #000 !important;}
.affix #nav_wrap > .lnb > li > .subnav > li > a {color: #000 !important;}
.right-eng {float: right; /*width: 150px;*/text-align: right;margin-top: 22px;}
.right-eng i {font-size: 12px;}
.right-eng .btn {font-size: 15px !important;border-radius: 0;padding-left: 18px;padding-right: 18px;font-family: 'Open Sans', sans-serif;}
.right-eng .btn-black {background-color: #000;color: #fff;transition: 0.4s;}
.right-eng .btn-black:hover {background-color: #fff;color: #000;border: 1px #e3e3e3 solid;}
.right-eng .btn-red {background-color: #e54f00;color: #fff;}
.right-eng .btn-white {background-color: #fff;color: #000;border: 1px #e3e3e3 solid;transition: 0.4s;}
.right-eng .btn-white:hover {background-color: #f4f4f4;color: #000;border: 1px #e3e3e3 solid;}
.affix {-webkit-transition: padding 0.2s ease-out;-moz-transition: padding 0.2s ease-out;-o-transition: padding 0.2s ease-out;transition: padding 0.2s ease-out;}
@media (max-width:1229px) {
.nav_set {border:0 }
}
@media (min-width:768px) {
/* 디폴트 */
.affix-top {background-color: transparent;border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.affix-top .navbar-nav>li>a {color: #fff;}
.affix-top .navbar-nav>li>a span.caret {color: #fff;}
}
/* 네비게이션 */
@media (min-width: 992px) {
ul.nav li.dropdown:hover .dropdown-menu {display: block;animation-duration: 0.5s;animation-name: good2;transition: 1s;}
@keyframes good2 {
from {
padding-bottom: 10px;
padding-left: 10px;
opacity: 0;
}
to {
opacity: 1;
padding-left: 0;
}
}
}
/*
.bs-slider .visual_bottom {background:#282b39;bottom: 0; width: 100%;height: 165px;color: #fff;position: absolute;z-index: 11;}
.bs-slider .visual_trans {background: url("../../img/main/top_icon_bg.png") top center;background-repeat: no-repeat;bottom: 165px; height:70px;width: 100%;color: #fff;position: absolute;z-index: 11;}
.m_visual_bottom {display:none;}
.bs-slider .visual_bottom .media {padding-top: 40px;}
.bs-slider .visual_bottom .media .media-body {color: #b8b8b8;font-size: 13px;line-height: 15px;padding-left: 20px;}
.bs-slider .visual_bottom .media .media-body h4.media-heading {font-size: 18px;font-weight: 600;margin-bottom: 12px;color: #cdcdcd;}
.bs-slider .visual_bottom .media .media-left i {background-color: #000;min-width: 60px;min-height: 60px;border-radius: 3em;text-align: center;font-size: 25px;padding-top: 18px;color: #979797;transition: 0.6s; cursor: pointer;}
.bs-slider .visual_bottom .media .media-left i:hover {background-color: #fff;color: #000;}
*/
/***********************************************************************************************************************************************************************************/
/*로그인회원가입전체메뉴*/
div.top_tnb_set {background-color:#ececec;height:35px;margin-bottom:6px;}
div.top_tnb {text-align:right;}
div.top_tnb a {line-height:35px;font-size:14px;font-weight:400;color:#444444;text-decoration:none;display:inline-block;text-align:center;margin-left:10px;}
div.top_tnb a.dj_int{background:#017ed0;color:#ffffff !important;padding:0 15px;}
/*섹션구분텍스트*/
h3.main_txt {margin-top:70px;font-size:40px;color:#000;text-align:center;}
p.main_line {margin:5px auto 0 auto;height:2px;width:80px;background:#000;}
@media (max-width: 1230px) {
/*섹션구분텍스트*/
h3.main_txt {font-size:35px;}
}
@media (max-width: 767px) {
/*섹션구분텍스트*/
h3.main_txt {margin-top:50px;font-size:25px;}
}
/***********************************************************************************************************************************************************************************/
/*검색 및 전체메뉴*/
button.btn_search, button.btn_all_menu, button.toggle_btn_search {border:none;}
button.btn_search {margin-right:10px;}
button.toggle_btn_search {display:none}
div.mo_toggle {float:right;}
@media (max-width: 1229px) {
button.toggle_btn_search {display:block;padding-top:10px; margin-top: 8px;background-color: transparent;}
button.toggle_btn_search button {float:left;}
}
@media (max-width: 767px) {
button.toggle_btn_search {display:none}
}
/*검색*/
#search_bg{width:100%;display:none;position:absolute;top:192px;background:rgba(0,0,0,0.6);height:80px;overflow:hidden;}/*top:85px;*/
#search_bar{width:600px;z-index:100;margin:0 auto;}
#btn_close{cursor:pointer;}
#hd_sch2 {width:600px;float:left;margin:23px 0 0 0;padding:0;/*border:1px solid #c3c6ca*/}
#hd_sch2 legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch2 #sch_stx {width:560px;padding-left:8px;height:34px;background:#fff;border:0;line-height:1.9em !important;line-height:1.6em}
#hd_sch2 #sch_submit {padding:0px 3px;height:24px;border:0;cursor:pointer} /*background:#fff;*/
@media all and (max-width: 1229px) {
#search_bg{top:136px;}
}
@media all and (max-width: 768px) {
.search_hidden{display:none !important;}
}
/*1200px이상 전체메뉴*/
.overlay {height: 0%;width: 100%;position: fixed;z-index:9999;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-y: hidden;overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 30%;width: 100%;margin-top: 30px;}
.overlay-content > ul {width:1200px;margin:0 auto;}
.overlay-content > ul > li {float:left;width:calc(87%/7);text-align:center;font-size:18px;height:50px;line-height:50px;font-weight:bold;border:1px solid #666;display:border-box;}
.overlay-content > ul > li:nth-of-type(2n) {margin:0 2%;}
.overlay-content > ul > li:nth-of-type(7) {margin-right:0px;}
.overlay-content > ul > li > a {color:#fff;text-decoration:none;}
ul.allnav {margin-top:20px;}
ul.allnav > li > a {color:#ccc;font-size:15px;font-weight:400;line-height:35px;text-decoration:none; letter-spacing:-0.05em;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 30px;right: 45px;font-size: 60px;z-index:9999;color:#fff;text-decoration:none;}
@media all and (max-width: 1229px) {
#myNav {display:none;}
}
/***********************************************************************************************************************************************************************************/
/*센터활동*/
section.center_act {margin-top:50px;}
div.center_act_icon {font-size:0;}
div.center_act_icon:after {clear:both;display:block;content:''}
div.center_act_icon a {width:100%;height:100%;display:inline-block;text-decoration:none;color:#222;letter-spacing:-0.04em;}
div.center_act_icon li {float:left;width:calc(92%/5);height:350px;border:1px solid #d6d6d6;}
div.center_act_icon li:nth-of-type(1) {background:url('../../img/main/quick_icon1.png') top 30px center no-repeat}
div.center_act_icon li:nth-of-type(2) {background:url('../../img/main/quick_icon2.png') top 50px center no-repeat;margin:0 2%;}
div.center_act_icon li:nth-of-type(3) {background:url('../../img/main/quick_icon3.png') top 50px center no-repeat}
div.center_act_icon li:nth-of-type(4) {background:url('../../img/main/quick_icon4.png') top 50px center no-repeat;margin:0 2%;}
div.center_act_icon li:nth-of-type(5) {background:url('../../img/main/quick_icon5.png') top 50px center no-repeat}
/*마우스오버시*/
div.center_act_icon li:nth-of-type(1):hover {background:url('../../img/main/quick_icon1_hover.png') top 30px center no-repeat #0586da;transition: 0.4s;}
div.center_act_icon li:nth-of-type(2):hover {background:url('../../img/main/quick_icon2_hover.png') top 50px center no-repeat #0586da;transition: 0.4s;}
div.center_act_icon li:nth-of-type(3):hover {background:url('../../img/main/quick_icon3_hover.png') top 50px center no-repeat #0586da;transition: 0.4s;}
div.center_act_icon li:nth-of-type(4):hover {background:url('../../img/main/quick_icon4_hover.png') top 50px center no-repeat #0586da;transition: 0.4s;}
div.center_act_icon li:nth-of-type(5):hover {background:url('../../img/main/quick_icon5_hover.png') top 50px center no-repeat #0586da;transition: 0.4s;}
/*센터활동 텍스트*/
div.center_act_icon a b {margin:170px auto 0 auto;width:45px;height:1px;display:block;text-align:center;background:#222;}
div.center_act_icon a p {margin-top:35px;font-size:25px;display:block;text-align:center;font-weight:500;}
div.center_act_icon a span {margin-top:15px;font-size:15px;line-height:20px;font-weight:300;display:block;text-align:center;}
div.center_act_icon a:hover {color:#fff;}
@media (max-width: 1230px) {
/*센터활동*/
div.center_act_icon li {width:calc(96%/3);}
div.center_act_icon li:nth-of-type(4) {margin:2% 2% 0 0;width:49%}
div.center_act_icon li:nth-of-type(5) {margin-top:2%;width:49%}
/*센터활동 텍스트*/
div.center_act_icon a b {}
div.center_act_icon a p {font-size:23px;}
div.center_act_icon a span {font-size:14px;}
}
@media (max-width: 992px) {
/*센터활동*/
div.center_act_icon li {width:calc(98%/2);}
div.center_act_icon li:nth-of-type(2), div.center_act_icon li:nth-of-type(3) {margin-left:2%;margin-right:0;}
div.center_act_icon li:nth-of-type(5) {margin-top:2%;}
div.center_act_icon li:nth-of-type(3) {display:none;}
}
@media (max-width: 767px) {
section.center_act {margin-top:30px;}
div.center_act_icon li {height:300px;}
div.center_act_icon li:nth-of-type(1), div.center_act_icon li:nth-of-type(1):hover {background-size:94px;}
div.center_act_icon li:nth-of-type(2), div.center_act_icon li:nth-of-type(2):hover {background-size:69px;}
div.center_act_icon li:nth-of-type(3), div.center_act_icon li:nth-of-type(3):hover {background-size:80px;}
div.center_act_icon li:nth-of-type(4), div.center_act_icon li:nth-of-type(4):hover {background-size:83px;}
div.center_act_icon li:nth-of-type(5), div.center_act_icon li:nth-of-type(5):hover {background-size:97px;}
/*센터활동 텍스트*/
div.center_act_icon a b {margin-top:150px;}
div.center_act_icon a p {margin-top:20px;font-size:20px;}
div.center_act_icon a span {margin-top:10px;font-size:12px;}
}
@media (max-width: 480px) {
div.center_act_icon li {height:200px;}
div.center_act_icon li:nth-of-type(1), div.center_act_icon li:nth-of-type(1):hover {background-size:84px;}
div.center_act_icon li:nth-of-type(2), div.center_act_icon li:nth-of-type(2):hover {background-size:67px;background-position:top 30px center}
div.center_act_icon li:nth-of-type(3), div.center_act_icon li:nth-of-type(3):hover {background-size:70px;background-position:top 30px center}
div.center_act_icon li:nth-of-type(4), div.center_act_icon li:nth-of-type(4):hover {background-size:73px;background-position:top 30px center}
div.center_act_icon li:nth-of-type(5), div.center_act_icon li:nth-of-type(5):hover {background-size:87px;background-position:top 30px center}
/*센터활동 텍스트*/
div.center_act_icon a b {margin-top:130px;}
div.center_act_icon a span {display:none;}
}
/***********************************************************************************************************************************************************************************/
/*가운데 비쥬얼*/
section.center_visual {margin-top:100px;width:100%;height:440px;background:url('../../img/main/center_bg.jpg') center no-repeat;display:table;background-attachment: fixed;}
section.center_visual p {font-size:55px;font-weight:300;color:#fff;text-align:center;letter-spacing:-0.04em;display:table-cell;vertical-align:middle;}
@media (max-width: 1230px) {
section.center_visual p {font-size:42px;}
}
@media (max-width: 767px) {
section.center_visual p {font-size:32px;}
section.center_visual {margin-top:70px;height:295px;background:url('../../img/main/center_bg_mo.jpg') bottom no-repeat;background-attachment: scroll;}
}
@media (max-width: 480px) {
section.center_visual p {font-size:20px;line-height:30px;}
section.center_visual {height:250px;}
}
/***********************************************************************************************************************************************************************************/
/*포토갤러리/공지사항*/
section.center_pt_new {background:#f3f3f3;width:100%;height:630px;}
h4.main_stit {font-size:25px;margin:25px 0 0 35px;color:#000;}
div.pt_news {margin-top:80px;}
div.pt_news:after {display:block;clear:both;content:''}
div.pt_news > li {width:calc(98%/2);height:320px;border:1px solid #e6e6e6;float:left;background:#ffffff;}
div.pt_news > li:nth-of-type(1) {margin-right:2%;}
div.pt_news > li > h4 > span {font-size:40px;margin-right:35px;margin-top:-10px;display:inline-block;float:right;}
div.pt_news > li > h4 > span a {text-decoration:none;}
/*문의전화/후원문의*/
div.tell_spon {margin-top:2%;}
div.tell_spon:after {display:block;clear:both;content:''}
div.tell_spon > li {width:calc(98%/2);height:120px;border:1px solid #e6e6e6;float:left;background:#ffffff;}
div.tell_spon > li:nth-of-type(1) {margin-right:2%;background:url('../../img/main/icon_tel.png') right no-repeat #ffffff;}
div.tell_spon > li:nth-of-type(2) {background:url('../../img/main/icon_spon.png') right no-repeat #ffffff;}
div.tell_spon > li p {font-size:36px;margin:0 0 0 35px;font-weight:700;color:#f26d7d}
div.tell_spon > li span {font-size:14px;font-weight:400;color:#666666;}
div.tell_spon > li div {font-size:14px;margin:10px 0 0 35px;font-weight:400;color:#666666;}
@media (max-width: 1230px) {
h4.main_stit {font-size:23px;margin:25px 0 0 25px;}
div.pt_news > li > h4 > span {font-size:37px;}
/*문의전화/후원문의*/
div.tell_spon > li p {font-size:30px;margin:-5px 0 0 25px;}
div.tell_spon > li span {font-size:14px;margin-top:5px;display:block;}
div.tell_spon > li div {font-size:14px;margin:10px 0 0 25px;}
div.tell_spon > li div span {line-height:10px !important;}
}
@media (max-width: 992px) {
section.center_pt_new {height:auto;}
div.tell_spon > li, div.pt_news > li {float:none;width:100%;}
div.pt_news > li:nth-of-type(1), div.tell_spon > li:nth-of-type(1){margin-right:0;}
div.pt_news > li:nth-of-type(2), div.tell_spon > li:nth-of-type(2) {margin-top:2%;}
div.pt_news > li:nth-of-type(1) {height:auto !important}
/*문의전화/후원문의*/
div.tell_spon {padding-bottom:80px;}
div.tell_spon > li span, div.tell_spon > li div span {display:inline;}
div.tell_spon > li p {margin:0px 0 0 25px;}
}
@media (max-width: 767px) {
div.pt_news {margin-top:60px;}
h4.main_stit {font-size:20px;margin:25px 0 0 25px;}
div.pt_news > li {height:300px;}
div.pt_news > li > h4 > span {font-size:26px;}
/*문의전화/후원문의*/
div.tell_spon {padding-bottom:60px;}
div.tell_spon > li:nth-of-type(1) {background:url('../../img/main/icon_tel2.png') right no-repeat #ffffff;}
div.tell_spon > li:nth-of-type(2) {background:url('../../img/main/icon_spon2.png') right no-repeat #ffffff;}
div.tell_spon > li p {font-size:30px;margin:3px 0 0 25px;}
div.tell_spon > li span {font-size:14px;margin-top:5px;}
div.tell_spon > li div {font-size:14px;margin:10px 0 0 25px;}
}
@media (max-width: 480px) {
/*문의전화/후원문의*/
div.tell_spon > li span, div.tell_spon > li div span {display:block;font-size:13px;}
div.tell_spon > li p {font-size:25px;margin:5px 0 0 25px;}
div.tell_spon > li div span {}
}
/***********************************************************************************************************************************************************************************/
/* 배너*/
section.banner_set{width:100%;background:#fbfbfb;border-top:1px solid #dddddd}
#dj_banner {display:none;}
ul#dj_banner li {height:105px;line-height:105px}
.nbs-flexisel-container {position:relative;max-width:100%;height:105px;}
.nbs-flexisel-ul {position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;text-align:center;overflow: auto;}
.nbs-flexisel-inner {height:105px;width:90%;text-align:center;margin:0 auto;position: relative;overflow: hidden;}
.nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;}
.nbs-flexisel-item img {max-width: 100%;cursor: pointer;position: relative;}
/*** 화살표 ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {height:40px;width:40px;line-height:40px !important;position: absolute; cursor: pointer;text-align:center;
z-index: 4;top: 50%;transform: translateY(-50%);background:#fbfbfb;color: #9aa1a8;
border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; border:1px solid #ccd1d7;font-weight:bold;font-family:'굴림'}
.nbs-flexisel-nav-left {left: 0px;}
.nbs-flexisel-nav-left:before {content: "<"}
.nbs-flexisel-nav-left.disabled {opacity: 0.4;}
.nbs-flexisel-nav-right {right: 0px;}
.nbs-flexisel-nav-right:before {content: ">"}
.nbs-flexisel-nav-right.disabled { opacity: 0.4;}
@media (max-width: 992px) {
.nbs-flexisel-item img {max-width: 90%;}
.nbs-flexisel-inner {width:75%;}
}
@media (max-width: 767px) {
.nbs-flexisel-inner {width:70%;}
}
@media (max-width: 480px) {
.nbs-flexisel-inner {height:100px;}
.nbs-flexisel-item img {max-width: 70%;}
ul#dj_banner li {height:100px;line-height:100px}
.nbs-flexisel-container {height:100px;}
}
/***********************************************************************************************************************************************************************************/
/* footer */
.footer {background-color: #464b59;}
.footer .btn-default {background-color: #fff;background-image: none;text-shadow: none;box-shadow: none; border: 1px #dddddd solid; padding: 4px 11px; border-radius: 0;}
.footer .footer-menu {background-color: #464b59; border-bottom:1px solid #5f636f;}
.footer .footer-menu .list-inline {height:42px;width:100%;}
.footer .footer-menu .list-inline li:before { color: #464646;}
.footer .footer-menu .list-inline .left-list-inline {margin-bottom:0;font-size:0}
.footer .footer-menu .list-inline .left-list-inline a{font-size:16px;height:42px;line-height:42px !important;text-decoration:none;text-align:center;color:#e8e8e8;display:inline-block;}
.footer .footer-menu .list-inline .left-list-inline a:nth-of-type(1) {padding-left:3px;}
.footer .footer-menu .list-inline .left-list-inline a {padding:0 15px;}
.footer .footer-menu .list-inline .left-list-inline a:after {}
.footer address {text-align:left;margin-top: 25px;margin-bottom:25px;font-size: 16px;font-weight:200;color: #ffffff !important}
.footer address b {color:#fff !important;font-weight:300;}
.footer p.copyright {margin-top: 0;padding-top: 0;color: #ffffff;line-height:22px}
@media (max-width: 992px) {
.footer .footer-menu .list-inline .left-list-inline, .footer .footer-menu .list-inline .right-list-inline{float:none;text-align:center;}
.footer .footer-menu .list-inline .left-list-inline a {border:0;padding:0;}
.footer .footer-menu .list-inline .left-list-inline a:nth-of-type(2) {padding:0 15px}
.footer .footer-menu .list-inline .left-list-inline a:nth-of-type(3) {border-right:0;}
.footer .footer-menu .list-inline .left-list-inline {border-bottom:1px solid #7c7c7d;width:100%;}
.footer .footer-menu .container {width:100%;padding:0;}
}
@media (max-width: 767px) {
.footer address span {display:block;margin-top:0;font-size:0;}
}
@media (max-width: 480px) {
.footer {}
.footer .footer-menu .list-inline .left-list-inline a{font-size:14px;}
.footer address {font-size:14px;letter-spacing:-0.05em}
}
/***********************************************************************************************************************************************************************************/
/*top 버튼*/
#top_btn {position:fixed;border-radius:50%;bottom:20px;right:20px;width:60px;height:60px;color:#fff;line-height:56px;text-align:center;font-size:15px;z-index:90;background:#ffc001;border:none;}
#top_btn:hover{background:#91bf13;color:#fff}
@media (max-width: 767px) {
#top_btn {width:45px;height:45px;line-height:38px;}
}
/***********************************************************************************************************************************************************************************/
/* index- content
.index-content {margin-top: 40px;}
.index-content section {}
.index-content section.company {padding-top: 30px;padding-bottom: 45px;}
.index-content section.company .company_story dl {}
.index-content section.company .company_story dl dt {color: #131313;font-weight: 900;font-size: 32px;padding-bottom: 8px;}
.index-content section.company .company_story dl dt .line {width: 50px;height: 5px;background-color: #607fab;}
.index-content section.company .company_story dl dt span {font-size: 32px;color: #607fab;}
.index-content section.company .company_story dl dd {}
.index-content section.company .company_story p.more {float: left;}
.index-content section.company .company_story p.more i {font-size: 12px;color: #828282;}
.index-content section.company .company_story p.more a {color: #333333;}
.index-content section.company .company_story p.more a:hover {text-decoration: none;}
.index-content section.company p {text-align: center;}
section.product {}
.product_bg {height: 100%;display: block;background: rgba(0, 0, 0, 0.1);}
section.product .content {padding-top: 50px;padding-bottom: 30px;}
section.product .content h2 {text-align: center;font-weight: 900;margin-bottom: 50px;color: #000;font-size: 38px;}
section.product .content h2 p {font-weight: 400;padding-top: 5px;font-size: 18px;}
*/
div.jpa_board #tab_wrap {margin-bottom:0 !important}
div.jpa_board > div:nth-of-type(1) {padding-bottom: 0;}
div.jpa_board > div:nth-of-type(1) #tab_wrap {margin-bottom: 20px;}
div.jpa_board > div:nth-of-type(1) .line {width: 50px;height: 5px;display: block;background-color: #607fab;}
div.jpa_board > div:nth-of-type(1) p.text {font-size: 28px;font-weight: 600;line-height: 39px;margin-top: 14px;}
div.jpa_board > div:nth-of-type(1) p.text span {color: #607fab;}
div.jpa_board > div:nth-of-type(1) .add_wrap {margin-top: 20px;}
div.jpa_board > div:nth-of-type(1) .add_wrap ul.line-inline {padding-left: 0;}
div.jpa_board > div:nth-of-type(1) .add_wrap ul.line-inline li {font-size: 18px;margin-top: 5px;}
.bg-gray {margin-top: 30px;background-color: #2f2f2f;border-radius: 0.4em;color: #e3e3e3;padding: 12px 20px;}
/* 탭 */
div.jpa_board > div:nth-of-type(1) .nav-tabs {}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li a {margin: 0;border-bottom: 0;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li.active > a,
div.jpa_board > div:nth-of-type(1) .nav-tabs > li.active > a:focus,
div.jpa_board > div:nth-of-type(1) .nav-tabs > li.active > a:hover {border-width: 0;color: #fff !important;border-top: 0;border-bottom: 1px #e3e3e3 solid;border-left: 1px #e3e3e3 solid;background-color: #003471 !important;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a {border: none;color: #000;background: #f8f8f8 !important;font-size: 20px;font-weight: 500;border-left: 1px #e3e3e3 solid;border-bottom: 1px #e3e3e3 solid;border-radius: 0;
padding-top: 15px; padding-bottom: 15px;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li:first-child > a { border-left: 0;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li.active:first-child > a {border-left: 0;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li:nth-of-type(3) > a { border-right: 1px solid #e3e3e3 !important;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a > span {color: #000;}
div.jpa_board > div:nth-of-type(1) .nav-tabs a.more_set {margin-right:25px;font-size:42px;font-weight:500;float:right;text-decoration:none;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a:hover,
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a:focus {background: #003471 !important;color: #fff !important;border-top: 0;border-bottom: 1px #cccccc solid !important;border-left: 1px #e3e3e3 solid;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li.active > a {}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li:first-child > a:hover,
div.jpa_board > div:nth-of-type(1) .nav-tabs > li:first-child > a:focus { border-left: 0;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li.active > a > span,
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a:hover > span {color: #fff !important;}
.tab-pane {padding: 15px 0;}
div.jpa_board .tab-content {padding: 20px !important;min-height: 337px;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li {width:calc(100%/4);text-align: center;}
/* 서브비쥬얼 */
.s_visual_wrap { position: relative; /* min-width: 1100px;*/overflow: hidden;}
.s_visual_wrap .slide {position: relative; /*min-width: 1100px;*/}
.s_visual_wrap .slide ul {padding: 0;margin: 0;}
.s_visual_wrap .slide li {position: absolute;left: 0;top: 0;width: 100%;background-repeat: no-repeat;text-align: left;}
.s_visual_wrap .slide li .content {position: relative;z-index: 3;}
.s_visual_wrap .slide li .content h1 {margin-top:100px !important;font-size: 50px;font-weight: 500;color: #000;letter-spacing:-0.04em}
.s_visual_wrap .slide li .content p {font-size: 30px;font-weight: 400;color: #fff;letter-spacing:-0.04em}
.s_visual_wrap .slide {height: 241px;}
.s_visual_wrap .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index:2 !important}
.s_visual_wrap .slide li {height: 241px;background-image: url("../../img/main/msvisual01.jpg") ;background-position:center;background-repeat: no-repeat;}
/* 서브비주얼 마감*/
@media (max-width: 992px){
#sub_content .breadcrumb_wrap {}
}
@media (max-width: 767px) {
.s_visual_wrap .slide li .content h1 {font-size: 35px;}
.s_visual_wrap .slide li .content p {font-size: 20px;}
.s_visual_wrap .slide {height: 180px;}
.s_visual_wrap .slide li {background-size: cover;height: 180px;}
.s_visual_wrap .slide li .content {top: 35%;}
}
@media (max-width:480px) {
.s_visual_wrap .slide li .content h1 {font-size: 25px;}
.s_visual_wrap .slide li .content p {font-size: 18px;}
.s_visual_wrap .slide li .content {top: 45%;}
}
/* sub layout */
#sub_content {}
#sub_content .breadcrumb_wrap {border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;width: 100%;background:#fefefe;z-index:3}
#sub_content .breadcrumb_wrap .sub_tab {}
#sub_content .breadcrumb_wrap .sub_tab > li:first-child {border-left: 1px #ddd solid;background: none;padding-right: 0; /* background-color: #000;*/}
#sub_content .breadcrumb_wrap .sub_tab > li:first-child span {/* color: #fff;*/}
#sub_content .breadcrumb_wrap .sub_tab > li {padding: 0;margin: 0;float: left;border-right: 1px #ddd solid;cursor: pointer;background: url('../../img/main/arr.png') 90% 50%;background-repeat: no-repeat;padding-right: 15px;}
#sub_content .breadcrumb_wrap .sub_tab > li:hover { /* background-color: #f7f7f7;*/}
#sub_content .breadcrumb_wrap .sub_tab > li > a {font-size: 15px;line-height: 50px;padding-left: 35px;padding-right: 35px;height: 50px; display: block; margin: 0;color:#000 !important}
#sub_content .breadcrumb_wrap .sub_tab > li:last-child {font-weight: 400;}
#sub_content .breadcrumb_wrap .sub_tab .glyphicon-home {font-size: 18px;padding-top: 15px;}
#sub_content .breadcrumb_wrap .sub_tab .btn-group.open .dropdown-toggle {-webkit-box-shadow: none;box-shadow: none;color: #000;}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu {border-top-left-radius: 0;border-top-right-radius: 0;box-shadow: none; border: 1px #ddd solid; padding-left: 0;margin-left: 0;margin-top: 0;padding-top: 0;
width: 100%;margin-bottom: 0;padding-bottom: 0;}
.depth1 .dropdown-menu li:last-child {display:none;}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li:last-child {}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li {border-bottom: 1px #ddd solid;}
#sub_content .breadcrumb_wrap .sub_tab li a,
#sub_content .breadcrumb_wrap .sub_tab li a:active,
#sub_content .breadcrumb_wrap .sub_tab li a:hover {text-decoration: none;color: #000;}
#sub_content .breadcrumb_wrap .sub_tab > li > a > span.caret {text-align: right;}
#sub_content .breadcrumb_wrap .sub_tab li ul li a:hover {background: #f2f2f2 !important;}
#sub_content .breadcrumb_wrap .sub_tab li ul li span {float: right;font-size: 11px;color: #5c5c5c;line-height: 27px;}
#sub_content .breadcrumb_wrap .sub_tab li ul li a {font-size: 14px;line-height: 32px; background-color: #fefefe;}
#sub_content .breadcrumb_wrap .breadcrumb {background-color: #fefefe;padding: 0;margin-bottom: 0;padding-top: 18px;}
#sub_content .breadcrumb_wrap .breadcrumb li,
#sub_content .breadcrumb_wrap .breadcrumb li a {font-size: 12px;line-height: auto;color: #000;}
#sub_content .page-header {margin-top:60px;margin-bottom: 70px; clear: both;border-bottom: none !important;background:url('../../img/main/list_line2.png') bottom 0px center no-repeat;border-bottom: 1px solid #ccc !important;}
#sub_content .page-header h1 {font-size: 45px;font-weight: 400;text-align:center;margin-top:60px;margin-bottom:20px;}
#sub_content .page-header small {font-size: 15px;padding-left: 12px;}
@media (max-width: 1200px) {
#nav_wrap > .lnb li a,#nav_wrap > .lnb.sub li a {font-size: 18px;}
#nav_wrap > .lnb > li > .subnav > li > a,
#nav_wrap > .lnb.sub > li > .subnav > li > a {font-size: 15px;}
}
@media (max-width: 992px) {
#sub_content .breadcrumb_wrap .breadcrumb {height: 20px;min-height: 20px;display: none;}
#sub_content .breadcrumb_wrap .sub_tab > li > a {font-size: 14px;line-height: 45px;padding-left: 25px;padding-right: 25px; height: 45px;}
.animate {opacity: 0;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a {font-size:18px;}
div.jpa_board > div:nth-of-type(1) .nav-tabs a.more_set {font-size:40px;}
}
@media (max-width: 767px) {
.navbar-brand {float: left;padding: 26px 15px;background: url('../../img/main/logo-white2.png') no-repeat center center;width: 240px;height: 48px;background-color: transparent;padding-top: 50px;}
.navbar-sub .navbar-brand {padding: 26px 15px;padding-top: 50px;}
.navbar-nav {padding-top: 0;padding-bottom: 0;}
.navbar-collapse {background-color: #fff;}
.navbar-nav li {border-bottom: 1px #eee solid;}
.navbar-nav li:last-child {border-bottom: 0;}
.navbar-nav li a {font-size: 13px;}
.navbar-nav li:hover {background-color: #fff;}
.navbar-nav li span {float: right;margin-top: 8px;}
.navbar-nav li ul li {padding-left: 12px;}
.navbar-brand {margin-left: 10px;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a {font-size:16px;}
.visual_bottom {/* display: none; */}
.index-content section.company .company_story dl dt {font-size: 26px;}
.index-content section.company .company_story dl dt span { font-size: 26px; color: #607fab;}
section.product .content h2 {font-size: 32px; color: #fff;}
section.product .content h2 p {padding-top: 5px;font-size: 16px;color: #fff;}
.product_bg {height: 100%;display: block;background: rgba(0, 0, 0, 0.3);}
div.jpa_board > div:nth-of-type(1) #tab_wrap {padding-bottom: 0; margin-bottom: 0;}
div.jpa_board > div:nth-of-type(1) {}
div.jpa_board > div:nth-of-type(1) p.text {font-size: 20px;line-height: 27px; }
div.jpa_board > div:nth-of-type(1) .latest_wrap {margin-top: 30px;}
#sub_content .page-header small {display: none; }
#sub_content .breadcrumb_wrap .container {padding: 0; margin: 0;}
#sub_content .breadcrumb_wrap .sub_tab > li:first-child a { padding-left: 15px; padding-right: 15px;}
#sub_content .breadcrumb_wrap .sub_tab > li > a {padding-left: 35px; padding-right: 35px;}
#sub_content .page-header {/* margin-bottom: 20px;*/}
#sub_content .page-header h1 {font-size: 30px;}
#sub_content .breadcrumb_wrap .sub_tab li ul li a {font-size: 13px;letter-spacing:-0.08em;}
}
@media (max-width: 480px) {
.navbar-brand {padding-left: 30px;width: 240px;padding-top: 50px;/*background-position: 20% 60%;*/}
.navbar-sub .navbar-brand {padding-left: 30px; /* 서브 상단 로고 */ width: 240px; height: 48px; padding-top: 50px;/*background-position: 20% 60%;*/}
.affix .navbar-brand {padding-left :30px;/* 서브 페이지나 스크롤 내렸을때 로고 */width: 240px; height: 48px; padding-top: 50px; /*background-position: 20% 60%;*/}
.navbar-default {padding: 0;}
div.jpa_board > div:nth-of-type(1) .nav-tabs > li > a {border: none;color: #000;background: #f8f8f8 !important;
font-size: 14px !important;font-weight: 600;border-left: 1px #e3e3e3 solid;border-bottom: 1px #e3e3e3 solid;border-radius: 0;padding-bottom:8px;padding-top:8px;}
div.jpa_board > div:nth-of-type(1) .tab-pane {padding: 0;}
div.jpa_board > div:nth-of-type(1) .tab-content {padding: 20px;/*border-bottom: 1px #e3e3e3 solid;min-height: auto;height: auto;*/}
.footer p.logo {display: none;}
#sub_content .breadcrumb_wrap .sub_tab > li > a {font-size:13px;letter-spacing:-0.04em;padding-left: 15px; padding-right: 15px;}
div.jpa_board .tab-content {padding: 20px !important;min-height: 250px;}
div.jpa_board > div:nth-of-type(1) .nav-tabs a.more_set {margin-top:10px;}
#sub_content .page-header h1 {font-size: 28px;}
}
/*메인메뉴에 노출되게 하지않기위해서꼭 추가해야함*/
#nav_wrap > .lnb.sub > li:nth-of-type(8), #nav_wrap > .lnb.sub > li:nth-of-type(9), #nav_wrap > .lnb.sub > li:last-child {display:none;}
#nav_wrap > .lnb > li:nth-of-type(8), #nav_wrap > .lnb > li:nth-of-type(9), #nav_wrap > .lnb > li:last-child {display:none;}
ul.subnav li span{display:block;}
input {ime-mode:active;}