@charset "UTF-8";

* {
vertical-align : baseline;
margin : 0;
padding : 0;
border-radius : 0;
list-style : none;
}
[hidden] {
display : none !important ;
}
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:absolute;
    overflow:hidden;
    border:0;
    width:1px;
    height:1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path:inset(50%);
		}

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;
}
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 {
appearance : none;
text-transform : none;
}
button, input {
overflow : visible;
}
textarea {
resize : vertical;
}
[type="search"] {
box-sizing : content-box;
}
[type="text"]::-ms-clear, [type="text"]::-ms-reveal {
display : 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', 'New Gulim', sans-serif;
}
*, :after, :before {
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 : 320px;
color : #333;
font-size : 16px;
font-weight : 300;
word-break : break-all;
word-spacing : -1px;
background-color : #fff;
}

a {
color : #333;
}
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;
}
.jump_go {
position : absolute;
top : -120px;
right : 0;
left : 0;
z-index : 1000;
min-width : 320px;
height : 120px;
color : #333;
font-size : 1.875em;
text-align : center;
letter-spacing : -1.5px;
line-height : 120px;
background-color : #003964;
background-color : rgb(0, 57, 100, 0.8);
transition : 0.1s ease-in-out;
}
._S .jump_go {
top : -51px;
height : 51px;
font-size : 1.5em;
line-height : 51px;
}
.jump_go:focus, .jump_go:hover {
top : 0;
color : #fff;
text-decoration : none;
}
::-moz-selection {
background-color : rgb(62, 155, 174, 0.1);
}
::selection {
background-color : rgb(62, 155, 174, 0.1);
}
._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, .oldhan_list:after, .oldhan_list: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, .oldhan_list:after, .resultTitle:after, .resultTitle > ul:after, .vocabulary-list:after {
clear : both;
}
._OL * {
outline : 0 !important ;
}
body {
opacity : 0;
}
._JS body {
opacity : 1;
}


._S .table ._SX{display:table-cell}


._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 : 0.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, .mBox-type04 .call, .table td a[target="_blank"] span[class*="button-down"], [class*="button-down"] {
overflow : hidden;
color : transparent;
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;
max-width : 1920px;
min-height : 120px;
margin : auto;
}
.contTopBar > .inner, .container > .inner, .nav .inner {
width : 100%;
max-width : 1200px;
margin : auto;
}
.header .top > .inner {
transition : min-height 0.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 40px;
}
._M .contTopBar > .inner, ._M .container > .inner, ._M .footer > .inner, ._M .nav .inner {
max-width : 1300px;
padding-right : 25px;
padding-left : 25px;
}
._S .header .top > .inner {
overflow : visible;
min-height : 50px;
}
._S .container > .inner {
padding : 25px 15px 60px;
}
._S .footer > .inner {
padding-right : 15px;
padding-left : 15px;
}
.header {
background-color : #fff;
}
.header.active, .header.activeSearch {
position : relative;
z-index : 100;
}
.header .top {
overflow : hidden;
border-bottom : 1px solid #d6d6d6;
}
._S .header .top {
overflow : visible;
}
.header .logo {
position : absolute;
top : 34px;
left : 40px;
transition : left 0.1s;
}
/*.header .logo a {
display : block;
width : 174px;
height : 52px;
background : url(../../img/common/logo.png) no-repeat;
}*/
._M .header .logo {
left : 25px;
}
._S .header .logo {
top : 12px;
left : 15px;
}
._S .header .logo a {
width : 87px;
height : 26px;
background-size : 100%;
}
.header .search {
position : relative;
left : -48px;
width : 50.46%;
max-width : 800px;
height : 60px;
margin : 30px auto;
transition : width 0.1s;
}
._M .header .search {
width : 45.05%;
}
._S .header .search {
display : none;
position : absolute;
top : 49px;
left : 0;
z-index : 50;
width : 100%;
max-width : 100%;
height : 54px;
margin : 0;
padding : 0 15px 14px;
border-bottom : 1px solid #d6d6d6;
background-color : #fff;
}
._L .search, ._M .search, ._S._main .search {
display : block !important ;
}
.header .search div {
position : relative;
width : 100%;
padding-right : 70px;
border : #003964 solid 5px;
}
._S .header .search div {
border-width : 2px;
}
.header .search option {
font-size : 18px;
font-weight : 300;
}
.header .search select:focus span:after {
transform : rotate(180deg);
}
.header .search .feFoSelect {
width : 26%;
min-width : auto;
height : 50px;
padding : 0 0 0 18px;
border : 0;
border-radius : 0;
color : #003964;
font-size : 18px;
line-height : 48px;
background : 0 0;
}
.header .search .feFoSelect span:after {
right : 0;
width : 8px;
background-position : -121px 0;
}
.header .search input[type="text"] {
vertical-align : middle;
width : 73%;
height : 50px;
margin-left : 0;
border : 0;
font-size : 18px;
}
._S .header .search input[type="text"] {
width : 100%;
height : 36px;
font-size : 16px;
}

.header .search input::-webkit-input-placeholder {
  color:#333!important;font-weight:600;
}

.box-type01 input::-webkit-input-placeholder {
  color:#333!important;font-weight:600;
}

