@charset "UTF-8";* {
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    list-style: none;
    -webkit-tap-highlight-color: transparent
}

[hidden] {
    display: none!important
}

caption,legend {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    border: none;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

caption {
    position: static;
    color: transparent
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block;
    margin: 0
}

audio,canvas,progress,video {
    display: inline-block
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a[href*=tel] {
    color: inherit
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

b,strong {
    font-weight: 700
}

address,dfn,em,i {
    font-style: normal
}

mark {
    color: #000;
    background-color: #ff0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

table td {
    word-break: break-all
}

button,input,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none
}

button,input {
    overflow: visible
}

textarea {
    resize: vertical
}

[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

[type=text]::-ms-clear,[type=text]::-ms-reveal {
    display: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

progress {
    display: inline-block;
    vertical-align: baseline
}

audio,button,canvas,iframe,img,input,label,select,svg,video {
    vertical-align: middle
}

::-webkit-input-placeholder {
    color: #aaa!important
}

:-ms-input-placeholder {
    color: #aaa!important
}

::-moz-placeholder {
    color: #aaa!important
}

:-moz-placeholder {
    color: #aaa!important
}

.placeholder,::placeholder {
    color: #aaa!important
}

::-moz-selection {
    text-shadow: none;
    background: #ddd
}

::selection {
    text-shadow: none;
    background: #ddd
}

a img,fieldset,img {
    border: none
}

img,video {
    max-width: 100%
}

hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #000
}

* {
    font-family: 'Noto Sans CJK KR','Noto Sans CJK TC','Noto Sans KR','Noto Sans TC',sans-serif
}

*,:after,:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

b,h1,h2,h3,h4,h5,h6,strong,th {
    font-weight: 500
}

body,html {
    width: 100%;
    min-height: 100%
}

body {
    overflow-y: scroll;
    min-width: 1220px;
    color: #666;
    font-size: 16px;
    font-weight: 300;
    word-break: keep-all;
    word-spacing: -1px;
    letter-spacing: 0;
    background-color: #fff
}

a {
    color: #666
}

button,input,select,textarea {
    font-weight: 300
}

._S body {
    font-size: 12px
}

._ZOOM._L body {
    min-width: 1320px
}

._ZOOM._M body {
    min-width: 1010px
}

._ZOOM._S body {
    min-width: 320px
}

.skipToContent {
    position: absolute;
    top: -120px;
    right: 0;
    left: 0;
    z-index: 1000;
    min-width: 320px;
    height: 120px;
    color: #666;
    font-size: 1.875em;
    text-align: center;
    letter-spacing: -1.5px;
    line-height: 120px;
    background-color: #003964;
    background-color: rgba(0,57,100,.8);
    transition: .1s ease-in-out
}

._S .skipToContent {
    top: -51px;
    height: 51px;
    font-size: 1.5em;
    line-height: 51px
}

.skipToContent:focus,.skipToContent:hover {
    top: 0;
    color: #fff;
    text-decoration: none
}

._main .container>.inner:after,._main .container>.inner:before,.boardBox:after,.boardBox:before,.boardWrite li:after,.boardWrite li:before,.box-img:after,.box-img:before,.btnWrap:after,.btnWrap:before,.clearFix:after,.clearFix:before,.column:after,.column:before,.resultTitle:after,.resultTitle:before,.resultTitle>ul:after,.resultTitle>ul:before,.vocabulary-list:after,.vocabulary-list:before {
    content: '';
    display: table
}

._main .container>.inner:after,.boardBox:after,.boardWrite li:after,.box-img:after,.btnWrap:after,.clearFix:after,.column:after,.resultTitle:after,.resultTitle>ul:after,.vocabulary-list:after {
    clear: both
}

._OL * {
    outline: 0!important
}

body {
    opacity: 0
}

._JS body {
    opacity: 1
}

._L ._LX,._M ._MX,._S ._SX {
    display: none
}

.dimmedLayer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    background-color: #000;
    opacity: .5
}

.breadcrumb>strong,.hideEl,.nav h2 {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0!important;
    padding: 0!important;
    border: none;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.aside button,.breadcrumb .item .home,.breadcrumb .item .link,.button-listen,.contTopBar .util button,.content .util button,.etc .logo a,.footer .link a,.footer .menu .open a,.header .button-search,.header .logo a,.header .util>a,.hideTxt,[class*=button-down] {
    overflow: hidden;
    color: transparent!important;
    text-indent: 100%;
    white-space: nowrap
}

.boardBox .title,.boardView .page>div a,.breadcrumb .item em,.ellipsis,.mBox-link05 p,.mBox-link06 p,.mBoxLink li a,.nav .depth1>li>a,.table .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap
}

.old-font {
    font-family: 'New Gulim'!important;
    font-weight: 600!important
}

div+._temp_guide {
    margin-top: 20px
}

.footer>.inner,.header .top>.inner {
    overflow: hidden;
    position: relative;
    min-width: 1220px;
    max-width: 1920px;
    min-height: 120px;
    margin: auto
}

.contTopBar>.inner,.container>.inner,.nav .inner {
    width: 100%;
    width: 1220px;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px
}

.header .top>.inner {
    transition: min-height .1s
}

.nav .sub>.inner {
    padding: 25px 0 44px
}

.container>.inner {
    overflow: hidden;
    padding-top: 62px;
    padding-bottom: 140px
}

.footer>.inner {
    min-height: 0;
    padding: 0 50px
}

.header {
    background-color: #fff
}

.header.active,.header.activeSearch {
    position: relative;
    z-index: 100
}

.header .top {
    border-bottom: 1px solid #d6d6d6
}

.header .logo {
    position: absolute;
    top: 35px;
    left: 50px;
    transition: left .1s
}

.header .logo a {
    display: block;
    width: 225px;
    height: 54px;
    background: url(../../img/common/logo.png) no-repeat
}

.header .util {
    position: absolute;
    top: 47px;
    right: 50px;
    transition: right .1s
}

.header .util li {
    float: left;
    position: relative
}

.header .util li+li {
    padding-left: 30px
}

.header .util li+li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 14px;
    width: 1px;
    height: 13px;
    margin-top: -6.5px;
    background-color: #ddd
}

.header .util li a {
    color: #222
}

.nav {
    position: relative;
    border-bottom: 1px solid #d6d6d6;
    background: #fff
}

.nav>.inner>ins {
    position: absolute;
    bottom: -1px;
    height: 3px;
    background-color: #3e9bad
}

.sub .hasSub>a,.sub [target=_blank] {
    position: relative
}

.sub .hasSub>a:after,.sub .hasSub>a:before,.sub [target=_blank]:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    background: url(../../img/common/spr_icon.png) -51px 0 no-repeat
}

.nav .sub .depth2 [target=_blank]:after {
    background-position: -54px -17px
}

.nav .sub .depth3 [target=_blank]:after,.sub .depth3 [target=_blank]:after {
    width: 14px;
    height: 14px;
    margin-top: 6px;
    background-position: -51px 0
}

.container [target=_blank]:after {
    margin-top: 28px
}

.sub .hasSub>a:after,.sub .hasSub>a:before {
    width: 13px;
    height: 1px;
    margin-top: 32px;
    background-color: #888;
    transition: transform .3s,opacity .3s;
    transform: rotate(0)
}

.sub .hasSub.current>a:after,.sub .hasSub.current>a:before {
    transition: none
}

.sub .hasSub>a:after {
    width: 1px;
    height: 13px;
    margin-top: 26px;
    margin-right: 6px
}

.sub .hasSub.active>a:after,.sub .hasSub.active>a:before {
    transform: rotate(180deg)
}

.sub .hasSub.active>a:after {
    opacity: 0
}

.depth1 [href='#'],.depth1 [href=''],.depth1 [href='/'] {
    cursor: default
}

.nav .depth1>li {
    float: left;
    text-align: center
}

.nav .depth1>li>a {
    display: block;
    height: 70px;
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 70px;
    transition: color .3s
}

.nav .depth1>.active>a {
    color: #3e9bad
}

.nav .depth1>.first {
    text-align: left
}

.nav .depth1>.last {
    text-align: right
}

.nav .sub {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 71px;
    left: 0;
    z-index: 100;
    width: 100%;
    border-bottom: 2px solid #3e9bad;
    text-align: left;
    background-color: #fff;
    opacity: 1
}

._IE8 .nav.disabled {
    visibility: hidden
}

.nav.disabled .sub {
    display: block;
    visibility: hidden;
    opacity: 0
}

.nav .sub+ins {
    position: absolute;
    top: 71px;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: #fff
}

.nav .depth2 {
    overflow: hidden
}

.nav .depth2 a {
    display: inline-block
}

.nav .depth2>li {
    float: left;
    position: relative;
    width: 25%;
    padding: 0 20px 0 40px
}

.nav .depth2>li>a {
    color: #222;
    font-weight: 700
}

.nav .depth2>li>[target=_blank] {
    padding-right: 28px
}

.nav .depth2 ins {
    content: '';
    box-sizing: content-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background-color: #d6d6d6
}

.nav .depth2 li[class*=row] {
    margin-top: 25px
}

.nav .depth2 li.row1 {
    margin-top: 0
}

.nav .depth2>li:nth-child(4n+1) {
    padding-left: 0
}

.nav .depth2 .row1+.row2,.nav .depth2 .row1:first-child,.nav .depth2 .row2+.row3,.nav .depth2 .row3+.row4,.nav .depth2 .row4+.row5 {
    padding-left: 0
}

.nav .depth3 {
    margin-top: 12px
}

.nav .depth3 li {
    margin-top: 7px
}

.nav .depth3 a {
    color: #666;
    font-weight: 400
}

.nav .depth3 [target=_blank] {
    padding-right: 24px
}

.contTopBar {
    overflow: hidden;
    height: 41px;
    border-bottom: 1px solid #d6d6d6;
    background-color: #f6f6f6
}

.breadcrumb {
    overflow: hidden;
    float: left;
    border-left: 1px solid #ddd
}

.breadcrumb .item {
    float: left;
    position: relative;
    margin-right: -1px
}

.breadcrumb .item:last-child {
    margin-right: 0
}

.breadcrumb .item .home {
    display: block;
    position: relative;
    width: 40px;
    height: 40px
}

.breadcrumb .item .home:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 12px;
    margin: -6px 0 0 -6.5px;
    background: url(../../img/common/spr_button.png) 0 -66px no-repeat
}

.breadcrumb .item em {
    display: block;
    position: relative;
    width: 230px;
    height: 40px;
    padding: 0 40px 0 20px;
    border: 1px solid #ddd;
    border-width: 0 1px;
    color: #666;
    line-height: 40px
}

.breadcrumb .item .link {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 11px;
    margin-top: -5.5px;
    background: url(../../img/common/spr_button.png) -55px -66px no-repeat
}

.contTopBar .util {
    overflow: hidden;
    float: right
}

.contTopBar .util li {
    float: left;
    height: 40px;
    line-height: 35px
}

.contTopBar .util li+li {
    margin-left: 29px
}

.contTopBar .util button {
    width: 18px;
    height: 18px;
    border: 0;
    background: url(../../img/common/spr_button.png) no-repeat
}

.contTopBar .util .share {
    background-position: -15px -66px
}

.contTopBar .util .print {
    background-position: -35px -66px
}

.container {
    position: relative
}

.inner>.sub {
    display: block;
    float: left;
    width: 210px;
    margin-right: 50px
}

.inner>.sub h2 {
    padding-bottom: 10px;
    border-bottom: 3px solid #666;
    color: #222;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -2px
}

.inner>.sub .depth2>li {
    border-bottom: 1px solid #ccc
}

.inner>.sub .depth2>li>a {
    display: block;
    padding: 22px 30px 22px 0;
    color: #444;
    font-weight: 400;
    line-height: 1.4
}

.inner>.sub .depth2>.current>a {
    color: #003964;
    font-weight: 500
}

.inner>.sub .depth3 {
    display: none;
    overflow: hidden;
    margin: 3px 0 18px
}

.inner>.sub .depth3 li {
    margin-top: 7px
}

.inner>.sub .depth3 a {
    display: block;
    padding: 4px 24px 6px 20px;
    color: #444;
    line-height: 1.4
}

.inner>.sub .depth3>.current a {
    color: #003964;
    font-weight: 500;
    background-color: #f6f6f6
}

.aside {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    min-width: 1200px
}

.aside.active {
    position: fixed;
    bottom: 90px
}

