@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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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;
}

/******* 20240523 전자정부누리집 S ******/
.top_line_bnr { background-color:#edf1f5; position:relative}
.top_line_bnr.bnr_hide:after { background:#cdd7e4; content:""; height:1px; left:0; position:absolute; top:32px; width:100%; }
.top_link_wrap .inner, .chk_nuri_addr_bnr .inner{max-width:1500px; width:100%; box-sizing: border-box;padding-left:60px}

.top_flag_wrap { align-items:center; color:#1d1d1d; display:flex; font-size:15px; line-height:16px; max-width:1500px;margin:0 auto; }
.top_flag_in { font-size:15px; display: flex; align-items: center; }
.top_flag_in img { margin-right:9px; width:24px; }

.top_link_wrap { padding:8px 0; }

.top_flag_info { color:#003675; cursor:pointer; font-size:14px; margin-left:18px; padding-right:20px; position:relative; border: 0; background: none;font-weight:400}
.top_flag_info:after { background:url("/asset/img/main/official_nuri_chk_arrow.png") center / 100% auto no-repeat; content:""; height:16px; margin-top:-8px; position:absolute; right:0; top:50%; transition:.4s ease-in-out; width:16px; }
.top_flag_info.on:after { transform:rotate(-180deg); }
.top_flag_info span { display:inline-block; height:0; overflow:hidden; text-indent:-20000px; width:0; }

.chk_nuri_addr_bnr { position : relative; top : 0px; left : 0; background:#edf1f5; border-top:1px solid #cdd7e4; display:none; padding:24px 0 15px ; z-index : 202 }
.chk_nuri_addr_bnr strong,
.chk_nuri_addr_bnr p { padding-left:28px; }
.chk_nuri_addr_bnr strong { color:#1d1d1d; display:inline-block; font-size:17px; font-weight:700; line-height:20px; position:relative; }
.chk_nuri_addr_bnr strong:before { background:url("/asset/img/main/icon_nurizip.png") center / 12px auto no-repeat #fff; border-radius:50%; content:""; left:0; height:20px; position:absolute; top:50%; transform:translateY(-50%); width:20px; }
.chk_nuri_addr_bnr p { color:#555; font-size:15px; margin-top:16px; }
.chk_nuri_addr_bnr p a { position:relative; display: inline-flex; align-items: center; gap:1px;  color:#1d1d1d; padding:15px 0 ; }
.chk_nuri_addr_bnr p a:hover{text-decoration:underline}
.chk_nuri_addr_bnr p a:after{content: ""; width: 16px; height:16px;  background:url("/asset/img/main/icon_info_modify.png") no-repeat; background-size: contain;}

@media all and (max-width:1200px) {
	.top_link_wrap .inner, .chk_nuri_addr_bnr .inner{padding:0 17px;}
}


@media all and (max-width:640px) {
	.top_link_wrap { padding:4px 0; }
    .top_flag_wrap,
    .top_flag_in { font-size:14px; }
    .top_flag_in img { width:18px; }
    .top_flag_info { font-size:13px; margin-left:10px; padding-right:16px; }

    .chk_nuri_addr_bnr { padding:24px 0 10px; }
    .chk_nuri_addr_bnr strong,
    .chk_nuri_addr_bnr p { padding-left:24px; }
    .chk_nuri_addr_bnr strong { font-size:15px; }
    .chk_nuri_addr_bnr strong:before { background-size:10px auto; height:16px; width:16px; }
    .chk_nuri_addr_bnr p { font-size:14px; margin-top:12px; }
    .chk_nuri_addr_bnr p a { background-size:14px auto; padding:16px 18px 16px 0; }

}

@media all and (max-width:580px) {
	.top_flag_wrap{display:block;}
	.top_flag_info{padding:3px 16px 5px 27px; margin-left:0; }
}

@media all and (max-width:390px) {
	.top_link_wrap { padding:8px 0 2px 0; }
	.top_flag_in { font-size:13.5px; }

}
/******* 20240523 전자정부누리집 E ******/


.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(/asset/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 > .css_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(/asset/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(/asset/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(/asset/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(/asset/img/common/jumja_icon2.png) no-repeat;
}
.contTopBar .util .jumja_view {
background : url(/asset/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(/asset/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(/asset/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;
}
.content #world_korean {overflow:auto;width:100%;height:400px;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//asset/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//asset/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//asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/img/common/logo.png) no-repeat;
}
.etc .box.box-type02 {
padding : 340px 20px 160px;
}
.etc .ico-error {
background : url(/asset/img/common/ico_error.png) center 160px no-repeat;
}
.etc .ico-system {
background : url(/asset/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;
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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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 {
height:38px;

}
._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(/asset/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 : 10px 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(/asset/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 : baseline;
margin : 0 3px;
border : 0;
font-size : 16px;
background-color : transparent;
padding-top: 0;
}
.ui-datepicker-month{font-weight:normal;color:#777777}
.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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/img/common/spr_icon.png) 0 0 no-repeat;
}
._S [class*="icon-"]:after {
background : url(/asset/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(/asset/img/common/spr_icon.png) -32px -35px no-repeat;
}
._S .table .reply:before {
top : 0;
background : url(/asset/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(/asset/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 : 15px 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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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(/asset/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 개인정보처리방침 */

.viewbtn2 {display:inline-block; margin:0 0 20px 0; position:relative; background:#f5f5f5; border:1px solid #d2d2d0; border-radius:26px; padding:10px 53px 10px 25px;}
.viewbtn2.open:after {position: absolute;content: '';top: 33%; right:27px; width:10px; height:10px;  border-top: 2px solid #3e5c8c; border-right: 2px solid #3e5c8c; display: inline-block;transform: rotate(135deg);}
.viewbtn2.close:after {position: absolute;content: '';top: 43%; right:27px; width:10px; height:10px;  border-top: 2px solid #3e5c8c; border-right: 2px solid #3e5c8c; display: inline-block;transform: rotate(315deg);}
.viewbtn2:hover{text-decoration:none; background:#e8e7e7; }
.viewbtn {text-align:center;}
.viewbtn span{position:relative; display:inline-block; margin-left:10px; letter-spacing:-0.5px; font-size:16px;background:#b2c5dc; border-radius:25px; padding:3px 40px 3px 20px;}
.viewbtn span.open:after{position: absolute;content: '';top: 30%; right:20px; width:8px; height:8px;  border-top: 2px solid #587e91; border-right: 2px solid #587e91; display: inline-block;transform: rotate(135deg); }
.viewbtn span.close:after{position: absolute;content: '';top: 43%; right:20px; width:8px; height:8px;  border-top: 2px solid #587e91; border-right: 2px solid #587e91; display: inline-block;transform: rotate(315deg); }
.viewbtn a:hover span{background:#c3d0df;}
.tit01.ac{margin-top:50px;}

.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(/asset/img/common/privacy_middle_img01.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(1) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img02.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(2) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img03.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(3) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img05.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(4) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img04.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(5) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img06.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(6) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img07.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(7) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img08.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(8) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img09.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(9) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img10.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(10) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img11.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(11) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img12.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(12) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img13.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(13) a{ background: url(/asset/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(/asset/img/common/privacy_middle_img14.png)}
.privacy_wrap_new .table_of_con_list .table_of_con_item:nth-child(14) a{ background: url(/asset/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%}
	

}


/* 이전 사업 보기 */


.pix {display:none}
.first_pix {display:block}



/* 비공개 세부기준 */


.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;}

}



/* publang */

.remodal.modal1 { max-width: 840px }
.remodal.modal2 { max-width: 390px }
.remodal.modal3 { max-width: 670px }
.remodal.modal4 { max-width: 470px }
.remodal.modal5 { max-width: 545px }
.remodal.modal6 { max-width: 340px }
.remodal.modal7 { max-width: 550px }
.remodal.modal9 { max-width: 790px }


/* Hide scroll bar */
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}
/* Anti FOUC */

.remodal,
[data-remodal-id] {
    display: none;
}
/* Necessary styles of the overlay */

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}
/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}
/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Necessary styles of the modal dialog */

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}
/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
/* Default theme styles of the overlay */

.remodal-overlay {
    background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}
/* Default theme styles of the wrapper */

.remodal-wrapper {
    padding: 10px 10px 0;
}
/* Default theme styles of the modal dialog */

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    /* padding: 35px; */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}
/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
    text-align: left;
}
/* Close button */

.remodal-close {
    position: absolute;
    top: 14px;
    right: 0px;
    display: block;
    overflow: visible;
    width: 47px;
    height: 47px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: url("/asset/img/common/w_pop_close.gif") no-repeat;
}
@media all and (max-width: 800px) {
/*    .remodal-close {
        position: absolute;
        top: -2px;
        right: 0px;
        display: block;
        overflow: visible;
        width: 47px;
        height: 47px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
        text-decoration: none;
        color: #95979c;
        border: 0;
        outline: 0;
        background: url("/asset/img/common/m_pop_close.png") no-repeat 50% 50%;
        background-size: 19px 19px;
    }*/
}
/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}
.remodal-confirm {
    color: #fff;
    background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
    background: #66bb6a;
}
.remodal-cancel {
    color: #fff;
    background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
    background: #ef5350;
}
/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
    }
}
@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
    }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }
}
/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}
.lt-ie9 .remodal {
    width: 700px;
}

.ie8 .remodal-overlay {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e62b2e38, endColorstr=#e62b2e38);
    
}


/* GongGong User Area */


.fl {float: left;}
.fr { float: right; }
.ib { display: inline-block }
.bdtn { border-top: none !important; }
.text3 { text-align: center; color: #777777; margin-bottom: 30px; line-height:1.4}
.text3 em { color: #3b5999; font-weight: inherit; }
.text3 strong { color: #ed1a3b }
.entity1 {font-size: 17px;width: 1em;display: inline-block}
.bdn { border: none }
textarea { resize: none; width: 783px; border: solid 1px #cccccc; height: 80px; padding: 15px; color: #999999; font-size: 14px; margin-bottom: 10px}
textarea.ta1 {resize: none; width: 100%; border: solid 1px #cccccc; height: 80px; padding: 15px; color: #999999; font-size: 14px; margin-bottom:0}
textarea.ta2 {resize: none;width: 100%;border: solid 1px #cccccc;height: 217px;padding: 15px;color: #999999;font-size: 14px;margin-bottom:0;line-height:1.8}
textarea.ta5 {resize: none;width: 100%;border: solid 1px #cccccc;height: 100px;padding: 15px;color: #999999;font-size: 14px;margin-bottom:0;line-height:1.8}
textarea.ta3 {width: 865px}
textarea.ta4 {width: 845px;height: 34px;padding: 8px}
textarea.ta6 {resize: none;width: 100%;border: solid 1px #cccccc;height: 63px;padding: 15px;color: #999999;font-size: 14px;margin-bottom: 0;line-height:1.4}
select, input { padding: 4px 10px; border: solid 1px #dddddd;color: #777777; height: 32px; font-weight: normal; box-sizing: border-box; }
.control-g1 select { background: #ffffff url("/asset/img/common/user_arr.gif") no-repeat 90% 50% }
.calendar-wrap { font-size: 0 }
.calendar-wrap * { font-size: 15px; vertical-align: middle }
.calendar-wrap > *:first-child { margin-left: 0 }
.calendar-wrap input { margin-left: 10px }
.calendar-wrap img, .calendar-wrap span { margin-left: 10px }
.search-wrap { vertical-align: middle; font-size: 0; }
.add-wrap { margin-bottom: 7px; display: inline-block; position: relative; }
.add-wrap > *, .search-wrap > * { margin-left: 5px; vertical-align: middle; font-size: 15px; }
.add-wrap > *:first-child, .search-wrap > *:first-child { margin-left: 0 }
.form-width1 { width: 150px; }
.u-sub .form-width1 { width: 130px; }
.form-width2 { width: 400px;height:38px;margin-top:0!important}
.u-sub .form-width2 {width:500px}
.form-width3 { width: 550px }
.form-width4 { width: 100px }
.form-width5 { width: 180px;margin:0 5px!important;height:38px}
.form-width6 { width: 150px }
.form-width7 { width: 100% }
.form-width8 { width: 100px }
.form-width9 { width: 340px }
.form-width10 { width: 330px }
.form-width11 { width: 850px }
.form-width12 { width: 230px }
.txtac{text-align: center}
.form-g1 > * {
}
.form-g1 label {width: 102px;display: inline-block}
.form-g2 { padding: 15px; }
.form-g3 > * { }
.form-g3 > *:first-child + a {margin-left: 5px}
.form-g3 > *:first-child + a + input {margin-left: 10px;border-color: #cccccc;width: 194px}
.form-g4 {width: 290px}
.form-g4 input {width: 100%;height: 39px;font-size: 14px;padding: 4px 10px 4px}
.form-g4 input + input {margin-top: 5px}
.form-g5 label {display: inline-block;margin-right:20px}
.form-g5 input:first-child + label { margin-left: 0 !important}
.form-g7 > * {
}
.form-g7 label {display: inline-block;margin-left:5px}
.form-g7 input:first-child + label { margin-left: 0 !important}
.form-g6 input {width:56%}
.link4_wrap {width:100%;display:block}
.link4{color: #2e92dd;text-decoration: underline;font-size: 14px;display: block;;width:220px}
.tooltip2{position: absolute;text-align: left;font-weight: normal;font-size: 13px;line-height: 1.4;left: 33px;top: -23px;width: 147px;border: solid 1px #777777;padding:12px 15px;background: #ffffff;z-index:100}
.tooltip2 strong{color: #F1C500}
.tooltip2 .arrow-left{position: absolute;left: 0;top:0;width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid #999999;position: absolute;left: -7px;top: 50%;margin-top: -7px}
.tbl1.form-g6 th, .tbl1.form-g6 td {padding: 6px 10px}
.hide-text {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;height: 0;left: -5000px;line-height: 0;overflow: hidden;position: absolute;text-indent: -999em;width: 0}

.btn16 {display: inline-block;width: 100px;background: #3b5998;color: #ffffff;padding: 30px 10px;height: 84px;box-sizing: border-box}
.btn17 {display: inline-block;width: 119px;background: #3b5998;color: #ffffff;padding: 9px 10px;text-align: center}
.btn18 {display: inline-block;width: 7px;height: 7px;background: url("/asset/img/common/btn_x.gif") no-repeat;position: absolute;top: 50%;right: 47px;margin-top: -3.5px}
.btn18.off {display:none}
.btn23 {background: #ffffff url("/asset/img/common/search1.gif") no-repeat 50% 50%;display: inline-block;width: 23px;height: 23px;border: solid 1px #999999;border-radius: 3px;position: relative;margin-left:5px}
.form-g4 + .btn16 {margin-left: 5px}
.util6 { font-size: 14px; display: inline-block; }
.util6 a { border-left: solid #dddddd 1px; display: inline-block; padding: 0 6px 0 10px; line-height: 1}
.util6 li { display: inline-block }
.util6 li:first-child > a { border-left: none; padding-left: 0; }
.tab1 { position: relative; }
.tab1 > ul { font-size: 0; margin-bottom: 20px; }
.tab1 > ul > li:first-child { margin-left: 0; }
.tab1 > ul > li { display: inline-block; font-size: 17px; margin-left: 1px; }
.tab1 > ul > li > a { background: url("/asset/img/common/tab1.gif") no-repeat -250px 100%; width: 230px; padding: 0 0 17px; display: inline-block; text-align: center; box-sizing: border-box; }
.tab1 > ul > li > a.on { background: url("/asset/img/common/tab1.gif") no-repeat -9px 100%; color: #ed1a3b; }
.tab1 > div { text-align: center; }
.tab2 { position: relative; }
.tab2 > ul { font-size: 0;margin-bottom: 20px; border-bottom: solid 2px #3b5998; }
.tab2 > ul > li:first-child { margin-left: 0 }
.tab2 > ul > li { display: inline-block; font-size: 17px; margin-left: -1px; }
.tab2 > ul > li > a:first-child { margin-left: 0 }
.tab2 > ul > li > a { background: #ffffff; padding: 10px; display: inline-block; text-align: center; box-sizing: border-box; border: solid 1px #3b5998; border-bottom: none; margin-left: -1px; }
.tab2 > ul > li > a.on { background: #3b5998; color: #ffffff; }
.tab2 > div { text-align: center; }
.mr_06 { margin-right:6px !important; }
.sub_mr15 {margin-right:15px;}
.mr1 { margin-right: 10px }
.ml1 { margin-left: 20px; }
.ml2 { margin-left: 10px; }
.ml3 { margin-left: 50px; }
.ml4 { margin-left: 5px; }
.ml6 { margin-left: 6px !important; }
.sub_mb8 {margin-bottom:8px !important;}
.sub_mb15 {margin-bottom:15px !important;}
.mb1 { margin-bottom: 15px; }
.mb2 { margin-bottom: 30px !important; }
.mb3 { margin-bottom: 20px !important; }
.mb4 { margin-bottom: 180px !important; }
.mb5 { margin-bottom: 10px !important; }
.mb6 { margin-bottom: 40px !important; }
.mb7 { margin-bottom: 50px !important; }
.mb8 { margin-bottom: 5px !important; }
.mt6{margin-top: -5px}
.pd1 { padding: 6px 8px !important; }
.pd2 {padding: 30px 30px 40px !important;}
.pd3 {padding-top: 5px !important;}
.graph { border: solid 1px #dddddd; margin-bottom: 50px; }
.comment { font-size: 17px; }
.comment strong { color: #ed1a3b }

.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}

.title-box1 { font-size: 15px; color: #555555; border-top: solid 1px #444444; padding: 14px; background: #fafafa; text-align: center; border-bottom: solid 1px #e5e5e5}
.text2 { font-size: 14px; color: #999999; }
.ul1 { margin-bottom: 40px; }
.ul1 > li:first-child { border-top: solid #cccccc 1px; }
.ul1 > li { padding: 13px 15px; border-bottom: solid #e5e5e5 1px; }
.ul1 > li > .left { float: left; }
.ul1 > li > .left > .name { font-size: 16px; color: #777777; display: block; margin-bottom: 7px; }
.ul1 > li > .left > .copy { font-size: 14px;     max-width: 780px; display: inline-block;}
.btn13 { width: 100px; height: 80px; background: #999999; color: #ffffff; vertical-align: middle; display: inline-block; text-align: center; padding: 31px 13px; white-space: normal}
.btn13.del { }
.btn14 { border-radius: 3px; border: solid 1px #999999; color: #999999; padding: 3px 10px; white-space: nowrap; font-size: 13px; display: inline-block; text-align: center; cursor: pointer;}
.btn14.del { color: #ed1a3b; border-color: #ed1a3b; }
.btn14.modify { border-color: #2e92dd; color: #2e92dd; }
.btn14.suggestion { border-color: #ed1a3b; color: #ffffff; background: #ed1a3b; }
.btn14.decide { border-color: #2e92dd; color: #ffffff; background: #2e92dd; }
.btn14.public { border-color: #2e92dd; color: #2e92dd; }
.btn14.impossible { border-color: #999999; color: #ffffff; background: #999999 !important; }
.btn14.big { padding: 6px 7px; background: #fafafa; }
.btn15 { background: url("/asset/img/common/save.gif") no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.ul1 > li > .right {float: right;text-align: right}
.ul1 > li > .right > .date1 { display: block; margin-bottom: 7px}
.ul1 > li > .right > .recommend2 { color: #333333; font-size: 14px}
.link2 { text-decoration: underline; color: #333333; }
/*step*/
.step {border: solid 1px #dddddd;margin-bottom: 50px}
.step ul {display: table}
.step ul li:first-child { background: none }
.step ul li {width: 230px; height: 75px; background: url("/asset/img/common/member_arr.gif") no-repeat 0 50%; display: table-cell; vertical-align: middle; text-align: center; border-top: solid 4px transparent; border-bottom: solid 4px transparent; font-size: 17px; }
.step ul li.on {border-top: solid 4px #3b5999;color: #3b5999}
.terms {border: solid 1px #dddddd;height: 220px;margin-bottom: 50px;overflow-y: scroll;padding: 20px}
.text4 {color: #333333;font-size: 17px;text-align: center;margin-bottom: 30px}
.box1 {border: 1px solid #ddd;margin-bottom: 50px;position: relative;color: #555;line-height: 30px;padding: 35px 30px;text-align: justify;font-size: 16px}
.link3 {color: #3b5998;text-decoration: underline}

input[type="checkbox"] {/*display: none*/}
input[type="checkbox"] + label {font-size: 14px}
input[type="checkbox"] + label span {display: inline-block;width: 21px;height: 21px;margin: -1px 4px 0 0;vertical-align: middle;background: url("/asset/img/common/check_radio_sheet.gif") left top no-repeat;cursor: pointer}
input[type="checkbox"]:checked + label span {background: url("/asset/img/common/check_radio_sheet.gif") -21px top no-repeat}
.form-g5 input{appearance:auto!important;}
.form-g5 .feFoRadio{background:none;border:none;width:20px;height:20px}
input[type="radio"] {opacity:unset!important}
input[type="radio"] + label {font-size: 14px}
input[type="radio"] + label span {display: inline-block;width: 21px;height: 21px;margin: -1px 4px 0 0;vertical-align: middle;background: url("/asset/img/common/check_radio_sheet.gif") -43px top no-repeat;cursor: pointer}
input[type="radio"]:checked + label span {background: url("/asset/img/common/check_radio_sheet.gif") -66px top no-repeat}
.text1 { font-size: 14px; color: #999999; line-height: 1.5; padding: 30px 20px; min-height: 140px}
.date1 { font-size: 14px; color: #777777; font-weight: normal }
.link1 { color: #dd1f28; text-decoration: underline }
.search-wrap .btn1{margin:20px 0}
.btn1 { color: #ffffff; background: #999999; padding: 8px 10px; display: inline-block!important; white-space: nowrap; width: 100px; font-size: 15px;box-sizing: border-box; text-align: center; height: 32px; line-height: 1; cursor: pointer}
.u-sub .btn1 { color: #ffffff; background: #999999; padding: 8px 10px; display: inline-block; white-space: nowrap; width: 100px; font-size: 15px;box-sizing: border-box; text-align: center; height: 32px; line-height: 1}
.u-sub .btn1.search { color: #ffffff; background: #444444; padding: 8px 10px; display: inline-block; white-space: nowrap; width: 100px; font-size: 15px;box-sizing: border-box; text-align: center; height: 32px; line-height: 1}
.btn1.line { color: #777777; background: #ffffff; padding: 7px 10px; display: inline-block; white-space: nowrap; width: auto; font-size: 15px; box-sizing: border-box; text-align: center; height: 32px; border: solid 1px #999999}
.btn1.upload { color: #ffffff; background: #3b5999; padding: 8px 10px; display: inline-block; white-space: nowrap; width: 100px; font-size: 15px;box-sizing: border-box; text-align: center; height: 32px; }
.u-sub .btn1.upload { color: #ffffff; background: #2e92dd; padding: 8px 10px; display: inline-block; white-space: nowrap; width: 100px; font-size: 15px;box-sizing: border-box; text-align: center; height: 32px; }
.btn2 { font-size: 14px; color: #3b5998; background: #ffffff url("/asset/img/common/down.gif") no-repeat 8px 50%; padding: 7px 9px 7px 31px; border: solid 1px #3b5998; white-space: nowrap; }
.tab1 .util1 { position: absolute; top: 0; right: 0; }
.btn3 { width: 33px; background: #ffffff url("/asset/img/common/w_arw_up.png") no-repeat 50% 50%; height: 32px; display: inline-block; border: solid 1px #999999; }
.btn3.on { background: #ffffff url("/asset/img/common/w_arw_bottom.png") no-repeat 50% 50% }
.btn4 { font-size: 14px; color: #3b5998; background: #ffffff url("/asset/img/common/document.gif") no-repeat 8px 50%; padding: 7px 10px 7px 27px; border: solid 1px #3b5998; white-space: nowrap}
.btn4.nobg { padding: 7px 12px; background: none; }
.btn5 { font-size: 14px; color: #3b5998; background: #ffffff url("/asset/img/common/document2.gif") no-repeat 8px 50%; padding: 7px 10px 7px 27px; border: solid 1px #3b5998; white-space: nowrap}
.btn6 { font-size: 14px; color: #3b5998; background: #ffffff url("/asset/img/common/check.gif") no-repeat 8px 50%; padding: 7px 10px 7px 27px; border: solid 1px #3b5998; white-space: nowrap}
.btn7 { background: #ffffff url("/asset/img/common/w_ico_print.gif") no-repeat; display: inline-block; width: 29px; height: 25px; }
.btn8 { font-size: 14px; background: #ffffff url("/asset/img/common/w_ico_down.gif") no-repeat; white-space: nowrap;display: inline-block; width: 29px; height: 25px; }
.btn9 { font-size: 14px; color: #777777; padding: 7px; white-space: nowrap;border: solid 1px #999999; cursor: pointer;}
.u-sub .btn9 { font-size: 14px; color: #777777; padding: 7px; white-space: nowrap; font-weight: normal; border: solid 1px #cccccc; }
.btn10 { font-size: 14px; color: #777777; padding: 7px; white-space: nowrap;border: solid 1px #999999; border-radius: 4px; }
.btn11 { font-size: 14px; color: #ffffff; padding: 14px; white-space: nowrap;background: #999999; width: 147px; display: inline-block; cursor: pointer;}
.btn11_b {font-size:15px;color: #ffffff;padding:11px 0 12px 0;background:#2e92dd;width:145px;display:inline-block;cursor:pointer;}
.btn11.line { font-size: 14px; color: #999999; border: solid 1px #999999; background: #ffffff; padding: 13px; }
.btn12 { background: #999999 url("/asset/img/common/plus2.gif") no-repeat 50% 50%; font-size: 14px; padding: 16px; white-space: nowrap;display: inline-block; cursor: pointer;}
.btn11.conform { background: #3b5998; }
.u-sub .btn11.conform {background: #2e92dd;text-align: center;}
.btn10.translation { color: #3b5998; padding: 7px; white-space: nowrap; border: solid 1px #3b5998; }
.btn9.on { color: #ffffff; background: #999999; }
.btn-wrap { text-align: center; margin: 50px 0;}
.btn-wrap2 { text-align: center; }
.util1 {margin-left: 15px;float: right}
.util2 {font-size: 14px;float: left;line-height:30px}
.util2 a {border-left: solid #dddddd 1px;display: inline-block;padding: 0 6px 0 10px;line-height: 1}
.util2 a.on{font-weight:600}
.util2 a:first-child { border-left: none; padding-left: 0; }
.util3 * {float: right}
.util-box1 {padding-bottom: 30px;margin-bottom: 30px;border-bottom: solid 1px #dddddd}
.util5 {font-size: 0;vertical-align: middle;font-size: 0}
.util5 > li { font-size: 0; vertical-align: middle; margin-left: 10px; display: inline-block; }
.util5 > li > * { vertical-align: middle; font-size: 14px }
.util5 > a:first-child { margin-left:0}
.wrap1, .wrap2, .wrap3 { position: relative; display: inline-block; }
.tooltip {position: absolute;left: 50%;top: 39px;width: 187px;margin-left: -101px;font-size: 0 !important;background: #ffffff url("/asset/img/common/tooltip_back.png") no-repeat;padding: 41px 31px}
.tooltip > a:first-child { margin-left: 0 }
.tooltip > * { margin-left: 10px }
.tooltip4 {position: absolute;left: 50%;top: 39px;width: 310px; height:345px; margin-left: -162px;font-size: 0 !important;background: url("/asset/img/common/tooltip_back2.gif") no-repeat;padding: 41px 31px}
.tooltip4 > *{font-size: 15px}
.tooltip4 .title1{color: #555555; display: block; margin-bottom: 8px}
.tooltip4 .copy1{color: #777777; display: block; margin-bottom: 8px; line-height: 1.4 }
.tooltip4 .text14 input{font-size: 14px !important; margin-bottom: 8px; padding: 5px 7px !important;}
.text15{padding-left: 10px; text-indent: -10px; margin-bottom: 15px; line-height: 1.4}
.tooltip-close{position: absolute; right: 31px; top: 41px; display: inline-block; background: url("/asset/img/common/tooltip_close.gif"); width: 11px; height: 11px}
.captcha {margin-bottom: 10px}
.captcha img{max-width: 150px}
.captcha .btn14{width: 90px; display: block; padding: 3px 6px}
.btn-wrap4{text-align: center}
.btn32{background: #999999; color: #ffffff; padding: 9px; width: 100px;display: inline-block; width: 100px }
.btn32.conform{background: #2e92dd }
.text14{font-size: 14px; color: #999999; margin-bottom: 10px; letter-spacing: -1px}
.mb9{margin-bottom: 3px !important;}
.tooltip5 {position: absolute;left: 50%;top: 39px;width: 272px; height:242px; margin-left: -143px;font-size: 0 !important;background:url("/asset/img/common/tooltip_back3.gif") no-repeat;padding: 41px 31px;}
.tooltip5 > *{font-size: 15px}
.tooltip5 .title1{color: #555555; display: block; margin-bottom: 8px}
.tooltip5 .copy1{color: #777777; display: block; margin-bottom: 8px; line-height: 1.4 }
.tooltip5 .text14 input{font-size: 14px !important; margin-bottom: 8px; padding: 5px 7px !important;}

.facebook { background: url("/asset/img/common/sns.jpg") 0 0; width: 35px; height: 35px; display: inline-block; cursor:pointer; }
.twitter { background: url("/asset/img/common/sns.jpg") -35px 0; width: 35px; height: 35px; display: inline-block; cursor:pointer;}
.email { background: url("/asset/img/common/sns.jpg") -70px 0; width: 35px; height: 35px; display: inline-block; }
.tbl1 { border-top: 1px solid #444444; text-indent: 0; width: 100%;;margin-top:100px}
.u-sub .tbl1 { border-top: 1px solid #444444; text-indent: 0; width: 100%; margin-bottom: 40px; }
.u-sub .bdc1{border-color:#E5E5E5 }
.tbl1 td { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; text-align: center; padding: 12px 15px;height: 45px; font-size: 14px; vertical-align: middle; word-break:break-all}
.tbl1 td * {vertical-align: middle;}
.tbl1 th { font-size: 14px;border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa; text-align: center; padding: 6px 17px; height: 45px;color:#555;vertical-align:middle}
.tbl1 a.fcb { color: #000; text-decoration: underline; }
.tbl1 .black {color:#333;}
.tbl1 .bdln { border-left: none; }
.tbl1 .diagonal { background: #fafafa url("/asset/img/common/table_line.png") no-repeat; background-size: 100% 100%; text-align: left; }
.tbl1 .diagona2 { background: #fafafa url("/asset/img/common/line1.png") no-repeat; background-size: 100% 100%; text-align: left; }
.tbl1 .diagonal div { text-align: right }
.tbl1 .back1 { background: #fff9fa}
.bgn { background: none !important; }
.tbl1.txtal th, .tbl1.txtal td, .txtal { text-align: left !important; }
.tbl2 { border-top: 1px solid #444444; text-indent: 0; width: 100%; margin-bottom: 30px; }
.tbl2 td {font-size: 14px;border: 1px solid #e5e5e5;background: #ffffff;text-align: center;padding: 11px 10px;height: 16px;word-break: break-all;color: #555555}
.tbl2 td * { vertical-align: middle }
.tbl2 th { font-size: 14px; border: 1px solid #e5e5e5; background: #fafafa; text-align: center; padding: 11px 10px; height: 16px; border-top: none; color: #555555; }
.tbl2 a.fcb {color: #000; text-decoration: underline; }
.tbl2 .bdln { border-left: none; }
.tbl2 .diagonal { background: #fafafa url("/asset/img/common/table_line.png") no-repeat; background-size: 100% 100%; text-align: left; }
.tbl2 .diagona2 { background: #fafafa url("/asset/img/common/line1.png") no-repeat; background-size: 100% 100%; text-align: left; }
.tbl2 .diagonal div { text-align: right }
.tbl2 .back1 { background: #fff9fa}
.tbl3 { text-indent: 0; width: 100%; margin-bottom: 30px; }
.tbl3 td {font-size: 14px;border: 1px solid #e5e5e5;background: #ffffff;text-align: center;padding: 11px 10px;height: 16px;word-break: break-all;color: #555555}
.tbl3 td * { vertical-align: middle }
.tbl3 th { font-size: 14px;border: 1px solid #e5e5e5; background: #fafafa; text-align: center; padding: 11px 10px; height: 16px; color: #555555}
.tbl3 a.fcb {color: #000; text-decoration: underline; }
.tbl3 .bdln { border-left: none; }
.tbl3 .diagonal { background: #fafafa url("/asset/img/common/table_line.png") no-repeat; background-size: 100% 100%; text-align: left}
.tbl3 .diagona2 { background: #fafafa url("/asset/img/common/line1.png") no-repeat; background-size: 100% 100%; text-align: left}
.tbl3 .diagonal div { text-align: right }
.tbl3 .back1 { background: #fff9fa}
.bdrn { border-right: none !important; }
.tbl4 { width: 100%; }
.tbl4 th, .tbl4 td { padding: 0px 3px 5px 0px; border: none; text-align: left; height: auto; }
/* paging */
.paging { width: 100%; text-align: center; vertical-align: top}
.paging.m { display: none }
.paging .inner_paging { display: table; display: inline-block; margin: 0 auto; }
.paging .link_page { float: left; width: 31px; margin: 0 2px; color: #999; line-height: 31px; text-decoration: none}
.paging .on { width: 31px; border: 0 none; color: #ffffff; line-height: 31px;background: #3b5998}
.u-sub .paging .on { width: 31px; border: 0 none; color: #ffffff; line-height: 31px;background: #2e92dd}
.paging .btn_paging { float: left; width: 31px; height: 31px; border: 1px solid #ddd; }
.paging span.btn_paging { width: 31px; height: 31px; }
.paging .btn_fst { margin-right: -1px; }
.paging .btn_lst { margin-left: -1px; }
.paging .btn_prev { margin-right: 8px }
.paging .btn_next { margin-left: 8px }
.ico_corp { display: inline-block; overflow: hidden; background: url("/asset/img/common/w_paging.gif") no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: top; }
.paging .btn_paging .ico_corp { display: block; width: 18px; height: 18px; margin: 6px auto 0; }
.paging .btn_fst .ico_corp { background-position: -8px -7px; }
.paging .btn_lst .ico_corp { background-position: -104px -7px; }
.paging .btn_prev .ico_corp { background-position: -40px -7px; }
.paging .btn_next .ico_corp { background-position: -72px -7px; }
/*user pop*/
.pop-ft { position: relative; vertical-align: middle; text-align: center; margin-bottom: 40px; }
.pop-content { padding: 30px 30px 0; font-size: 15px;}
.pop-content .tbl1 { width: 100% }
#formPasswordCheck .pop-head { padding: 14px 29px; background: #2e92dd; }
#formPasswordCheck .pop-head h2 { color: #ffffff !important;font-size: 16px; padding: 0px !important; border-bottom: none; margin-bottom: 0 !important; width: 100%; float: none; float: none; margin-bottom: 0; background: none !important}
.pop-content h3 { font-size: 14px; color: #555555;background: none; padding-left: 0; margin-bottom: 20px}
.pop-content .info-area2 { margin-bottom: 30px; }
.input-wrap2 {width: 100%;font-size: 0;position: relative;box-sizing: border-box;background: #fafafa;display: inline-block;padding: 20px;border: solid 1px #dddddd;margin-bottom: 30px}
.input-wrap2 > * {vertical-align: middle}
.input-wrap2 input[type="text"] {padding: 7px;border-right: none;font-size: 14px;color: #777777;border: solid 1px #cccccc;width: 325px}
.input-wrap2 > input + a { margin-left: 5px; }
/*member*/
.member-box1 { text-align: center; border: solid 1px #dddddd; width: 457px; padding: 30px; margin: 200px auto 265px}
.member-box1 .logo { float: none;border-bottom: solid 1px #dddddd; padding-bottom: 30px; margin-bottom: 20px}
.member-box1 .logo .title {font-size: 22px}
.member-box1 .logo .title strong {color: #ed1a3b}
.member-box1 .logo > * { display: inline-block; vertical-align: middle}
.member-box1 .logo a { width: 133px; height: 35px; background: url("/asset/img/common/logo.png") no-repeat 0 50%; display: inline-block}
.member-box2 { border: solid 1px #dddddd; width: 457px; padding: 30px; margin: auto}
.member-box2 .comment {margin-bottom: 10px;display: inline-block}
.member-box2 table {margin-bottom: 30px}
.member-box2 table th, .member-box2 table th {font-size: 15px}
.member-box2 td {padding: 6px 9px}

.view_down {display:block;position:relative;}
.view_down a {background:url(/asset/img/common/down_view.png) no-repeat left bottom;padding-left:18px;text-decoration:none !important;font-size:13px;}
.view_down a:hover {text-decoration:underline !important;}
#down_layer1 {position:absolute;display:none;width:220px;left:-7px;top:45px;background:#fff;border:1px solid #f1c500;text-align:left;padding:25px 20px 15px 20px;z-index:1000}
#down_layer1>span {padding:2px 0;}
#down_layer1>span>a {line-height:21px !important;}
#down_layer1 .close {display:inline-block;position:absolute;right:0;top:0;width:30px;height:30px;background:url(/asset/img/common/down_close.png) no-repeat center center;font-size:0}

.btn40 {background: #ffffff url(/asset/img/common/sub_close.png) center center no-repeat;display: inline-block;width:32px;height:32px;border:solid 1px #2e92dd;cursor:pointer;text-indent: -999em}
.btn41 {background: #ffffff url(/asset/img/common/sub_question.png) center center no-repeat;display: inline-block;width:32px;height:32px;border:solid 1px #2e92dd;cursor:pointer;text-indent: -999em}
.btn29 { font-size: 14px; color: #2e92dd; background: #ffffff url("/asset/img/common/user_notice.gif") no-repeat 8px 50%; padding: 7px 9px 7px 31px; border: solid 1px #2e92dd; white-space: nowrap;cursor: pointer}
.btn21 { color: #ffffff; background: #2e92dd; font-size: 14px; padding: 7px 15px; white-space: nowrap; border: solid 1px #2e92dd; cursor: pointer}
.btn22{ background: url(/asset/img/common/close1.gif) no-repeat; width: 18px; height: 18px; display: inline-block; position: absolute; right: 40px; top: 30px; cursor: pointer}
.control-g1{margin-bottom:20px;}
.control-g1 *{ vertical-align: middle; display:inline-block;}
.control1{font-size: 0}
.control1 > *{font-size: 14px; margin-left: 5px}
.control1 > *:first-child{margin-left: 0}
.control2 strong{color: #ED1A3B}
.control2 .btn20{margin-left: 15px}
.control5{position: absolute;right: 0;top:80px;}
.control5 *{ vertical-align: middle}
.control5 a:first-child + a{margin-left: 20px}
.control5 a:first-child + a + .rel-pos{margin-left: 5px}
.dl2 dd{float: left}
.dl2{border: solid 1px #e5e5e5;width: 100%;overflow:hidden;margin-top:40px}
.dl2 dt{float: left;background: url("/asset/img/common/arr2.gif") no-repeat 100% 50%;width: 147px;height: 42px;padding: 8px 0 0 41px;margin-right: 10px;color: #555555}
.dl2 dd{float: left}
.tbl4.user th{color: #555555}
.tbl4.user th,
.tbl4.user td{padding: 10px}
.box2{border: 1px solid #ddd;margin-bottom: 50px;position: relative;color: #555;line-height: 30px;padding: 35px 30px;text-align: justify;font-size: 16px;margin-top:100px}
.box3{border: 1px solid #ddd;margin-bottom: 50px;position: relative;color: #555;line-height: 30px;padding: 35px 30px;text-align: justify;font-size: 16px}
.box3 strong{color: #555555; display: inline-block }
.box4{border: 1px solid #ddd;margin-bottom: 50px;position: relative;color: #555;line-height: 30px;padding: 35px 30px;text-align: justify;font-size: 16px}
.control3 { font-size: 0}
.control3 *{ font-size: 14px}
.control3 span{ padding: 0 10px}
.text5{padding: 25px 20px !important;line-height: 1.8;}
.text5_01 {padding: 25px 20px 0 !important;line-height: 1.8;}
.control4 {display: inline-block;}
.control4 * {vertical-align:middle;}
.control4 input {padding:10px 15px;height:40px;width:500px;border-color:#757575}

.u-sub *{box-sizing: border-box}
.tbl1.blrn th, .tbl1.blrn td{ border-left:none;}
.ok{color: #2e92dd}
.complete{color: #ed1a3b}
.btn19 { font-size: 14px; color: #444444; background: #ffffff url(/asset/img/common/dti_arrow_up.gif) no-repeat 90% 12px; padding: 7px 31px 7px 9px; border: solid 1px #444444; white-space: nowrap}
.btn19.close {font-size: 14px;color: #444444; background: #ffffff url(/asset/img/common/dti_arrow.gif) no-repeat 90% 13px; padding: 7px 31px 7px 9px; border: solid 1px #444444; white-space: nowrap}
.btn20 { font-size: 14px; color: #2e92dd; background: #ffffff url(/asset/img/common/request.gif) no-repeat 8px 50%; padding: 7px 9px 7px 31px; border: solid 1px #2e92dd; white-space: nowrap}
.btn28 {position:relative;background: #ffffff url(/asset/img/common/user_down.gif) no-repeat 15px 50%;display: inline-block;padding: 6px 20px 7px 40px;border: solid 1px #2e92dd;
	color: #2e92dd;white-space: nowrap;cursor: pointer;font-size: 14px; }

/* gong information */
.select_wrap {position:relative;border:1px solid #ddd;margin-bottom:50px;color:#777;background:#fafafa;padding:40px;text-align:center;}
.select_wrap > ul {margin-bottom:17px;}
.select_wrap > ul > li {display:inline-block;height:40px;padding-left:6px;}
.select_wrap > ul > li:first-child {padding-left:0;}

.dropdown1 dt a {position:relative;background:#fff url("/asset/img/common/dropdown_img1.png") 13px center no-repeat;display:block;padding:0 40px 0 52px;text-align:left;
	overflow:hidden;border:1px solid #757575;width:210px;box-sizing:border-box;color:#777;font-size:15px;line-height:38px;color:#555;}
.dropdown2 dt a {position:relative;background:#fff url("/asset/img/common/dropdown_img2.png") 14px center no-repeat;display:block;padding:0 40px 0 52px;text-align:left;
	overflow:hidden;border:1px solid #757575;width:210px;box-sizing:border-box;color:#777;font-size:15px;line-height:38px;color:#555;}
.dropdown3 dt a {position:relative;background:#fff url("/asset/img/common/dropdown_img3.png") 13px center no-repeat;display:block;padding:0 40px 0 52px;text-align:left;
	overflow:hidden;border:1px solid #757575;width:210px;box-sizing:border-box;color:#777;font-size:15px;line-height:38px;color:#555;}
	
.dropdown1 dt a:after,
.dropdown2 dt a:after,
.dropdown3 dt a:after {background:url("/asset/img/common/dropdown_icon1.png") 10px center no-repeat;content:'';position:absolute;width:40px;height:38px;right:0;top:0;}

.dropdown1 dd,
.dropdown2 dd,
.dropdown3 dd {position:relative;}
.dropdown1 dd ul,
.dropdown2 dd ul,
.dropdown3 dd ul {position:absolute;background:#fff;display:none;left:0px;padding:3px;width: 210px;border:1px solid #757575;top:-1px;z-index: 2;}
.dropdown1 dd ul li a,
.dropdown2 dd ul li a,
.dropdown3 dd ul li a {color:#777;font-size:15px;text-align:left;padding:7px 20px 8px;display:block;}
.dropdown1 dd ul li a:hover,
.dropdown2 dd ul li a:hover,
.dropdown3 dd ul li a:hover {color:#2e92dd;background:#f2f7fa;}

/* tab */
.support_tab {position:relative;height:42px;margin-bottom:30px;border-bottom:1px solid #757575;box-sizing:border-box;}
.support_tab ul {display:block;}
.support_tab > ul > li > a {float:left;display:inline-block;line-height:40px;width:200px;text-align:center;color:#777;font-size:15px;border:1px solid #757575;
	box-sizing:border-box;color:#555;}
.support_tab > ul > li > a:hover {background:#fafafa;}
.support_tab > ul > li > a.on {background:#2e92dd;border:1px solid #2e92dd;color:#fff;}

.support_result {position:relative;margin-bottom:50px;}

/* support */ 
.support_box01 {border:1px solid #ddd;padding:35px 30px 35px 190px;margin-bottom:50px;background:url("/asset/img/common/sub_title_img1.png") 45px center no-repeat;width:940px;float:left;position:relative}
.support_box02 {border:1px solid #ddd;padding:35px 30px 35px 190px;margin-bottom:50px;background:url("/asset/img/common/sub_title_img2.png") 45px center no-repeat}
.support_box03 {border:1px solid #ddd;padding:35px 30px 35px 190px;margin-bottom:50px;background:url("/asset/img/common/sub_title_img3.png") 45px center no-repeat}
.support_box04 {border:1px solid #ddd;padding:35px 30px;margin-bottom:50px;padding:20px;margin-top:20px}
.support_box04 .line_area{line-height:1.5em}
.support_box05 {border:1px solid #ddd;padding:35px 30px 35px 190px;margin-bottom:50px;background:url("/asset/img/common/sub_title_img4.png") 45px center no-repeat;}/* 20181004 수정 */
.support_box03 dl strong,
.support_box04 dl strong,
.support_box05 dl strong {color:#2e92dd;}/* 20181004 수정 */
.support_box01 dl,
.support_box02 dl,
.support_box03 dl,
.support_box04 ul li{line-height:1.5em}
.support_box01 dl {display:block;line-height:30px;text-align:justify;font-size:15px;color:#555;}
.support_box02 dl, .support_box03 dl, .support_box04 dl, .support_box05 dl {display:block;line-height:30px;text-align:justify;font-size:16px;color:#555;}
.support_box01 dt {color:#2e92dd;font-size:17px;}
.support_box02 dt {color:#9a58bc;font-size:17px;}
.support_box03 dt {color:#dbb300;font-size:17px;}
.support_box05 dt {color:#f28031;font-size:17px;}/* 20181004 수정 */

.support_banner {}
.support_banner ul {display:block;text-align:center;}
.support_banner li {display:inline-block;margin-left:15px !important;vertical-align:top;}
.support_banner li:first-child {margin:0 !important;}
.support_banner li a {display:inline-block;width:320px;font-size:18px;border:1px solid #ddd;color: #555;}
.support_banner .banner01 {background:#fff url("/asset/img/common/sub_banner1.png") 55px center no-repeat;}
.support_banner .banner02 {background:url("/asset/img/common/sub_banner2.png") 55px center no-repeat;}
.support_banner .banner03 {background:url("/asset/img/common/sub_banner3.png") 35px center no-repeat;}
.support_banner .banner04 {background:url("/asset/img/common/sub_banner4.png") center 55px no-repeat;}
.support_banner .banner05 {background:url("/asset/img/common/sub_banner5.png") center 55px no-repeat;}

/* 20181004 추가 */
.support_banner .banner06 {background:url("/asset/img/common/sub_banner9.png") 55px center no-repeat;}
.support_banner .banner07 {background:url("/asset/img/common/sub_banner10.png") 55px center no-repeat;}
.support_banner .banner08 {background:url("/asset/img/common/sub_banner11.png") 55px center no-repeat;}

.support_banner a.banner02,
.support_banner a.banner01,
.support_banner a.banner03,
.support_banner a.banner04,
.support_banner a.banner05,
.support_banner a.banner06,
.support_banner a.banner07,
.support_banner a.banner08 {padding:35px 0 35px 58px;}

.support_banner li a.banner01.on,
.support_banner li a.banner02.on,
.support_banner li a.banner03.on,
.support_banner li a.banner04.on,
.support_banner li a.banner05.on,
.support_banner li a.banner01:hover,
.support_banner li a.banner02:hover,
.support_banner li a.banner03:hover,
.support_banner li a.banner04:hover,
.support_banner li a.banner05:hover,
.support_banner li a.banner06:hover,
.support_banner li a.banner07:hover,
.support_banner li a.banner08:hover {box-sizing:border-box;color:#2e92dd;border:1px solid #2e92dd;}

.support_banner li a.banner01.on,
.support_banner li a.banner01:hover {background:#fff url("/asset/img/common/sub_banner1_on.png") 55px center no-repeat;}
.support_banner li a.banner02.on,
.support_banner li a.banner02:hover {background:#fff url("/asset/img/common/sub_banner2_on.png") 55px center no-repeat;}
.support_banner li a.banner03.on,
.support_banner li a.banner03:hover {background:#fff url("/asset/img/common/sub_banner3_on.png") 35px center no-repeat;}
.support_banner li a.banner04.on,
.support_banner li a.banner04:hover {background:#fff url("/asset/img/common/sub_banner4_on.png") center 55px no-repeat;}
.support_banner li a.banner05.on,
.support_banner li a.banner05:hover {background:#fff url("/asset/img/common/sub_banner5_on.png") center 55px no-repeat;}

.support_banner li a.banner06.on,
.support_banner li a.banner06:hover {background:#fff url("/asset/img/common/sub_banner9_on.png") 55px center no-repeat;}
.support_banner li a.banner07.on,
.support_banner li a.banner07:hover {background:#fff url("/asset/img/common/sub_banner10_on.png") 55px center no-repeat;}
.support_banner li a.banner08.on,
.support_banner li a.banner08:hover {background:#fff url("/asset/img/common/sub_banner11_on.png") 55px center no-repeat;}

.support_banner .banner_left {width:65%;display:block;float:left;}
.support_banner .banner_left ul li {width:48%;height:235px;background:#fff;display:inline-block;}
.support_banner .banner_left ul li a {width:100%;height:235px;padding:160px 0 0 0;}
.support_banner .banner_right {float:right;width:320px;height:235px;border:1px solid #ddd;}
.support_banner .banner_right h3 {margin:32px 0 0 0;background:url("/asset/img/common/sub_banner_title1.png") 42px center no-repeat;text-align:center;
	font-size:18px;padding-left:28px;height:27px;line-height:26px;color: #555;}
.support_banner .banner_right ul {margin-top:15px;display:block;}
.support_banner .banner_right ul li {width:240px;display:inline-block;margin:0 !important;padding:0 10px;border-top:1px solid #ddd;}
.support_banner .banner_right ul li:first-child {border-top:none;}
.support_banner .banner_right ul li a {width:100%;line-height:45px;border:0;text-align:left;font-size:16px !important;letter-spacing:-0.4px;
	background:url("/asset/img/common/sub_banner_more.png") center right no-repeat;}
.support_banner .banner_right ul li a.on,
.support_banner .banner_right ul li a:hover {	color:#2e92dd;background:url("/asset/img/common/sub_banner_more_on.png") center right no-repeat;}

.support_banner h4 {position:relative;padding-left:13px;margin-bottom:15px;font-size:16px;color:#2e92dd;}
.support_banner h4 .bl_blue {position:absolute;background:#2e92dd;left:2px;top:8px;width:4px;height:4px;}
.support_banner .event {width:980px;margin:0 auto;}
.support_banner .event li {display:inline-block;margin-left:20px !important;margin-right:0;}
.support_banner .event li:first-child {margin:0 !important;}
.support_banner .event li a {width:310px;font-size:15px;display:inline-block;border:1px solid #999;border-radius:40px;padding:15px 0;box-sizing:border-box;}
.support_banner .event li a.on,
.support_banner .event li a:hover {border:1px solid #2e92dd;color:#2e92dd;text-decoration:underline;}
.support_banner .event.mb_10 {margin-bottom:10px;}


/* Phone Certification Area */

.box5{border: solid 1px #dddddd;padding: 25px 30px;background: #fafafa;margin-bottom: 30px}
.box7{border: 1px solid #ddd;margin-bottom: 50px;position: relative;color: #555;line-height: 30px;padding:30px 30px 60px;text-align: justify;font-size: 16px;margin-top:20px}
.box7 dl dt{display: inline-block; width: 100px}
.box7 dl dd{display: inline-block}
.box7 *{vertical-align: middle}
.btn33{display: inline-block;height:115px; padding: 50px 9px; background: #444444; color: #ffffff; text-align: center;cursor: pointer}
.btn35{background:#2e92dd;color:#fff;padding: 5px 10px;margin-left: 10px;border-radius: 10px}
.tbl7{ background: #ffffff; font-size: 14px; width: 100%; margin-bottom: 10px}
.tbl7 th, .tbl7 td{ border: solid 1px #dddddd; padding: 9px 11px; }
.tbl7 th{ text-align: center;background: #fafafa }
.tbl7 td{text-align: center;background: #ffffff}

/* Application Procedure Area */

.flow {margin:0 -18px; overflow:hidden;}
.flow > li {position:relative;float:left;padding:18px;box-sizing:border-box;width: 33.3%;}
.flow > li + li:after {content:''; display:block; position:absolute; left:-10px; top:50%; margin-top:-20px; width:20px; height:40px; background:url("/asset/img/common/sub_banner_more.png") no-repeat 50% 50%;}
.flow .item {display:table;width:100%;position:relative;box-sizing:border-box;text-align:center;border:1px solid #c5d2e7;border-radius:.4rem;overflow:hidden;z-index:0;}
.flow .item > * {display:table-row;}
.flow .item .cell {display:table-cell;vertical-align:middle;}
.flow .item .img img {padding-top:25px;}
.flow .item .tit .cell {padding: 10px 0;font-size: 16px;text-align:center;margin:1px;line-height: 1.5;}
.flow .item .tit img {display:block; margin:0 auto 2rem;}
.flow .item .txt .cell {padding: 10px;line-height:1.6;text-align: left;}
.flow .item .txt .cell span{line-height:1.6;text-align: center;border-top: 1px solid #ccc;padding: 10px 0;display: grid;}
.flow-list.ty2 .flow .item .tit {background: #fafafa;border-radius:.4rem;font-weight: 600;}



/* Right Quick Menu */

#quickMenu {
	position:fixed;
	left: 48.5%;
	margin-left:700px;
	margin-top:20px;
	top:242px;
	z-index:3;
	width:120px;
}

#quickMenu .sub_quick ul li img{width:35px;height:35px}
#quickMenu li {display:block}

#quickMenu li.sub_quick {margin-top: 1rem;text-align: center}

#quickMenu .sub_quick .title {
	    background-color:#003964;
		color:#fff;
	    width: 100%;
	    padding: 1rem 0;
	    /* transform: skew(-1deg); */
	    font-size: 13px;
	    line-height: 2px;
	    margin-bottom: 0;
	}

#quickMenu .sub_quick .title:first-child{width:117px}

#quickMenu .sub_quick .sub_q_menu {
		border: 1px solid #e5e5e5;
		border-top:0;
		width:calc(100% - 2px);
		background-color:#ffffff;
	}
	
#quickMenu .sub_quick .sub_q_menu li {
			line-height: 16px;
			border-bottom: 1px solid #e5e5e5;
			background-size: 50% !important;
			font-size: 13px;
			background-image: none !important;
			padding: 0.2rem 0;
		}

#tsTitle{width: 100%;margin-bottom:0}

.naviBoxIn ul li:hover{background-color:#fcb037!important;transition:all 0.2s linea}

#quickMenu .sub_quick .sub_q_menu li:hover {color: #ff9c00}
	
#quickMenu .sub_quick .sub_q_menu li:last-child	{border-bottom:0;}
	







/* responsive css Area */

@media screen and (min-width:1229px) and (max-width:1590px){ /* 1229px ~ 1590px */
 
#quickMenu{position: absolute!important}
	       
}

@media (max-width: 1229px) {

#quickMenu{display:none}
     
}

@media (max-width: 1199px) {

#quickMenu{display:none}

}

@media (max-width: 991px) {
	
.support_box01{width:100%}
.support_banner li{padding-bottom:20px;margin-left:0!important}
.tbl1{table-layout:fixed}
.form-width2{width:100%}

.support_banner .banner_left{width:100%}
.support_banner .banner_left ul li{width:100%;display:inline-table}
.support_banner .banner_right{width:100%}
.heading-depth03 .title{font-size:15px}
.btn35{display:table}
.btn14{display:inline-table}

.control4{display:block}
.control4 input{margin-bottom:10px}
.control5{position: absolute;right: 0;top: 20px;}
#quickMenu{display:none;margin-left:0}


}

@media (max-width: 767px) {
	
.support_box01{width:100%;background:none;padding:15px}
.support_box02{width:100%;background:none;padding:15px}

.support_banner li{padding-bottom:20px;margin-left:0!important}
.tbl1{table-layout:fixed}
.form-width2{width:100%}
.feFoSelect + input{width:50%;margin-bottom:20px!important}
.box2{margin-top:200px}
.form-g5 label{display:block}
.control2{margin-bottom:20px}
.heading-depth03 .title{font-size:15px}
.btn35{display:table}
.btn14{display:inline-table}

.support_banner .banner_left{width:100%}
.support_banner .banner_left ul li{width:100%;display:inline-table}
.support_banner .banner_right{width:100%}

.control4{display:block}
.control4 input{margin-bottom:10px}
.control5{position: absolute;right: 0;top: 20px;}

.flow > li{width:100%}
.flow > li + li:after{background:none}
#quickMenu{display:none;margin-left:0}

}

@media (max-width: 320px) {
	
._L .inner > .sub{display:none}
#quickMenu{display:none;margin-left:0}

}