._S .header .search .feForm {
display : none;
}
._S .header.active .search {
display : none !important ;
}
.header .search .button-search {
position : absolute;
top : 50%;
right : 30px;
width : 26px;
height : 26px;
margin-top : -13px;
border : 0;
background : url(../../img/common/spr_button.png?20230314) 0 -38px no-repeat;
}
._S .header .search .button-search {
top : 0;
width : 18px;
height : 18px;
margin-top : 11px;
background : url(../../img/common/m_spr_button.png?20230314) -62px -27px no-repeat;
background-size : 250px;
}
.header .util {
position : absolute;
top : 47px;
right : 40px;
width : 270px;
transition : right 0.1s;
}
.header .util li {
float : left;
position : relative;
}
.header .util li + li {
padding-left : 39px;
}
.header .util li + li:before {
content : '';
position : absolute;
top : 50%;
left : 18px;
width : 1px;
height : 13px;
margin-top : -6.5px;
background-color : #ddd;
}
.header .util li a {
color : #222;
letter-spacing : 0;
}
.header .util > a {
position : absolute;
top : 50%;
right : 0;
width : 26px;
height : 20px;
margin-top : -10px;
border : 0;
background : url(../../img/common/spr_button.png?20230314) -28px -38px no-repeat;
}
._M .header .util {
right : 25px;
}
._S .header .util {
top : 0;
right : 15px;
height : 51px;
}
._L .header .util .button-search, ._M .header .util .button-search, ._S .header .util ul, ._S._main .header .util .button-search {
display : none !important ;
}
._S .header .util .button-search.active, ._S .header .util > a {
display : inline-block;
width : 17.5px;
height : 14.5px;
margin-top : -7.25px;
background : url(../../img/common/m_spr_button.png?20230314) -22px -27px no-repeat;
background-size : 250px;
}
._S .header .util .button-search {
display : block;
position : absolute;
top : 50%;
right : 35px;
width : 18px;
height : 18px;
margin-top : -9px;
border : 0;
background : url(../../img/common/m_spr_button.png?20230314) 0 -27px no-repeat;
background-size : 250px;
}
._S .header .util .button-search.active, ._S .header .util > .active {
right : 0;
background-position : -43.5px -27px;
}
.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;
padding-right: 28px;

}
.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 0.3s, opacity 0.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;
}
._S .nav .hasSub a {
cursor : pointer;
}
.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 0.3s;
}
._IE8 .nav .depth1 > li > a {
font-weight : 700;
}
.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;
padding-bottom:30px
}
._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 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 : #333;
font-weight : 400;
}
.nav .depth3 [target="_blank"] {
padding-right : 24px;
}
._S .nav {
display : block;
position : absolute;
top : 51px;
left : 0;
z-index : 150;
width : 100%;
}
._S .nav ul ul {
display : none;
}
._S .nav.disabled {
overflow : hidden;
height : 0;
}
._S .nav.disabled ul ul {
display : block;
}
._S .nav .sub {
display : block;
position : relative;
top : 0;
border : 0;
}
._S .nav .sub > .inner {
padding : 0;
}
._S .nav li {
width : 100%;
margin-top : 0;
text-align : left;
}
._S .nav a {
display : block;
}
._S .sub .hasSub > a:before {
margin-top : 6px;
}
._S .sub .hasSub > a:after {
margin-top : 0;
}
._S .sub .hasSub > a:after, ._S .sub .hasSub > a:before, ._S .sub [target="_blank"]:after {
display : none;
}
._S .nav .depth1 {
margin : 0 15px;
}
._S .nav .depth1 > li {
padding : 0 15px;
border-bottom : 1px solid #f2f2f2;
}
._S .nav .depth1 > .active {
padding-bottom : 18px;
}
._S .nav .depth1 > li > a {
position : relative;
height : 51px;
font-size : 16px;
line-height : 51px;
}
._S .nav .depth1 > li > a:after, ._S .nav .depth1 > li > a:before {
content : '';
position : absolute;
top : 0;
right : 0;
width : 12px;
height : 2px;
margin-top : 27px;
background-color : #333;
transition : transform 0.3s, opacity 0.3s;
transform : rotate(0);
}
._S .nav .depth1 > li > a:after {
width : 2px;
height : 12px;
margin-top : 22px;
margin-right : 5px;
}
._S .nav .depth1 > li.active > a:after, ._S .nav .depth1 > li.active > a:before {
background-color : #3e9bad;
transform : rotate(180deg);
}
._S .nav .depth1 > li.active > a:after {
opacity : 0;
}
._S .nav .depth2 > li {
margin-top : 22px;
padding : 0;
}
._S .nav .depth2 > li:first-child {
margin-top : 0;
}
._S .nav .depth2 > li > a {
font-size : 14px;
font-weight : 400;
}
._S .nav .depth2 .hasSub > a:after, ._S .nav .depth2 .hasSub > a:before {
content : '';
display : inline-block;
position : absolute;
top : 0;
right : 0;
width : 12px;
height : 2px;
margin-top : 9px;
background-color : #999;
transition : transform 0.3s, opacity 0.3s;
transform : rotate(0);
}
._S .nav .depth2 .hasSub > a:after {
width : 2px;
height : 12px;
margin-top : 4px;
margin-right : 5px;
}
._S .nav .depth2 > li.active > a:after, ._S .nav .depth2 > li.active > a:before {
background-color : #999;
transform : rotate(180deg);
}
._S .nav .depth2 > li.active > a:after {
opacity : 0;
}
._S .nav .depth2 ins {
display : none;
}
._S .nav .depth3 {
margin-top : 0;
}
._S .nav .depth3 li {
margin-top : 20px;
}
._S .nav .depth3 a {
position : relative;
padding-left : 13px;
font-weight : 300;
}
._S .nav .depth3 a:before {
content : '';
position : absolute;
top : 0;
left : 0;
width : 4px;
height : 1px;
margin-top : 10px;
background-color : #ccc;
}
.contTopBar {
overflow : hidden;
height : 41px;
border-bottom : 1px solid #d6d6d6;
background-color : #f6f6f6;
}
._S .contTopBar {
display : none;
}
.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?20230314) 0 -66px no-repeat;
}
.breadcrumb .item em {
display : block;
position : relative;
width : 200px;
height : 40px;
padding : 0 40px 0 20px;
border : #ddd solid 1px;
border-width : 0 1px;
color : #333;
line-height : 40px;
}
.breadcrumb .item .link {
position : absolute;
top : 35%;
right : 16px;
width : 17px;
height : 19px;
margin-top : -5px;
background : url(../../img/common/spr_button.png?20230314) -77px -62px 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;
}
.contTopBar .util .jumja_down {
background : url(../../img/common/jumja_icon2.png) no-repeat;
}
.contTopBar .util .jumja_view {
background : url(../../img/common/jumja_icon.png) no-repeat;

}

.contTopBar .util .jumja_hide {position:absolute;left:-40px;display:none}
.contTopBar .util .jumja_hide button{background:none}


.container {
position : relative;
}
.inner > .sub {
display : none;
float : left;
width : 210px;
margin-right : 50px;
}
._L .inner > .sub {
display : block;
}
.inner > .sub h2 {
padding-bottom : 10px;
border-bottom : 3px solid #333;
color : #222;
font-size : 33px;
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 : 600;
}
.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 : 320px;
}
.aside.active {
position : fixed;
bottom : 90px;
}
._S .aside.active {
bottom : 66px;
}
.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 0.1s, opacity 0.1s, top 0.1s;
opacity : 0;
}
._M .aside button {
right : 25px;
}
._S .aside button {
top : 15px;
right : 15px;
width : 51px;
height : 51.5px;
background : url(../../img/common/m_spr_button.png) 0 -85px no-repeat;
background-size : 250px;
}
.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;
}
}

@media (max-width: 690px) {

.content iframe {width:100%;height:200px!important}

}


@media screen and (max-width: 319px) {
.aside {
display : none;
}
}
.indent {
padding-left : 20px;
text-indent : -20px;
}
ul.indent li {
text-indent : -14px;
}
ul.indent {
padding-left : 28px;
}
.indent + .desc {
margin-top : 25px;
}
._S ul.indent {
padding-left : 20px;
}
._S ul.indent li {
text-indent : -10px;
}
.content {
float : left;
position : relative;
width : 100%;
}
.content > .desc {
margin-bottom : 25px;
text-align : justify;
line-height : 28px;
}
.content > .desc > em {
color : #006074;
font-size : 14px;
}
.content > .desc > a[target="_blank"] {
color : #3e9bae;
}
._L .content {
width : 940px;
}
._S .content > .desc {
margin-bottom : 15px;
line-height : 19px;
}
._S .content > .desc > em {
font-size : 11px;
}
.content iframe {
overflow : auto;
width : 100%;
height : 1200px;
border : 0;
}
.btnWrap + iframe {
margin-top : 30px;
}
.content .util {
position : absolute;
right : 0;
z-index : 10;
display:none;
}
.content .util button {
float : left;
position : relative;
width : 28px;
height : 28px;
border : #ddd solid 1px;
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;
}