.aside button {
    position: absolute;
    top: 30px;
    right: 50px;
    z-index: 10;
    width: 60px;
    height: 60px;
    border: none;
    background: url(../../img/common/spr_button.png) 0 -141px no-repeat;
    transition: right .1s,opacity .1s,top .1s;
    opacity: 0
}

.aside button.active {
    top: 0;
    opacity: 1
}

@media screen and (min-width: 1520px) {
    .aside {
        left:50%;
        width: 1200px;
        margin-left: -600px
    }

    .aside button {
        right: -110px
    }
}

.content {
    float: left;
    position: relative;
    width: 940px
}

.content>.desc {
    margin-bottom: 25px;
    text-align: justify;
    line-height: 28px
}

.content .desc {
    word-break: keep-all;
    letter-spacing: 0;
    line-height: 28px
}

.content>.desc>em {
    color: #3e9bae;
    font-size: 14px
}

.content>.desc>a[target=_blank] {
    color: #3e9bae
}

.content iframe {
    overflow: auto;
    width: 100%;
    height: 1200px;
    border: 0
}

.content .util {
    position: absolute;
    right: 0;
    z-index: 10
}

.content .util button {
    float: left;
    position: relative;
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    background-color: #fff
}

.content .util .zoom-out {
    border-radius: 3px 0 0 3px
}

.content .util .zoom-in:before,.content .util .zoom-out:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 9px;
    width: 10px;
    height: 2px;
    background-color: #888
}

.content .util .zoom-in:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 50%;
    width: 2px;
    height: 10px;
    background-color: #888
}

.content .util .zoom-in {
    margin-left: -1px;
    border-radius: 0 3px 3px 0
}

.siteMap .depth1>li {
    float: left;
    width: 33.33%;
    padding-right: 50px
}

.siteMap .depth1>li h2 {
    display: none
}

.siteMap .depth1 li[class*=row] {
    margin-top: 65px
}

.siteMap>.depth1 li.row1 {
    margin-top: 0
}

.siteMap [class*=row]>a {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.siteMap .depth2>li {
    margin-top: 20px
}

.siteMap .depth2>li>a {
    color: #222;
    font-weight: 500
}

.siteMap .hasSub>a:after {
    display: none
}

.siteMap .depth2>li>[target=_blank] {
    padding-right: 28px
}

.siteMap .depth2>li>[target=_blank]:after {
    margin-top: 4px;
    background-position: -54px -17px
}

.siteMap .depth3 {
    margin-top: 15px
}

.siteMap .depth3 li {
    margin-top: 5px
}

.siteMap .depth3 a {
    display: inline-block;
    position: relative;
    padding-left: 8px
}

.siteMap .depth3 a:before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0
}

.siteMap .depth3 [target=_blank] {
    padding-right: 24px
}

._search .contTopBar {
    display: none!important
}

._search .container>.inner {
    max-width: none;
    padding: 0
}

._search .content {
    width: 100%
}

.searchForm {
    margin-bottom: 80px;
    padding: 50px 0 20px;
    background: #f2f5f8
}

.searchInner {
    width: 100%;
    max-width: 1200px;
    margin: auto
}

.searchForm .keyword {
    padding-bottom: 20px
}

.searchForm .feFoSelect {
    min-width: 210px;
    height: 50px;
    border: 1px solid #003964;
    line-height: 48px;
    background: #fff
}

.searchForm .feFoSelect span:after {
    background-position: -206px 0
}

.searchForm .searchBar {
    display: inline-block;
    position: relative;
    width: 660px;
    height: 50px;
    margin-left: 10px;
    background: #fff
}

.searchForm .searchBar div {
    width: 100%;
    padding-right: 65px;
    border: 1px solid #003964;
    border-radius: 3px
}

.searchForm .searchBar input[type=text] {
    vertical-align: middle;
    width: 100%;
    height: 48px;
    border: 0
}

.searchForm .searchBar .button-search {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    border: 0;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../../img/common/spr_button.png) 0 -38px no-repeat
}

.searchForm .detailBtn {
    margin-left: 20px
}

.searchForm .detailBtn+.check-box {
    margin-left: 25px
}

.searchForm .icon-detail:after {
    width: 11px;
    height: 7px;
    background-position: -219px 0;
    transition: transform .3s
}

.searchForm .detailBtn.active .icon-detail:after {
    transform: rotate(180deg)
}

._L .searchForm .feFoSelect,._L .searchForm .searchBar input[type=text] {
    font-size: 18px
}

._M .searchInner {
    padding-right: 25px;
    padding-left: 25px
}

._M .searchForm .feFoSelect {
    width: 18%;
    min-width: auto
}

._M .searchForm .searchBar {
    width: 50%
}

._M .searchForm .detailBtn {
    margin-left: 10px
}

._M .searchForm .detailBtn+.check-box {
    margin-left: 5px
}

._S .searchInner {
    padding-right: 15px;
    padding-left: 15px
}

._S .searchForm {
    margin-bottom: 20px;
    padding: 20px 0 10px
}

._S .searchForm .keyword {
    padding: 0 10px 10px
}

._S .searchForm .searchBar {
    height: 37px
}

._S .searchForm .feFoSelect {
    width: 38%;
    min-width: auto;
    height: 37px;
    line-height: 35px
}

._S .searchForm .feFoSelect span:after {
    background-position: -99px 0
}

._S .searchForm .searchBar div {
    padding-right: 30px
}

._S .searchForm .searchBar input[type=text] {
    height: 35px;
    font-size: 12px;
    line-height: 33px
}

._S .searchForm .searchBar .button-search {
    right: 9px;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    background: url(../../img/common/m_spr_icon.png) no-repeat 0 0;
    background-position: 0 -155px;
    background-size: 250px auto
}

._S .searchForm .searchBar {
    float: right;
    width: 60%;
    margin: 0
}

._S .searchForm .detailBtn {
    height: 37px;
    line-height: 35px
}

._S .searchForm .button,._S .searchForm .button+.check-box {
    margin: 10px 0 0
}

._S .searchForm .icon-detail:after {
    width: 8px;
    height: 5px;
    margin-bottom: 2px;
    background-position: -179px 0
}

.searchForm .popular {
    margin-top: 30px;
    text-align: center
}

.searchForm .popular em {
    display: inline-block;
    margin-right: 25px;
    color: #222;
    font-size: 18px
}

.searchForm .popular a {
    display: inline-block;
    margin-bottom: 5px;
    padding: 4px 15px;
    border: 1px solid #ccc;
    border-radius: 25px;
    color: #666;
    font-weight: 300;
    background: #fff
}

.searchForm .popular a+a {
    margin-left: 10px
}

._S .searchForm .popular {
    margin-top: 15px;
    text-align: left
}

._S .searchForm .popular em {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    color: #222;
    font-size: 12px;
    font-weight: 500
}

._S .searchForm .popular a {
    margin-right: 5px;
    padding: 1px 12px
}

._S .searchForm .popular a+a {
    margin-left: 0
}

.box.searchDetail {
    display: none;
    position: relative;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-top: 1px solid #ccc!important;
    background: 0 0!important
}

.box.searchDetail:after {
    content: '';
    display: block;
    clear: both
}

.box.searchDetail li+li {
    padding-top: 20px
}

.box.searchDetail li em {
    width: auto;
    padding-right: 32px
}

.box.searchDetail .feFoRadio {
    width: 87px
}

.box.searchDetail .button {
    float: right
}

.box.searchDetail .date-box {
    display: inline-block
}

.box.searchDetail .date-box span {
    padding: 0 10px
}

.box.searchDetail .date-box+.radio-button {
    margin-left: 30px
}

._M .box.searchDetail .date-box span {
    padding: 0 5px
}

._M .box.searchDetail .date-box+.radio-button {
    margin-left: 10px
}

._S .box.searchDetail {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px 10px 0
}

._S .box.searchDetail .date-box {
    display: block;
    margin-bottom: 5px
}

._S .box.searchDetail .datePicker {
    width: 48%
}

._S .box.searchDetail .date-box span {
    display: inline-block;
    width: 3%;
    padding: 0;
    text-align: center
}

._S .box.searchDetail .date-box+.radio-button {
    margin-left: 0
}

._S .box.searchDetail .radio-button {
    width: 25%
}

._S .box.searchDetail .feFoRadio {
    width: 100%
}

._search .box.box-number {
    margin: 50px 0 60px;
    padding: 0;
    color: #666;
    font-size: 34px;
    font-weight: 500
}

._S._search .box.box-number {
    margin: 35px 0;
    padding: 0
}

._search .result {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-bottom: 140px
}

._search .tab-type03 {
    margin-bottom: 0
}

._search .tab+.item {
    margin-top: 30px
}

._search .item {
    position: relative
}

._search .item+.item {
    margin-top: 70px
}

._search .item a.more {
    position: absolute;
    top: 22px;
    right: 0;
    padding-right: 15px;
    font-size: 14px
}

._search .item a.more:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 6px;
    height: 9px;
    background: url(../../img/common/spr_icon.png) no-repeat 0 0;
    background-position: -232px 0
}

._M._search .result {
    padding-right: 25px;
    padding-left: 25px
}

._S._search .result {
    padding-right: 15px;
    padding-bottom: 60px;
    padding-left: 15px
}

._S._search .tab+.item {
    margin-top: 0
}

._S._search .item+.item {
    margin-top: 35px
}

._S._search .item a.more {
    top: 8px;
    padding-right: 10px;
    font-size: 11px
}

._S._search .item a.more:after {
    top: 4px;
    width: 5px;
    height: 9px;
    background: url(../../img/common/m_spr_icon.png) no-repeat 0 0;
    background-position: -193px 0;
    background-size: 250px
}

.resultTitle {
    padding-bottom: 23px;
    border-bottom: 1px solid #ccc
}

.resultTitle h3 {
    display: inline-block;
    color: #222;
    font-size: 32px;
    font-weight: 500
}

.resultTitle ul {
    float: right;
    margin-top: 20px
}

.resultTitle li {
    float: left
}

.resultTitle li+li {
    position: relative;
    margin-left: 20px;
    padding-left: 20px
}

.resultTitle li+li:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 15px;
    background: #ccc
}

.resultTitle li a {
    color: #888;
    font-size: 14px;
    font-weight: 300
}

.resultTitle li.current a {
    color: #003964;
    font-weight: 500
}

._S .resultTitle {
    padding-bottom: 10px
}

._S .resultTitle h3 {
    font-size: 20px
}

._S .resultTitle ul {
    margin-top: 8px
}

._S .resultTitle li a {
    font-size: 11px
}

._S .resultTitle li+li {
    margin-left: 10px;
    padding-left: 10px
}

._S .resultTitle li+li:before {
    top: 5px;
    height: 10px
}

.resultList {
    padding: 35px 0;
    border-bottom: 1px solid #ccc
}

.resultList .subTitle {
    display: block;
    margin-bottom: 15px;
    color: #222;
    font-size: 24px;
    font-weight: 500
}

.resultList ul+.subTitle {
    margin-top: 54px
}

.resultList li+li {
    margin-top: 32px
}

.resultList li a {
    margin-right: 18px;
    border-bottom: 1px solid #3e9bae;
    color: #222;
    font-size: 18px;
    font-weight: 500
}

.resultList li a strong {
    color: #3e9bae
}

.resultList li p {
    margin-top: 7px;
    color: #666;
    font-weight: 300
}

.resultList li span {
    color: #888;
    font-size: 14px;
    font-weight: 300
}

.resultList li span+span {
    position: relative;
    padding-left: 40px
}

.resultList li span+span:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 20px;
    width: 1px;
    height: 13px;
    background: #e6e6e6
}

.resultList li a.file {
    border-bottom: 0
}

.resultList li a.file .icon-down {
    color: #3e9bae
}

.resultList li a.file .icon-down:after {
    margin-left: 6px
}

._S .resultList {
    padding: 15px 0
}

._S .resultList ul+.subTitle {
    margin-top: 27px
}

._S .resultList li+li {
    margin-top: 12px
}

._S .resultList .subTitle {
    margin-bottom: 10px;
    font-size: 14px
}

._S .resultList li p {
    line-height: 20px
}

._S .resultList li a,._S .resultList li span {
    font-size: 11px
}

._S .resultList li span+span {
    padding-left: 20px
}

._S .resultList li span+span:before {
    top: 5px;
    left: 10px;
    height: 9px
}

.sgContent .bg {
    position: relative;
    width: 100%;
    height: 270px;
    margin-bottom: 40px;
    background: url(../../img/SG/img_001_1.jpg) no-repeat 0 0;
    background-size: cover
}

.sgContent .bg p {
    position: absolute;
    top: 50px;
    right: 135px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.5
}

