@charset "euc-kr";

/* UI - Setup
------------------------------------------------*/
html, body { color:#222; font-size:16px; line-height:160%; letter-spacing:-1px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; -webkit-text-size-adjust:none;}
a {color:#111; text-decoration:none;}
a:hover {color:#2e2e2e; text-decoration:none; outline:1px dotted #ccc;}
a:focus {outline:1px dotted #a0ccfa;}
button:hover {outline:1px dotted #ccc;}
button:focus {outline:1px dotted #a0ccfa;}
h1, h2, h3, h4, h5 {margin:0; font-weight:normal;}
hr {margin:0px; border:0px;}

/* UI - accessibility
------------------------------------------------*/
/* skipToContent */
#skipToContent {position:relative; z-index:1000; width:100%; overflow:hidden;}
#skipToContent a {display:block; width:1px; height:1px; margin:0 -1px -1px 0; overflow:hidden; font-size:0; line-height:0; text-align:center}
#skipToContent a:focus, #accessibility a:hover, #accessibility a:active {width:auto; height:auto; margin:0; padding:8px 0; background:#398edd; color:#fff; font-size:12px; line-height:1;}
/* returnToPageTop */
#returnToPageTop {position:relative; z-index:1000; width:100%; overflow:hidden;}
#returnToPageTop a {display:block; width:1px; height:1px; margin:0 -1px -1px 0; overflow:hidden; font-size:0; line-height:0; text-align:center}
#returnToPageTop a:focus, #accessibility a:hover, #accessibility a:active {width:auto; height:auto; margin:0; padding:8px 0; background:#398edd; color:#fff; font-size:12px; line-height:1;}


/* UI - COMMON
------------------------------------------------*/
/* anime */
.headerWrap .gnbBox .gnbArea,
.drawerWrap .drawerBox .navi > ul > li > a:after,
.drawerWrap .drawerBox,
.drawerWrap .dim,
.drawerWrap .drawerOff {}

/* UI - LAYOUT
------------------------------------------------*/
body.ovhidden {overflow:auto;} 
.wrap {}

/* --------------------------------------------------------
drawerWrap
----------------------------------------------------------*/
.drawerWrap.active {visibility:visible;}
.drawerWrap.active .dim {visibility:visible; opacity:1;}
.drawerWrap.active .drawerBox {transform:translate3d(0, 0, 0);}
.drawerWrap.active .drawerOff {opacity:1; transform:translate3d(0, 0, 0);}
.drawerWrap {display:none; visibility:hidden; position:fixed; z-index:999; top:0; left:0; right:0; bottom:0;}
.drawerWrap .drawerBox {position:fixed; z-index:2; top:0; right:0; bottom:0; width:100%; overflow:auto; background:#074093; transform:translate3d(200%, 0%, 0); padding:20px 0px;}
.drawerWrap .drawerBox .drawerNavi {position:relative;}

.drawerWrap .drawerBox .drawerNavi .selectWrap { position:relative; width:160px;}
.drawerWrap .drawerBox .drawerNavi .selectWrap .selectBox {}
.drawerWrap .drawerBox .drawerNavi .selectWrap .selectBox .selectNum { height:40px; line-height:40px; font-size:20px; text-indent:20px;}
.drawerWrap .drawerBox .drawerNavi .selectWrap .selectBox .selectList {max-height:320px; overflow:auto; background:#fff; border:2px solid #074093; top:40px;}
.drawerWrap .drawerBox .drawerNavi .selectWrap .selectBox .selectList li a { color:#111;}
.drawerWrap .drawerBox .drawerNavi .selectWrap .selectBox .selectNum:after{content:""; position:absolute; right:15px; top:50%; width:0px; height:0px; margin:-3px 8px; border:7px solid transparent; border-top-color:#fff;
	border-bottom:0px; overflow:hidden; text-indent:100%; transition:.2s; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.drawerWrap .drawerBox .drawerNavi .selectWrap .selectBox.active .selectNum:after {transform:rotate(180deg);}

.drawerWrap .drawerBox .drawerNavi .member {margin:16px 0 0 0; border-top:1px solid #527ab4;}
.drawerWrap .drawerBox .drawerNavi .member a {display:inline-block; padding:16px 20px; text-align:center; font-size:18px; color:#fff; vertical-align:top;box-sizing:border-box;}
.drawerWrap .drawerBox .drawerNavi .member a span { color:#fbca25; text-decoration:underline;}


.drawerWrap .drawerBox .navi { overflow:hidden; padding:0px 10px; }
.drawerWrap .drawerBox .navi > ul {background:#fff; border-radius:5px;}
.drawerWrap .drawerBox .navi > ul > li {border-bottom:1px solid #ddd;}
.drawerWrap .drawerBox .navi > ul > li:last-child { border-bottom:none;}
.drawerWrap .drawerBox .navi > ul > li.active {}
.drawerWrap .drawerBox .navi > ul > li.active > ul {display:block;}
.drawerWrap .drawerBox .navi > ul > li.active > a:after {transform:rotate(180deg);}
.drawerWrap .drawerBox .navi > ul > li > a {display:block; padding:8px 16px; font-size:16px; font-weight:500; position:relative; color:#000;}
.drawerWrap .drawerBox .navi > ul > li > a:after {display:block; position:absolute; top:18px; right:14px; width:16px; height:16px;}
.drawerWrap .drawerBox .navi > ul > li > a:hover,
.drawerWrap .drawerBox .navi > ul > li.active > a {color:#074093;}
.drawerWrap .drawerBox .navi > ul > li > ul {display:none; background:#f0f2f4; padding:0px;}
.drawerWrap .drawerBox .navi > ul > li > ul > li {border-top:1px solid #ddd; }
.drawerWrap .drawerBox .navi > ul > li > ul > li > a {display:block; padding:5px 14px; letter-spacing:0px; font-weight:400; color:#333; position:relative;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > a:after {content:''; display:inline-block; width:20px; height:20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_qenjreAniv.cat) no-repeat; position:absolute; top:8px; right:10px; background-position:0px -20px;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > a:hover,
.drawerWrap .drawerBox .navi > ul > li > ul > li > a.active {}
.drawerWrap .drawerBox .navi > ul > li > ul > li > a:hover::after { background-position:0px 0px;}

.drawerWrap .drawerBox .navi > ul > li > ul > li > ul { display:none; background:#fff; padding:0px; border-top:1px solid #ddd;}
.drawerWrap .drawerBox .navi > ul > li > ul > li.active > ul { display:block;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li:first-child {}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li { }
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a {display:block; padding:5px 14px; letter-spacing:0px; font-size:15px; font-weight:400; color:#333;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a:before {display:inline-block; width:5px; height:5px; margin:0 6px 4px 4px; background:#a8a8a8; border-radius:50%; content:''; vertical-align:middle;}
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a:hover,
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a.active { color:#010101; font-weight:500; }
.drawerWrap .drawerBox .navi > ul > li > ul > li > ul > li > a:hover::before {background:#232323;}

@keyframes ShowMenu {
	0% {opacity:0; transform:translate3d(-50px, 0, 0);}
	100% {opacity:1; transform:translate3d(0, 0, 0);}
}


.drawerWrap .dim {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1; visibility:hidden; opacity:0;}
.drawerWrap .drawerOff {position:absolute; top:15px; right:30px; z-index:999; width:40px; height:40px; line-height:40px; background:#074093; font-size:0; transform: translate3d(-200%, 0, 0); opacity:0;}
.drawerWrap .drawerOff:before {content:'Ąż'; display:block; color:#fff; font-size:50px; font-weight:500; vertical-align:top; }

/* --------------------------------------------------------
header -230207
----------------------------------------------------------*/
span.blind {width: 1px; height: 1px; margin: -1px; position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0);}
header .header_wrap h1 a {display: block; width: 265px; height: 54px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sybtb_g.cat) no-repeat; background-size: contain;}
header .header_wrap .lnb {border-bottom: 1px solid #e5e5e5;}
header .header_wrap .lnb .inner {display: flex; justify-content: space-between; max-width: 1280px; width: 100%; height: 40px; margin: 0 auto;}
header .header_wrap .lnb .link_wrap ul {display: flex;}
header .header_wrap .lnb .link_wrap ul li a {display: block; padding: 7px 20px; border-left: 1px solid #e5e5e5; font-size: 14px; color: #353535;}
header .header_wrap .lnb .link_wrap ul li:last-child a {border-right: 1px solid #e5e5e5;}
header .header_wrap .lnb .util ul {display: flex;}
header .header_wrap .lnb .util ul li {}
header .header_wrap .lnb .util ul li a {display: block; padding: 6px 0; font-size: 13px;}
header .header_wrap .lnb .util ul li a:hover {outline: none;}
header .header_wrap .lnb .util ul li a::after {display: inline-block; content: ''; width: 1px; height: 12px; margin: 0 15px; vertical-align: -1px; background: #353535;}
header .header_wrap .lnb .util ul li:last-child a::after {display: none;}
header .header_wrap .map .search .btn_search {display: block; width: 18px; height: 18px; margin-right: 10px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Soga_frnepu_bcra.cat) no-repeat; background-size: contain;}
header .header_wrap .map .search .btn_search.active {width: 46px; height: 46px; background: #3a6dd5 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Soga_frnepu_pybfr.cat) no-repeat center; border-radius: 10px;}
header .header_wrap .sitemap a {display: block; width: 16px; height: 14px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Soga_fvgrznc.cat) no-repeat; background-size: contain;}
header nav {border-bottom: 1px solid #e5e5e5;}
header nav .inner {display: flex; justify-content: space-between; align-items: center; max-width: 1280px; width: 100%; height: 100px; margin: 0 auto; }
header nav .inner .btn_m button {display: none; width: 16px; height: 14px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Soga_fvgrznc.cat) no-repeat; background-size: contain;}
header nav .gnb_wrap {display: flex; align-items: center;}
header nav .gnb {height: 100px; margin: 0 15px 0;}
header nav .gnb > ul {display: flex;}
header nav .gnb > ul > li {}
header nav .gnb > ul > li > a {display: inline-block; position: relative; padding: 36px 15px; font-size: 19px; color: #1a1a1a; font-weight: 500; letter-spacing: -1.2px;}
header nav .gnb > ul > li > a:hover {border-bottom: 3px solid #bd445b;}
header nav .gnb > ul > li > .depth_02 {position: absolute; left: 0; right: 0; top: 142px; background: #fff; z-index: 20; display: none; min-height: 250px; border-bottom: 1px solid #e5e5e5;}
header nav .gnb > ul > li > .depth_02.active {display: block;}
header nav .gnb > ul > li > .depth_02 .depth_inner {display: flex; max-width: 1280px; margin: 0 auto;}
header nav .gnb > ul > li > .depth_02 .depth_tit {width: 20%; display: flex; flex-direction: column; align-items: center; margin-right: 40px; margin-top: 30px;}
header nav .gnb > ul > li > .depth_02 .depth_tit .tit_wrap {display: flex; flex-direction: column; align-items: center; position: absolute; top: 50%; transform: translateY(-50%);}
header nav .gnb > ul > li > .depth_02 .depth_tit strong {display: block; margin-top: 20px; font-size: 30px;}
header nav .gnb > ul > li > .depth_02 .depth_menu {width: 100%;}
header nav .gnb > ul > li > .depth_02 .depth_menu > ul {}
header nav .gnb > ul > li > .depth_02 .depth_menu > ul > li {display: flex; border-bottom: 1px dashed #eee;}
header nav .gnb > ul > li > .depth_02 .depth_menu > ul > li > a {display: flex; align-items: center; width: 20%; padding: 20px; background: #bd445b; font-size: 16px; font-weight: 500; color: #fff;}
header nav .gnb > ul > li > .depth_02 .depth_menu > ul > li > ul {display: flex; flex-wrap: wrap; width: 60%; padding: 10px;}
header nav .gnb > ul > li > .depth_02 .depth_menu > ul > li > ul > li {margin-right: 15px;}
header nav .gnb > ul > li > .depth_02 .depth_menu > ul > li > ul > li > a {display: flex; align-items: center; padding: 5px; font-size: 15px; font-weight: 500;}
header nav .gnb > ul > li > .depth_02 .depth_menu > ul > li > ul > li > a::before {display: inline-block; content: ''; width: 5px; height: 2px; margin-right: 4px; background: #784f56;}
header nav .search_bar {position: absolute; left: 0; right: 0; top: 142px; height: 180px; background: #fff; z-index: 10; display: flex; justify-content: center; align-items: center; display: none;}
header nav .search_bar.active {display: flex;}
header nav .search_bar .search_wrap input {height: 43px; border: 0;}
header nav .search_bar .search_wrap .btn_go {}
header nav .search_wrap {display: flex; align-items: center; width: 540px; height: 45px; border-bottom: 2px solid #353535;}
header nav .gnb_wrap .map {display: flex; align-items: center;}
header nav .search_bar .btn_go {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Soga_frnepu_bcra.cat) no-repeat; width: 30px; height: 26px; background-size: contain;}

@media (max-width:1270px) {
	
	header nav .gnb > ul > li > a {padding: 36px 10px;}
    
}

@media (max-width:1190px) {
	
	header .header_wrap .lnb .inner {height: 35px;}
	header .header_wrap .lnb .inner .util {display: none;}
	header .header_wrap .lnb .link_wrap ul li a {padding: 5px 10px;}
	header nav .gnb {display: none;}
	header nav .inner {height: 50px;}
	header nav .inner .btn_m button {display: block; margin-left: 10px;}
	header nav .inner h1 {margin: 0 auto;}
	header nav .inner h1 a {width: 142px; height: 27px;}
	header .header_wrap .sitemap a {display: none;}
	header nav .search_bar .btn_go {width: 24px; height: 21px;}
	header nav .search_bar {top: 86px;}
	header .header_wrap .map .search .btn_search.active {width: 24px; height: 24px; border-radius: 5px; background-size: 16px;}
}

.m_nav {position: absolute; z-index: 10; max-width: 320px; width: 100%; height: 100%; top: 35px; left: -350px; background: #fff; transition: .3s;}
.m_nav.active {left: 0;}
.m_nav .nav_wrap {}
.m_nav .top_area {display: flex; justify-content: space-between; align-items: center; padding: 10px; height: 40px; background: #383f4c;}
.m_nav .top_area .user {}
.m_nav .top_area .user ul {display: flex;}
.m_nav .top_area .user ul li {}
.m_nav .top_area .user ul li::after {display: inline-block; content: '';  width: 1px; height: 12px; margin: 0 15px; vertical-align: -1px; background: #fff;}
.m_nav .top_area .user ul li:last-child::after {display: none;}
.m_nav .top_area .user ul li a {text-align: center; font-size: 13px; color: #fff;}
.m_nav .top_area .btn_close {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sz_oga_pybfr.cat) no-repeat; width: 20px; height: 20px;}
.nav_container {}
.nav_container .depth_01 > ul {}
.nav_container .depth_01 > ul > li {display: flex;}
.nav_container .depth_01 > ul > li > a {display: flex; justify-content: center; align-items: center; width: 120px; height: 94px; font-size: 18px; border-bottom: 1px solid #ddd; background: #fff;}
.nav_container .depth_01 > ul > li > a.active {background: #bd445b; color: #fff;}

.nav_container .depth_02 {display: none; position: absolute; top: 40px; left: 120px; width: calc(100% - 120px); border-left: 1px solid #ddd; height: 100%;}
.nav_container .depth_02.active {display: block;}
.nav_container .depth_02 > ul > li {}
.nav_container .depth_02 > ul > li > a {display: block; padding: 15px; border-bottom: 1px solid #ddd; background: #fff;}
.nav_container .depth_02 > ul > li > ul.depth_03 {display: none; padding: 5px 0; background: #f6f6f6;}
.nav_container .depth_02 > ul > li > ul.depth_03.active {display: block;}
.nav_container .depth_02 > ul > li > ul > li > a {display: block; padding: 5px 10px 5px 20px; font-size: 14px; color: #333;}
.nav_container .depth_02 > ul > li > ul > li > a::before {content: ''; display: inline-block; width: 5px; height: 2px; margin-right: 4px; vertical-align: 4px; background: #784f56;}


@media (max-width: 470px) {
	.util {display: none;}
}


.report {}
.report .title_wrap {display: flex; justify-content: space-between; padding: 0 10px;}
.report .title_wrap a {font-size: 13px; color: #333;}
.report .title_wrap a::after {content: ''; display: inline-block; width: 34px; height: 10px; margin-left: 8px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Soga_zber.cat) no-repeat;}
.report .title_wrap .title {margin-bottom: 30px; font-size: 20px; font-weight: 500;}
.report .report_wrap {overflow-x: auto;}
.report .content_wrap {overflow-x: auto;}
.report .report_wrap ul {display: flex; width: 1280px;}
.report .report_wrap ul li {width: calc(25% - 20px); margin-right: 25px;}
.report .report_wrap ul li:last-child {margin-right: 0;}
.report .report_wrap ul li a {width: 100%;}
.report .report_wrap ul li a .thumb {height: 220px; margin-bottom: 10px;}
.report .report_wrap ul li a .thumb img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.report .report_wrap ul li a  .txt_wrap {}
.report .report_wrap ul li a  .txt_wrap strong {color: #555; font-weight: 600; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden;}
.report .report_wrap ul li a  .txt_wrap .desc {margin-bottom: 20px; font-size: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden;}
.report .report_wrap ul li a  .txt_wrap .date {font-size: 15px; color: #666;}

.report .content_wrap ul {display: flex; width: 1280px;}
.report .content_wrap ul li {width: calc(25% - 20px); max-width: 236px; margin-right: 25px;}
.report .content_wrap ul li:last-child {margin-right: 0;}
.report .content_wrap ul li a {width: 100%;}
.report .content_wrap ul li a .thumb {height: 220px; margin-bottom: 10px;}
.report .content_wrap ul li a .thumb img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.report .content_wrap ul li a .txt_wrap {}
.report .content_wrap ul li a .txt_wrap strong {min-height: 48px; color: #555; font-weight: 600; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden;}
.report .content_wrap ul li a .txt_wrap .desc {margin-bottom: 20px; font-size: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden;}
.report .content_wrap ul li a .txt_wrap .date {font-size: 15px; color: #666;}
.report .content_wrap ul li a .label .dong {}
.report .content_wrap ul li a .label .date {}

/* header */
.headerWrap {background:#fff; height:220px; position:relative; z-index:200;}
.headerWrap .snb {height:40px; white-space:nowrap; background:#5b6c7a;}
.headerWrap .snb .snbBox a { font-size:15px; color:#fff; line-height:38px; padding-left:8px; padding-right:8px; position:relative; display:inline-block; margin:0px;}
.headerWrap .snb .snbBox a:before {content:''; display:block; position:absolute; top:15px; left:0px; width:1px; height:11px; background:#848a90;}
.headerWrap .snb .snbBox .siteLink a:first-child { padding-left:0px;}
.headerWrap .snb .snbBox .siteLink a:first-child::before { background:none;}
.headerWrap .snb .snbBox .global a:last-child { padding-right:0px;}
.headerWrap .snb .snbBox .global a:first-child::before { background:none;}
.headerWrap .snb .snbBox .global a span { color:#fbca25; text-decoration:underline;}

.headerWrap .staBox {height:109px; white-space:nowrap;}
.headerWrap .staBox .mTools {display:none; width:33.3%;}
.headerWrap .staBox .mTools button {display:inline-block; margin:0px; padding:0px; font-size:0px; vertical-align:top; border:1px solid #074093; border-radius:5px; width:50px; height:50px; }
.headerWrap .staBox .mTools button.btnSearch { margin-right:6px;}
.headerWrap .staBox .mTools button.btnNavi:before,
.headerWrap .staBox .mTools button.btnSearch:before {content:''; display:block; width:26px; height:21px; margin:0px auto;}
.headerWrap .staBox .mTools button.btnNavi:before {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sz_urnqre_aniv.cat) no-repeat center center;}
.headerWrap .staBox .mTools button.btnSearch:before {background:#074093 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sz_urnqre_frnepu.cat) no-repeat center center; }
.headerWrap .staBox .mTools button.btnSearch { background:#074093;}
.headerWrap .staBox .mTools button.btnSearch.active {position:absolute; right:63px; background:#fff;}
.headerWrap .staBox .mTools button.btnSearch.active:before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Soga_pybfr.cat) no-repeat center center; }


/* gnbBox > searchWrap */
.headerWrap .staBox .mTools .mSearchWrap { display:none;}
.headerWrap .staBox .mTools .mSearchWrap button {width:61px; height:61px; font-size:0; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.headerWrap .staBox .mTools .mSearchWrap button:before {content:''; display:block; width:34px; height:34px; margin:0 auto; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sz_urnqre_frnepu.cat) no-repeat center center;}
.headerWrap .staBox .mTools .mSearchWrap.active button:before {}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox {position:absolute; top:129px; right:0px; left:0px; height:78px; background:#074093; opacity:0; visibility:hidden;}

.headerWrap .staBox .mTools .mSearchWrap.active { display:block;}
.headerWrap .staBox .mTools .mSearchWrap.active button {background:#074093; border-left:1px solid #398edd; border-right:1px solid #398edd;}
.headerWrap .staBox .mTools .mSearchWrap.active .mSearchBox {opacity:1; visibility:visible; top:129px;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form {border-bottom:1px solid #fff;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap {width: 100%;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap label { font-size:0px;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap .addon {}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap .addon button {background:none;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox form .inputWrap .addon button::before {}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap input {height:34px;font-size:18px;border:0;color:#fff;background:none;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap input:-ms-input-placeholder {color:rgba(255,255,255,0.6) !important;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap input::-webkit-input-placeholder {color:rgba(255,255,255,0.6) !important;}
.headerWrap .staBox .mTools .mSearchWrap .mSearchBox .inputWrap .addon:last-child .hding {margin:0;border:0;width: 34px;height: 34px;padding:0;text-indent:-999em;}

.headerWrap .staBox h1,
.headerWrap .staBox .tools,
.headerWrap .staBox .banner {width:33.3%; }
.headerWrap .staBox h1 {text-align:center; }
.headerWrap .staBox h1 a {display:block; width:210px; height:47px; font-size:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sybtb.cat) no-repeat; margin:0px auto;}
.headerWrap .staBox .tools {text-align:right;}
.headerWrap .staBox .tools .totalSearch { height:50px; width:300px; float:right;}
.headerWrap .staBox .tools .totalSearch .addon,
.headerWrap .staBox .tools .totalSearch input { display:inline-block; vertical-align:top;}
.headerWrap .staBox .tools .totalSearch input {width:calc(100% - 59px); height:50px; line-height:44px; color:#333; background:#fff; border:3px solid #074093; border-radius:5px;}
.headerWrap .staBox .tools .totalSearch .addon { width:50px; margin-left:9px;}
.headerWrap .staBox .tools .totalSearch .addon button {display:block; width:50px; height:50px; border:0; font-size:0; line-height: normal; padding:0px; background:#074093; border-radius:5px;}
.headerWrap .staBox .tools .totalSearch .addon button:before {content: ''; display:block; width:27px; height:21px; margin:0 auto; background-size:cover; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2SgbgnyFrnepuOga.cat) no-repeat; }

.headerWrap .staBox .banner {order: -1; -ms-flex-order: -1;}
.headerWrap .staBox .banner span { display:block; width:132px; height:48px; font-size:0; text-indent:-9999999px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Surnqre_onaare.cat) no-repeat;}
 


.headerWrap  #gnb {position:relative; top:0px; left:0; width:100%; height:auto; z-index:200;}
.headerWrap  #gnb #gnbwrap {position:relative; width:100%; height:71px;}
.headerWrap  #gnb #gnbwrap #tm {height:100% ;margin:0 auto; z-index:950; position:relative; padding:0px; font-size:0px;}
.headerWrap  #gnb #gnbwrap #tm:after {content:""; clear:both; display:block;}
.headerWrap  #gnb #gnbwrap #tm > li { width:11%; display:inline-block; margin:0px; box-sizing:border-box;  }
.headerWrap  #gnb #gnbwrap #tm > li a span {color:#111;}
.headerWrap  #gnb #gnbwrap #tm > li:nth-child(6) {width:15%;}
.headerWrap  #gnb #gnbwrap #tm > li:nth-child(7) {width:15%;}
.headerWrap  #gnb #gnbwrap #tm > li:nth-child(8) {width:15%;}	
.headerWrap  #gnb #gnbwrap #tm > li:nth-child(9) {display:none;}
.headerWrap  #gnb #gnbwrap #tm > li.th1 a {display:block; height:71px; line-height:71px; text-align:center; font-size:20px; color:#111; font-weight:400; word-break:keep-all;}	
.headerWrap  #gnb #gnbwrap #tm li.th1 a.current span { color:#395c88; font-weight:600; border-bottom:5px solid #395c88; padding-bottom:15px;}

.headerWrap  #gnb #gnbwrap #tm li.th1 {}		
.headerWrap  #gnb #gnbwrap #tm li.th1 .special_m {position:absolute; left:0px; width:700px; box-sizing:border-box; top:71px; height:100%; z-index:990; margin:0 -0px 0px -400px; }
.headerWrap  #gnb #gnbwrap #tm li.th1 .special_m p {margin:0px 0px 0px 430px; text-align:left;}
.headerWrap  #gnb #gnbwrap #tm li.th1 .special_m p strong {display:block; color:#000; font-size:35px; font-weight:400; text-align:left; margin-top:82px;}	
	
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 {width:calc(100% - 300px); position:absolute; left:300px; top:70px; margin:0px; padding:30px 0 0 20px;}
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2:after {content:""; display:block; clear:both;}
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li { width:23%; margin:0px 1% 30px 1%; display:inline-block; vertical-align:top; }
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li.colum2 { }
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a {display:block; font-weight:normal; text-align:center; font-size:17px; height:auto; padding:8px 0px; font-weight:500; line-height:normal; text-decoration:none; border:1px solid #222; border-radius:5px; }
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a.on, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a:hover, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a:active, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a:focus {text-decoration:none; background:#074093; border:1px solid #074093; color:#fff;}
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul {position:relative; width:100%; padding:10px 0 0 0; }
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li {float:none; margin:0px; width:100%; }
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a {display:block; vertical-align:top; font-weight:normal; font-size:16px; padding:0px 0px 0px 20px; line-height:24px; text-align:left; background:none; border:none; position:relative;}
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:before {content:''; display:inline-block; width:5px; height:5px; background:#a8a8a8; position:absolute; left:5px; top:10px; border-radius:50%;}
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a.on, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:hover, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:active, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:focus {color:#010101; background:none; border:none; font-weight:500;}
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a.on:before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:hover::before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:active::before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:focus::before {background:#232323;}

.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a.on i.nLink:before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:hover i.nLink:before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:active i.nLink:before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li ul li a:focus i.nLink:before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_arjyvax.cat) no-repeat;}

.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a.on i.nLink:before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a:hover i.nLink:before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a:active i.nLink:before, 
.headerWrap  #gnb #gnbwrap #tm li.th1 ul.th2 li a:focus i.nLink:before { background-position:0px -13px;}


i.nLink { display:inline-block;}
i.nLink:before {display:inline-block; width:13px; height:13px; margin:0 6px 4px 4px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_arjyvax.cat) no-repeat; content:''; vertical-align:middle;}


	#animate {position:absolute; top:0px; left:0; width:100%; height:71px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Stao_navzngr_ot.cat) repeat-x top center; overflow:hidden; z-index:300;  border-bottom:1px solid #e5e7ee; background-size: 1050px;}
	.animate_line {width:100%; height:700px; position:absolute; left:0; top:71px; }


.headerWrap  #gnb #gnbwrap #tm li.th1.n1 .special_m { background:#fef5f1 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa1Ot.cat) no-repeat right top;}
.headerWrap  #gnb #gnbwrap #tm li.th1.n2 .special_m { background:#ecf4e3 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa2Ot.cat) no-repeat right top;}
.headerWrap  #gnb #gnbwrap #tm li.th1.n3 .special_m { background:#e3e9f4 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa3Ot.cat) no-repeat right top;}
.headerWrap  #gnb #gnbwrap #tm li.th1.n4 .special_m { background:#f3f4e3 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa4Ot.cat) no-repeat right top;}
.headerWrap  #gnb #gnbwrap #tm li.th1.n5 .special_m { background:#f4e3e4 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa5Ot.cat) no-repeat right top;}
.headerWrap  #gnb #gnbwrap #tm li.th1.n6 .special_m { background:#e3f4ec url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa6Ot.cat) no-repeat right top;}
.headerWrap  #gnb #gnbwrap #tm li.th1.n7 .special_m { background:#e4e3f4 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa7Ot.cat) no-repeat right top;}
.headerWrap  #gnb #gnbwrap #tm li.th1.n8 .special_m { background:#e3f2f4 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Sa8Ot.cat) no-repeat right top;}
 




@media (max-width:1350px) {
	
	.headerWrap .gnbBox h1 {margin-right:50px;}	
    
}




@media (max-width:1180px) {

	body.ovhidden {overflow:hidden;}
	
	

	.drawerWrap {display:block;}

    .headerWrap {height:129px; border-bottom:1px solid #ebeff3;}
	.headerWrap .staBox {height:89px; white-space:nowrap;}
    .headerWrap .staBox .tools  {display:none;}
	.headerWrap .staBox h1,
	.headerWrap .staBox .mTools {width:50%; vertical-align:top; }
	.headerWrap .staBox .mTools { display:inline-block;}  
	
	.headerWrap .staBox h1 {text-align:left; display:inline-block; }
	.headerWrap .staBox h1 a {display:block; margin:0px;}
		
	.headerWrap .snb .snbBox .global { display:none;}
	
    .headerWrap #gnb {display:none;}
	.headerWrap .staBox .banner { display:none;}
	
	


}

  
 
@media (max-width:767px) {	
	
	.headerWrap .staBox h1 a {width:168px; height:37px; background-size:cover; }

}




/* --------------------------------------------------------
toTop
----------------------------------------------------------*/
#toTop {display:none;position:fixed; z-index:1500; bottom:288px; right:12%; overflow:hidden; width:55px; height:55px; text-indent:100%; background:rgba(102,102,102,1) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2SgbGbc.cat) no-repeat center center; border-radius:5px;}
#toTopHover {width:55px;height:55px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#toTop:active, 
#toTop:focus {outline:none;}

@media (max-width:1800px) {	
	
	#toTop {right:2%;}

}


@media (max-width:1080px) {	
	
	#toTop {bottom:338px; right:0px;}

}


@media (max-width:990px) {

	
	#toTop {bottom:430px;}
	


}

  
 
@media (max-width:767px) {		
	
	#toTop {bottom:430px;}

}


@media (max-width:560px) {
	
	#toTop {bottom:450px;}	
	
}




/* --------------------------------------------------------
resWidth
----------------------------------------------------------*/
.resWidth {width:1280px; margin:0 auto;}
.container {padding:40px 0px 60px 0px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2SpbagnvareOt.wct) no-repeat top center;}


@media (max-width:1350px) { 

    .resWidth {width:100%; padding:0px 10px;}  
    
}

@media (max-width:1180px) { 
 
    .container {padding:30px 0px 50px 0px;} 	
    
}

/* --------------------------------------------------------
snb
---------------------------------------------------------*/ 
.container .containerBox,
.container .snb {display:inline-block; vertical-align:top;}

.container .containerBox {width:calc(100% - 290px);}

.container .snb { width:252px; margin-right:38px;}
.container .snb h2 { background:#bd445b; font-size:30px; font-weight:600; line-height:30px; letter-spacing:-1px; word-break:keep-all; color:#fff; width:100%; height:145px; text-align:center; vertical-align:middle; padding:0px 10px; display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;}
.container .snb ul { border:1px solid #ddd; border-top:none;}
.container .snb ul li {border-bottom:1px solid #ddd;}
.container .snb ul li:last-child { border-bottom:none;}
.container .snb ul > li > a {display:block; font-size:18px; margin:0px; height:auto; line-height:30px; padding:15px 38px 15px 20px; position:relative; word-break:keep-all;}
.container .snb ul > li > a:after {content:''; display:block; width:24px; height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_fao.cat) no-repeat;  position:absolute; top:19px; right:15px;}
.container .snb ul > li > a.active,
.container .snb ul > li > a:focus,
.container .snb ul > li > a:hover {color:#bd445b; font-weight:500;}
.container .snb ul > li > a.active:after,
.container .snb ul > li > a:focus:after,
.container .snb ul > li > a:hover:after { background-position:0px -24px;}
.container .snb ul > li > ul {margin:0px; border:none; border-top:2px solid #bd445b;}
.container .snb ul > li > ul > li { background:#f7f7f7;}
.container .snb ul > li > ul > li > a {font-size:16px; color:#333; height:auto; line-height:24px; padding:13px 20px 13px 39px; word-break:keep-all;}
.container .snb ul > li > ul > li > a:after {content:''; display:block; width:8px; height:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_fao.cat) no-repeat;  position:absolute; top:21px; left:21px; background-position:-24px 0px;}
.container .snb ul > li > ul > li > a.active,
.container .snb ul > li > ul > li > a:focus,
.container .snb ul > li > ul > li > a:hover {color:#bd445b; border-bottom:none; font-weight:400;}
.container .snb ul > li > ul > li > a.active:after,
.container .snb ul > li > ul > li > a:focus:after,
.container .snb ul > li > ul > li > a:hover:after {background-position:-24px -8px;}


 
/* --------------------------------------------------------
breadCrumbs
----------------------------------------------------------*/ 
.breadCrumbs {padding:0px; margin-bottom:23px;}
.breadCrumbs h3 { font-size:30px; color:#222;}
.breadCrumbs .snbBox { position:relative;}
.breadCrumbs .snbBox ul {font-size:0; width:calc(100% - 100px); margin-top:3px;}
.breadCrumbs .snbBox ul li {font-size:16px; display:inline-block; vertical-align:middle; color:#666; height:21px; line-height:21px; }
.breadCrumbs .snbBox ul li:before {content:''; display:inline-block; vertical-align:middle; width:21px; height:21px; margin:0 6px 4px 6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_oernqPehzof.cat) no-repeat -21px 0; }
.breadCrumbs .snbBox ul li:first-child {text-indent:-999999px; font-size:0; color:rgba(0,0,0,0); position:relative; width:27px; margin-left:-4px;}
.breadCrumbs .snbBox ul li:first-child:before {content:''; display:block; width:21px; height:21px; background-position:0px 1px;}

.breadCrumbs .snbBox .snbBtn {position:absolute; right:0px; top:0px; vertical-align:top; font-size:0px; line-height:0px; width:100px; text-align:right;} 
.breadCrumbs .snbBox .snbBtn .snsBox,
.breadCrumbs .snbBox .snbBtn .printer { display:inline-block; vertical-align:top; width:36px; }
.breadCrumbs .snbBox .snbBtn .snsBox { }
.breadCrumbs .snbBox .snbBtn .snsBox .snsbtn {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_fafoga.cat) no-repeat 0px 0px; width:36px; height:36px; display:inline-block; text-indent:-9999px; }
.breadCrumbs .snbBox .snbBtn .snsBox .snsbtn.ov,
.breadCrumbs .snbBox .snbBtn .snsBox .snsbtn:hover { background-position:0px -36px;}
.breadCrumbs .snbBox .snbBtn .snsBox .snsbtn #sns_slide {padding:0px; margin:0px;}
.breadCrumbs .snbBox .snbBtn #naviSNS {position:absolute; right:90px; top:0px; width:152px; height:34px; padding:0px; box-sizing:border-box; }
.breadCrumbs .snbBox .snbBtn #naviSNS a {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_faf.cat) no-repeat; font-size:0;line-height:0; vertical-align:top; margin:0px 2px; padding:0px; width:34px; height:34px; display:inline-block; text-indent:-99999px;}
.breadCrumbs .snbBox .snbBtn #naviSNS a.sns {background-position:0px 0; }
.breadCrumbs .snbBox .snbBtn #naviSNS a.facebook {background-position:-34px 0;  }
.breadCrumbs .snbBox .snbBtn #naviSNS a.youtube {background-position:-68px 0;}
.breadCrumbs .snbBox .snbBtn #naviSNS a.blog {background-position:-102px 0; }

.breadCrumbs .snbBox .snbBtn .printer {height:36px; font-size:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Svpb_cevagre.cat) no-repeat 0px 0px; margin-left:10px;}
.breadCrumbs .snbBox .snbBtn .printer:hover { background-position:0px -36px;}

.contentsBox { width:100%; padding:50px 0px;}



@media (max-width:1180px) { 

   .container .snb {display:none;}
   .container .containerBox {width:calc(100% - 0px);}
   .breadCrumbs .snbBox ul {width:calc(100% - 36px);}
   .breadCrumbs .snbBox ul li:before { margin:0 3px 4px 3px;}
   .breadCrumbs .snbBox ul li:first-child {margin-left:0px;}
   .breadCrumbs .snbBox .snbBtn .printer { display:none;}
   .breadCrumbs .snbBox .snbBtn #naviSNS { right:44px;}
   
}

@media (max-width:990px) {    
  
   .breadCrumbs h3 { font-size:26px;}   
   .breadCrumbs .snbBox ul li:before { margin:0 0px 4px 0px;}
   .breadCrumbs .snbBox ul li:first-child {margin-left:-4px;}
   
  
}
 


/* --------------------------------------------------------
charge
----------------------------------------------------------*/ 
.charge { background:#f4f7fa; text-align:center; border:1px solid #c2cfda; }
.charge dl,
.charge dt,
.charge dd { display:inline-block; vertical-align:top; font-size:16px;}

.charge dl { margin:0px 24px; padding:15px 0px;}
.charge dt { font-weight:500; margin-right:29px;}
.charge dt:before {content:''; display:inline-block; vertical-align:middle; width:25px; height:26px; margin:0 9px 0px 0px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Sobneq%2Svpb_punetr.cat) no-repeat; vertical-align:top; }
.charge dl:nth-child(1) dt:before { background-position:0px 0px; }
.charge dl:nth-child(2) dt:before { background-position:0px -26px; }
 

@media (max-width:767px) {    
  
   .charge dl { margin:0px 10px;}
   .charge dt { margin-right:0px;}
   .charge dt span { text-indent:-999999px; font-size:0px;}
   
  
}
 



/* --------------------------------------------------------
bannerWrap
----------------------------------------------------------*/ 
.bannerWrap {width:1280px; height:40px; margin:0px auto 40px auto; overflow:hidden; }
.bannerWrap .bannerBox { display:inline-block; width:140px; position:relative; }
.bannerWrap .bannerBox h3{ font-size:18px; font-weight:600; line-height:38px; width:70px; }
.bannerWrap .bannerBox .control{ display:inline-block;}
.bannerWrap .bannerBox .control a{ display:inline-block;  }
.bannerWrap .bannerBox .control a[data-type="prev"]{position:absolute; right:42px; top:8px; width:23px; height:23px; } 
.bannerWrap .bannerBox .control a[data-type="next"]{position:absolute; right:0px; top:8px; width:23px; height:23px;  }
.bannerWrap .bannerBox .control a[data-type="stop"]{position:absolute; right:23px; top:8px;  width:19px; height:23px; }
.bannerWrap .bannerBox .control a[data-type="play"]{position:absolute; right:23px; top:8px;  display:none; width:19px; height:23px; } 

.bannerWrap .grap{ position:relative; width:calc(100% - 140px); height:40px; margin:0px; overflow:hidden;}
.bannerWrap .grap .obj{position:relative; width:10000px}
.bannerWrap .grap .obj .item {float:left; height:40px; line-height:38px; margin:0px 10px; }
.bannerWrap .grap .obj .item a{ font-size:16px; color:#666; font-weight:500; padding:0px 10px; display:block;}
.bannerWrap .grap .obj .item a:hover { color:#000;}

@media (max-width:1350px) {
   
	.bannerWrap { width:100%; padding:0px 10px;}  	
    
}



@media (max-width:1180px) {
   
	.bannerWrap { margin-bottom:20px;}
    
}


/* --------------------------------------------------------
footer
----------------------------------------------------------*/ 
.footerWrap { }
.footerWrap .selectBoxWrap { background:#454d69; position:relative;}
.footerWrap .selectBoxWrap .selectWrap {width:25%; border-left:1px solid #7d8396; position:relative;}
.footerWrap .selectBoxWrap .selectWrap .selectBox {}
.footerWrap .selectBoxWrap .selectWrap .selectBox .selectNum { height:74px; line-height:74px; font-size:18px; text-indent:30px;}
.footerWrap .selectBoxWrap .selectWrap .selectBox .selectList {max-height:320px; overflow:auto; background:#454d69; bottom:74px; border:1px solid #7d8396; border-radius:5px 5px 0px 0px; }
.footerWrap .selectBoxWrap .selectWrap .selectBox .selectNum:after{content:""; position:absolute; right:15px; top:50%; width:0px; height:0px; margin:-3px 8px; border:7px solid transparent; border-top-color:#fff;
	border-bottom:0px; overflow:hidden; text-indent:100%; transition:.2s; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.footerWrap .selectBoxWrap .selectWrap .selectBox.active .selectNum:after {transform:rotate(0deg);}
.footerWrap .selectBoxWrap .selectWrap:nth-of-type(4) {border-right:1px solid #7d8396;}



.footerWrap .footer {position:relative;}
.footerWrap .footer .footLink { margin:30px auto;}
.footerWrap .footer .footLink a { display:inline-block; font-size:18px; color:#494949; padding-left:20px; padding-right:25px; position:relative;}
.footerWrap .footer .footLink a:after {content:''; display:inline-block; position:absolute;  top:12px; right:0px; width:3px; height:3px; background:#494949; border-radius:50%;}
.footerWrap .footer .footLink a:first-child {padding-left:0px; color:#bd445b;}
.footerWrap .footer .footLink a:last-child:after {background:none;}

.footerWrap .footer .copyBox { padding-bottom:50px;}
.footerWrap .footer .copyBox .footLogo { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fhwvth.tb.xe%2Snffrgf%2Spff%2S..%2Svzt%2Spbzzba%2Ss_ybtb.cat) no-repeat; width:265px; height:53px; text-indent:-99999px; background-size: contain;}
.footerWrap .footer .copyBox .footLogo span { }

.footerWrap .footer .copyBox .copyTxt {width:calc(100% - 240px); margin-left:30px;}
.footerWrap .footer .copyBox .copyTxt address { font-style:normal; color:#494949; word-break:keep-all;}
.footerWrap .footer .copyBox .copyTxt address em {font-style:normal; color:#bd445b; font-weight:500; background:#ffe2e7; padding:5px 12px; display:inline-block; border-radius:10px; margin-left:18px;}
.footerWrap .footer .copyBox .copyTxt address em a {color:#bd445b;}
.footerWrap .footer .copyBox .copyTxt .copyright {color:#888; line-height:22px; word-break:keep-all; font-weight:300; }





@media (max-width:1180px) {
   
    .footerWrap .footer .copyBox,
	.footerWrap .footer .copyBox .footLogo,
	.footerWrap .footer .copyBox .copyTxt { display:block;}
	.footerWrap .footer .copyBox .footLogo { margin:0px auto; }	
	.footerWrap .footer .copyBox .copyTxt {width:calc(100% - 0px); text-align:center; margin:10px auto;}
	
	.footerWrap .footer .footLink {text-align:center;}
	.footerWrap .footer .footLink a {font-size:16px; padding-right:20px; }
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectNum { font-size:16px;}
    
}

 
@media (max-width:860px) {
   
    .footerWrap .footer { display:block;}
    .footerWrap .footer .copyBox .copyTxt address em { display:block; margin:10px auto; width:200px;}		
	
	.footerWrap .selectBoxWrap { padding:10px 0px; margin:0px 0px; font-size:0px;}
	.footerWrap .selectBoxWrap .selectWrap {width:calc(50% - 0px); margin:-1px 0px 0px -1px; display:inline-block; border:1px solid #7d8396; vertical-align:top;}
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectNum { height:45px; line-height:45px; text-indent:20px;}
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectList {bottom:45px; }
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectList li a { font-size:16px;}
}
 
 
@media (max-width:640px) {
   
    .footerWrap .footer .copyBox .copyTxt address span,
	.footerWrap .footer .copyBox .copyTxt .copyright span { display:block; margin:0px auto;}
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectNum {}
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectNum:after{right:5px;}
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectNum span { display:none;}
	.footerWrap .selectBoxWrap .selectWrap .selectBox .selectList {} 
    
}