.header .util2 .zoom-out {
border-radius : 3px 0 0 3px;
}
.header .util2 .zoom-in:before, .header .util2 .zoom-out:before {
content : '';
position : absolute;
top : 11px;
left : 9px;
width : 10px;
height : 2px;
background-color : #888;
}
.header .util2 .zoom-in:after {
content : '';
position : absolute;
top : 7px;
left : 50%;
width : 2px;
height : 10px;
background-color : #888;
}
.header .util2 .zoom-in {
margin-left : -1px;
border-radius : 0 3px 3px 0;
}

.header .util2 button {
float : left;
position : relative;
width : 28px;
height : 28px;
border : #ddd solid 1px;
background-color : #fff;
overflow : hidden;
color : transparent;
text-indent : 100%;
white-space : nowrap;
}

.header .util2 {
position : absolute;
top : 47px;
right : 120px;
width : 270px;
transition : right 0.1s;
}

.header .util2 li {
float : left;
position : relative;
}
.header .util2 li + li {
padding-left : 39px;
}
.header .util2 li + li:before {
content : '';
position : absolute;
top : 50%;
left : 18px;
width : 1px;
height : 13px;
margin-top : -6.5px;
background-color : #ddd;
}
.header .util2 li a {
color : #222;
letter-spacing : 0;
}
.header .util2 > a {
position : absolute;
top : 50%;
right : 0;
width : 26px;
height : 20px;
margin-top : -10px;
border : 0;
background : url("https://www.korean.go.kr/asset/css/common/../../img/common/spr_button.png") -28px -38px no-repeat;
}
._M .header .util2 {
right : 85px;
}
._S .header .util2 {
top : 0;
right : 15px;
height : 51px;
}
._L .header .util2 .button-search, ._M .header .util2 .button-search, ._S .header .util2 ul, ._S._main .header .util2 .button-search {
display : none !important ;
}
._S .header .util2 .button-search.active, ._S .header .util2 > a {
display : inline-block;
width : 17.5px;
height : 14.5px;
margin-top : -7.25px;
background : url("https://www.korean.go.kr/asset/css/common/../../img/common/m_spr_button.png") -22px -27px no-repeat;
background-size : 250px;
}
._S .header .util2 .button-search {
display : block;
position : absolute;
top : 50%;
right : 35px;
width : 18px;
height : 18px;
margin-top : -9px;
border : 0;
background : url("https://www.korean.go.kr/asset/css/common/../../img/common/m_spr_button.png") 0 -27px no-repeat;
background-size : 250px;
}
._S .header .util2 .button-search.active, ._S .header .util2 > .active {
right : 0;
background-position : -43.5px -27px;
}







._siteMap .contTopBar, ._siteMap .nav, .content .siteMap h2, .content.siteMap h2, .siteMap > .heading {
display : none !important ;
}
._siteMap .header .util > a {
background : url(../../img/common/spr_button.png) -56px -38px no-repeat;
}
.siteMap {
float : none;
}
._L .siteMap {
width : 1200px;
margin : auto;
}
.siteMap .depth1 > li {
float : left;
width : 25%;
padding-left : 4.17%;
}
.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 : 25px;
}
.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 : #003964 solid 1px;
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 : #003964 solid 1px;
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 : 20px;
}
.searchForm .icon-detail:after {
width : 11px;
height : 7px;
background-position : -219px 0;
transition : transform 0.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) 0 0 no-repeat;
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 : #ccc solid 1px;
border-radius : 25px;
color : #333;
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 : #333;
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) 0 0 no-repeat;
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) 0 0 no-repeat;
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 : #333;
font-weight : 300;
font-size : 18px;
}
.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/top_img2021.jpg) 0 0 no-repeat;
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/top_img2021_m.jpg) left center no-repeat;
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 : -0.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 : -0.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 : -0.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 : 50px;
}
.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 : #333;
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;
width : auto;
}
.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 .button {
float : right;
margin-right : 30px;
}
._S .vocabulary-list.table td .button {
float : none;
margin-top : 5px;
margin-right : 0;
}
.reception body {
min-width : 680px !important ;
}
.reception .checkItem {
padding : 30px;
border : #ccc solid 1px;
}
.reception .check-box {
display : block;
}
.reception .check-box + .check-box {
margin : 20px 0 0;
}
.reception .item {
margin-top : 30px;
}
.reception .item li {
position : relative;
padding-left : 94px;
}
.reception .item li + li {
margin-top : 20px;
}
.reception .item em {
position : absolute;
top : 0;
left : 0;
color : #222;
font-size : 16px;
font-weight : 700;
letter-spacing : -0.05em;
}
.reception .item p {
margin-top : 8px;
color : #888;
font-size : 14px;
font-weight : 300;
letter-spacing : -0.05em;
}
.reception .input-sizeL {
width : 506px;
}
.reception .input-sizeS {
width : 209px;
}
.reception .input-sizeM {
width : 269px;
}
.reception .item .labelTxt {
padding : 0 4px;
}
.reception .labelTxt + input[type="text"] {
margin : 0;
}
.oldDoc .desc span {
color : #003964;
}
.naContent .heading-depth03 h5.title {
margin-bottom : 0;
padding-left : 15px;
}
.naContent .heading-depth03 h5.title:before {
display : inline-block;
}
.naContent .desc.indent {
color : #222;
}
.naContent .btnWrap.col3 .button-sizeFull {
min-width : 305px;
}
.naContent .btnWrap.col2 .button-sizeFull {
min-width : 48%;
}
.naContent .btnWrap + .btnWrap {
margin-top : 10px;
}
.naContent ul.indent + .heading-depth03 {
margin-top : 25px;
}
.naContent .box-img {
margin-bottom : 35px;
}
.naContent .img {
float : left;
width : 290px;
margin-bottom : 25px;
}
.naContent .img img {
display : block;
width : 202px;
margin : 0 auto;
}
.naContent .table {
margin-bottom : 20px;
}
.naContent .desc span {
color : #033965;
font-weight : 400;
}
.naContent .clearFix .desc, .naContent .clearFix + .desc {
word-break : keep-all;
}
.naContent .img002_1 {
max-height : 445px;
}
.popup .naContent .button-sizeFull {
display : block;
margin : 0 0 5px 0;
}
._S .naContent .btnWrap + .btnWrap {
margin-top : 10px;
}
._S .naContent .box-img {
margin-bottom : 10px;
}
._S .naContent .img {
width : 100%;
margin-bottom : 20px;
}
._S .naContent .img img {
width : 155px;
}
._S .naContent .desc {
margin-bottom : 15px;
}
.naContent .siteMap {
width : 940px;
}
.naContent .siteMap .depth1 > li {
width : 33.3%;
padding : 0 4.17% 0 0;
}
._M .naContent .siteMap, ._S .naContent .siteMap {
width : 100%;
}
.etc {
width : 1200px;
margin : 0 auto;
}
.etc .logo {
margin : 65px 0 20px;
}
.etc .logo a {
display : block;
width : 174px;
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;
}
._M .etc, ._S .etc {
width : 90%;
}
._S .etc .logo {
margin : 30px 0 15px;
}
._S .etc .logo a {
width : 87px;
height : 26px;
background-size : 100%;
}
._S .etc .box.box-type02 {
padding : 180px 20px 125px;
}
._S .etc .ico-error, ._S .etc .ico-system {
background-position : center 95px;
background-size : 79.5px;
}
._S .etc .time {
width : 90%;
}
._S .etc .time strong {
font-size : 13px;
}
._S .etc .time span {
font-size : 11px;
}
.survey .box {
margin-bottom : 10px;
}
.survey .box > p > em {
color : #003964;
font-weight : 400;
}
.survey h2 {
margin : 35px 0 20px;
color : #222;
font-size : 16px;
font-weight : 400;
}
.survey li + li {
margin-top : 20px;
}
.survey .heading-depth03 .title {
font-weight : 400;
}
.survey .heading-depth03 + .desc {
padding-left : 0;
line-height : 28px;
}
.survey textarea {
width : 100%;
min-height : 120px;
}
.footer {
overflow : hidden;
position : relative;
z-index : 90;
height : 181px;
padding-top : 40px;
background-color : #fafafa;
transition : height 0.1s;
}