.sgContent .bg p strong {
    color: #003964
}

._S .sgContent .bg {
    height: 185px;
    margin-bottom: 20px;
    background: url(../../img/SG/img_001_1_m.jpg) no-repeat left center;
    background-size: cover
}

._S .sgContent .bg p {
    top: 25px;
    right: 10%;
    font-size: 12px;
    line-height: 1.5
}

._S .sgContent .bg p span {
    display: block
}

.sgContent .career {
    overflow: hidden;
    margin-top: 60px
}

.sgContent .career .img {
    display: inline-block;
    float: left;
    width: 160px;
    height: auto;
    margin-right: 40px
}

.sgContent .career .table {
    float: left;
    width: 78%;
    margin-top: 0
}

._S .sgContent .career {
    margin-top: 20px
}

._S .sgContent .career .img {
    display: block;
    float: none;
    margin: 0 0 20px
}

._S .sgContent .career .table {
    float: none;
    width: 100%
}

.sgContent .history .row {
    position: relative;
    margin-top: -5px
}

.sgContent .history h3 {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    color: #003964;
    font-size: 24px;
    letter-spacing: -1.2px
}

.sgContent .detail {
    margin-top: 80px;
    margin-left: 147px;
    border-left: 2px solid #3e9bae
}

.sgContent .history .detail:before {
    content: '';
    position: absolute;
    top: -44px;
    left: 144px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #3e9bae
}

.sgContent .history .row:first-child .detail {
    margin-top: 0
}

.sgContent .history .row:first-child .detail:before {
    display: none
}

.sgContent .history .detail>div {
    display: table;
    margin-left: 47px
}

.sgContent .history strong {
    display: table-cell;
    vertical-align: top;
    width: 135px;
    color: #222;
    font-size: 16px;
    letter-spacing: -.8px
}

.sgContent .history ul {
    display: table-cell;
    vertical-align: top
}

.sgContent .history li {
    word-break: keep-all;
    line-height: 28px
}

._S .sgContent .history h3 {
    position: static;
    margin: 26px 0 16px;
    font-size: 14px;
    letter-spacing: -.7px
}

._S .sgContent .detail {
    margin: 0;
    border-left: 0
}

._S .sgContent .history .row:first-child .detail {
    margin-top: 0
}

._S .sgContent .history .detail:before {
    display: none
}

._S .sgContent .history .detail>div {
    margin-left: 0
}

._S .sgContent .history strong {
    width: 83px;
    font-size: 12px;
    letter-spacing: -.6px
}

._S .sgContent .history li {
    line-height: initial
}

._S .sgContent .img002_1 {
    max-height: 475px
}

._S .sgContent .img003_1 {
    max-height: 417px
}

._S .sgContent .logoBox.box .item span {
    width: 50%
}

._S .sgContent .logoBox.box .item span+span {
    margin-top: 0;
    padding-top: 0
}

._S .sgContent .logoBox.box .item span+span img {
    display: inline-block;
    width: 50%;
    height: auto
}

.sgContent .board {
    border-top: 2px solid #1a2e48
}

.sgContent .board .item {
    overflow: hidden;
    padding: 40px 0 38px;
    border-bottom: 1px solid #ccc
}

.sgContent .board .cont,.sgContent .board .img {
    float: left
}

.sgContent .board .img {
    width: 115px;
    margin-right: 70px
}

.sgContent .board strong {
    display: inline-block;
    margin: -9px 0 14px;
    color: #003964;
    font-size: 24px;
    letter-spacing: -1.2px
}

.sgContent .board .cont div {
    display: table;
    width: 100%
}

.sgContent .board .cont div+div {
    margin-top: 4px
}

.sgContent .board .cont em {
    display: table-cell;
    vertical-align: top;
    width: 130px;
    color: #222;
    font-size: 16px;
    font-weight: 400
}

.sgContent .board .cont ul {
    display: table-cell;
    vertical-align: top
}

.sgContent .board .cont li {
    color: #666;
    font-size: 16px
}

.sgContent .board .cont li+li {
    margin-top: 4px
}

.sgContent .board .cont li span {
    display: inline-block;
    width: 108px
}

._S .sgContent .board {
    border-top: 0
}

._S .sgContent .board .item:first-child {
    padding-top: 0
}

._S .sgContent .board .cont,._S .sgContent .board .img {
    float: none
}

._S .sgContent .board .img {
    width: 115px
}

._S .sgContent .board .cont div,._S .sgContent .board .cont em,._S .sgContent .board .cont ul {
    display: block
}

._S .sgContent .board .cont div+div {
    margin-top: 13px
}

._S .sgContent .board strong {
    margin: 11px 0 15px;
    font-size: 14px
}

._S .sgContent .board .cont em,._S .sgContent .board .cont li {
    font-size: 12px
}

._S .sgContent .board .cont em {
    margin-bottom: 2px
}

._S .sgContent .board .cont li span {
    width: 88px
}

._S .sgContent .board .cont li+li {
    margin-top: 0
}

.sgContent .list-type01 li strong {
    display: inline-block;
    vertical-align: top;
    width: 72px;
    color: #222
}

.sgContent .list-type01 li span {
    display: inline-block
}

.sgContent .list-type01 a {
    display: block
}

.organization {
    margin-bottom: 70px;
    text-align: center
}

._S .organization {
    margin-bottom: 30px
}

._S .organization img {
    width: 290px
}

.img-list div {
    display: inline-block;
    vertical-align: top
}

.img-list .img+.txt {
    margin-left: 30px
}

.img-list .img+.img {
    margin-left: 15px
}

.img-list .txt .heading+.desc {
    margin-top: 20px
}

.img-list .txt .desc+.heading,.img-list+.table {
    margin-top: 40px
}

._S .img-list div {
    display: block
}

._S .img-list .img {
    text-align: center
}

._S .img-list .img+.img,._S .img-list .img+.txt {
    margin-top: 20px;
    margin-left: 0
}

._S .img-list .txt .heading+.desc {
    margin-top: 10px
}

._S .img-list .txt .desc+.heading,._S .img-list+.table {
    margin-top: 20px
}

.img-qr {
    position: relative
}

.img-qr>img {
    position: absolute;
    right: 0;
    bottom: 0
}

._S .img-qr>img {
    display: none
}

.dialect>span+span {
    padding-left: 25px
}

._S .dialect>span+span {
    padding-left: 0
}

.vocabulary-list.table td {
    font-family: 'New Gulim';
    font-weight: 600;
    line-height: 40px
}

.vocabulary-list.table td .button {
    float: right
}

._S .vocabulary-list.table td .button {
    float: none;
    margin-top: 5px
}

.footer {
    overflow: hidden;
    position: relative;
    z-index: 90;
    height: 181px;
    padding-top: 40px;
    background-color: #fafafa;
    transition: height .1s
}

.footer .menu {
    float: left
}

.footer .menu ul {
    margin-bottom: 8px
}

.footer .menu li {
    display: inline-block;
    position: relative
}

.footer .menu li+li {
    padding-left: 31px
}

.footer .menu li+li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 14px;
    width: 3px;
    height: 3px;
    margin-top: -1.5px;
    background-color: #666
}

.footer address {
    margin-top: 28px
}

.footer address span {
    display: block
}

.footer .link {
    overflow: hidden;
    float: right
}

.footer .link>ul {
    float: left
}

.footer .link li {
    display: inline-block
}

.footer .link li+li {
    margin-left: 5px;padding-left:15px
}

.footer .link a {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../../img/common/spr_button.png) no-repeat
}

.footer .link a.blog {
	background-position: -260px 0;
}

.footer .link a.youtube {
	background-position: -296px 0;
}

.footer .link a.facebook {
	background-position: -226px 0;
}

.footer .link a.instagram {
	background-position: -343px 0;
}

.footer .link a.twitter {
	background-position: -195px 0;
}


.footer .link .family {
    float: left;
    margin-left: 25px
}

.footer .link .family .feFoSelect {
    min-width: 210px;
    height: 35px;
    margin-right: 20px;
    padding: 0;
    border: 0;
    border-bottom: 2px solid #000;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 33px;
    background: 0 0
}

.footer .link .family option {
    font-size: 14px
}

.footer .link .family .feFoSelect>span:after {
    right: 0;
    background-position: -169px 0
}

.footer .link .family button {
    height: 35px;
    padding: 0 20px;
    line-height: 33px
}

.heading-depth03 [target=_blank] {
    color: #3e9bae
}

.inContent .descL {
    margin-bottom: 20px;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5
}

.inContent .flowCont {
    overflow: hidden
}

.inContent .flowCont .txt {
    float: left;
    width: 445px
}

.inContent .flowCont .img {
    float: right
}

.inContent .history .row {
    position: relative;
    padding-left: 3px
}

.inContent .detail {
    border-left: 2px solid #3e9bae
}

.inContent .history .detail:after,.inContent .history .detail:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #3e9bae
}

.inContent .history .detail:after {
    top: initial;
    bottom: 0
}

.inContent .history .detail>div {
    display: table;
    margin-top: 35px;
    margin-left: 47px
}

.inContent .history .detail>div:first-child {
    margin-top: 0
}

.inContent .history strong {
    display: table-cell;
    vertical-align: top;
    width: 135px;
    color: #222;
    font-size: 16px;
    letter-spacing: -.8px
}

.inContent .board {
    border-top: 2px solid #1a2e48
}

.inContent .board .item {
    overflow: hidden;
    padding: 40px 0 38px;
    border-bottom: 1px solid #ccc
}

.inContent .board .cont,.inContent .board .img {
    float: left
}

.inContent .board .img {
    width: 115px;
    margin-right: 70px
}

.inContent .board strong {
    display: inline-block;
    margin: -9px 0 14px;
    color: #003964;
    font-size: 24px;
    letter-spacing: -1.2px
}

.inContent .board .cont div {
    width: 100%
}

.inContent .board em {
    display: block;
    color: #222;
    font-size: 16px;
    font-weight: 400
}

.inContent .board .cont {
    width: 750px
}

.inContent [class*=locaIcon] span {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0!important;
    padding: 0!important;
    border: none;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.inContent [class*=locaIcon]:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #9a48b1
}

.inContent .locaIcon2:before {
    background-color: #00b0f0
}

.inContent .locaIcon3:before {
    background-color: #92d050
}

.maContent .btnWrap .button {
    min-width: 220px;
    text-align: center
}

.maContent .desc+.button {
    margin: 25px 0 48px
}

.ko002 .tableWrap {
    margin-top: 30px
}

.ko002 .item {
    float: left;
    width: 255px
}

.ko002 .item+.item {
    margin-left: 29px
}

.ko002 .item.last {
    float: right;
    width: 86px;
    margin-left: 0
}

.ko002 p.desc {
    margin-top: 25px
}

.ko002 .heading-depth03+.desc {
    padding-left: 0
}

.etc {
    width: 1200px;
    margin: 0 auto
}

.etc .logo {
    margin: 65px 0 20px
}

.etc .logo a {
    display: block;
    width: 230px;
    height: 52px;
    background: url(../../img/common/logo.png) no-repeat
}

.etc .box.box-type02 {
    padding: 340px 20px 160px
}

.etc .ico-error {
    background: url(../../img/common/ico_error.png) center 160px no-repeat
}

.etc .ico-system {
    background: url(../../img/common/ico_system.png) center 160px no-repeat
}

.etc .heading {
    text-align: center
}

.etc .time {
    width: 490px;
    margin: 0 auto;
    padding: 30px;
    color: #fff;
    text-align: center;
    background-color: #003964
}

.etc .time strong {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400
}

.etc .time span {
    font-size: 14px
}

.italic {
    font-style: italic
}

.heading {
    overflow: hidden;
    position: relative
}

.heading .title {
    display: inline-block
}

.heading .button {
    vertical-align: top
}

._S .heading .button {
    margin-top: 15px
}

.heading-depth01 {
    margin-bottom: 60px
}

.heading-depth01 .title {
    width: 90%;
    color: #222;
    font-size: 36px;
    font-weight: 600
}

.heading-depth01 .desc {
    margin-top: 10px;
    color: #666;
    font-size: 18px;
    font-weight: 400
}

.heading-depth01 .descL {
    margin-top: 53px;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -1.2px;
    line-height: 1.5
}

.heading-depth01+.heading-depth02 {
    margin-top: 0
}

._S .heading-depth01 {
    margin-bottom: 20px
}

._S .heading-depth01 .title {
    font-size: 22px
}

._S .heading-depth01 .desc {
    margin-top: 15px;
    font-size: 13px
}

._S .heading-depth01 .descL {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: -.7px
}

