@charset "utf-8";

::-moz-selection {background: #000; color: #fff;}
 ::selection {background: #000;color: #fff;}

.container {width:100%; max-width:1660px; margin:0 auto;}

@media all and (max-width:1670px) {
	.container {padding:0 20px;}
}

/*
.main #contentsEditHtml {overflow: hidden; margin-top: 102px;}
*/
.main #contentsEditHtml {overflow: hidden;}

.wrap-header {position: fixed; left: 0; top: 0; width:100%; z-index: 1010; background: #fff; }
.wrap-header .container {overflow: hidden;}
.wrap-header .head-logo{width: 184px; float: left;}
.wrap-header .head-logo a{width: 100%; height: 100%; display: block; padding: 28px 0; position: relative;}
.wrap-header .head-logo a .1st {position: absolute; top: 50%; transform: translate(0, -50%); height: 66px; margin-left: 30px;}
.wrap-header .head-logo .color {display: block;}
.wrap-header.on .head-logo .color {display: block;}
.wrap-header .head-logo .white {display: none;}
.main .wrap-header .head-logo .white {display: block;}
.main .wrap-header .head-logo .color {display: none;}

.wrap-header .head-navi {text-align:right; float: left; width: calc(100% - 294px);}
.wrap-header .head-navi .now {opacity: 0; content: ''; position: absolute; left: 0; bottom: 20px; width: 0; height: 4px; background: #002e6a; border-radius: 10px; transition: .7s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .now.on {opacity: 1;}
.wrap-header .head-navi .li_1 {display:inline-block;}
.wrap-header .head-navi .li_1:last-child {display:none;}
.wrap-header .head-navi .a_1 {display:block; padding:36px 37px; font-size:20px; font-family: 'Roboto'; position: relative;}
.wrap-header .head-navi .a_1:hover{color: black;}
.wrap-header .head-navi .a_1 span {position:relative;}
.wrap-header .head-navi .div_2 {display: none; opacity: 0; overflow:hidden; max-height:0; position:absolute; top:100%; left:0px; width:100%;z-index:100;background: rgba(231, 238, 240, .9);text-align:left; transition:all 0.5s; box-shadow: 0px 5px 7px rgba(0,0,0,0.5);}
.wrap-header .head-navi .div_2.on {opacity: 1; max-height:0;}
.wrap-header .head-navi .div_2 .menu-wrap{display: table; width: 100%; max-width: 1820px; margin: 0 auto;}
.wrap-header .head-navi .div_2 .gnb-menu-title{display: table-cell; width: 28.7%; padding: 0 0 0 4.4%; vertical-align: top; position: relative;}
.wrap-header .head-navi .div_2 .gnb-menu-title::before{content:"";display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: url(../../images/custom/gnb-line.png);}
.wrap-header .head-navi .div_2 .gnb-menu-title::after{content:"";display: table;clear: both;}
.wrap-header .head-navi .div_2 .gnb-menu-title h1{display: block; margin: 42px 0 11px 0; font-family:'Roboto'; font-weight: 500; color: #333333; font-size: 29px;}
.wrap-header .head-navi .div_2 .gnb-menu-title h1 span {position: relative;}
.wrap-header .head-navi .div_2 .gnb-menu-title h1 span::after {display: none; content: ''; position: absolute; left: 113%; top: 9px; width: 50px; height: 39px; background: url('../../images/common/bul-gnb.png') no-repeat center center; }
.wrap-header .head-navi .div_2 .gnb-menu-title p{float: left; font-size: 16px; font-family: 'Roboto'; font-weight: 500; line-height: 1.2; color: #002d69;}

.wrap-header .head-navi .ul_2 {display: table-cell; vertical-align: top; padding:42px 0; background: rgba(255,255,255,.6);}
.wrap-header .head-navi .ul_2::after{content:"";display: table;clear: both;}
.wrap-header .head-navi .li_2{width: 33.333%; float: left; padding: 0 37px; border-right: 1px solid #e0e0e0; min-height: 190px;}
.wrap-header .head-navi .eQ01 .li_2 {width: 20%}
.wrap-header .head-navi .a_2 {font-family: 'Roboto'; font-weight: 500; font-size: 20px; color: #333; position: relative;}
.wrap-header .head-navi .a_2.on::before{content:"";display: block; width: 30px; height: 30px; background-color: #069edb; border-radius: 50%; left: -15px; top: -10px; position: absolute; z-index: 0;}
.wrap-header .head-navi .a_2.on::after{content:"";display: block; width: 100%; height: 1px; background-color: black; bottom:0; left: 0; position: absolute; z-index: 0;}
.wrap-header .head-navi .a_2 span {position: relative; z-index: 1;}

.wrap-header .head-navi .div_3{margin-top: 15px;}
.wrap-header .head-navi .ul_3::after{content:"";display: table;clear: both;}
.wrap-header .head-navi .ul_3 .li_3 a{font-family:'Roboto'; color: #666; font-size: 15px;}
.wrap-header .head-navi .ul_3 .li_3 a:hover,
.wrap-header .head-navi .ul_3 .li_3 a._active{color: #235eab;}

.wrap-header .head-navi .mobile-util {display: none;}
.wrap-header .head-navi .menuUItop  {float: left; width: calc(100% - 75px);}
.wrap-header .head-navi .pc-util {display: block; float: left; padding: 30px 0 0 0; width: 75px; text-align: left;}
.wrap-header .head-navi .pc-util > ul {overflow: hidden; position: relative;}
.wrap-header .head-navi .pc-util li {text-align: center;}
.wrap-header .head-navi .pc-util .btn-global {padding: 0 20px 0 40px; background: url('../../images/common/ico-global.png') no-repeat 8px center; border: 1px solid #b4b4b4; border-radius: 100px; font-family: 'Mont Medium'; font-size: 16px; line-height: 40px; color: #4f83b9;}
.wrap-header .head-navi .pc-util .btn-mobile-global {padding: 0 36px 0 0; background: url('../../images/common/btn-mobile-global.png') no-repeat 90% center; font-family: 'Mont SemiBold'; font-size: 16px; color: #71d6ff;}
.wrap-header .head-navi .pc-util .box-mobile-global {display: none; position: absolute; left: 0; top: 127%; width: 100%;}
.wrap-header .head-navi .pc-util .box-mobile-global.on {display: block;}
.wrap-header .head-navi .pc-util .box-mobile-global a {display: block; padding: 5px; background: #252f42; border-bottom: 1px solid #069edb; font-family: 'Mont SemiBold'; font-size: 16px; color: #71d6ff;}
.wrap-header .head-navi .pc-util .box-mobile-global ul {border: 1px solid #069edb;}
.wrap-header .head-navi .pc-util .btn-search {width: 30px; height: 42px; background: url('../../images/common/ico-search.png') no-repeat center center; text-indent: -9999px;}

.wrap-header .head-util {position:relative; width:30px; float: right; padding: 35px 0;}
.wrap-header .head-util li {height:30px; background-size:contain !important;}
.wrap-header .head-util li a,
.wrap-header .head-util li button {display:block; width:100%; height:100%; text-indent:-99999px;}
.wrap-header .head-util li.head-sitemap {background: url('../../images/custom/sitemap.png') no-repeat center center;}
.wrap-header .head-util li.head-global {display:none; position:relative; background:rgba(196,38,5,0.75) url('../../images/common/ic-head-util2.png') no-repeat center center;}
.wrap-header .head-util li.head-global .btn-global {overflow:hidden; max-height:0px; position:absolute; left:0px; top:100%; width:100%; z-index:1;  transition: all 0.8s;}
.wrap-header .head-util li.head-global .btn-global.on {max-height:150px;}
.wrap-header .head-util li.head-global .btn-global a {padding:10px 0; text-indent:0px; font-size:16px; background:#43505d; text-align:center; color:#fff; transition: all 0.5s;}
.wrap-header .head-util li.head-global .btn-global a:hover {background:#0c2c67;}
.wrap-header .head-util li.head-global .btn-global .close {display:block; margin:0 auto;  width:30px; height:30px; background:url('../../images/main/global-close.png') no-repeat center center;}
.wrap-header .head-util li.head-uhs {background:rgba(12,44,103,0.75) url('../../images/common/ic-head-util3.png') no-repeat center center;}
.wrap-header .container > div .btn-mgnb {display: none;}
.wrap-header .container > div .btn-mgnb-close {display:none;}
.wrap-header .container > div .mobile-global {display:none;}
.wrap-header .container > div.black-bg {display:none;}

.main .wrap-header {background: rgba(0,0,0,.2);}
.main .wrap-header .head-navi .now {background: #fff;}
.main .wrap-header .head-navi .a_1 {color: #fff;}
.main .wrap-header .head-navi .pc-util .btn-search {background: url(../../images/common/ico-search-white.png) no-repeat center center;}
.main .wrap-header .head-util li.head-sitemap {background: url('../../images/custom/sitemap-white.png') no-repeat center center;}


.main .wrap-header.on {background: #fff}

.main .wrap-header.on .head-logo .white {display: none;}
.main .wrap-header.on .head-logo .color {display: block;}

.main .wrap-header.on .head-navi .now {background: #002e6a;}
.main .wrap-header.on .head-navi .a_1 {color:#000;}
.main .wrap-header.on .head-navi .pc-util .btn-search {background: url(../../images/common/ico-search.png) no-repeat center center;}
.main .wrap-header.on .head-util li.head-sitemap {background: url('../../images/custom/sitemap.png') no-repeat center center;}

/*
.wrap-header .box-search {overflow: hidden; position: absolute; left: 0; top: 100%; z-index: 100; width: 100%; max-height: 0px; transition: .4s;}
*/
.wrap-header .box-search {overflow: hidden; position: absolute; left: 0; top: 100%; z-index: 100; width: 100%; max-height: 0px; transition: .4s; display: none}
.wrap-header .box-search.on {max-height: 300px;}
.wrap-header .line-search {background: #006dbd;  padding: 45px 0 85px 0; margin-bottom: 45px; text-align: center;}
.wrap-header .row-search {position: relative; overflow: hidden; display: inline-block; width: 90%; max-width: 770px; height: 70px; border-radius: 100px; background: #fff;}
.wrap-header .row-search .inp-search {width: 100%; height: 100%; font-family: 'Noto DemiLight'; font-size: 20px; color: #333; text-indent: 35px;}
.wrap-header .row-search .inp-search:focus {outline: none;}
.wrap-header .row-search .inp-search::placeholder {font-family: 'Noto DemiLight'; font-size: 20px; color: #999; text-indent: 35px;}
.wrap-header .submit-search {position: absolute; right: 0; top: 0; display: block; width: 100px; height: 100%; background: url('../../images/common/ico-search-submit.png') no-repeat center center; text-indent: -99999px;}
.wrap-header .close-search {opacity: 0; position: absolute; left: 50%; bottom: 0; width: 90px; height: 90px; margin-left: -45px; border-radius: 100%; background: #1a2439 url('../../images/common/ico-search-close.png') no-repeat center center; text-indent: -99999px; transition: 1s}
.wrap-header .box-search.on .close-search {opacity: 1;}


.footer-btn {font-size: 16px; color: #ffffff !important; transition: all .2 ease}
.footer-btn:hover {color: #99def5 !important}
@media all and (max-width: 1700px) {
	.wrap-header .head-navi .div_2 .menu-wrap{padding: 0;}
    .wrap-header .head-navi .a_1{padding: 37px 30px; font-size: 18px;}
}

@media all and (max-width: 1500px) {
    .wrap-header .head-navi .a_1{padding: 37px 20px;}
	.wrap-header .head-navi .a_1.on::after{right: 14px;}
    .wrap-header .head-navi .div_2 .gnb-menu-title {display: none;}
}

@media all and (max-width:1330px) {
	.wrap-header .head-navi .a_1 {padding:38px 15px; font-size: 16px;}
	.wrap-header .head-navi .a_1.on::after{right: 8px;}
}

@media all and (max-width:1250px) {
	.wrap-header .head-navi .a_1 {padding:40px 5px; font-size: 14px;}
}

@media all and (max-width:1023px) {
    .wrap-header .head-logo a img {width: 66%;}
	.wrap-header {padding:0 20px;}
	.wrap-header .container  {padding:0}
	.wrap-header .container > div .head-sitemap,
	.wrap-header .container > div .head-global,
	.wrap-header .container > div .head-uhs {display:none;}
	.wrap-header .container > div .btn-mgnb {display: block;  background:url('../../images/custom/sitemap.png') no-repeat center center;width:100%}

    .main .wrap-header .container > div .btn-mgnb {background:url('../../images/custom/sitemap-white.png') no-repeat center center;}

    .main .wrap-header.on .container > div .btn-mgnb{background: url(../../images/custom/sitemap.png) no-repeat center center;}
	.wrap-header .container > div .btn-mgnb-close.on {display:block; position:absolute; right:30px; top:33px;  width:24px; height: 23px; background: url(../../images/custom/gnb-exit.png);}
	.wrap-header .container > div .btn-mgnb-close button {text-indent:-9999px; display:block; width:100%; height:100%;}
	.wrap-header .container > div .mobile-global.on {display:block; position:absolute; left:0px; top:40%;}
	.wrap-header .container > div .mobile-global a {display:block; text-align:left; font-size:14px; color:#a6acbd; padding:0 0 0 20px; margin:0 0 10px 0}

    .wrap-header .head-navi {position:fixed; top:0px; right:-100%; z-index:10000; max-width:520px; height: 668px; background: #252f42; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); width: 100%;}
    .wrap-header .head-navi.on {right: 0; opacity: 1;transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi .now {display: none;}
    .wrap-header .head-navi .menuUItop {position: relative; width: 100%; height: 100%;}
    .wrap-header .head-navi .div_1 {padding:90px 20px 0 20px;}
    .wrap-header .head-navi .li_1 {position: static; display: block; width: 100%; padding:0px;}
    .wrap-header .head-navi .a_1 {background-image: none; background-position: right center; width:100%; height: auto; padding: 19px 0 16px 15px; text-align: left; font-size: 18px; color: #fff; border-bottom: 1px solid rgba(150,150,150,0.29);}
    .wrap-header .head-navi .a_1:after {display:none;}
	.wrap-header .head-navi .a_1:hover {color:#fff;}
	.wrap-header .head-navi .a_1.on span:after {display:none;}
    .wrap-header .head-navi .a_1.on span:before {display:none;}
    .wrap-header .head-navi .a_1.on {color: white; background-color: #069edb;}
    .wrap-header .head-navi .ul_2 {display: block; border: 0; padding:0; margin-top: 20px;}
    .wrap-header .head-navi .li_2 {display:block; border:0px; padding:0px; width: 100% !important; float: none; min-height: auto; margin-bottom: 8px;}
    .wrap-header .head-navi .li_2 .a_2:after {display:none;}
    .wrap-header .head-navi .a_2 {font-family:'Mont Regular'; font-size: 14px; color: #282828;}
    .wrap-header .head-navi .a_2:hover{color:#022157 }
    .wrap-header .head-navi .a_2.plus {position: relative;}
    .wrap-header .head-navi .a_2.plus.on {color:#022157;}
    .wrap-header .head-navi .a_2.on::before{display: none;}
    .wrap-header .head-navi .a_2.on::after{display: none;}
    .wrap-header .head-navi .a_2[target=_blank] span:before {top:6px;}
    .wrap-header .head-navi .div_2 {width:calc(60% - 34px); right:30px; left:auto; transition-property:none; box-shadow: none;}
    .wrap-header .head-navi .div_2 .menu-wrap {padding: 0 20px;}
    .wrap-header .head-navi .div_2.on {top:90px; height:calc(100% - 130px); background:#fff; transition-property: none; max-height: none;}
    .wrap-header .head-navi .div_2 .container {padding: 0px;}
    .wrap-header .head-navi .div_2 .gnb-menu-title{display: none;}
    .wrap-header .head-navi .ul_3 .li_3{width: 100%; float: none;}
    .wrap-header .head-navi .ul_3 .li_3 a:hover{color: #069edb;}
    .wrap-header .head-navi .li_3 {position:relative; margin: 0px;}
    .wrap-header .head-navi .ul_3 .li_3 a {color:#8f8f8f; display:inline-block; font-size:15px; padding-left: 17px;}
    .wrap-header .head-navi .ul_3 .li_3 a:hover::after{content:""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #069edb; left: 0; top: 11px; margin-top: -2px;}
    .wrap-header .head-navi .a_3[target=_blank] {position:relative;}
    .wrap-header .head-navi .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../../images/common/ico_blank.png') no-repeat center center;}
    .wrap-header .head-navi .a_3:hover:after {width:6px; background:#018cff;}
    .wrap-header .head-navi .a_3:hover {color:#c42605;}
    .wrap-header .head-navi .a_3._active {color:#c42605;}
    .wrap-header .head-navi .div_3 {display:block; overflow:hidden; max-height:0px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); margin-top: 0;}
    .wrap-header .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1); margin-top: 5px;}
    .wrap-header .head-navi .title {display:none;}
    .wrap-header .head-navi .close {display:none;}

    .wrap-header .head-navi .mobile-util {display: block; position: absolute; left: 20px; top: 33px; z-index: 1; text-align: left;}
    .wrap-header .head-navi .mobile-util img {width: 75%;}
    .wrap-header .head-navi .mobile-util > ul {position: relative;}
    .wrap-header .head-navi .mobile-util .btn-mobile-global {padding: 0 36px 0 0; background: url('../../images/common/btn-mobile-global.png') no-repeat 90% center; font-family: 'Mont SemiBold'; font-size: 16px; color: #71d6ff;}
    .wrap-header .head-navi .mobile-util .box-mobile-global {display: none; position: absolute; left: 0; top: 127%; width: 100%;}
    .wrap-header .head-navi .mobile-util .box-mobile-global.on {display: block;}
    .wrap-header .head-navi .mobile-util .box-mobile-global a {display: block; padding: 5px; background: #252f42; border-bottom: 1px solid #069edb; font-family: 'Mont SemiBold'; font-size: 16px; color: #71d6ff;}
    .wrap-header .head-navi .mobile-util .box-mobile-global ul {border: 1px solid #069edb;}

    .wrap-header .head-navi .pc-util {display: none;}
    .wrap-header .head-util .btn-share {display:none;}
    .wrap-header .container > div.black-bg {display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:1200;}

	.main #contentsEditHtml {margin-top: 99px;}
    
    .footer-bottom .footer-sns {
        position: relative !important;
        padding-top: 20px;
        top: 0 !important;
    }
}

@media all and (max-width:768px) {
    .wrap-header {border: 0}
    .wrap-header .head-logo a {padding: 32px 0;}
    .wrap-header .head-logo a img {width: 56%;}
    .wrap-header .head-util li {height: 25px;}
}

@media all and (max-width:500px) {
    .wrap-header .head-navi {max-width: 100%;}
    .wrap-header .head-navi .div_2 {width: 52%;}
}

.wrap-sub-visual {position:relative; margin: 100px 0 0 0; background-size:cover; width:100%; padding: 0 41px; }
.wrap-sub-visual .container {max-width: 1820px;}
.wrap-sub-visual .wrap-sub-cell {position: relative; height: 230px; background: url(../../images/common/sub-visual.jpg) no-repeat top center; text-align:center; vertical-align: middle; color:#fff; animation-duration: 70s; animation-name: bounceAni; animation-iteration-count: infinite;}
.wrap-sub-visual .wrap-sub-cell:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/pattern.png');}
.wrap-sub-visual .container {position:relative; z-index:1; height: 100%;}
.wrap-sub-visual .slogan {position:relative; top: 100px; display:inline-block; font-family:'Roboto'; font-weight: 500; font-size:35px; line-height:1.2;}
.wrap-sub-visual .page-move {position:absolute; left:0px; top: 42%; width:100%; height:0px;}
.wrap-sub-visual .page-move a {position:relative; display:block; width:50px; height:50px; border:1px solid rgba(255,255,255,1); border-radius:100%;}
.wrap-sub-visual .page-move a:after {width: 12px; transition: .4s;}
.wrap-sub-visual .page-move a:hover:after {width: 50px !important;}
.wrap-sub-visual .page-move a.prev {float:left; margin: 0 0 0 45px;}
.wrap-sub-visual .page-move a.prev:after {content: ''; position: absolute; left: 18px; top: 20px; width: 12px; height: 9px; background:url('../../images/common/arrow-page-move-prev.png') no-repeat left center;}
.wrap-sub-visual .page-move a.next {float:right;  margin: 0 45px 0 0;}
.wrap-sub-visual .page-move a.next:after {content: ''; position: absolute; right: 18px; top:20px; width: 12px; height: 9px; background:url('../../images/common/arrow-page-move-next.png') no-repeat right center;}
.wrap-sub-visual .page-move a span {display: none;}

@keyframes bounceAni {
    0% {
        background-position: 0 0%;
    }
    50% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0%;
    }
}

@media all and (max-width:1830px) {
    .wrap-sub-visual {padding: 0 20px;}
}
@media all and (max-width:1023px) {
    .wrap-sub-visual .page-move {display:none;}
    .wrap-sub-visual .wrap-sub-cell {height: 190px;}
    .wrap-sub-visual .slogan {top: 80px;}
}

@media all and (max-width:768px) {
    .wrap-sub-visual .wrap-sub-cell {height: 140px;}
    .wrap-sub-visual .slogan {top: 55px;}
    .wrap-sub-visual .slogan {font-size: 30px;}
}

.wrap-contents .container {max-width:1730px;}
.wrap-contents.no-left .container {max-width: 1400px;}
.wrap-contents .container > .left {float: left; width: 260px;}
.wrap-contents .container > .left.fixed {position: fixed; top: 150px; z-index: 10;}
.wrap-contents .container > .right {float: right; width: calc(100% - 260px); padding: 0 0 0 70px;}
.wrap-contents.no-left .container > .right {float: none; width: 100%; padding: 0;}
.wrap-contents .side-menu {position: relative; top: -50px; background: #fff;}
.wrap-contents .side-menu h2 {padding: 60px 10px; background: #244e83 url('../../images/common/bg-side-title.jpg') no-repeat center center; background-size: cover; font-family: 'Roboto'; font-weight: 500; font-size: 22px; line-height: 1.2; text-align: center; color: #fff;}
.wrap-contents .fixed .side-menu h2 {padding: 30px 10px;}
.wrap-contents .side-menu .ul_2 {border: 1px solid #b7b7b7; border-bottom: 1px solid #626262; border-top: 0;}
.wrap-contents .side-menu .a_2 {display: block; padding: 12px 20px; border-bottom: 1px solid #b7b7b7; font-family: 'Roboto'; font-size: 15px; color: #111;}
.wrap-contents .side-menu .a_2.plus {position: relative; border-bottom: 1px solid #b7b7b7;}
.wrap-contents .side-menu .a_2:hover,
.wrap-contents .side-menu .a_2._active {background: #222a35; border-bottom: 1px solid #000; font-weight: 500; color: #fff;}
.wrap-contents .side-menu .a_2.plus::after {content: ''; position: absolute; right: 20px; top: 45%; width: 11px; height: 6px; background: url('../../images/common/arrow-side.png') center top;}
.wrap-contents .side-menu .a_2.plus:hover::after {background-position: center bottom;}
.wrap-contents .side-menu .div_3 {overflow: hidden; max-height: 0px; transition: 0s;}
.wrap-contents .side-menu .div_3.on {max-height: 1000px;  transition: .6s}
.wrap-contents .side-menu .a_3 {position: relative; display: block; padding: 12px 40px 12px 20px; background: #f2f2f2; border-bottom: 1px solid #b7b7b7; font-size: 15px; color: #666;}
.wrap-contents .side-menu .a_3:hover,
.wrap-contents .side-menu .a_3._active {color: #007bc7;}
.wrap-contents .side-menu .a_3::after {content: ''; position: absolute; right: 20px; top: 48%; width: 9px; height: 2px; background: #2e2e38;}
.wrap-contents .side-menu .a_3:hover::after,
.wrap-contents .side-menu .a_3._active::after {background: #00306d;}

@media all and (max-width: 1830px) {
    .wrap-contents .container {padding: 0 30px}
}


@media all and (max-width: 1760px) {
  	.wrap-contents .container {max-width: 1400px;}
    .wrap-contents .container > .left {display: none;}
    .wrap-contents .container > .right {width: 100%; padding: 0;}
}

.wrap-sub-navi {position:relative; z-index: 1005; border-bottom: 1px solid #d8d8d8;}
.wrap-sub-navi .container {position:relative; max-width:1720px; height:70px; }
.wrap-sub-navi .sub-navi > ul > li {position:relative; float:left; background:url('../../images/common/arrow-page-nav.png') no-repeat left center; padding: 0 0 0 30px;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button, .wrap-sub-navi .sub-navi > ul > li > .inner > .navMenu-type02  {display:block; color:#282727; font-size:15px; height:70px; line-height:70px; cursor:default;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button, .wrap-sub-navi .sub-navi > ul > li > .inner > .navMenu-type02 {width:100%; text-align:left; padding:0 20px 0 0 ; /* background:url('../../images/common/arrow-page-nav2.png') no-repeat bottom right; */ font-family: 'Roboto'; font-size: 16px; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover, .wrap-sub-navi .sub-navi > ul > li > .inner > .navMenu-type02:hover {background-position: top right; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > #pagetitle4 {display: none;}
.wrap-sub-navi .sub-navi .home {background-image:none; padding:0px; min-width:auto;}
.wrap-sub-navi .sub-navi .home a {width:50px; font-weight: 700; cursor: pointer;}
.wrap-sub-navi .sub-navi .home a:hover {color: #0852bb}
.wrap-sub-navi .sub-navi .navUl {display: none; overflow:hidden; max-height:0px; opacity:0; position:absolute; left:0px; top:100%; border:1px solid #fff; width: 100%; min-width: 220px;}
.wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:0px; opacity:1; background:#fff; border:1px solid #00336d; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:8px 15px; border-bottom: 1px solid #caccd8; font-size: 15px; color:#333; word-break: keep-all;}
.wrap-sub-navi .sub-navi .navUl a:last-child {border: 0;}
.wrap-sub-navi .sub-navi .navUl a:hover {color: #014099;}

.wrap-sub-navi .sub-util {position:absolute; right:0px; top:0px;}
.wrap-sub-navi .sub-util > ul > li { position:relative; float:left;}
.wrap-sub-navi .sub-util > ul > li::after {content: ''; position: absolute; right: 0; top: 29px; width: 1px; height: 13px; background: rgba(183,183,183,.5);}
.wrap-sub-navi .sub-util > ul > li:last-child::after {display: none;}
.wrap-sub-navi .sub-util > ul > li > button {width: 70px; height:70px;font-family:'Mont SemiBold'; font-size: 15px; text-indent: -9999px; color: #fff;}
.wrap-sub-navi .sub-util > ul > li:last-child > button {padding-right: 0;}
.wrap-sub-navi .sub-util .sub-favo { background: url('../../images/common/ico_favo.png') no-repeat center center;}
.wrap-sub-navi .sub-util .sub-share { background: url('../../images/common/ico_sns.png') no-repeat center center;}
.wrap-sub-navi .sub-util .sub-print { background: url('../../images/common/ico_print.png') no-repeat center center;}

.wrap-sub-navi .box-sub-favo {display: none; opacity:0; overflow:hidden; max-height:0px; position:absolute;  border:1px solid #cacaca; right:20000%; top: 100%; width:260px; background:#fff; transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1), max-height 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo.on {display: block;opacity:1; right:0; max-height:1000px; transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1), max-height 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo > strong {display:block; font-family:'Mont Regular'; font-size:18px; padding:11px 20px; border-bottom:1px solid #d6d6d6; color: #2a2a2a;}
.wrap-sub-navi .box-sub-favo ul li {padding:8px 20px;}
.wrap-sub-navi .box-sub-favo ul li:hover {background:#d9e0e8;}
.wrap-sub-navi .box-sub-favo ul li a {position: relative; color: #000; font-size: 16px;}
.wrap-sub-navi .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:40px; height:50px; background:url('../../images/common/btn-favo-close.png') no-repeat center center;}
.wrap-sub-navi .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('../../images/common/btn-favo-del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .box-sub-favo .control {text-align:center;}
.wrap-sub-navi .box-sub-favo .control button {display:inline-block;}
.wrap-sub-navi .box-sub-favo .control button.add {background: #242527 url('../../images/common/btn-favo-add.png') no-repeat 83% center; margin-top: 11px; padding: 5px 35px 5px 15px; font-size: 14px; color: #FFF;}
.wrap-sub-navi .box-sub-favo .control button.reset {background: #fff; padding: 9px 20px; border-radius: 5px; border: 1px solid #50555d; font-family: 'Mont Regular'; font-size: 14px; color: #50555d;}
.wrap-sub-navi .box-sub-favo .control.list.on {padding: 15px 0; border-top: 1px solid #d6d6d6;}
.wrap-sub-navi .box-sub-favo #favoriteList {border-top: 1px solid #cdcdcd;}
.wrap-sub-navi .box-sub-favo .guide {padding: 15px 0 20px 0; background: #f0f0f0; text-align: center;}
.wrap-sub-navi .box-sub-favo .guide #favoriteTitle {font-size: 14px; color: #565656;}
.wrap-sub-navi .box-sub-share {display: none;opacity:0; overflow:hidden; max-height:0px; position:absolute; right:2000%; padding: 20px;  top: 100%; background: #fff; width:340px; border: 1px solid #cecece; transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1), max-height 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share.on {display: block;opacity:1; max-height:1000px; right:0px; transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1), max-height 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .close {text-indent: -9999px; position: absolute; right: 0px; top: 0px; width: 59px; height: 61px; background: url(../../images/common/btn-favo-close.png) no-repeat center center;}
.wrap-sub-navi .box-sub-share .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .send {margin-bottom: 15px;}
.wrap-sub-navi .box-sub-share .send strong {display: inline-block; width: 60px; vertical-align: middle; font-family:'Mont Regular'; font-size: 15px; color: #2a2a2a;}
.wrap-sub-navi .box-sub-share .send ul {display: inline-block; vertical-align: middle;}
.wrap-sub-navi .box-sub-share .send li {float: left; margin-right: 5px;}
.wrap-sub-navi .box-sub-share .send li button {width: 25px; height: 25px; background: url('../../images/common/ico-sub-share.png') no-repeat; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share .send li .fb {background-position: 0 0;}
.wrap-sub-navi .box-sub-share .send li .tw {background-position: -25px 0;}
.wrap-sub-navi .box-sub-share .send li .ks {background-position: -50px 0;}
.wrap-sub-navi .box-sub-share .send li .pn {background-position: -75px 0;}
.wrap-sub-navi .box-sub-share .send li .na {background-position: -100px 0;}
.wrap-sub-navi .box-sub-share .send li .is {background-position: -125px 0;}
.wrap-sub-navi .box-sub-share .copy strong {display: inline-block; width: 60px; vertical-align: middle; font-family:'Mont Regular'; font-size: 15px; color: #2a2a2a;}
.wrap-sub-navi .box-sub-share .copy input {width: 160px; height: 35px; border: 1px solid #cecece; line-height: 35px; text-indent: 10px; font-size: 14px; color: #666;}
.wrap-sub-navi .box-sub-share .copy button {width: 60px; height: 35px; line-height: 35px; text-align: center; background: #5d5d5d; font-size: 14px; color: #fff;}

@media all and (max-width:1800px) {
    .wrap-sub-navi .sub-util {right: 40px;}
}

@media all and (max-width:1023px) {
    .wrap-sub-navi .sub-util {display:none;}
    .wrap-sub-navi .sub-navi > ul > li {padding-left: 19px;}
    .wrap-sub-navi .sub-navi > ul > li > a,
    .wrap-sub-navi .sub-navi > ul > li > .inner > button, .wrap-sub-navi .sub-navi > ul > li > .inner > .navMenu-type02 {font-size: 16px;}
    .wrap-sub-navi .sub-navi > ul > li > .inner > button, .wrap-sub-navi .sub-navi > ul > li > .inner > .navMenu-type02 {padding-right: 65px;}
}

@media all and (max-width: 768px) {
    .wrap-sub-navi {display: none;}
    .wrap-sub-navi .sub-navi > ul > li {background:url('../../images/common/arrow-page-nav-m.png') no-repeat left center; padding-left: 10px;}
    .wrap-sub-navi .sub-navi > ul > li > .inner > button, .wrap-sub-navi .sub-navi > ul > li > .inner > .navMenu-type02 {padding-right: 10px; background: none; font-size: 14px;}
    .wrap-sub-navi .sub-navi .home {display: none;}
    .wrap-sub-navi .sub-navi .navUl {right: auto; left: 0; min-width: 180px;}
}

.wrap-contents .con-rating {margin:90px 0 0 0;}
.wrap-contents .con-rating .info {overflow:hidden; width:100%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .people {float:left; color:#666; padding:22px 0 22px 60px; background:url('../../images/common/ico_people.png') no-repeat 20px center;}
.wrap-contents .con-rating .mody-time {float:right; color:#666; padding:25px 0 25px 0; }

.wrap-contents .con-rating .vote {display:table; width:100%; background:#fbfbfb; padding:25px 30px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:table-cell; vertical-align:middle;}
.wrap-contents .con-rating .question {width:37%; padding:0 0  0 30px; background:url('../../images/common/ico_question.png') no-repeat 0px 4px; color:#3f3f3f;}
.wrap-contents .con-rating .radio {width:40%; font-size:14px;}
.wrap-contents .con-rating .radio > div {float:left; padding:0 4% 0 0;}
.wrap-contents .con-rating .radio input:checked + label {color: #ff4200;}
.wrap-contents .con-rating .radio input {position:relative; top:2px;}
.wrap-contents .con-rating .comment input, .wrap-contents .con-rating .comment button {float:left;}
.wrap-contents .con-rating .comment input {width:78%; height:35px; line-height:35px; border:1px solid #b1b1b1;}
.wrap-contents .con-rating .comment button  {width:20%; margin:0 0 0 2%; height:35px; line-height:35px; font-size:12px; background:#0178dd; color:#fff; text-align:center;}

@media all and (max-width:1250px) {
    .wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:inline-block; width:100%;}
    .wrap-contents .con-rating .question {margin:0 0 20px 0;}
    .wrap-contents .con-rating .radio {width:68%;}
    .wrap-contents .con-rating .comment {width:30%;}
    .wrap-contents .con-rating .comment input {width:68%;}
    .wrap-contents .con-rating .comment button {width:30%;}
}

@media all and (max-width:655px) {
    .wrap-contents .con-rating .radio {width:100%; margin: 0 0 15px 0;}
    .wrap-contents .con-rating .comment {width:100%;}
    .wrap-contents .con-rating .question {margin: 0 0 10px 0;}
}

@media all and (max-width:555px) {
    .wrap-contents .con-rating .people, .wrap-contents .con-rating .mody-time {width:100%; float:none;}
    .wrap-contents .con-rating .people {padding:0 0 0 60px; background-image:none;}
    .wrap-contents .con-rating .mody-time {padding: 0 0 0 60px;}
    .wrap-contents .con-rating .info {padding:20px 0; background: url(../../images/common/ico_people.png) no-repeat 20px center;}
    .wrap-contents .con-rating .radio > div {padding:0 4% 2% 0;}
}

.main .wrap-footer {margin:0px;}
.wrap-footer {background: #222;}
.main .wrap-footer .container {max-width: 1600px;}
.wrap-footer .container {max-width: 1400px;}
.wrap-footer .title {position: relative; margin: 0 0 24px 0; font-family: 'Mont Bold'; font-size: 16px; color: #1294e1;}
.wrap-footer .title::after {content: ''; position: absolute; left: 0; bottom: 6px; width: 100%; height: 1px; background: #1294e1;}
.wrap-footer .title span {position: relative; z-index: 1; padding: 0 8px 0 0; background: #222;}
.wrap-footer .con {position: relative; font-family: 'Roboto'; font-size: 15px; color: #fff;}
.wrap-footer .footer-util {padding: 55px 0 50px 0;}
.wrap-footer .footer-link {float: left; width: 42.6%;}
.wrap-footer .footer-link li {float: left; padding: 5px 10px 5px 0;}
.wrap-footer .footer-link li:last-child {padding: 5px 0}
.wrap-footer .footer-link li a {position: relative; color: #fff;}
.wrap-footer .footer-link li a::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: 0s}
.wrap-footer .footer-link li a:hover::after {width: 100%; transition: .5s}
.wrap-footer .footer-contact {float: right; width: 46.5%;}
.wrap-footer .footer-contact li {padding: 5px 0;}
.wrap-footer .footer-contact .address {float: left; line-height: 1.8;}
.wrap-footer .footer-contact .address .line {width: 100%;}
.wrap-footer .footer-contact .address .line strong {font-family: 'Roboto'; font-weight: 700;}

.footer-bottom {padding: 63px 0;border-top: 1px solid #4e4e4e;font-family: 'Roboto';font-size: 14px;color: #979797;}
.footer-bottom .container {position: relative;}
.footer-bottom .footer-sns {position: absolute; right: 0; top: -20px; }
.footer-bottom .footer-sns .access {display: inline-block; vertical-align: middle;}
.footer-bottom .footer-sns ul {overflow: hidden; display: inline-block; vertical-align: middle;}
.footer-bottom .footer-sns li {float: left; padding: 0 0 0 20px;}

@media all and (max-width: 1320px) {
    .wrap-footer .footer-contact .tel {position: static; float: left; width: 100%;}
    .wrap-footer .footer-contact .address .line p br {display: none;}
}

@media all and (max-width: 900px) {
    .wrap-footer .footer-link,
    .wrap-footer .footer-contact {width: 100%;}
    .wrap-footer .footer-util {padding: 30px 0;}
    .wrap-footer .footer-contact {margin-top: 35px;}
}

@media all and (max-width: 768px) {
    .footer-bottom .footer-sns {position: static;}
    .footer-bottom .footer-sns ul {padding: 10px 0 0 0;}
    .footer-bottom .footer-sns li {padding: 0 20px 0 0;}
}

.goto-top{width: 95px; height: 95px; cursor: pointer; background: #333644 url('../../images//custom/btn-top.png') no-repeat center 20px; position: fixed; right: 4%; bottom: -150px; z-index: 200; border-radius: 100%; font-family: 'Mont Medium'; font-size: 18px; color: #fff; box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.21); transition: 1s;}
.goto-top.active {bottom: 11%;}
.goto-top span {display: inline-block; margin: 25px 0 0 0;}


@media all and (max-width: 768px) {
    .goto-top {width: 70px; height: 70px; background: #333644 url('../../images//custom/btn-top.png') no-repeat center 12px; font-size: 16px;}
}

.view-file .row .insert .prev {display: none;}
.board-search .form-search {background-image: none;}


.wrap-rating {background: #f5f5f5; margin-top: 95px;}
.wrap-rating .title,
.wrap-rating .person,
.wrap-rating .vote {display: table-cell;vertical-align: middle;}
.wrap-rating .vote {display: none !important; text-align: right;}

.wrap-rating .title {width: 200px; font-family: 'Noto Medium'; font-size: 16px; color: #03a9f4;}
.wrap-rating .title p {position: relative; display: inline-block;}
.wrap-rating .title p:after {display: none; content: ''; position: absolute; left: 131%; top: 50%; width: 142px; height: 1px; background: #222;  }

.wrap-rating .person .team,
.wrap-rating .person .tel,
.wrap-rating .person .date {display: inline-block; background: url('../../images/common/ico-rating.png') no-repeat; margin-left: 46px; padding:6px 0 6px 50px; font-family: 'Noto DemiLight'; font-size: 16px; color: #151515;}
.wrap-rating .person .team {background-position: 0 0; margin-left: 30px;}
.wrap-rating .person .tel {background-position: 0 -36px; letter-spacing: 0;}
.wrap-rating .person .date {background-position: 0 -72px; letter-spacing: 0;}

.wrap-rating .vote .input,
.wrap-rating .vote .btn {display: inline-block; vertical-align: middle;}
.wrap-rating .vote .input ul {font-size: 0;}
.wrap-rating .vote .input li {position: relative; display: inline-block; width: 35px; height: 34px; margin-left: 5px;}
.wrap-rating .vote .input input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; margin: 0; padding: 0;}
.wrap-rating .vote .input .radiobtn {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/common/ico-star.png') no-repeat;}
.wrap-rating .vote .input .star5 .radiobtn {background-position: 0 0;}
.wrap-rating .vote .input .star4 .radiobtn {background-position: -35px 0;}
.wrap-rating .vote .input .star3 .radiobtn {background-position: -70px 0;}
.wrap-rating .vote .input .star2 .radiobtn {background-position: -105px 0;}
.wrap-rating .vote .input .star1 .radiobtn {background-position: -140px 0;}
.wrap-rating .vote .input input:checked~.radiobtn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/common/ico-star.png') no-repeat;}
.wrap-rating .vote .input input:focus~.radiobtn:before {content:''; position: absolute; left:-5%; top:-5%; width: 110%; height: 110%; border:2px solid #000}
.wrap-rating .vote .input .star5 input:checked~.radiobtn:after {background-position: 0 bottom;}
.wrap-rating .vote .input .star4 input:checked~.radiobtn:after {background-position: -35px bottom;}
.wrap-rating .vote .input .star3 input:checked~.radiobtn:after {background-position: -70px bottom;}
.wrap-rating .vote .input .star2 input:checked~.radiobtn:after {background-position: -105px bottom;}
.wrap-rating .vote .input .star1 input:checked~.radiobtn:after {background-position: -140px bottom;}
.wrap-rating .vote .btn {position: relative; padding-left: 20px; margin-left: 20px;}
.wrap-rating .vote .btn:after {content: ''; position: absolute; left: 0; top: 1px; width: 1px; height: 23px; background: #979797;}
.wrap-rating .vote .btn .btn-vote {padding-left: 25px; background: url('../../images/common/ico-vote.png') no-repeat left center;  font-family: 'Noto Regular'; font-size: 15px; color: #2b2b2b; cursor: pointer;}

@media all and (max-width: 1400px) {
  .wrap-rating .container {padding: 20px 40px;}
  .wrap-rating .title {margin: 0 0 20px 0}
  .wrap-rating .title p:after {left: 0; top: 142%; width: 70px;}
  .wrap-rating .person .team,
  .wrap-rating .person .tel,
  .wrap-rating .person .date {padding: 0 0 0 35px; margin-left: 0; margin-right: 20px; background: url('../../images/common/ico-rating-m.png') no-repeat; font-size: 15px;}
  .wrap-rating .person .tel {background-position:  0 -22px;}
  .wrap-rating .person .date {background-position:  0 -44px; margin-bottom: 0;}
  .wrap-rating .vote {width: 200px; text-align: right;}
  .wrap-rating .vote .btn {padding-left: 0; margin-left: 0; margin-top: 23px;}
  .wrap-rating .vote .btn:after {display: none;}
  .wrap-rating .title, .wrap-rating .person, .wrap-rating .vote {display: block; width: 100%;}
}

@media all and (max-width: 1023px) {
  .wrap-rating {margin-top: 50px;}
  .wrap-rating .person .team,
  .wrap-rating .person .tel,
  .wrap-rating .person .date {display: block; margin-right: 0; margin-bottom: 12px; font-size: 14px;}
  .wrap-rating .person .date {margin-bottom: 0;}
}

@media all and (max-width: 670px) {
  .wrap-rating .container {padding: 20px;}
  .wrap-rating .title,
  .wrap-rating .person {display: block; float: left;}
  .wrap-rating .vote {overflow: hidden; display: block; float: left; width: 100%; margin-top: 33px;}
  .wrap-rating .vote .input,
  .wrap-rating .vote .btn {display: block;}
  .wrap-rating .vote .input {float: left;}
  .wrap-rating .vote .btn {float: right; margin-top: 6px;}
}