/* footer */

._M .footer {
height : auto;
padding : 40px 0;
text-align : center;
}
._S .footer {
height : auto;
padding : 23px 0 30px;
font-size : 11px;
text-align : center;
}
.footer .menu {
float : left;
width : 100%;
}
.footer .menu ul {
margin-bottom : 8px;
}
.footer .menu li {
display : inline-block;
position : relative;
letter-spacing : -0.8px;
}
.footer .menu li + li {
padding-left : 15px;
}
.footer .menu li a {
font-size : 15px;
letter-spacing : -0.8px;
}
.footer .menu li + li:before {
content : '';
top : 50%;
left : 10px;
width : 3px;
height : 3px;
margin-top : -1.5px;
background-color : #333;
}
.footer .menu li:first-child a {
color: #222;text-decoration:underline;font-weight:600;font-size:15px
}
.footer .menu .open a {
position : relative;
}
.footer .menu .open a:before {
content : '';
position : absolute;
top : 4px;
left : 0;
width : 44px;
height : 19px;
background : url(../../img/common/spr_button.png?20230314) 0 -86px no-repeat;
}
._S .footer .menu {
margin-bottom : 18px;
}
._S .footer .menu li a {
font-size : 11px;
}
._S .footer .menu .open a:before {
top : 4px;
width : 27px;
height : 11px;
background : url(../../img/common/m_spr_button.png?20230314) 0 -49px no-repeat;
background-size : 250px;
}
.footer address {
margin : 20px 0 5px;
}
._S .footer address {
margin : 14px 0 5px;
}
.footer .link {
overflow : hidden;
float : right;
height:30px;
}
.footer .link > ul {
float : left;
}
.footer .link li {
display : inline-block;
}
.footer .link li + li {
margin-left : 5px;
}
.footer .link a {
display : block;
width : 35px;
height : 35px;
background : url(../../img/common/spr_button.png?20230314) no-repeat;
}

.footer .webicon{float:right}
.footer .webicon img{width:100px;padding:20px 0 0 20px}

.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 {
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 3px;
line-height : 33px;
background-color : #888;
}
._M .footer .link, ._M .footer .link .family, ._M .footer .link > ul, ._M .footer .menu, ._S .footer .link, ._S .footer .link .family, ._S .footer .link > ul, ._S .footer .menu {
float : none;
}
._S .footer .menu li + li {
padding-left : 18px;
}
._S .footer .menu li + li:before {
left : 8px;
width : 2px;
height : 2px;
}
._S .footer .link a {
width : 25px;
height : 25px;
background : url(../../img/common/m_spr_button.png?20230314) no-repeat;
background-size : 250px;
}
._S .footer .menu address span + span {
display : block;
}
._S .footer .link a + a {
margin-left : 14px;
}

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

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

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

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

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



._S .footer .link .family {
margin-left : 0;
}
._S .footer .link .family .feFoSelect {
width : 185px;
height : 32px;
margin-right : 10px;
font-size : 12px;
}
._S .footer .link .family option {
font-size : 12px;
}
._S .footer .link .family .feFoSelect > span:after {
background-position : -141px 0;
}
._S .footer .link .family button {
height : 25px;
line-height : 23px;
}

/* footer end */

.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 : #333;
font-size : 18px;
font-weight : 400;
letter-spacing : 2px;
}
.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 : -0.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 : #333;
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"] {
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 : #ddd solid 1px;
color : #333;
}
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 : 100%;
}
._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 : #333;
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;
}
.feFoRadio {
width : 100px;
height : 40px;
border : #d6d6d6 solid 1px;
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 : #333;
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?20230314) -52px -115px no-repeat;
}
.radio-type01.checked {
background-position : -78px -115px;
}
.radio-type01 + .labelTxt {
position : static;
width : auto;
height : auto;
color : #333;
font-size : 16px;
text-align : left;
line-height : normal;
}
.radio-type01.checked + .labelTxt {
color : #333;
font-weight : 300;
}
._S .radio-type01 {
width : 17px;
height : 17px;
margin-right : 11px;
background : url(../../img/common/m_spr_button.png?20230314) -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?20230314) 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?20230314) 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 : #ddd solid 1px;
border-radius : 3px;
color : #333;
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 0.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-top: 5px;
}
._S .feFoSelect {
/*min-width : 31%;
height : 32px;*/
padding : 0 30px 0 15px;
font-size : 12px;
line-height : 30px;
float:left
}
._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 : #254069 solid 1px;
border-radius : 3px;
color : #254069;
font-size : 14px;
}
.feFoFileBtn.disabled {
color : #333;
background-color : #f9f9f9;
}

.searchDetail input::placeholder {
  color:#999;
  font-weight:normal;
  font-size:11px;
}

.datePicker {
display : inline-block;
position : relative;
vertical-align : middle;
width : 160px;
border : #ddd solid 1px;
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 : #e1e4e8 solid 1px;
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 : #aaa solid 1px;
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?20230314) 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 : #333;
}
.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 > em .notext {font-size:15px;color:#666}

.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 : #ccc solid 1px;
border-radius : 2px;
color : #333;
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 : 38px;
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 : #333;
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 : #303030;
}
.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 : #333;
transition : all 0.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) -18px -17px no-repeat;
}
.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) -16px -15px no-repeat;
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) 0 -31px no-repeat;
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) 0 0 no-repeat;
}
._S [class*="icon-"]:after {
background : url(../../img/common/m_spr_icon.png) 0 0 no-repeat;
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 : #333;
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 : #333;
}
.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;
}
.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 : #ccc solid 1px;
color : #333;
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 0.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 a:hover{background: #003964;color: #fff;border:none}


.tab.tab-type01 li:first-child a {
border-left : 1px solid #ccc;
}
._S .tab.tab-type01 {
border : #ccc solid 1px;
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 : #ddd solid 1px;
color : #333;
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 : #3e9bae solid 1px;
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 : #ccc solid 1px;
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 : #ddd solid 1px;
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 : #333;
transition : all 0.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 : #ccc solid 1px;
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;margin-bottom :10px
}
._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-open02, .box.box-open03 {
padding-left : 244px;
}
.box.box-open02:before {
width : 206px;
top : 19px;
background-position : 0 -136px;
}
.box.box-open03:before {
width : 206px;
top : 19px;
background-position : -208px -136px;
}
.box.box-open04 {
padding-left : 290px;
}
.box.box-open04:before {
width : 250px;
top : 19px;
background-position : -174px -72px;
}
._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 : #333;
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 : #ddd solid 1px;
border-radius : 36px;
color : transparent;
text-indent : 100%;
white-space : nowrap;
background : url(../../img/common/spr_button.png?20230314) 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?20230314) 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 : #333;
}
.list > li > span {
display : inline-block;
width : 50%;
}
.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 : #333;
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;
}