.heading-depth02 {
    margin: 48px 0 17px
}

.heading-depth02 .title {
    color: #222;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1.2px
}

._S .heading-depth02 {
    margin: 25px 0 15px
}

._S .heading-depth02 .title {
    font-size: 14px
}

.heading-depth03 {
    margin-bottom: 0
}

.heading-depth03 .title {
    position: relative;
    padding-left: 15px;
    color: #222;
    font-weight: 500
}

.heading-depth03 .title:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #aaa
}

.heading-depth03 .title span {
    margin-left: 8px;
    color: #666;
    font-weight: 300
}

.heading-depth03 h5.title {
    margin-bottom: 20px;
    padding-left: 0
}

.heading-depth03 h5.title:before {
    display: none
}

.heading-depth03+.heading-depth03 {
    margin-top: 13px
}

.heading-depth03+.desc {
    margin-bottom: 0;
    padding-left: 15px
}

.heading-depth03+.box {
    margin-top: 20px
}

.desc+.heading-depth03 {
    margin-top: 14px
}

.heading-depth03+.button {
    margin: 15px 0 25px 15px
}

.heading-depth03+.list {
    margin: 10px 0 30px;
    padding-left: 14px
}

._S .heading-depth03 {
    margin-bottom: 10px
}

._S .heading-depth03 .title {
    padding-left: 10px
}

._S .heading-depth03 .title:before {
    top: 9px;
    width: 3px;
    height: 3px
}

._S .heading-depth03+.desc {
    margin-bottom: 20px;
    padding-left: 10px
}

._S .heading-depth03+.button {
    margin: 0 0 10px 10px
}

._S .heading-depth03+.list {
    margin-bottom: 20px;
    padding-left: 7px
}

.heading .state {
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 30px;
    margin: 6px 10px 0;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    background-color: #999
}

._S .heading .state {
    width: 42.5px;
    height: 18px;
    margin: 2px 7px;
    font-size: 7px;
    line-height: 18px
}

._L .desc+.table,._M .desc+.table {
    margin-top: 55px
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
    -webkit-appearance: none;
    max-width: 100%;
    padding: 0 15px;
    background: 0 0
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea {
    border: 1px solid #ddd;
    color: #666
}

input[type=text]::-ms-clear {
    display: none
}

input[type=text]::-ms-reveal {
    display: none
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
    border-radius: 3px;
    line-height: normal
}

button,input[type=button],input[type=reset],input[type=submit] {
    cursor: pointer
}

textarea {
    padding: 15px
}

.input[type=text] {
    background-color: #fff
}

.input[type=text]:disabled {
    background-color: #f9f9f9
}

legend+.heading {
    margin-top: 0
}

.input+.button,textarea+.button {
    margin-left: 8px
}

textarea+.button {
    vertical-align: top
}

._S .input+.button {
    margin-left: 0
}

._S .input-sizeXXS+.button {
    margin-left: 10px
}

.input {
    width: 250px;
    height: 40px;
    line-height: 38px
}

.input-sizeXXS {
    width: 160px
}

.input-sizeXS {
    width: 35%
}

.input-sizeS {
    width: 50%
}

.input-sizeM {
    width: 55%
}

.input-sizeL {
    width: 80%
}

.input-sizeFull {
    width: 100%
}

.input.success {
    border-color: #12b8ba;
    color: #12b8ba
}

.input.error {
    border-color: #db0100;
    color: #db0100
}

._S .input,._S .input-sizeL {
    width: 100%;
    height: 32px;
    font-size: 12px;
    line-height: 30px
}

._S .input-sizeS,._S .input-sizeXS {
    width: 63%
}

._S .input-sizeXXS {
    width: 35%
}

._S .sizeFull_S {
    width: 100%
}

._S textarea.input-sizeL {
    height: auto;
    line-height: 1.2em
}

._S .input+.input {
    margin-top: 10px
}

.radio-button {
    display: inline-block;
    position: relative
}

.radio-button+.radio-button {
    margin-left: -3px
}

.check-box {
    display: inline-block
}

.check-box+.check-box {
    margin-left: 40px
}

._S .check-box+.check-box {
    margin-left: 15px
}

.labelTxt {
    vertical-align: middle;
    color: #666;
    line-height: 25px
}

.labelTxt+label {
    margin-left: 50px
}

.labelTxt+input[type=text] {
    display: inline-block;
    margin-left: 10px
}

._S .labelTxt+label {
    margin-left: 30px
}

[class*=feFo] {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

[class*=feFo]>input,[class*=feFo]>select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

[class*=feFo].active {
    outline: 1px dotted #000;
    outline: 2px auto Highlight;
    outline: 2px auto -webkit-focus-ring-color
}

.feFoRadio {
    width: 100px;
    height: 40px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    background-color: #f4f4f4
}

.feFoRadio.checked {
    z-index: 1;
    border-color: #003964;
    background-color: #fff
}

.feFoRadio+.labelTxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 38px
}

.feFoRadio.checked+.labelTxt {
    z-index: 1;
    color: #003964;
    font-weight: 500
}

._S .feFoRadio {
    width: 65px;
    height: 30px
}

._S .feFoRadio+.labelTxt {
    height: 30px;
    font-size: 11px;
    line-height: 28px
}

.radio-type01 {
    width: 24px;
    height: 24px;
    margin-right: 11px;
    border: 0;
    background: url(../../img/common/spr_button.png) -52px -115px no-repeat
}

.radio-type01.checked {
    background-position: -78px -115px
}

.radio-type01+.labelTxt {
    position: static;
    width: auto;
    height: auto;
    color: #666;
    font-size: 16px;
    text-align: left;
    line-height: normal
}

.radio-type01.checked+.labelTxt {
    color: #666;
    font-weight: 300
}

._S .radio-type01 {
    width: 17px;
    height: 17px;
    margin-right: 11px;
    background: url(../../img/common/m_spr_button.png) -42px -64px no-repeat;
    background-size: 250px
}

._S .radio-type01+.labelTxt {
    background-position: -63px -64px
}

.feFoCheck {
    width: 24px;
    height: 24px;
    margin-right: 11px;
    background: url(../../img/common/spr_button.png) 0 -115px no-repeat
}

.feFoCheck.checked {
    background-position: -26px -115px
}

._S .feFoCheck {
    width: 17px;
    height: 17px;
    margin-right: 11px;
    background: url(../../img/common/m_spr_button.png) 0 -64px no-repeat;
    background-size: 250px
}

._S .feFoCheck.checked {
    background-position: -21px -64px
}

.feFoSelect {
    position: relative;
    min-width: 160px;
    height: 38px;
    padding: 0 40px 0 17px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666;
    font-size: 14px;
    text-align: left;
    line-height: 36px;
    background-color: #fff
}

.feFoSelect+.feFoSelect {
    margin-left: 8px
}

.feFoSelect>span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 11px;
    height: 7px;
    margin-top: -3.5px;
    background: url(../../img/common/spr_icon.png) -98px 0 no-repeat;
    transition: transform .3s
}

.feFoSelect>span {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap
}

.feFoSelect+input,.feFoSelect+span {
    margin-left: 10px
}

._S .feFoSelect {
    min-width: 31%;
    height: 32px;
    padding: 0 30px 0 15px;
    font-size: 12px;
    line-height: 30px
}

._S .feFoSelect>span:after {
    right: 10px;
    width: 8px;
    height: 5px;
    margin-top: -2.5px;
    background: url(../../img/common/m_spr_icon.png) -75px 0 no-repeat;
    background-size: 250px
}

._S .feFoSelect+.feFoSelect+input {
    margin-top: 5px;
    margin-left: 0
}

.feFoSelect.select-type01:after {
    right: 15px
}

.feFoSelect.select-type01>span {
    width: 100%;
    border-right: 1px solid #ddd
}

.feFoSelect-sizeXS {
    width: 20%
}

.feFoSelect-sizeS {
    min-width: 120px
}

.feFoSelect-sizeM {
    width: 305px
}

.feFoSelect-sizeL {
    width: 500px
}

.feFoSelect-sizeFull {
    width: 100%
}

._S .sizeHalf_S {
    width: 48%
}

._S .sizeHalf_S+.sizeHalf_S {
    float: right
}

[class*=feFo]>[type=file] {
    display: none
}

[class*=feFo] input[type=text].feFoFileInpTxt {
    position: static;
    vertical-align: top;
    width: auto;
    height: auto;
    height: 34px;
    border-width: 1px;
    border-color: #ddd;
    font-size: 14px
}

.feFoFileBtn {
    height: 34px;
    margin-left: 9px;
    padding: 0 18px;
    border: 1px solid #254069;
    border-radius: 3px;
    color: #254069;
    font-size: 14px
}

.feFoFileBtn.disabled {
    color: #666;
    background-color: #f9f9f9
}

.datePicker {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 160px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.datePicker .input-date {
    width: 100%;
    padding-right: 40px;
    border: 0
}

.datePicker .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8.5px
}

.datePicker+.feForm {
    margin-left: 20px
}

._S .datePicker {
    width: 120px
}

._S .datePicker .input-date {
    font-size: 12px
}

.ui-datepicker {
    display: none;
    width: 268px;
    border: 1px solid #e1e4e8;
    background-color: #fff
}

.ui-datepicker thead th {
    padding: 12px 0;
    color: #888;
    font-size: 14px;
    background-color: #f8f8f9
}

.ui-datepicker thead th:first-child {
    margin-left: 22px
}

.ui-datepicker tbody td {
    padding: 3px 1px;
    text-align: center
}

.ui-datepicker tbody td>a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 28px
}

.ui-datepicker-header {
    position: relative;
    padding: 12px 22px 0;
    background-color: #f8f8f9
}

.ui-datepicker-header a {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    border-radius: 20px;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap
}

.ui-datepicker-header a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 7px;
    margin: -3.5px 0 0 -2px;
    background: url(../../img/common/spr_button.png) 0 -106px no-repeat
}

.ui-datepicker-header .ui-datepicker-prev {
    left: 22px
}

.ui-datepicker-header .ui-datepicker-next {
    right: 22px
}

.ui-datepicker-header .ui-datepicker-next:before {
    background-position: -6px -106px
}

.ui-datepicker-title {
    color: #333;
    font-size: 16px;
    text-align: center
}

select.ui-datepicker-year {
    vertical-align: top;
    margin: 0 3px;
    border: 0;
    font-size: 16px;
    background-color: transparent
}

.ui-datepicker-today a {
    color: #2763ba;
    font-weight: 700
}

.ui-datepicker-current-day a {
    border-radius: 100%;
    color: #fff;
    font-weight: 700;
    background-color: #2763ba
}

.ui-datepicker-other-month,.ui-state-disabled {
    color: #999
}

.formField {
    position: relative;
    margin-top: 20px
}

.formField .info {
    text-align: right
}

.formField .essential {
    padding-right: 3px;
    color: #db0000
}

.formField .info+.boardWrite {
    margin-top: 17px
}

.boardWrite {
    margin-top: 24px;
    border-top: 2px solid #222
}

.boardWrite>ul>li {
    vertical-align: middle;
    padding: 18px 10px;
    border-bottom: 1px solid #ddd;
    color: #666
}

.boardWrite>ul>li>em,.boardWrite>ul>li>span {
    float: left
}

.boardWrite>ul>li>em {
    width: 20%;
    color: #222;
    font-weight: 500;
    line-height: 40px
}

.boardWrite>ul>li>span {
    width: 80%
}

.boardWrite .desc {
    padding-left: 15px
}

.boardWrite .img,.boardWrite .txt,.boardWrite .txt li,.boardWrite .txt ul {
    display: inline-block;
    vertical-align: top
}

.boardWrite .img+.txt {
    padding-left: 30px
}

.boardWrite .txt li {
    position: relative;
    padding: 0 20px;
    line-height: 40px
}

.boardWrite .txt li+li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #ccc
}

.boardWrite .txt li a {
    position: relative;
    padding-right: 22px
}

.boardWrite .txt li a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 15px;
    height: 12px;
    margin-top: -6px;
    background: url(../../img/common/spr_icon.png) -94px -17px no-repeat
}

.boardWrite .txt li a.voice:after {
    width: 13px;
    height: 15px;
    margin-top: -7.5px;
    background-position: -44px -35px
}

.boardWrite .txt p {
    margin-top: 10px
}

._S .boardWrite>ul>li {
    padding: 10px
}

._S .boardWrite>ul>li>em {
    line-height: 30px
}

._S .boardWrite>ul>li>em,._S .boardWrite>ul>li>span {
    width: 100%
}

._S .boardWrite .desc {
    padding-top: 5px;
    padding-left: 0
}

._S .boardWrite .img+.txt {
    padding-top: 10px;
    padding-left: 0
}

._S .boardWrite .img,._S .boardWrite .txt,._S .boardWrite .txt ul {
    display: block
}

._S .boardWrite .txt ul {
    margin-left: 0
}

._S .boardWrite .txt li:first-child {
    padding-left: 0
}

._S .boardWrite .txt li {
    line-height: 30px
}

._S .boardWrite .txt li a {
    padding-right: 15px
}

._S .boardWrite .txt li a:after {
    width: 12px;
    height: 10px;
    margin-top: -5px;
    background: url(../../img/common/m_spr_icon.png) -67px -15px no-repeat;
    background-size: 250px
}

._S .boardWrite .txt li a.voice:after {
    width: 10px;
    height: 11px;
    background-position: -30px -31px
}

._S .boardWrite .txt p {
    margin-top: 0
}

.button {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    padding: 0 30px;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 38px;
    background-color: #fff;
    cursor: pointer
}

.button+.button {
    margin-left: 8px
}

.button+.desc {
    margin-top: 30px
}

.desc+.button {
    margin: 0 0 15px
}

._S .button {
    height: 32px;
    padding: 0 14px;
    font-size: 11px;
    line-height: 30px
}

._S .button+.desc {
    margin-top: 10px
}

.button-type01 {
    height: 50px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 48px
}

.button-type02 {
    height: 60px;
    padding: 0 40px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 58px
}

.button-type03 {
    position: relative;
    padding: 0 24px;
    border-color: #d6d6d6;
    color: #666;
    background-color: #f4f4f4
}

.button-type03+.button-type03 {
    margin-left: -3px
}

.button-type03.current {
    z-index: 1;
    border-color: #003964;
    color: #003964;
    background-color: #fff
}

._S .button-type01 {
    height: 35px;
    font-size: 12px;
    line-height: 33px
}

._S .button-type02 {
    height: 40px;
    font-size: 12px;
    line-height: 38px
}

[class*=button-color] {
    border-color: transparent;
    color: #fff
}

.button-color01 {
    background-color: #003964
}

.button-color02 {
    background-color: #3e9bae
}

.button-color03 {
    background-color: #263e82
}

.button-color04 {
    background-color: #959595
}

.button-color05 {
    background-color: #aaa
}

.button-color06 {
    background-color: #555
}

.button-colorL01 {
    border-color: #3e9bae;
    color: #3e9bae
}

.button-colorL02 {
    border-color: #aaa;
    color: #444
}

.button-colorL03 {
    border-color: #ccc;
    color: #888
}

.button-sizeM {
    min-width: 190px
}

.button-sizeL {
    min-width: 300px
}

._S .button-sizeM {
    min-width: 97px;
    padding: 0
}

._S .button-sizeFull {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

._S .button-sizeFull+.button {
    margin-top: 10px
}

._S .desc .button-sizeFull {
    margin-top: 10px
}

.button-icon {
    padding: 0 20px
}

.button-detail {
    border: 0;
    font-size: 16px
}

.button-detail>span {
    position: relative;
    padding-right: 20px
}

.button-detail>span:after,.button-detail>span:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 8px;
    height: 2px;
    border-radius: 10px;
    background-color: #666;
    transition: all .3s ease-in
}

.button-detail>span:before {
    right: 0;
    transform: rotate(-45deg)
}

.button-detail>span:after {
    right: 5px;
    transform: rotate(45deg)
}

.active .button-detail>span:before {
    background-color: #003964;
    transform: rotate(45deg)
}

.active .button-detail>span:after {
    background-color: #003964;
    transform: rotate(-45deg)
}

._IE8 .button-detail>span:before {
    display: none
}

._IE8 .button-detail>span:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 7px;
    margin: -3px 0 4px 10px;
    background: url(../../img/common/spr_icon.png) -180px 0 no-repeat
}

._IE8 .active .button-detail>span:after {
    background-position: -259px 0
}

.button-listen,[class*=button-down] {
    position: relative
}

.button-listen:after,[class*=button-down]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url(../../img/common/spr_icon.png) no-repeat -18px -17px
}

.button-down-book:after {
    height: 18px;
    margin-top: -9px;
    background-position: 0 -52px
}

.button-down-doc:after {
    background-position: -36px -17px
}

._S [class*=button-down]:after {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background: url(../../img/common/m_spr_icon.png) no-repeat -16px -15px;
    background-size: 250px
}

._S .button-down-book:after {
    height: 14px;
    margin-top: -7px;
    background-position: 0 -137px
}

._S .button-down-doc:after {
    background-position: 0 0
}

.button-listen:after {
    width: 14px;
    height: 15px;
    margin: -7.5px 0 0 -7px;
    background-position: 0 -35px
}

._S .button-listen:after {
    width: 12px;
    height: 13px;
    margin: -6.5px 0 0 -6px;
    background: url(../../img/common/m_spr_icon.png) no-repeat 0 -31px;
    background-size: 250px
}

.btnWrap {
    margin-top: 30px;
    text-align: center
}

.btnWrap.alignL {
    text-align: left
}

.btnWrap.alignR {
    text-align: right
}

.btnWrap+.box,.btnWrap+.desc,.btnWrap+.tab {
    margin-top: 70px
}

.desc+.btnWrap {
    margin-top: 30px
}

.heading-depth01+.btnWrap {
    margin-top: -20px
}

._S .btnWrap {
    margin-top: 10px
}

._S .btnWrap.justify .button {
    float: right;
    width: 49%;
    margin: 0;
    text-align: center
}

._S .btnWrap.justify .button:first-child {
    float: left
}

._S .btnWrap+.box,._S .btnWrap+.desc,._S .btnWrap+.tab {
    margin-top: 30px
}

[class*=button-col] {
    text-align: left
}

[class*=button-col] .button+.button {
    margin-left: 0
}

.button-col03 {
    width: 102%;
    margin-left: -1%
}

.button-col03 ul:after {
    content: '';
    display: block;
    clear: both
}

.button-col03 li {
    float: left;
    width: 33.33%;
    margin-bottom: 20px;
    text-align: center
}

.button-col03 li a {
    width: 94%
}

._S .button-col03 {
    width: 100%;
    margin-left: 0
}

._S .button-col03 li {
    width: 100%;
    margin-bottom: 10px
}

._S .button-col03 li a {
    width: 100%
}

.paging+.btnWrap.alignL,.paging+.btnWrap.alignR,.paging+.btnWrap.justify {
    clear: both;
    position: relative;
    min-height: 0;
    margin-top: -40px
}

.paging+.btnWrap.alignL {
    float: left
}

.paging+.btnWrap.alignR {
    float: right
}

[class*=icon-]:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 4px 10px;
    background: url(../../img/common/spr_icon.png) no-repeat 0 0
}

._S [class*=icon-]:after {
    background: url(../../img/common/m_spr_icon.png) no-repeat 0 0;
    background-size: 250px
}

.icon-link:after {
    width: 15px;
    height: 15px
}

.icon-link.link-type01:after {
    background-position: -17px 0
}

.icon-link.link-type02:after {
    background-position: -34px 0
}

.icon-detail:after {
    width: 7px;
    height: 11px;
    background-position: -67px 0
}

.icon-detail.detail-type01:after {
    background-position: -75px 0
}

.icon-all:after {
    width: 11px;
    height: 7px;
    background-position: -85px 0
}

.icon-all.all-open:after {
    background-position: -98px 0
}

.icon-down:after {
    width: 16px;
    height: 16px;
    background-position: 0 -17px
}

.down-type01:after {
    width: 17px;
    height: 17px;
    background-position: -17px -52px
}

.icon-down.down-type02:after {
    background-position: -18px -17px
}

.icon-reset:after {
    float: left;
    width: 20px;
    height: 16px;
    margin: 10px 8px 0 0;
    background-position: -72px -17px
}

.icon-listen:after {
    width: 14px;
    height: 15px;
    background-position: 0 -35px
}

._S .icon-link:after {
    width: 11px;
    height: 11px
}

._S .icon-link.link-type01:after {
    background-position: -15px 0
}

._S .icon-link.link-type02:after {
    background-position: -30px 0
}

._S .icon-detail:after {
    width: 5px;
    height: 9px;
    background-position: -45px 0
}

._S .icon-detail.detail-type01:after {
    background-position: -54px 0
}

._S .icon-all:after {
    width: 8px;
    height: 5px;
    background-position: -63px 0
}

._S .icon-all.all-open:after {
    background-position: -75px 0
}

._S .icon-down:after {
    width: 12px;
    height: 12px;
    background-position: 0 -15px
}

._S .down-type01:after {
    background-position: -32px -15px
}

._S .down-type02:after {
    background-position: -16px -15px
}

._S .icon-reset:after {
    width: 15px;
    height: 11px;
    margin: 12px 8px 0 0;
    background-position: -48px -15px
}

._S .icon-listen:after {
    width: 12px;
    height: 13px;
    background-position: 0 -31px
}

.table {
    margin-top: 24px;
    border-top: 2px solid #222
}

.table strong+.table {
    margin-top: 24px
}

.table .table {
    margin-top: 0
}

.table table {
    table-layout: fixed
}

.table td,.table th {
    vertical-align: middle;
    height: 64px;
    padding: 18px 10px;
    border-bottom: 1px solid #ddd;
    color: #666;
    text-align: center;
    word-break: break-all;
    line-height: 28px
}

.table tbody th,.table thead th {
    color: #222
}

.table thead th {
    border-top: 0
}

.table tbody td.verTop,.table tbody th.verTop {
    vertical-align: top
}

.table tbody td.alignL,.table tbody th.alignL {
    text-align: left
}

.table tbody td.alignC {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center
}

.table tbody td.alignR {
    text-align: right
}

.table tbody td em {
    color: #3e9bae;
    font-size: 14px
}

.table tbody td span.desc {
    color: #888;
    font-size: 14px
}

.table+p.caption {
    padding-top: 14px;
    color: #888;
    text-align: right
}

.table+.box.box-type01 {
    margin-top: 50px
}

.table td a[target=_blank] {
    color: #3e9bae
}

.table td a[target=_blank] span {
    color: #666
}

.table td a.button-colorL01 span {
    color: #3e9bae
}

._S .table td a.notice,.table td.notice {
    color: #196eaf;
    font-weight: 500
}

.table .list {
    margin-bottom: 5px
}

.table .list p {
    font-size: 14px
}

.table+.list-type03 {
    margin-top: 40px
}

.table+.heading-depth03 {
    margin-top: 30px
}

._S .table td,._S .table th {
    height: 47px;
    padding: 5px;
    line-height: 1.3em
}

._S .table tbody td>em,._S .table tbody td>span {
    display: block;
    font-size: 11px
}

._S .table .list p {
    font-size: 10px
}

._S .table+.list-type03 {
    margin-top: 20px
}

.table-row th {
    padding-left: 0;
    text-align: left
}

.table-row td {
    padding-left: 40px;
    text-align: left
}

.table-type01 td,.table-type01 th {
    border-left: 1px solid #ddd
}

.table-type01 td:first-child,.table-type01 th:first-child {
    border-left: 0
}

.table-type01 td {
    padding-left: 40px;
    text-align: left
}

.table-type01 td.alignC {
    padding-left: 10px
}

._S .table-type01 td.alignC {
    padding-left: 5px
}

.table.table-type01 tbody td.alignC,.table.table-type01 tbody td.alignL {
    padding-left: 10px
}

._S .table.table-type01 tbody td.alignC,._S .table.table-type01 tbody td.alignL {
    padding: 5px 10px
}

.table-type02 {
    border-top: 1px solid #ccc
}

.table-type02 th {
    padding-left: 40px;
    color: #222;
    background-color: #f8f9fb
}

.table-type03 {
    border-top: 1px solid #ccc
}

.table-type03 td,.table-type03 th {
    border-left: 1px solid #ddd
}

.table-type03 td:first-child,.table-type03 th:first-child {
    border-left: 0
}

.table-type03 th {
    color: #222;
    background-color: #f8f9fb
}

.table-type03 tbody th {
    padding-left: 20px
}

.table-type03 th span {
    font-weight: 300
}

._S .table-scroll {
    overflow-x: scroll
}

._S .table-scroll table {
    width: 920px
}

._S .table-scroll table table {
    width: 100%
}

.table .reply {
    display: inline-block;
    position: relative;
    padding-left: 16px
}

.table .reply>span {
    color: #000
}

.table .reply:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../../img/common/spr_icon.png) -32px -35px no-repeat
}