.boardSort ._SX{display:block;float:left}
.boardHead ._SX{display:block}


._S .boardHead .total {
line-height : 20px;
}
._S .boardHead .boardSort {
width : 50%;
margin-top : 0;
text-align : right;
}
._S .boardSort .select-type01 {
min-width : 60%
}
.boardView .head {
padding : 35px 0 40px 20px;
border-top : 2px solid #333;
}
.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;
letter-spacing : 2px;
}
.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 #333;
}
.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 : #333;
}
.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 : 31%;
margin-bottom : 20px;
margin-right : 20px;

}
.boardBox .item + .item {
/*margin-left : 2%;*/
}
.boardBox .item a {
display : block;
border : #ddd solid 1px;
}
.boardBox .item .img {
overflow : hidden;
height : 190px;
}
.boardBox .item img {
width : 100%;
height : 190px;
transition : transform 0.5s;
}
.boardBox .item a:hover img {
transform : scale(1.1) rotate(0.001deg);
}
.boardBox .item span {
display : block;
padding : 0 20px;
}
.boardBox .item span.title {
margin-bottom : 15px;
padding-top : 20px;
color : #333;
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 : 0;
}
.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 #333;
}
.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 : #ddd solid 1px;
}
.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?20230314) -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 : #ddd solid 1px;
border-width : 0 1px 1px 1px;
border-top : 0;
color : #333;
transition : color 0.3s;
}
.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 : #ddd solid 1px;
}
.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 : #003964 solid 2px;
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;
}
._modal .dimmedLayer {
display : block !important ;
}
._L._modal body, ._M._modal body {
overflow : hidden;
}
.modal {
position : absolute;
top : 50%;
left : 50%;
z-index : 110;
width : 540px;
background-color : #fff;
}
._L .modal, ._M .modal {
position : fixed;
transform : translate(-50%,-50%);
}
.modal .closeBtn {
overflow : hidden;
position : absolute;
top : 16px;
right : 26px;
width : 50px;
height : 50px;
color : transparent;
text-indent : 100%;
white-space : nowrap;
background : url(../../img/common/spr_button.png?20230314) -62px -141px no-repeat;
}
.modal .head {
padding : 21px 100px 21px 40px;
background : #003964;
}
.modal .head .title {
color : #fff;
font-size : 26px;
font-weight : 500;
}
.modal .body {
overflow-y : auto;
max-height : 550px;
padding : 30px 40px 50px;
}
.modal .body .heading {
margin-top : 0;
}
.modal .foot {
border-top : 1px solid #d6d6d6;
}
.modal .foot:after {
content : '';
display : block;
clear : both;
}
.modal .foot a {
display : inline-block;
float : left;
width : 50%;
color : #333;
text-align : center;
line-height : 60px;
}
.modal .foot a + a {
border-left : 1px solid #d6d6d6;
}
._S .modal {
top : 20px;
width : 90% !important ;
transform : translateX(-50%);
}
._S .modal .closeBtn {
top : 6px;
right : 10px;
width : 30px;
height : 30px;
background : url(../../img/common/m_spr_button.png?20230314) -55px -85px no-repeat;
background-size : 250px;
}
._S .modal .head {
padding : 12px 55px 12px 15px;
}
._S .modal .head .title {
font-size : 13px;
}
._S .modal .body {
max-height : 300px;
padding : 20px 20px 25px;
}
._S .modal .foot a {
font-size : 11px;
line-height : 35px;
}
._L._main .nav, ._M._main .nav, ._main .aside, ._main .contTopBar, .mainNav h2 {
display : none !important ;
}
._main .container > .inner {
overflow : visible;
max-width : 1920px;
padding : 0;
}
._L .main {
width : 100%;
}
.mBoxWrap, .mVisual, .mainNav {
height : 780px;
}
._S._main .container {
margin-top : 52px;
}
.mainNav {
float : left;
position : relative;
z-index : 10;
width : 300px;
background-color : #1a2e48;
}
.mainNav a {
display : block;
color : #fff;
transition : font-weight 0.3s;
}
.mainNav .depth1 {
padding-top : 14px;
}
.mainNav .depth1 ul {
overflow : hidden;
}
._S .mainNav {
display : none;
}
.mainNav .sub {
overflow-x : hidden;
overflow-y : auto;
position : absolute;
top : 10px;
left : 240px;
z-index : 10;
min-width : 264px;
max-height : 700px;
padding : 30px;
background-color : #2765b7;
box-shadow : 5px 5px 10px rgb(0, 0, 0, 0.2);
}
.mainNav .depth1-item04 ~ li .sub {
top : auto;
bottom : 5px;
}
.mainNav .depth1 > li {
position : relative;
}
.mainNav .depth1 > li:before {
content : '';
position : absolute;
top : 50%;
left : 40px;
width : 32px;
height : 32px;
margin-top : -16px;
background : url(../../img/common/spr_icon.png) no-repeat;
}
.mainNav .depth1 .depth1-item01:before {
background-position : 0 -306px;
}
.mainNav .depth1 .depth1-item02:before {
background-position : -34px -306px;
}
.mainNav .depth1 .depth1-item03:before {
background-position : -68px -306px;
}
.mainNav .depth1 .depth1-item04:before {
background-position : -102px -306px;
}
.mainNav .depth1 .depth1-item05:before {
background-position : -136px -306px;
}
.mainNav .depth1 .depth1-item06:before {
background-position : -170px -306px;
}
.mainNav .depth1 .depth1-item07:before {
background-position : -204px -306px;
}
.mainNav .depth1 .depth1-item08:before {
background-position : -238px -306px;
}
.mainNav .depth1 .depth1-item01.active:before {
background-position : 0 -340px;
}
.mainNav .depth1 .depth1-item02.active:before {
background-position : -34px -340px;
}
.mainNav .depth1 .depth1-item03.active:before {
background-position : -68px -340px;
}
.mainNav .depth1 .depth1-item04.active:before {
background-position : -102px -340px;
}
.mainNav .depth1 .depth1-item05.active:before {
background-position : -136px -340px;
}
.mainNav .depth1 .depth1-item06.active:before {
background-position : -170px -340px;
}
.mainNav .depth1 .depth1-item07.active:before {
background-position : -204px -340px;
}
.mainNav .depth1 .depth1-item08.active:before {
background-position : -238px -340px;
}
.mainNav .depth1 > li > a {
height : 82px;
padding : 0 40px 0 101px;
font-size : 20px;
line-height : 82px;
}
.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 {
width : 16px;
height : 16px;
margin-top : 4px;
background-position : -111px -17px;
}
.mVisual {
display : none;
float : left;
width : 660px;
transition : width 0.1s;
}
._L .mVisual {
display : block;
}
.mBoxWrap {
position : absolute;
top : 0;
right : 0;
width : 100%;
padding-left : 300px;
}
._L .mBoxWrap {
width : 960px;
padding-left : 0;
}
._S .mBoxWrap {
position : relative;
padding-left : 0;
}
.mBoxCol {
float : left;
width : 50%;
}
._S .mBoxCol {
width : 100%;
}
.mBox {
overflow : hidden;
position : relative;
width : 100%;
height : 260px;
padding : 40px;
background-color : #fff;
background-repeat : no-repeat;
background-position : right bottom;
}
.mBox-type02 .mBoxLink .fR, .mBox-type02 .mBoxLink li, .mBox-type03 .mBoxLink .fR, .mBox-type03 .mBoxLink li {
float : none;
}
.mBox-type06 {
padding : 0 !important ;
}
._S .mBox {
height : 200px;
padding : 30px 15px;
}
._S .mBox-type06 {
height : auto;
}
.mBox h2 {
margin-top : -13px;
color : #fff;
font-size : 40px;
font-weight : 300;
letter-spacing : -2px;
}
._M .mBox h2 {
font-size : 35px;
}
._S .mBox h2 {
margin : -10px 0 4px;
font-size : 30px;
}
.mBox p {
overflow : hidden;
max-height : 60px;
color : #fff;
font-size : 18px;
font-weight : 300;
line-height : 28px;
}
.mBox-type01 .mBoxLink a, .mBox-type01 h2, .mBox-type04 .mBoxLink a, .mBox-type04 a span, .mBox-type04 h2 {
color : #222;
}
._L .mBox p {
max-width : 78%;
}
._L .mBox-link05 p, ._L .mBox-link06 p {
max-width : 100%;
}
._S .mBox p {
font-size : 14px;
line-height : 20px;
}
.mBoxLink {
position : absolute;
top : 90px;
left : 0;
width : 100%;
padding : 0 40px;
}
.mBoxLink:after {
content : '';
display : block;
clear : both;
}
.mBoxLink li {
float : left;
width : 45%;
max-width : 45%;
margin : 9px 0 2px;
border-bottom : 1px solid rgb(225, 225, 225, 0.5);
line-height : 39px;
}
.mBoxLink li.fR {
float : right;
}
.mBoxLink li a {
display : block;
position : relative;
width : 100%;
padding-right : 10px;
color : #fff;
font-size : 20px;
font-weight : 400;
letter-spacing : -1px;
}
.mBoxLink .online a {
overflow : hidden;
}
.mBoxLink li a:after {
content : '';
display : block;
position : absolute;
top : 50%;
right : 0;
width : 8px;
height : 13px;
margin-top : -4px !important ;
background : url(../../img/common/spr_icon.png) no-repeat;
background-position : -240px 0;
}
.mBox-type04 a span {
display : inline-block;
vertical-align : middle;
font-size : 12px;
font-weight : 300;
line-height : normal;
}
.mBox-type04 .call {
display : block;
overflow : hidden;
position : absolute;
top : 105px;
right : 70px;
width : 155px;
height : 34px;
text-indent : -100%;
background : url(../../img/main/bg_call.png) no-repeat;
}
._M .mBox-type04 .call {
right : 7%;
}
._S .mBox-type04 .call {
top : 85px;
right : 5%;
width : 131px;
height : 26px;
background : url(../../img/main/bg_callMob.png) no-repeat;
background-size : 100% auto;
}
.mBoxLink [target="_blank"]:after {
margin-top : 0;
}
._S .mBoxLink {
top : 79px;
padding : 0 15px;
}
._S .mBoxLink li {
margin : 6px 0;
line-height : 22px;
}
._S .mBoxLink li a {
padding-bottom : 5px;
font-size : 15px;
}
._S .mBoxLink li a:after {
width : 6px;
height : 10px;
background : url(../../img/common/m_spr_icon.png) no-repeat;
background-position : -212px 0;
background-size : 250px auto;
}
._S .mBox-type04 a span {
display : none;
}
._S .mBox-type03 .mBoxLink li + li {
margin-top : 11px;
}
.mBox .feSlItem, .mBox .slide {
height : 130px;
}
.mBox .feSlNavi {
position : absolute;
top : 0;
}
.mBox .feSlNavi .btnNext, .mBox .feSlNavi .btnPrev {
display : none;
}
.mBox .feSlPaging .btnAuto, .mBox .feSlPaging .btnStop {
overflow : hidden;
vertical-align : top;
width : 18px;
height : 18px;
border : 0;
color : transparent;
text-indent : 100%;
white-space : nowrap;
background : url(../../img/common/spr_btn_slide.png) no-repeat;
background-position : 0 0;
}
.mBox .feSlPaging .btnStop {
background-position : -18px 0;
}
.mBox .slide + .slide .feSlPaging .btnAuto {
background-position : 0 -19px;
}
.mBox .slide + .slide .feSlPaging .btnStop {
background-position : -18px -19px;
}
._S .mBox .feSlItem, ._S .mBox .slide {
height : auto;
}
._S .mBox .feSlWrap {
min-height : 100px;
}
._S .mBox .feSlPaging .btnAuto, ._S .mBox .feSlPaging .btnStop {
width : 6.5px;
height : 6px;
background : url(../../img/common/m_spr_btn_slide.png) no-repeat;
background-size : 15px 15px;
}
._S .mBox .feSlPaging .btnStop {
background-position : -8px 0;
}
._S .mBox .slide + .slide .feSlPaging .btnAuto {
background-position : 0 -8.5px;
}
._S .mBox .slide + .slide .feSlPaging .btnStop {
background-position : -8px -8.5px;
}
.mBox .slide {
position : relative;
}
.mBox .feSlItem {
width : 100%;
}
.mBox .feSlItem img {
display : block;
width : 100%;
min-height : 130px;
}
._S .mBox .feSlItem img {
min-height : 100px;
}
.mBox .feSlPaging {
position : absolute;
bottom : 15px;
z-index : 5;
width : 100%;
height : 8px;
text-align : center;
}
.mBox .feSlPaging li {
display : inline-block;
vertical-align : top;
}
.mBox .feSlPaging li + li {
margin-left : 8px;
}
.mBox .feSlPaging li a {
display : block;
overflow : hidden;
width : 8px;
height : 8px;
border-radius : 8px;
text-indent : -999px;
background : #004d48;
}
.mBox .feSlPaging li.current a {
width : 50px;
}
.mBox .slide + .slide .feSlPaging li a {
background : #004560;
}
._S .mBox .feSlPaging {
bottom : 15px;
}
._S .mBox .feSlPaging li a {
width : 6px;
height : 6px;
}
._S .mBox .feSlPaging .current a {
width : 24px;
}
.latestBbs {
overflow : hidden;
width : 100%;
}
.bbs {
float : left;
position : relative;
width : 50%;
height : 130px;
padding : 20px 0;
}
.bbs-type02, .bbs-type04 {
border-left : 1px solid #ddd;
}
.bbs-type03, .bbs-type04 {
border-top : 1px solid #ddd;
}
._S .bbs {
width : 100%;
height : auto;
padding : 13px 0 14px;
border : none;
border-bottom : 1px solid #ddd;
}
._S .bbs-type04 {
border-bottom : 0;
}
.bbs .feSlItem, .bbs .feSlMask, .bbs .feSlWrap {
width : 100% !important ;
}
.bbs .slide {
margin-top : -2px;
padding : 0 80px 0 156px;
}
.bbs h2 {
position : absolute;
top : 19px;
left : 40px;
color : #000;
font-size : 20px;
}
.bbs .feSlItem {
position : relative;
padding-right : 90px;
}
.bbs .feSlItem .subject {
overflow : hidden;
float : left;
width : 100%;
text-overflow : ellipsis;
word-break : break-all;
white-space : nowrap;
}
.bbs .feSlItem .subject a {
font-size : 16px;
font-weight : 300;
line-height : 30px;
}
.bbs .feSlItem span {
position : absolute;
top : 0;
right : 0;
font-size : 16px;
font-weight : 300;
line-height : 30px;
}
.bbs .more {
display : block;
position : absolute;
bottom : 24px;
left : 40px;
padding : 0 8px 0 19px;
color : #fff;
font-size : 13px;
font-weight : 300;
line-height : 20px;
background : #686e75;
}
.bbs .more:before {
content : '';
display : block;
position : absolute;
top : 7px;
left : 8px;
width : 7px;
height : 7px;
background : url(../../img/common/spr_icon.png) no-repeat;
background-position : -250px 0;
}
.bbs-type02 h2, .bbs-type04 h2 {
left : 39px;
}
.bbs-type02 .more, .bbs-type04 .more {
left : 39px;
}
.bbs-type02 .slide, .bbs-type04 .slide {
padding-left : 190px;
}
.bbs .feSlNavi {
position : absolute;
top : 0;
right : 35px;
width : 20px;
height : 100%;
}
.bbs .btnAuto, .bbs .btnStop {
display : none !important ;
}
.bbs .btnNext, .bbs .btnPrev {
display : block;
overflow : hidden;
width : 20px;
height : 20px;
border : 0;
text-indent : -999px;
background : url(../../img/common/spr_icon.png) no-repeat;
}
.bbs .btnPrev {
position : absolute;
top : 15px;
right : 0;
background-position : 0 -242px;
}
.bbs .btnNext {
position : absolute;
right : 0;
bottom : 17px;
background-position : -22px -242px;
}
._S .bbs h2 {
top : 17px;
left : 15px;
font-size : 14px;
}
._S .bbs .slide {
padding : 0;
}
._S .bbs .feSlItem span, ._S .bbs .more {
display : none;
}
._S .bbs .feSlItem {
padding : 0 37px 0 120px;
}
._S .bbs .feSlItem .subject a {
font-size : 13px;
}
._S .bbs .feSlNavi {
right : 9px;
}
._S .bbs .btnNext, ._S .bbs .btnPrev {
height : 15px;
background : url(../../img/common/m_spr_icon.png) no-repeat;
}
._S .bbs .btnPrev {
top : 10px;
background-position : 0 -184px;
background-size : 250px auto;
}
._S .bbs .btnNext {
bottom : 10px;
background-position : -24px -184px;
background-size : 250px auto;
}
@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 ;
}
}
.menu p {
letter-spacing : 1px;
}
#g-recaptcha {
	width : 304px;
	height : 78px;
	overflow : hidden;
}