._S .table .reply:before {
    top: 0;
    background: url(../../img/common/m_spr_icon.png) -16px -31px no-repeat;
    background-size: 250px
}

.table .firstCell {
    border-left: 1px solid #ddd!important
}

.tab {
    position: relative;
    margin-bottom: 30px
}

.tab:after,.tab:before {
    content: '';
    display: table
}

.tab:after {
    clear: both
}

.tab li {
    float: left
}

.tab li:first-child a {
    margin-left: 0
}

.tab li a {
    display: block;
    height: 50px;
    margin-left: -1px;
    border: 1px solid #ccc;
    color: #666;
    text-align: center;
    line-height: 48px
}

.tab li.current a {
    position: relative;
    z-index: 1;
    border-color: #003964;
    color: #fff;
    font-weight: 400;
    background-color: #003964
}

._S .tab li a {
    height: 40px;
    margin-top: -1px;
    line-height: 38px
}

.tab-select {
    display: none
}

._S .tab-select {
    display: block;
    position: relative;
    width: 100%;
    height: 45px;
    padding: 0 30px;
    border: 0;
    color: #fff;
    background-color: #003964
}

._S .tab-select:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background: url(../../img/common/m_spr_icon.png) -179px 0 no-repeat;
    background-size: 250px;
    transition: transform .3s
}

._S .tab-select.active:after {
    transform: rotateX(3.142rad)
}

._S .tab-select+ul {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    margin-top: 1px
}

._S .tab-select+ul a {
    margin-left: 0;
    background-color: #fff
}

._S .tab-select+ul li.current a {
    border-color: #ccc;
    color: #003964
}

._S .tab-select+ul li:first-child a {
    border-top: 0
}

.tab.tab-type01 li {
    display: table
}

.tab.tab-type01 li a {
    display: table-cell;
    vertical-align: middle;
    height: 76px;
    border-left: 0;
    line-height: 18px
}

.tab.tab-type01 li:first-child a {
    border-left: 1px solid #ccc
}

._S .tab.tab-type01 {
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px
}

._S .tab.tab-type01[class*=tab-col] li {
    width: 50%
}

._S .tab.tab-type01 li a {
    height: 53px;
    padding: 0 15px;
    border-width: 0 1px 1px 0;
    line-height: 14px
}

.tab.tab-type02:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #003964
}

.tab.tab-type02 li {
    position: relative
}

.tab.tab-type02 li a {
    height: 60px;
    padding: 0 40px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 18px;
    line-height: 58px
}

.tab.tab-type02 li.current a {
    border-color: #003964;
    border-top-width: 2px;
    border-bottom: 1px solid #fff;
    color: #003964;
    font-weight: 600;
    background-color: #fff
}

.tab.tab-type03 li.current a {
    border-color: #3e9bae;
    color: #3e9bae;
    background-color: #fff
}

._S .tab.tab-type03 .tab-select {
    border: 1px solid #3e9bae;
    color: #3e9bae;
    background-color: #fff
}

._S .tab.tab-type03 .tab-select:after {
    width: 9px;
    height: 5px;
    margin-top: -2.5px;
    background-position: -199.5px 0
}

._S .tab.tab-type03 .tab-select+ul li.current a {
    border-color: #ccc;
    color: #3e9bae
}

.tab-col01 li {
    width: 100%
}

.tab-col02 li {
    width: 50%
}

.tab-col03 li {
    width: 33%
}

.tab-col03 li:last-child {
    width: 34%
}

.tab-col04 li {
    width: 25%
}

.tab-col05 li {
    width: 20%
}

.tab-col06 li {
    width: 16.5%
}

.tab-col06 li:last-child {
    width: 17%
}

.tab-col07 li {
    width: 14%
}

.tab-col07 li:last-child {
    width: 16%
}

.tab-col08 li {
    width: 12.5%
}

.tab-col09 li {
    width: 11%
}

.tab-col09 li:last-child {
    width: 12%
}

._S [class*=tab-col] li {
    width: 100%
}

._S .tab.tab-search {
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px
}

._S .tab.tab-search li {
    display: table;
    width: 50%
}

._S .tab.tab-search li a {
    display: table-cell;
    vertical-align: middle;
    height: 53px;
    padding: 0 15px;
    border-width: 0 1px 1px 0;
    line-height: 14px
}

.tab.tab-must-col03 {
    margin: 76px 0 60px
}

.tab.tab-must-col03 li {
    width: 33.3%!important;
    margin-top: -1px
}

.tab.tab-must-col03 li:first-child a {
    margin-left: -1px
}

.tab.tab-must-col03 li a {
    border-left: 1px solid #ccc
}

.tab.tab-must-col03 li.current a {
    border-left-color: #003964
}

._S .tab-must-col03 {
    margin: 30px 0
}

._S .tab-must-col03 li {
    width: 100%!important;
    margin-top: 0
}

.tab.tab-must-col03 li:first-child a {
    margin: 0
}

.tab.tab-old {
    border: 1px solid #ddd;
    border-width: 1px 0 0 1px
}

.tab.tab-old li a {
    border-width: 0 1px 1px 0
}

.accordion {
    margin-top: 30px;
    border-top: 2px solid #003964
}

.accordion li>a {
    display: block;
    position: relative;
    padding: 29px 20px 30px;
    border-bottom: 1px solid #ddd
}

.accordion li>a:after,.accordion li>a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 13px;
    height: 2px;
    margin-top: -2px;
    border-radius: 20px;
    background-color: #666;
    transition: all .3s ease-in
}

.accordion li>a:before {
    right: 23px;
    transform: rotate(45deg)
}

.accordion li>a:after {
    right: 31px;
    transform: rotate(-45deg)
}

.accordion li>a.current:before {
    background-color: #003964;
    transform: rotate(-45deg)
}

.accordion li>a.current:after {
    background-color: #003964;
    transform: rotate(45deg)
}

.accordion li>a em {
    display: inline-block;
    width: 95%;
    color: #222;
    font-size: 22px
}

.accordion li>a.current em {
    color: #003964;
    font-weight: 500
}

.accordion li>div>.heading-depth02:first-child {
    margin-top: 0
}

.accordion a+div {
    position: relative;
    padding: 40px 20px;
    border-bottom: 2px solid #003964
}

.accordion a+div .table {
    margin-top: 0
}

.accordion .desc .box,.accordion .desc .heading-depth03,.accordion .desc .table,.accordion .desc+.table {
    margin-top: 30px
}

.accordion .heading-depth03+.desc {
    margin-top: 10px
}

.accordion .heading-depth03+.table {
    margin-left: 15px
}

.accordion .desc p+.box {
    margin-top: 20px
}

.accordion h5.title+.table {
    margin-top: 0
}

.accordion .table-type03 tbody th {
    color: #222;
    background-color: #fff
}

.accordion .desc>.list>li {
    margin-top: 20px
}

.clearFix.desc>p {
    float: left;
    width: 65%
}

.clearFix.desc>.img {
    float: right;
    width: 35%;
    text-align: right
}

.clearFix.desc>.img img {
    width: 280px
}

._S .accordion {
    margin-top: 15px
}

._S .accordion a em {
    font-size: 14px
}

._S .accordion li>a {
    padding: 13px 10px 14px
}

._S .accordion li>a:after,._S .accordion li>a:before {
    width: 7px;
    height: 1px;
    margin-top: -1px;
    border-radius: 10px
}

._S .accordion li>a:after {
    right: 28px
}

._S .accordion a+div {
    padding: 25px 10px
}

._S .accordion .desc .box,._S .accordion .desc .heading-depth03,._S .accordion .desc .table,._S .accordion .desc+.table {
    margin-top: 15px
}

._S .accordion .desc>.list>li {
    margin-top: 10px
}

._S .clearFix.desc>.img,._S .clearFix.desc>p {
    float: none;
    width: 100%;
    margin-top: 10px;
    text-align: left
}

._IE8 .accordion li>a:before {
    display: none
}

._IE8 .accordion li>a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 31px;
    width: 17px;
    height: 10px;
    margin-top: -5px;
    background: url(../../img/common/spr_icon.png) -131px 0 no-repeat
}

._IE8 .accordion li>a.current:after {
    background-position: -150px 0
}

.accordion-table .list.active>td,.accordion-table .list.active>td span {
    color: #003964
}

.accordion-table .detail {
    display: none
}

.accordion-table .detail.active {
    display: table-row
}

.accordion-table .detail>td {
    padding: 40px;
    background-color: #f6f7f8
}

._S .accordion-table .detail>td {
    padding: 20px
}

.box {
    padding: 40px;
    border: 1px solid #ccc;
    text-align: center
}

.box .item:after,.box .item:before {
    content: '';
    display: table
}

.box .item:after {
    clear: both
}

.box .item span {
    display: block;
    float: left;
    position: relative;
    width: 50%
}

.box .item span+span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #ccc
}

.box .item.lineX span+span:before {
    display: none
}

.box>p {
    margin-top: 30px;
    font-size: 18px
}

.box>p>em {
    color: #3e9bae;
    font-weight: 500
}

.box>p.desc {
    font-size: 16px
}

.box>p.desc a {
    color: #003964
}

.box>p.desc span {
    color: #888;
    font-size: 14px
}

.box+.box,.box+.desc,.box+.heading {
    margin-top: 30px
}

.box+.boardHead {
    margin-top: 50px
}

._S .box {
    padding: 20px
}

._S .box .item span {
    width: 100%
}

._S .box>p {
    margin-top: 0;
    font-size: 12px
}

._S .box>p>em {
    display: block
}

._S .box .item span+span {
    margin-top: 10px;
    padding-top: 10px
}

._S .box .item span+span:before {
    width: 100%;
    height: 1px
}

._S .box+.box,._S .box+.desc,._S .box+.heading {
    margin-top: 10px
}

._S .box+.boardHead {
    margin-top: 40px
}

._S .box>p.desc span {
    font-size: 11px
}

.box-col01 .item span {
    width: 100%
}

.box-col03 .item span {
    width: 33%
}

.box-col03 .item span:last-child {
    width: 34%
}

._S .box-col03 .item span:last-child {
    width: 100%
}

.box.box-type01 {
    border: 0;
    text-align: left;
    background-color: #f2f5f8
}

.box.box-type01>strong {
    color: #222;
    font-size: 22px;
    font-weight: 500
}

.box.box-type01>strong>em {
    color: #003964
}

.box.box-type01 li+li {
    padding-top: 23px
}

.box.box-type01 li em {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    color: #222;
    font-weight: 500
}

.box.box-type01 .tit {
    display: block;
    margin-bottom: 15px;
    color: #444;
    font-size: 18px
}

.box.box-type01 .list>li {
    position: relative;
    padding-top: 0
}

.box.box-type01 .list>li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 1px;
    background-color: #aaa
}

.box.box-type01 .list>li+li {
    margin-top: 10px
}

.box.box-type01 .list-type01 {
    margin-top: 20px
}

._S .box.box-type01 .list-type01>li+li,.box.box-type01 .list-type01>li+li {
    padding-top: 0
}

.box.box-type01 .list-type01>li:before {
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #bac3cc
}

._S .box.box-type01>strong {
    font-size: 16px
}

._S .box.box-type01 .tit {
    margin-bottom: 7px;
    font-size: 14px
}

._S .box.box-type01>li+li {
    padding-top: 10px
}

._S .box.box-type01 .list>li+li {
    margin-top: 7px;
    padding-top: 0
}

._S .box.box-type01 .list>li:before {
    top: 7px;
    width: 3px;
    height: 1px
}

._S .box.box-type01 .list-type01 {
    margin-top: 10px
}

._S .box.box-type01 .list-type01>li:before {
    top: 10px;
    width: 2px;
    height: 2px
}

._S .box.box-type01 li em {
    display: block;
    width: 100%;
    margin-bottom: 9px
}

._S .box.box-type01 .button-sizeFull {
    margin-top: 8px
}

._S .box.box-type01 .check-box {
    width: 48%;
    margin-bottom: 5px
}

._S .box.box-type01 .check-box+.check-box {
    margin-left: 0
}

._S .box.box-type01 .feFoCheck+.labelTxt {
    display: inline-block;
    width: 75%;
    line-height: 1.2em
}

.box.box-type02 {
    padding: 30px;
    border: 0;
    text-align: left;
    background-color: #f2f5f8
}

.box.box-type02 .heading-depth03+.list {
    margin-bottom: 0
}

.box.box-type02 .list+.heading-depth03 {
    margin-top: 20px
}

.box.box-type02 .heading-depth03:first-child {
    margin-top: 0
}