.btnWrap .sns_ico{padding-left:10px}
.btnWrap .sns_ico:nth-child(2){padding-left:25px}

/* 20221027 new 개인정보처리방침 */


.text_area{border:1px solid #ccc;padding:15px}


.privacy_wrap_new .privacy_info_txt{ font-weight: bold; color: #131313}
.privacy_wrap_new .link_txt{ color: #0044CC; font-size: 14px; text-decoration: underline; text-underline-position: under}
.privacy_wrap_new .colored{ color: #ff7817; font-weight: bold}
.privacy_wrap_new .privacy_info_txt.orange{ color: #ff7817}
.privacy_wrap_new .privacy_info_txt.orange.ml{ margin-left: 1.6rem}
.privacy_wrap_new .box_wrap{position: relative; margin-bottom: 20px; padding: 20px; color: #333; background-color: #fafafa; border: 1px solid #e6e6e6; border-radius: 5px; word-break: keep-all;}
.privacy_wrap_new .box_tit{ text-align: center; margin-bottom: 30px; font-size: 17px}
.privacy_wrap_new .privacy_tit{ color: #444; font-weight: bold; font-size: 20px; margin: 50px 0 15px 0}
.privacy_wrap_new .labeling_list{
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;
}
.privacy_wrap_new .labeling_item{
    width: 30%;
    height: 200px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.privacy_wrap_new .labeling_item > .boxes{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items:center;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    position:relative
}
.privacy_wrap_new .labeling_tit{ color: #111; font-size: 15px; margin-top: 20px}
.privacy_wrap_new .labeling_item > .boxes:focus,
.privacy_wrap_new .labeling_item > .boxes:hover{ border: solid 1px #1647aa}
.privacy_wrap_new .labeling_item > .boxes:focus .hidden_wrap,
.privacy_wrap_new .labeling_item > .boxes:hover .hidden_wrap{ display: block}
.privacy_wrap_new .hidden_wrap{
    display: none;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    width: 500px;
    text-align: left;
    z-index: 999;
    position: absolute;
    top: 0;
}
.privacy_wrap_new .labeling_list .labeling_item:nth-child(3n) .hidden_wrap{ left: -500px}
.privacy_wrap_new .labeling_list .labeling_item:nth-child(3n-1) .hidden_wrap{ right: 50%}
.privacy_wrap_new .labeling_list .labeling_item:nth-child(3n-2) .hidden_wrap{ right: -500px}
.privacy_wrap_new .hidden_wrap .detail_tit{
    width: 100%;
    box-sizing: border-box;
    padding:10px;
    background-color: #1647aa;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #fff;
}
.privacy_wrap_new .hidden_wrap .detail_wrap{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
}
.privacy_wrap_new .scroll_table_wrap{ width: 100%; max-height: 400px; overflow-y: auto; padding: 10px 1px 10px 0}
.privacy_wrap_new table{ width: 100%;border-collapse: collapse; border-width: 1px; border-color: #dfdfdf}
.privacy_wrap_new table th{ padding: 15px 5px; text-align: center; color: #111; font-weight: bold}
.privacy_wrap_new table td{ padding: 5px;word-break:keep-all}


.privacy_wrap_new .scroll_table_wrap table th{ color: #1647aa}

.privacy_wrap_new .table_of_con_link_wrap table{ margin-top: 10px}
.privacy_wrap_new .table_of_con_link_wrap th{ background: #f8f8f8}
.privacy_wrap_new .table_of_con_link_wrap td{ text-align: left;vertical-align:middle;word-break:keep-all}
.privacy_wrap_new .table_of_con_link_wrap2 td{ text-align:center;vertical-align:middle;word-break:keep-all}
.privacy_wrap_new .table_of_con_link_wrap3 table{ table-layout:fixed}
.privacy_wrap_new .table_of_con_link_wrap3 td{ text-align:center}


/*개인정보 처리방침 - 목차*/
.privacy_wrap_new .table_of_con_wrap{ position: relative;margin: 20px 0 10px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all;}
.privacy_wrap_new .table_of_con_list{ width: 85%;margin: 20px auto 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.privacy_wrap_new .table_of_con_item{ width:45%;margin-bottom: 20px;position: relative;box-sizing: border-box;}
.privacy_wrap_new .table_of_con_item a{ color: #444;font-weight: bold;box-sizing: border-box;padding-left: 30px;height: 25px;display: block;font-size:15px}
.privacy_wrap_new .table_of_con_link_wrap{ color: #131313; line-height: +1.6}
.privacy_wrap_new .table_of_con_link_wrap .list_tit{ font-size: 18px;font-weight: bold;color: #333;box-sizing: border-box;margin: 30px 0 10px 0;display: flex;align-items: center;}
.privacy_wrap_new .table_of_con_link_wrap .list_tit:before{ margin-right: 10px; position: relative; top: 3px}
.privacy_wrap_new .con_num_list,
.privacy_wrap_new .sub_num_list,
.privacy_wrap_new .detail_num_list{ margin: 10px 0}
.privacy_wrap_new .con_num_item .down_button{text-align:center;display:inline-block;vertical-align:middle;border:1px solid #3e9bae;height:40px;padding:0 30px;border-radius:2px;font-size:14px;font-weight:400;line-height:38px;background-color:#fff;cursor:pointer;text-indent:0;margin-top:10px}
.privacy_wrap_new .con_num_item, .privacy_wrap_new .sub_num_item, .privacy_wrap_new .detail_num_item{ padding-left: 20px; text-indent: -18px; margin: 5px 0; box-sizing: border-box}
.privacy_wrap_new .con_num_item .con_num_tit2{margin-left:-20px;text-indent: 0}
.privacy_wrap_new .detail_num_item2{ padding-left: 20px; margin: 5px 0; box-sizing: border-box;text-indent:initial}
.privacy_wrap_new .con_num_info,
.privacy_wrap_new .con_num_txt,
.privacy_wrap_new .sub_num_txt{ text-indent: 0}

.privacy_wrap_new .table_of_con_link_wrap#list_num01 .list_tit:before{ content: url(../../img/common/privacy_middle_img01.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(1) a{ background: url(../../img/common/privacy_mini_img01.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num02 .list_tit:before{ content: url(../../img/common/privacy_middle_img02.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(2) a{ background: url(../../img/common/privacy_mini_img02.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num03 .list_tit:before{ content: url(../../img/common/privacy_middle_img03.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(3) a{ background: url(../../img/common/privacy_mini_img03.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num04 .list_tit:before{ content: url(../../img/common/privacy_middle_img05.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(4) a{ background: url(../../img/common/privacy_mini_img05.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num05 .list_tit:before{ content: url(../../img/common/privacy_middle_img04.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(5) a{ background: url(../../img/common/privacy_mini_img04.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num06 .list_tit:before{ content: url(../../img/common/privacy_middle_img06.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(6) a{ background: url(../../img/common/privacy_mini_img06.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num07 .list_tit:before{ content: url(../../img/common/privacy_middle_img07.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(7) a{ background: url(../../img/common/privacy_mini_img07.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num08 .list_tit:before{ content: url(../../img/common/privacy_middle_img08.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(8) a{ background: url(../../img/common/privacy_mini_img08.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num09 .list_tit:before{ content: url(../../img/common/privacy_middle_img09.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(9) a{ background: url(../../img/common/privacy_mini_img09.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num10 .list_tit:before{ content: url(../../img/common/privacy_middle_img10.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(10) a{ background: url(../../img/common/privacy_mini_img10.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num11 .list_tit:before{ content: url(../../img/common/privacy_middle_img11.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(11) a{ background: url(../../img/common/privacy_mini_img11.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num12 .list_tit:before{ content: url(../../img/common/privacy_middle_img12.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(12) a{ background: url(../../img/common/privacy_mini_img12.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num13 .list_tit:before{ content: url(../../img/common/privacy_middle_img13.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(13) a{ background: url(../../img/common/privacy_mini_img13.png) no-repeat 0 0}
.privacy_wrap_new .table_of_con_link_wrap#list_num14 .list_tit:before{ content: url(../../img/common/privacy_middle_img14.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(14) a{ background: url(../../img/common/privacy_mini_img14.png) no-repeat 0 0}

.past_list_wrap {margin-top: 20px;padding: 26px 20px;border: 1px solid #dcdcdc}
.past_list_wrap label {display: block;font-size: 16px}
.past_list_wrap .past_list {margin-top: 10px;font-size: 0}
.past_list_wrap .past_list .input_select_wrap2 {display: inline-block;width: 180px;height: 38px}
.past_list_wrap .past_list .btn_wrap {display: inline-block;margin-top: 0}
.past_list_wrap .past_list .btn {min-width: 50px}

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

/* 20221027 new 개인정보처리방침 end */



/* responsive media css */


@media (max-width: 768px) {

.menu div a{float:none!important}
.menu div{padding:0!important}
#header .logo{width: 87px;height: 26px;background-size: 100%}
.header .util2{display:none}

.privacy_wrap_new .table_of_con_item a{font-size:12px;display:inline-block;word-break:keep-all}
.privacy_wrap_new .labeling_item > .boxes{padding:20px;word-break:keep-all}
.privacy_wrap_new .privacy_tit:first-child{display:none}
.privacy_wrap_new .labeling_list{display:none}
.privacy_wrap_new .privacy_info_txt.orange.ml{display:none}

}


@media (max-width: 480px) {

.menu div a{float:none!important}
.menu div{padding:0!important}
#header .logo{width: 87px;height: 26px;background-size: 100%}
.header .util2{display:none}

.privacy_wrap_new .table_of_con_item a{font-size:12px;display:inline-block;word-break:keep-all}
.privacy_wrap_new .labeling_item > .boxes{padding:20px;word-break:keep-all}
.privacy_wrap_new .privacy_tit:first-child{display:none}
.privacy_wrap_new .labeling_list{display:none}
.privacy_wrap_new .privacy_info_txt.orange.ml{display:none}


}


@media (max-width: 320px) {

.menu div a{float:none!important;}
.menu div{padding:0!important}
#header .logo{width: 87px;height: 26px;background-size: 100%}
	

}





/* 비공개 세부기준 */


.tit01 {padding:0 0 20px;color:#333;font-size:23px;line-height:29px; font-weight:500;}
.list01 > li {padding:5px 0 15px 20px}
.list02 > li {padding:10px 0 5px 14px}
.list02 > li, p.list02 {position:relative;padding-left:20px;}
.list02 > li:before, p.list02:before {content:"";display:block;position:absolute;top:21px;left:5px;width:2px;height:2px;background:#8f8f8f}
.list02 > li {padding:10px 0 5px 14px}

/* 테이블 */

.tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}
.tbl-type01 th {padding:20px 10px 19px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.tbl-type01 th.bgno{background:#fff;}
.tbl-type01 td {padding:17px 10px 16px;;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:1px solid #dcdcdc}


@media all and (max-width:768px) {
 .tbl-type01 th, .tbl-type01 td {padding:12px 10px;letter-spacing:-0.6px;}

}