.box.box-number {
    padding: 60px;
    border: 0;
    font-size: 26px;
    font-weight: 400
}

.box.box-number strong {
    color: #003964;
    font-weight: 500
}

.box.box-number .desc {
    color: #888
}

._S .box.box-number {
    padding: 35px;
    font-size: 15px
}

.box[class*=box-open] {
    position: relative;
    margin-top: 60px;
    padding: 30px 20px;
    padding-left: 210px;
    border-radius: 3px;
    font-size: 14px;
    text-align: left
}

.box[class*=box-open]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 172px;
    height: 62px;
    margin: 20px;
    background: url(../../img/common/spr_icon.png) 0 -72px no-repeat
}

.box.box-open01 {
    padding-left: 290px
}

.box.box-open01:before {
    width: 250px;
    background-position: -174px -72px
}

.box.box-open02,.box.box-open03 {
    padding-left: 244px
}

.box.box-open02:before {
    width: 206px;
    background-position: 0 -136px
}

.box.box-open03:before {
    width: 206px;
    background-position: -208px -136px
}

._S .box[class*=box-open] {
    margin-top: 40px;
    padding: 15px;
    padding-top: 65px;
    font-size: 11px;
    text-align: left
}

._S .box[class*=box-open]:before {
    width: 110px;
    height: 40px;
    margin: 15px;
    background: url(../../img/common/m_spr_icon.png) 0 -48px no-repeat;
    background-size: 250px
}

._S .box.box-open01:before {
    width: 164px;
    background-position: 0 -92.5px
}

._S .box.box-open02:before {
    width: 134.5px;
    background-position: -114.5px -48px
}

._S .box.box-open03:before {
    width: 134.5px;
    background-position: 0 -184px
}

.box.box-img {
    padding: 0;
    border: 0
}

.box.box-img+.box.box-img {
    margin-top: 20px
}

.box.box-img span {
    float: left;
    width: 49%
}

.box.box-img span:first-child {
    float: right
}

._S .box.box-img+.box.box-img {
    margin-top: 10px
}

._S .box.box-img span {
    width: 100%
}

._S .box.box-img span+span {
    margin-top: 10px
}

._L .box.box-img01,._M .box.box-img01 {
    padding-right: 0;
    padding-left: 0
}

._L .box.box-img01 .item span,._M .box.box-img01 .item span {
    padding: 0 4%
}

.paging {
    position: relative;
    z-index: 1;
    margin: 30px auto 0;
    text-align: center
}

.paging:after,.paging:before {
    content: '';
    display: table
}

.paging:after {
    clear: both
}

.paging a,.paging strong {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    line-height: 30px
}

.paging a {
    color: #666;
    font-weight: 400
}

.paging strong {
    border-radius: 36px;
    color: #fff;
    background-color: #003964
}

.paging .first,.paging .last,.paging .next,.paging .prev {
    overflow: hidden;
    width: 36px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 36px;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../../img/common/spr_button.png) no-repeat
}

.paging .first {
    background-position: 0 0
}

.paging .prev {
    margin-right: 16px;
    background-position: -38px 0
}

.paging .next {
    margin-left: 16px;
    background-position: -76px 0
}

.paging .last {
    background-position: -114px 0
}

._S .paging a,._S .paging strong {
    width: 20px;
    height: 20px;
    margin: 0 4px;
    line-height: 18px
}

._S .paging .first,._S .paging .last,._S .paging .next,._S .paging .prev {
    width: 23px;
    height: 23px;
    border-radius: 23px;
    white-space: nowrap;
    background: url(../../img/common/m_spr_button.png) no-repeat;
    background-size: 250px
}

._S .paging .first {
    background-position: 0 0
}

._S .paging .prev {
    margin-right: 10px;
    background-position: -27px 0
}

._S .paging .next {
    margin-left: 10px;
    background-position: -54px 0
}

._S .paging .last {
    background-position: -81px 0
}

.list li {
    position: relative;
    padding-left: 10px
}

.list li+li {
    margin-top: 4px
}

.list li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 1px;
    background-color: #666
}

.list>li>span {
    display: inline-block;
    width: 25%
}

.list>li>a[target=_blank] {
    color: #3e9bae
}

.desc+.list {
    margin-bottom: 14px;
    padding-left: 15px
}

._S .list {
    margin-top: 3px
}

._S .list li {
    padding-left: 6px
}

._S .list li:before {
    top: 9px;
    width: 3px
}

._S .desc+.list {
    margin-top: -15px
}

._S .list>li>span {
    width: 100%
}

.list-type01 {
    margin: 5px 0 7px
}

.list-type01 li:before {
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px
}

._S .list-type01 li:before {
    top: 8px;
    width: 2px
}

.list-type02 {
    margin-bottom: 15px
}

.list-type02 li {
    padding-left: 11px;
    text-indent: -11px
}

.list-type02 li em {
    display: inline-block;
    width: 35%;
    color: #222;
    font-weight: 400
}

.list-type02 li:before {
    display: none
}

.list-type02 li+li {
    margin-top: 3px
}

.list-type02 .list {
    font-size: 14px
}

._S .list-type02 .list {
    font-size: 12px
}

.list-type03 {
    margin-bottom: 15px
}

.list-type03 li em {
    display: inline-block;
    width: 35%;
    color: #222;
    font-weight: 400
}

.list-type03 li:before {
    display: none
}

.list-type03 li+li {
    margin-top: 20px
}

._S .list-type03 li em {
    width: 100%
}

._S .list-type03 li em+.button {
    margin-top: 5px
}

.column>li {
    float: left;
    padding-bottom: 20px
}

.column>li>a {
    width: 95%
}

.column.col-02>li {
    width: 50%
}

._S .column[class*=col]>li {
    width: 100%;
    padding-bottom: 10px
}

._S .column>li>a {
    width: 100%
}

.orderList>li {
    margin-left: 15px;
    text-indent: -15px
}

.orderList>li>em {
    color: #3e9bae
}

.orderList li+li {
    margin-top: 4px
}

.orderList>li>ol {
    margin-top: 4px
}

.orderList>li>ol>li {
    font-size: 14px;
    text-indent: 0
}

.orderList+.desc {
    margin-top: 20px
}

._S .orderList>li {
    margin-left: 10px;
    text-indent: -10px
}

._S .orderList>li>ol>li {
    font-size: 11px
}

._S .orderList+.desc {
    margin-top: 10px
}

.orderList+.tab {
    margin-top: 55px
}

._S .orderList+.tab {
    margin-top: 20px
}

._L .orderList+.table,._M .orderList+.table {
    margin-top: 55px
}

.boardHead {
    position: relative;
    min-height: 40px;
    margin-bottom: 30px
}

.boardHead:after {
    content: '';
    display: table;
    clear: both
}

.boardHead .total {
    display: inline-block;
    color: #666;
    white-space: nowrap;
    line-height: 38px
}

.boardHead .total strong {
    color: #003964;
    font-weight: 600
}

.boardHead .boardSort {
    float: right;
    margin-top: -10px
}

.boardHead .button {
    position: absolute;
    right: 0
}

._S .boardHead {
    min-height: auto;
    margin-bottom: 15px
}

._S .boardHead .total {
    line-height: 20px
}

._S .boardHead .boardSort {
    width: 50%;
    margin-top: 0;
    text-align: right
}

._S .boardSort .select-type01 {
    min-width: 80%
}

.boardView .head {
    padding: 35px 0 40px 20px;
    border-top: 2px solid #666
}

.boardView .head .title {
    color: #222;
    font-size: 24px
}

.boardView .head .reply {
    position: relative;
    padding-left: 27px
}

.boardView .head .reply:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../../img/common/spr_icon.png) -16px -35px no-repeat
}

.boardView .head .article {
    margin-top: 30px
}

.boardView .head .article span {
    padding-right: 20px
}

.boardView .head .article strong {
    display: inline-block;
    position: relative;
    padding-right: 9px
}

.boardView .head .article span+strong {
    padding-left: 20px
}

.boardView .head .article span+strong:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    margin-top: -7.5px;
    background-color: #ccc
}

._S .boardView .head {
    padding: 20px 0 20px 10px
}

._S .boardView .head .title {
    font-size: 17px
}

._S .boardView .head .reply {
    padding-left: 16px
}

._S .boardView .head .reply:before {
    top: 4px;
    background: url(../../img/common/m_spr_icon.png) -16px -31px no-repeat;
    background-size: 250px
}

._S .boardView .head .article {
    margin-top: 15px
}

.boardView .file {
    border-top: 1px solid #ccc
}

.boardView .file .desc {
    padding: 15px 0 15px 20px
}

.boardView .file .desc>strong {
    position: relative;
    padding-left: 25px
}

.boardView .file .desc>strong:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../../img/common/spr_icon.png) -18px -17px no-repeat
}

.boardView .file .desc>a {
    margin-left: 20px
}

.boardView .file .fileList {
    padding: 15px 0 15px 45px;
    background-color: #f8f9fb
}

.boardView .file .fileList li+li {
    padding-top: 15px
}

._S .boardView .file .desc {
    padding: 14px 0 14px 10px
}

._S .boardView .file .desc>strong {
    padding-left: 20px
}

._S .boardView .file .desc>strong:before {
    width: 12px;
    height: 12px;
    background: url(../../img/common/m_spr_icon.png) -16px -15px no-repeat;
    background-size: 250px
}

._S .boardView .file .desc>a {
    margin-left: 15px
}

._S .boardView .file .fileList {
    padding: 9px 0 9px 30px
}

._S .boardView .file .fileList li+li {
    padding-top: 9px
}

.boardView .body {
    padding: 50px 20px 80px;
    border-top: 1px solid #ccc
}

.boardView .body .boardTable td,.boardView .body .boardTable th {
    text-align: left
}

.boardView .body [class*=qnaTitle] {
    display: block;
    margin-bottom: 3px;
    color: #013a65;
    font-weight: 500
}

.boardView .body .qnaTitleQ {
    color: #013a65
}

.boardView .body .qnaTitleA {
    color: #222
}

.boardView .body .box.reply {
    margin-top: 45px
}

.boardView .body .cont {
    display: inline-block;
    width: 60%
}

.boardView .body .img {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    text-align: right
}

.boardView .body .pw {
    margin-top: 50px
}

.boardView .body .pw>em {
    display: inline-block;
    margin-right: 20px;
    color: #222;
    font-weight: 400
}

._S .boardView .body {
    padding: 30px 10px 35px
}

._S .boardView .body .cont {
    width: 100%
}

._S .boardView .body .img {
    width: 100%;
    margin-top: 15px;
    text-align: center
}

._S .boardView .body .pw>em {
    margin-right: 10px
}

.boardView .page {
    border-top: 2px solid #666
}

.boardView .page>div {
    padding: 11px 0 17px 20px;
    border-bottom: 1px solid #ddd
}

.boardView .page>div strong {
    position: relative;
    margin-right: 50px;
    padding-right: 28px;
    color: #000;
    font-weight: 600
}

.boardView .page>div strong:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 4px;
    margin-top: -2px;
    background: url(../../img/common/spr_icon.png) -111px 0 no-repeat
}

.boardView .page>div strong.next:after {
    background-position: -121px 0
}

.boardView .page>div a,.boardView .page>div span,.boardView .page>div strong {
    display: inline-block;
    vertical-align: middle
}

.boardView .page>div a {
    max-width: 90%;
    color: #666
}

.boardView .table+.page {
    margin-top: 80px
}

._S .boardView .page>div strong {
    margin-right: 15px;
    padding-right: 15px
}

._S .boardView .page>div a {
    max-width: 75%
}

._S .boardView .table+.page {
    margin-top: 35px
}

.boardView .video {
    max-width: none;
    margin-bottom: 50px;
    background-color: #e2e2e2
}

.boardView .video video {
    width: 100%;
    max-width: none;
    height: 100%
}

._IE8 .boardView .video video,.boardView .video embed {
    display: none
}

._IE8 .boardView .video embed {
    display: block;
    width: 100%;
    max-width: none;
    height: 600px
}

.boardBox .item {
    float: left;
    position: relative;
    width: 32%;
    margin-bottom: 20px
}

.boardBox .item+.item {
    margin-left: 2%
}

.boardBox .item a {
    display: block;
    border: 1px solid #ddd
}

.boardBox .item .img {
    overflow: hidden;
    height: 190px
}

.boardBox .item img {
    width: 100%;
    height: 190px;
    transition: transform .5s
}

.boardBox .item a:hover img {
    transform: scale(1.1) rotate(.001deg)
}

.boardBox .item span {
    display: block;
    padding: 0 20px
}

.boardBox .item span.title {
    margin-bottom: 15px;
    padding-top: 20px;
    color: #666;
    font-size: 18px;
    font-weight: 500
}

.boardBox .item span.count {
    margin-bottom: 20px;
    color: #888
}

._L .boardBox .item:nth-child(3n+1),._M .boardBox .item:nth-child(3n+1) {
    margin-left: 0
}

._IE8 .boardBox .item:first-child+.item+.item+.item {
    margin-left: 0
}

._S .boardBox .item {
    width: 100%;
    margin-bottom: 10px
}

._S .boardBox .item+.item {
    margin-left: 0
}

._S .boardBox .item img {
    width: 100%;
    height: auto
}

._S .boardBox .item span {
    padding: 0 10px
}

._S .boardBox .item span.title {
    margin-bottom: 7px;
    padding-top: 10px;
    font-size: 14px
}

._S .boardBox .item span.count {
    margin-bottom: 10px
}

.no-data td,div.no-data {
    padding: 55px 0;
    text-align: center
}

._S .no-data td,._S div.no-data {
    padding: 33px 0
}

._popup body {
    overflow-y: auto;
    min-width: 960px
}

.popup .head {
    height: 80px;
    margin-bottom: 0;
    line-height: 78px;
    background-color: #003964
}

.popup .head h1 {
    padding-left: 40px;
    color: #fff;
    font-size: 26px;
    font-weight: 500
}

.popup .body {
    padding: 40px
}

.popup .body>.heading:first-child {
    margin-top: 0
}

.popup .body .btnWrap+.heading,.popup .body .desc+.heading {
    margin-top: 30px
}

.popup .body>.desc {
    margin-bottom: 25px;
    text-align: justify;
    line-height: 28px
}

.popup .body .desc.alignC {
    text-align: center
}

.popup .lnb {
    float: left;
    width: 20%;
    margin-right: 5%;
    border-top: 3px solid #666
}

.popup .lnb .depth2>li {
    border-bottom: 1px solid #ccc
}

.popup .lnb .depth2>li>a {
    display: block;
    padding: 22px 30px 22px 0;
    color: #444;
    font-weight: 400;
    line-height: 1.4
}

.popup .lnb .depth2>.current>a {
    color: #003964;
    font-weight: 500
}

.popup .lnb .depth3 {
    display: none;
    overflow: hidden;
    margin: 3px 0 18px
}

.popup .lnb .depth3 li {
    margin-top: 7px
}

.popup .lnb .depth3 a {
    display: block;
    padding: 4px 24px 6px 20px;
    color: #444;
    line-height: 1.4
}

.popup .lnb .depth3>.current a {
    color: #003964;
    font-weight: 500;
    background-color: #f6f6f6
}

.popup .cont {
    float: left;
    width: 75%
}

.popup .cont .scroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 640px
}

.history-breadcrumb {
    height: 56px;
    margin-bottom: 10px;
    border: 1px solid #ddd
}

.history-breadcrumb .item {
    float: left;
    position: relative;
    border-right: 1px solid #ddd
}

.history-breadcrumb .item>em {
    display: block;
    position: relative;
    margin-right: 20px;
    padding: 15px 30px 15px 20px
}

.history-breadcrumb .item>em:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 11px;
    margin-top: -5.5px;
    background: url(../../img/common/spr_button.png) -55px -66px no-repeat
}

.history-breadcrumb .item>ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    border-top: 1px solid #ddd;
    background-color: #fff
}

.history-breadcrumb .item>ul a {
    display: block;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
    border-top: 0;
    color: #666;
    transition: .3s color
}

.history-breadcrumb .item>ul li.current a {
    color: #222;
    font-weight: 500
}

.history-breadcrumb .layer-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: 0 0
}

.history-top {
    margin-top: 40px
}

.history-top .heading-depth01 {
    margin-bottom: 30px
}

.history-top .heading-depth02 .title {
    width: 100%
}

.history-top .heading-depth02 .title span {
    vertical-align: top;
    width: 80%;
    font-weight: 300
}

.history-top .heading-depth02 .title .depth3 {
    display: inline-block;
    position: relative;
    width: auto;
    margin-left: 20px;
    padding-left: 20px
}

.history-top .heading-depth02 .depth3:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #ddd
}

.history-body {
    margin: 40px 0
}

.history-body strong.desc {
    display: inline-block;
    margin-top: 20px
}

.history-body .box {
    padding: 20px 30px
}

.history-body .box>p {
    margin-top: 0
}

.history-body .box em {
    color: #003964
}

.history-body .box>h5 {
    margin-top: 20px;
    margin-bottom: 10px
}

.history-body .heading-depth03 h4.title {
    margin-bottom: 20px;
    padding-left: 0;
    font-size: 20px
}

.history-body .heading-depth03 .title:before {
    display: none
}

.history-body .heading-depth03+.desc {
    padding-left: 0
}

.history-body .list strong {
    display: inline-block;
    vertical-align: top;
    width: 10%
}

.history-body .list>li>span {
    width: 88%
}

.history-body .box em+.list,.history-body .desc+.box,.history-body .desc+.desc,.history-body .desc+.orderList,.history-body .orderList+.heading,.history-body .table+.desc,.history-body .table+.orderList {
    margin-top: 20px
}

.history-body .menu li {
    display: inline-block;
    position: relative
}

.history-body .menu li+li {
    margin-left: 15px;
    padding-top: 0;
    padding-left: 15px
}

.history-body .menu li+li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    margin-top: -7.5px;
    background-color: #ddd
}

.history-body .menu .current a {
    color: #3e9bae;
    font-weight: 400
}

.oldhan_list_wrap {
    overflow-y: auto;
    width: 100%;
    height: 400px;
    border: 1px solid #ddd
}

.oldhan_list {
    margin: 15px 30px
}

.oldhan_list li {
    float: left;
    padding: 7px
}

.oldhan_list li.bigchar {
    width: 60px;
    height: 60px;
    margin-top: 10px;
    padding: 0;
    border: 2px solid #003964;
    color: #003964;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    line-height: 60px
}

.oldhan_search input[type=text] {
    width: 80%;
    font-size: 20px
}

strong.caption {
    display: block;
    padding-top: 30px;
    text-align: center
}

._L._main .nav,._M._main .nav,._main .aside,._main .contTopBar,.mainNav h2 {
    display: none!important
}

._main .container>.inner {
    overflow: visible;
    width: 1920px;
    padding: 0
}

._L .main {
    width: 100%
}

.mBoxWrap,.mVisual,.mainNav {
    height: 940px
}

.content.main {
    width: 100%
}

.mainNav {
    float: left;
    position: relative;
    z-index: 10;
    width: 300px;
    background-color: #1a2e48
}

.mainNav a {
    display: block;
    color: #fff;
    transition: font-weight .3s
}

.mainNav .depth1 {
    padding-top: 11px
}

.mainNav .depth1 ul {
    overflow: hidden
}

.mainNav .sub {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 10px;
    left: 270px;
    z-index: 10;
    min-width: 330px;
    max-height: 800px;
    padding: 30px;
    background-color: #2765b7;
    box-shadow: 5px 5px 10px rgba(0,0,0,.2)
}

.mainNav .depth1-item02 .sub:nth-child(2){top:-100px}

.mainNav .depth1-item04~li .sub {
    top: auto;
    bottom: 5px
}

.mainNav .depth1>li {
    position: relative
}

.mainNav .depth1>li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(../../img/common/spr_icon.png) no-repeat
}

.mainNav .depth1 .depth1-item01:before {
    background-position: 0 -200px
}

.mainNav .depth1 .depth1-item02:before {
    background-position: -84px -200px
}

.mainNav .depth1 .depth1-item03:before {
    background-position: -336px -200px
}

.mainNav .depth1 .depth1-item04:before {
    background-position: -378px -200px
}

.mainNav .depth1 .depth1-item05:before {
    background-position: -420px -200px
}

.mainNav .depth1 .depth1-item01.active:before {
    background-position: 0 -264px
}

.mainNav .depth1 .depth1-item02.active:before {
    background-position: -84px -264px
}

.mainNav .depth1 .depth1-item03.active:before {
    background-position: -336px -264px
}

.mainNav .depth1 .depth1-item04.active:before {
    background-position: -378px -264px
}

.mainNav .depth1 .depth1-item05.active:before {
    background-position: -420px -264px
}

.mainNav .depth1>li>a {
    height: 96px;
    padding: 0 50px 0 110px;
    font-size: 18px;
    line-height: 96px
}

.mainNav .depth1>li>a>span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.mainNav .depth1>.active>a {
    font-weight: 500
}

.mainNav .depth2>li+li {
    margin-top: 30px
}

.mainNav .depth2>li>a {
    padding-right: 40px;
    font-size: 18px;
    font-weight: 400
}

.mainNav .depth2>.active>a {
    font-weight: 700
}

.mainNav .depth3 {
    margin: 5px 10px 0
}

.mainNav .depth3 li {
    position: relative;
    margin-top: 7px;
    padding-left: 8px
}

.mainNav .depth3 li:before {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 5px;
    height: 1px;
    background: #fff
}

.mainNav .sub .hasSub>a:before {
    margin-top: 13px;
    background: #fff
}

.mainNav .sub .hasSub>a:after {
    margin-top: 7px;
    background: #fff
}

.mainNav .sub [target=_blank]:after {
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-position: -111px -17px
}

.mVisual {
    display: none;
    float: left;
    width: 660px;
    transition: width .1s
}

._L .mVisual {
    display: block
}

.mBoxWrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding-left: 270px
}

._L .mBoxWrap {
    width: 960px;
    padding-left: 0
}

.mBoxCol {
    float: left;
    width: 50%
}

.mBox {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 360px;
    padding: 30px 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right bottom
}

.mBox h2 {
    margin: 4px 0 6px;
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.25
}

.mBox .button {
    height: 45px;
    border: 1px solid rgba(255,255,255,.5);
    color: #fff;
    line-height: 43px;
    background-color: transparent
}

.mBox-type01 {
    background-image: url(../../img/main/img_mBox01.png)
}

.mBox-type02 {
    background-color: #f27940
}

.mBox-type03 {
    background-image: url(../../img/main/img_mBox03.png)
}

.mBox-type04 {
    background-image: url(../../img/main/img_mBox04.png)
}

.mBox-type05 {
    background-image: url(../../img/main/img_mBox05.png)
}

.mBox-type01 .mBoxLink {
    padding-right: 0
}

.mBox-type01 .mBoxLink li a,.mBox-type01 h2,.mBox-type02 .downLink li,.mBox-type02 .mBoxLink li a,.mBox-type02 h2 {
    color: #222
}

.mBox-type02 .downLink li .button {
    border-color: #222;
    color: #222
}

.mBox-type03,.mBox-type05 {
    height: 220px
}

.mBox-type03 .mBoxLink li,.mBox-type05 .mBoxLink li {
    width: 180px
}

.mBox-type04 .button {
    position: absolute;
    bottom: 38px;
    left: 40px;
    width: 180px;
    padding: 0 20px;
    text-align: left
}

.mBox-type04 .icon-link:after {
    width: 17px;
    height: 17px;
    margin-left: 53px;
    background-position: -18px -52px
}

.mBoxLink [target=_blank]:after {
    margin-top: 0
}

.mBoxLink {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    padding: 0 40px
}

.mBoxLink:after {
    content: '';
    display: block;
    clear: both
}

.mBoxLink li {
    float: left;
    width: 20%;
    margin: 18px 40px 8px 0;
    border-bottom: 1px solid rgba(225,225,225,.5)
}

.mBoxLink li a {
    display: block;
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-bottom: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.mBoxLink li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 8px;
    height: 13px;
    background: url(../../img/common/spr_icon.png) no-repeat;
    background-position: -240px 0
}

.downLink {
    overflow: hidden;
    position: absolute;
    bottom: 38px;
    left: 40px;
    padding-right: 20px
}

.downLink li {
    float: left;
    width: 50%;
    margin-top: 25px;
    color: #fff
}

.downLink li span {
    display: inline-block;
    width: 90px;
    font-size: 16px
}

.downLink li .button {
    width: 70px;
    height: 30px;
    padding: 0;
    font-size: 12px;
    line-height: 28px
}

@media print {
    body,html {
        min-width: 940px!important
    }

    .contTopBar,.content>.util,.footer,.header,.inner>.sub {
        display: none!important
    }

    .container>.inner,.content {
        width: 100%!important;
        max-width: 100%!important;
        padding: 0!important
    }
}