@charset "utf-8"; @import './reset-light.css'; .hid {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -9999px;
    top: -9999px;
    line-height: 0;
}

.pc_qr_img img {
    width: 200px;
}

.mobile {
    display: none !important;
}

.mobile_ib {
    display: none !important;
}

.mb {
    display: none !important;
}

.mb_ib {
    display: none !important;
}

.display-none {
    display: none;
}

#header, #header .global_top, #header .global_bot, .allMenu, #header .toppop, .sub_top_wrap, #container, #container .contents, .manager, #footer, #footer .f_top, #footer .f_bot {
    min-width: 1440px;
}

#container {
    overflow: hidden;
}

*:focus {
    outline: 2px dashed black;
}

/* ■■■■ EG ■■■■  */
.eg-wrap {
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1440px;
    margin: 0 auto;
}

.eg-nuri-top {
	background-color: #465775;
	width: 100%;
	height: 40px;
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.eg-nuri-top h1 {
	margin: 0 auto;
	position: relative;
	display: inline-block;
	padding: 6px 0 6px 50px;
	font-size: 17px;
	font-weight: 700;
	width: 1440px;
	color: #fff;
	background: url(../images/img_korea_icon.png) no-repeat 0px center;
	background-size: 30px auto;
}

.eg-wrap .eg-area {
    position: relative;
}

.eg-wrap .eg-area.main h1 {
    background: none;
    padding-left: 0;
}

.eg-wrap h1 {
    /*width: 1440px;*/
    margin: 0 auto;
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #3A3A3A;
    background: url(../images/img_korea_icon.png) no-repeat left center;
    padding-left: 40px;
}

.eg-wrap .option {
    display: flex;
    align-items: center;
    gap: 10px;
}

.eg-area .on:after {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 9px;
    left: 640px;
    top: 17px;
    background: url(../images/common/sprite.png) no-repeat -491.5px -412px;
    background-size: 1005px;
    text-indent: -999em;
    transform: rotate(180deg);
}

/* eg 글로벌 검색 */
.eg-wrap .sch_form_group {
    border: 1px solid #83ACEA;
    border-radius: 30px;
    position: relative;
}

.sch_form_group label {
    position: absolute;
    overflow: hidden;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    line-height: 0 !important;
    border: 0;
    clip: rect(0 0 0 0);
    font-size: 0;
}

.sch_form_group input[type="text"] {
    line-height: 28px;
    color: #000;
    border-radius: 30px 0 0 30px;
    padding-left: 18px;
    width: 308px;
    height: 28px;
    font-size: 14px;
    border: none;
}

.sch_form_group input::placeholder {
    color: #969696;
}

.sch_form_group::after {
    content: "";
    display: block;
    width: 1px;
    height: 19px;
    background: #83ACEA;
    position: absolute;
    right: 35px;
    top: 5px;
}

.sch_form_group input[type="submit"] {
    line-height: 28px;
    height: 28px;
    width: 34px;
    color: #fff;
    background: url('../images/common/icon_search.png') no-repeat center center;
    background-size: 16px auto;
    border-radius: 18px;
    text-indent: -99999px;
    border: none;
}

/* 언어 */
.eg-wrap .option .lang span, .eg-wrap .option .lang > a {
    font-size: 14px;
    color: #3a3a3a;
    height: 30px;
    line-height: 30px;
}

.eg-wrap .option .lang > a {
    padding-right: 16px;
    position: relative;
}

.eg-wrap .option .lang > a:focus {
    outline: 2px dashed;
}

.eg-wrap .option .lang > a::after {
    background: url('../images/common/icon_lang_arrow.png') right center no-repeat;
    background-size: 11px auto;
    content: "";
    position: absolute;
    right: 0;
    width: 11px;
    height: 9px;
    top: 9px;
}

.eg-wrap .option .lang.on > a::after {
    transform: rotate(180deg);
}

.eg-wrap .option .lang .allMenuToggle {
	font-size: 14px; 
	color: #3a4a4a; 
	height: 30px; 
	line-height: 30px;
}

.eg-wrap .option .lang .allMenuToggle:focus {
	outline: 2px dashed #000;
}

.eg-pop:after {
    display: block;
    content: "";
    position: absolute;
    left: 172px;
    top: 160px;
    width: 18px;
    height: 18px;
    background: url(../images/common/sprite2.png) no-repeat -296px -21px;
    background-size: 1000px;
    text-indent: -999em;
}

.eg-nuri {
    border-top: 1px solid #fff;
    margin-top: 2px;
}

.eg-nuri > ul {
    display: flex;
}

.eg-nuri > ul > li {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    width: 40%;
    padding: 20px;
    margin-right: 20px;
}

.eg-nuri > ul > li > p {
    font-size: 14px;
    font-family: 'nsr_r';
    color: #fff;
}

.eg-nuri > ul > li > a {
    font-size: 14px;
    color: #fff;
    padding: 15px 0px 5px 0px;
    float: left;
}

/* ■■■■ header ■■■■  */
#header {
    /* height:170px;  283 */
    position: relative;
}

/* 하단 글로벌 */
.sprite {
    background-image: url('../images/common/sprite256.png');
    background-size: 1000px;
    background-repeat: no-repeat;
    text-indent: -999em;
}

.spritepc {
    background-image: url('../images/common/sprite256.png');
    background-repeat: no-repeat;
    text-indent: -999em;
}

#header .global_bot_wrap {
    background: #fff;
    border-top: 1px solid #E2E4E6;
    border-bottom: 1px solid #E2E4E6;
    position: relative;
}

#header .global_bot {
    width: 1440px;
    margin: 0 auto;
    position: relative;
    display: flex;
    z-index: 999;
    background: #fff;
}

#header .global_bot > * {
    vertical-align: middle;
}

#header .global_bot h1 {
    width: 152px;
    z-index: 899;
    display: inline-block;
    padding: 22px 0;
    flex-shrink: 0;
}

#header .global_bot h1 a {
    display: block;
    background: url('../images/common/logo.png') no-repeat;
    width: 152px;
    height: 60px;
}

.eg-wrap .option .sel {
    position: relative;
    display: flex;
    gap: 10px
}

#header .global_bot .option .sel .arr {
    width: 13px;
    height: 11px;
    position: absolute;
    right: 4px;
    top: 2px;
    background: url('../images/common/sprite256.png') no-repeat -1112px -821px;
    background-size: 2000px;
    text-indent: -999em;
}

#header .global_bot .option .sel.on .arr {
    background-position: -1098px -821px;
}

.eg-wrap .option .sel > ul {
    display: none;
    background: rgba(0, 0, 0, .7);
    padding: 5px;
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 26px;
}

.eg-wrap .option .sel.on > ul {
    display: block;
}

.eg-wrap .option .sel > ul li a {
    padding: 5px 0;
    display: block;
    font-size: 13px;
    color: #fff;
}

.eg-wrap .option .sel > ul li a:focus {
    outline: 2px dashed white;
}

/* ■■■■ GNB ■■■■  */
#header .gnb_wrap {
    position: relative;
    flex-grow: 1;
}

#header .gnb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    display: flex;
}

#header .gnb > ul {
    position: relative;
    height: 100%;
    margin: 0 auto;
    z-index: 97;
    display: flex;
    justify-content: flex-start;
    padding-left: 40px;
    flex-grow: 1;
}

#header .gnb > ul > li {
    flex: 1;
    padding: 0;
}

#header .gnb > ul > li:first-child {
    margin-left: 0;
}

#header .gnb > ul > li > a {
    display: block;
    position: relative;
}

#header .gnb > ul > li.active > a span {
    background: #fff;
    color: #0A45B3;
}

#header .gnb > ul > li > a:hover span, #header .gnb > ul > li > a:focus span {
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#header .gnb > ul > li > a:hover span:after, #header .gnb > ul > li > a:focus span:after {
    content: "";
    position: absolute;
    width: 47px;
    height: 5px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1000;
    background: #323232;
    border-radius: 50px 50px 0px 0px;
}

#header .gnb > ul > li.active > a span:after {
    content: "";
    position: absolute;
    width: 47px;
    height: 5px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1000;
    background: #0A45B3;
    border-radius: 50px 50px 0px 0px;
}

#header .gnb > ul > li:last-child > a {
    background: none;
}

#header .gnb > ul > li > a > span {
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 58px;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5px;
}

#header .gnb > ul > li .gnbIntro {
    width: 1000px;
}

#header .gnb > ul > li > span {
    position: absolute;
    top: 142px;
    left: 0;
    padding-right: 32px;
    font-size: 28px;
}

#header .gnb > ul > li > ul {
    display: none;
    position: absolute;
    top: 116px;
    left: -152px;
    width: 1440px;
    height: 100%;
}

#header .gnb > ul > li > ul:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 470px;
}

#header .gnb > ul > li > ul > li {
    padding: 40px 0 0;
    position: relative;
    z-index: 2;
    box-sizing: border-box !important;
    float: left;
}

#header .gnb > ul > li > ul > li.gnbIntro {
    width: 354px;
    height: calc(100% - 116px);
    margin-bottom: 0;
    text-align: right;
    background: #3671C9;
    padding: 0;
}

#header .gnb > ul > li > ul > li.gnbIntro > * {
    vertical-align: top;
}

#header .gnb > ul > li > ul > li.gnbIntro dt {
    font-size: 30px;
    text-align: right;
    color: #fff;
    padding: 45px;
    font-weight: 800;
}

#header .gnb > ul > li.tile > ul > li {
    margin-right: 63px;
}

#header .gnb > ul > li.tile > ul > li:first-child {
    margin-right: 35px;
}

#header .gnb > ul > li.tile > ul > li > a {
    position: relative;
    display: block;
    border: 1px solid #C8C8C8;
    background: #fff;
}

#header .gnb > ul > li.tile > ul > li > a > span {
    display: block;
    font-size: 22px;
    color: #4a4a4a;
    width: 254px;
    height: 50px;
    line-height: 50px;
    padding-left: 11px;
    font-weight: 800;
}

#header .gnb > ul > li.tile > ul > li.active > a {
    border: 3px solid #0153a9;
}

#header .gnb > ul > li.tile > ul > li.active > a > span {
    height: 46px;
    line-height: 46px;
}

#header .gnb > ul > li.tile > ul > li:hover > a {
    background: #3671C9;
}

#header .gnb > ul > li.tile > ul > li:hover > a > span {
    color: #fff;
}

#header .gnb > ul > li.tile > ul > li > ul {
    display: block;
    padding: 10px 0;
}

#header .gnb > ul > li.tile > ul > li.on > ul {
    display: block;
}

#header .gnb > ul > li.tile > ul > li > ul > li > a {
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    color: #2c384b;
    font-size: 21px;
    padding-left: 46px;
    color: #8D8D8D;
    font-weight: 500;
}

#header .gnb > ul > li.tile > ul > li > ul > li > a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #8D8D8D;
    left: 24px;
    top: 18px;
}

#header .gnb > ul > li.tile > ul > li > ul > li > a:hover {
    color: #3671C9;
    font-weight: 800;
}

#header .gnb > ul > li.tile > ul > li > ul > li > a:hover::before {
    background-color: #3671C9;
}

#header .gnb a.list_link {
    display: block;
    text-align: center;
    margin-top: 4px;
}

#header .gnb a.list_link .list_content {
    font-size: 17px;
    line-height: 1.6em;
}

#header .gnb a.list_link .list_title {
    font-size: 20px;
    color: #2c384b;
    display: inline-block;
    margin-top: 10px;
}

#header .gnb a.list_link[target="_blank"] .list_title {
    position: relative;
}

#header .gnb a.list_link[target="_blank"] .list_title:after {
    content: '';
    position: absolute;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    background: url('../images/common/ic_sym_21.png') no-repeat center center;
    background-size: 20px;
}

#header .gnb > a {
    width: 310px;
    flex-shrink: 0;
    display: flex;
    height: 104;
    align-items: center;
    justify-content: center;
}

#header .gnb > a:focus {
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	outline: none;
}

#header .global_bot h1 a:focus {
	outline: 2px dashed #000;
}

/* 서브 GNB */
.sub_gnb_wrap {
    position: absolute;
    top: 105px;
    /* gnb 높이와 맞추기 */
    left: 0;
    width: 100%;
    min-width: 1440px;
    background: #fff url(/kma/resources/images/common/bg_submenu.png) left bottom no-repeat;
    box-shadow: 0 4px 6.3px rgba(0, 0, 0, 0.25);
    z-index: 98;
    display: block;
}

.sub_gnb_wrap > div {
    display: flex;
    width: 1440px;
    margin: 0 auto;
}

/* 각 메뉴 항목별 hover 시 해당 서브메뉴 표시 */
/* #header .gnb > ul > li:nth-child(1):hover .sub_gnb_wrap .l_list_1:nth-child(1), #header .gnb > ul > li:nth-child(2):hover .sub_gnb_wrap .l_list_1:nth-child(2), #header .gnb > ul > li:nth-child(3):hover .sub_gnb_wrap .l_list_1:nth-child(3), #header .gnb > ul > li:nth-child(4):hover .sub_gnb_wrap .l_list_1:nth-child(4) {
    display: block !important;
} */

.sub_gnb_wrap .l_list_1 {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 31px 0 0;
    border-right: 1px solid #E2E4E6;
    width: 100%;
}
.sub_gnb_wrap .l_list_1 > li {display: none;}
.sub_gnb_wrap .l_list_1 > li.on {display: block;}
.sub_gnb_wrap .l_list_1:last-child {border-right: 0;}

.sub_gnb_wrap .l_list_1 > li > a {
    position: relative;
    display: block;
    border-bottom: 1px solid #3B3B3B;
}
.sub_gnb_wrap .l_list_1 > li {padding-bottom: 24px;}

.sub_gnb_wrap .l_list_1 > li > a > span {
    display: block;
    font-size: 18px;
    color: #4a4a4a;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-weight: 800;
}

.sub_gnb_wrap .l_list_1 > li > ul {
    display: block;
}

.sub_gnb_wrap .l_list_1 > li > ul > li > a {
    position: relative;
    display: block;
    height: 24px;
    line-height: 24px;
    color: #686868;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #dbdbdb;
}
.sub_gnb_wrap .l_list_1 > li > ul > li:last-child > a {
    border-bottom: 0px;
}

/* 각 메뉴 항목별 hover 시 서브메뉴 표시 */
#header .gnb > ul > li:nth-child(1):hover .sub_gnb_wrap, #header .gnb > ul > li:nth-child(2):hover .sub_gnb_wrap, #header .gnb > ul > li:nth-child(3):hover .sub_gnb_wrap, #header .gnb > ul > li:nth-child(4):hover .sub_gnb_wrap {
    display: block;
}

/* 서브메뉴 hover 시에도 유지 */
.sub_gnb_wrap:hover {
    display: block;
}

#header .gnb .newch {
    padding-right: 25px !important;
}

#header .gnb .newch:after {
    content: '';
    position: absolute;
    margin-top: 2px;
    margin-left: 4px;
    width: 13px;
    height: 13px;
    background: url('../images/common/ic_sym_21.png') no-repeat center center;
    background-size: 13px;
}

iframe {
    border: 0;
}

.dmm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 10000px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1100;
}

.dim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 10000px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 900;
}

.dim2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 10000px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 900;
}

#header .ham {
    position: fixed;
    top: 15px;
    right: -1000px;
    z-index: 2000;
    width: 75%;
    max-width: 100%;
    overflow-y: auto;
}

#header .ham_top_wrap {
    position: relative;
    padding: 0 23px 0 12px;
    background: #EAEAEA;
    border: 1px solid #B8C4DA;
    border-right: 0;
    display: flex;
    height: 40px;
    align-items: center;
}

#header .ham_top_wrap a.home span {
    display: inline-block;
    vertical-align: middle;
    background: url('../images/common/icon_home.svg') center no-repeat;
    text-indent: -999em;
    width: 18px;
    height: 17px;
}

#header .ham_top_wrap a.ham_close {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

#header .ham_top_wrap a.ham_close span {
    display: inline-block;
    vertical-align: middle;
    background: url('../images/common/icon_ham_close.png') no-repeat center;
    background-size: contain;
    text-indent: -999em;
    width: 13px;
    height: 13px;
}


#header .ham_top_wrap .option {
    position: absolute;
    right: 48px;
    top: 12px;
}

#header .ham_top_wrap .option * {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

#header .ham_top_wrap .option .sel {
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 99;
}

#header .ham_top_wrap .option .sel.lang {
    width: 92px;
}

#header .ham_top_wrap .option .sel > a {
    display: block;
}

#header .ham_top_wrap .option .sel > .arr {
   width: 12px;
    height: 9px;
    position: absolute;
    right: 11px;
    top: 2px;
    background: url('../images/common/icon_arrow_black.png') center no-repeat;
    text-indent: -999em;
    background-size: contain;
}

#header .ham_top_wrap .option .sel.on > .arr {
    transform: rotate(270deg);
}

#header .ham_top_wrap .option .sel > ul {
    display: none;
    background: url('../images/common/f_dd_bg.png');
    padding: 5px;
    margin-top: 8px;
    width: 60px;
}

#header .ham_top_wrap .option .sel.on > ul {
    display: block;
}

#header .ham_top_wrap .option .sel > ul li a {
    padding: 5px 0;
    display: block;
    font-size: 14px;
    color: #fff;
}

#header .ham > ul a {
    display: block;
    padding: 11px 0 11px 9px;
    color: #5480D4;
    font-size: 18px;
    font-weight: 800;
}

#header .ham > ul > li > a {
    position: relative;
    background: #5480D4;
}

#header .ham > ul > li > a:before {
    display: block;
    content: "";
    position: absolute;
    top: 17px;
    right: 28px;
    width: 17px;
    height: 15px;
    background: url(../images/common/icon_ham_arrow.svg) center no-repeat;
}

#header .ham > ul > li.on > a::before {
    background: url(../images/common/icon_ham_plus.svg) center no-repeat
}

#header .ham > ul > li.on > ul > li > a {
    position: relative;
}

#header .ham > ul > li.on > ul > li > a:after {
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    right: 27px;
    width: 18px;
    height: 1.5px;
    background: #0A45B3;
}

#header .ham > ul > li.on > ul > li > a.notToggle:after {
    background: none;
}

#header .ham > ul > li.on > ul > li.on > a {
    display: block;
}

#header .ham a.active {
    text-decoration: underline;
    font-weight: 700;
}

#header .ham > ul > li.on > ul > li.on > ul > li > a {
    position: relative;
    display: inline-block;
}

#header .ham > ul a span {
    color: #fff;
    font-size: 15px;
}

#header .ham > ul > li > ul > li a span {
    color: #3671C9;
}

#header .ham > ul {
    overflow-y: auto;
}

#header .ham > ul > li:first-child > a {
    border-top: 0;
}

#header .ham > ul > li > a {
    padding: 14px 0 14px 14px;
}

#header .ham > ul > li > a > span {
    font-size: 20px;
}

#header .ham > ul > li > ul > li > a > span {
    font-size: 18px;
    position: relative;
}

#header .ham > ul > li > ul > li > a[target=_blank] > span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../images/common/ic_sym_21.png') no-repeat center;
    background-size: 20px;
}

#header .ham > ul > li > ul > li > ul > li > a > span {
    font-size: 15px;
}

#header .ham > ul > li > ul {
    display: none;
    background: #fff;
}

#header .ham > ul > li > ul > li:first-child > a {
    border-top: 0;
}

#header .ham > ul > li > ul > li:last-child > a {
    border-bottom: 0;
}

#header .ham > ul > li > ul > li > a {
    background: #fff;
    border: 1px solid #BABABA;
    border-bottom: 0;
}

#header .ham > ul > li > ul > li > ul {
    display: none !important;
}

#header .ham > ul > li > ul > li.on > ul {
    display: block !important;
    background: #EDEDED;
}

#header .ham > ul > li > ul > li > ul > li {
    padding: 0 12px;
}

#header .ham > ul > li > ul > li > ul > li:first-child > a {
    border-top: 0;
}

#header .ham > ul > li > ul > li > ul > li:last-child > a {
    border-bottom: 0;
}

#header .ham > ul > li > ul > li > ul > li > a {
    padding-left: 3px;
    font-size: 16px;
    display: block;
    width: 100%;
    position: relative;
}

#header .ham > ul > li > ul > li > ul > li > a:before {
    content: "• ";
}

#header .ham > ul > li > ul > li > ul > li > a:after {
    content: "";
    width: 12px;
    height: 7px;
    position: absolute;
    right: 16px;
    top: 16px;
    background: url(../images/common/icon_ham_sub_arrow.svg) center no-repeat;
}

#header .ham > ul > li > ul > li > ul > li > a.notToggle::after {
    display: none;
}

#header .ham > ul > li > ul > li > ul > li > ul > li {
    padding-left: 5px;
}

#header .ham > ul > li > ul > li > ul > li > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    padding: 6px 0 6px 18px
}

#header .ham > ul > li > ul > li > ul > li > ul > li > a:before {
    content: "- ";
}

#header .ham > ul li.noUrl > a {
    background: none;
}

#header .ham > ul > li > ul {
    display: none;
}

#header .ham > ul > li.on > ul {
    display: block;
}

#header .ham > ul > li > ul > li > ul {
    display: none;
}

#header .ham > ul > li > ul > li.on > ul {
    display: block;
    background: #EDEDED;
}

/* ■■■■ 전체 메뉴 ■■■■  */
.allMenu {
    width: 100%;
}

#header .allMenu {
    width: 100%;
    height: 0;
}

.allMenu * {
    box-sizing: border-box !important;
}

.allMenu .allMenuToggle {
    display: inline-block;
    position: absolute;
    right: 50%;
    z-index: 98;
    margin-top: -52px;
    margin-right: -600px;
    width: 23px;
    height: 20px;
    background-position: -44px -9px;
}

.allMenu .allMenuToggle img {
    width: 100%;
    display: block;
}

.allMenu .allMenuCont {
    width: 100%;
}

#header .allMenu .allMenuCont {
    position: absolute;
    z-index: 10001;
    top: 105px;
    overflow: hidden;
    overflow-y: auto;
    text-align: left;
    display: none;
    padding: 50px 20px;
    background-color: #fff;
}

.allMenu .allMenuCont .allMenuList {
    width: 1430px;
    margin: 50px auto 0;
    overflow: auto;
}


#header .allMenu .allMenuCont .allMenuList {
    margin: 0 auto;
}

.allMenuCont .sitemap_tit {
    width: 1440px;
    margin: 0 auto;
    padding: 80px 0 20px;
    position: relative;
}

#header .allMenuCont .sitemap_tit {
    padding: 125px 0 20px;
}

.allMenuCont .sitemap_tit h1 {
    text-align: center;
    font-size: 45px;
    color: #000;
}

.allMenu .allMenuClose {
    display: none;
    position: absolute;
    top: 30px;
    right: 50%;
    z-index: 99;
    margin-right: -600px;
    background-position: -173.5px -60px;
    width: 24px;
    height: 23.5px;
}

/* .allMenu .allMenuClose a {display:block;} */
.allMenuList > li {
    border-top: 1px solid #7B7B7B;
    padding: 8px 0;
}

.allMenuList > li:after {
    clear: both;
    content: "";
    display: block;
}

.allMenuList > li > .site_d1 {
    float: left;
    width: 184px;
}


.allMenuList > li .site_d1 h2 {
    font-size: 26px;
    color: #1954AC;
    padding-left: 6px;
}

.allMenuList > li> .con {
    display: flex;
    padding-top: 7px;
    justify-content: space-between;
}
.allMenuList > li> .con > div {
    display: flex;
    flex-direction: column;
    
}

.allMenuList > li:nth-child(1) > .con > .l:hover >a {
    border-bottom: 1px solid #0153a9;
}


.allMenuList > li:nth-child(1) > .con > .l .wrap:after {
    clear: both;
    content: "";
    display: block;
}

.allMenuList > li > .con > div .wrap {
    display: flex;
    gap: 13px;
}
.allMenuList > li > .con > div .wrap > div {
    width: 225px;
}

.allMenuList > li:nth-child(1) > .con > .l .wrap > .r {
    margin-right: 0;
}

.contents .allMenu .allMenuCont .allMenuList {
    width: 100%;
}
.contents .allMenuCont .allMenuList > li {
    display: flex;
    flex-direction: column;
}
.contents .allMenuCont .allMenuList > li .site_d1 h2 {
    padding-left: 0;
    padding-bottom: 10px;
}
.contents .allMenuCont .allMenuList > li> .con {
    gap: 14px;
}

.aml_d2 {
    display: block;
    font-size: 23px;
    font-weight: 800;
    color: #525252;
    border-bottom: 1px solid #7B7B7B;
    margin-bottom: 9px;
    padding-bottom: 5px;
}

.aml_d2_2 > li > a {
    display: block;
    overflow: hidden;
    font-size: 23px;
    color: #525252;
    border-bottom: 1px solid #ccddee;
    margin-bottom: 9px;
    padding-bottom: 5px;
}

.aml_d2_2 > li > a:hover {
    border-bottom: 1px solid #0153a9;
}

.aml_d3, .aml_d3_2 > li > a {
    margin-bottom: 10px;
}

.box li a {
    margin-bottom: 9px;
}

.aml_d3, .aml_d3_2 > li > a {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #3c3c3c;
    background: #F2F2FF;
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
    font-weight: bold;
}

.aml_d4 {
    padding-bottom: 15px;
}

.aml_d4 > li {
	height: 35px;
}

.aml_d4 > li > a {
    position: relative;
    color: #505050;
    font-size: 17px;
    padding-left: 4px;
    width: 100%;
    height: 28px;
    display: flex;
    align-items: center;
}

.aml_d4 > li > a:focus {
    outline: 2px solid;
}

.aml_d4 > li > a.letter {
    letter-spacing: -.1em;
}

.aml_d5 {
    padding: 10px 0;
}

.aml_d5 > li {
    padding-left: 10px;
}

.aml_d5 > li > a {
    position: relative;
    color: #333333;
    font-size: 15px;
    padding-left: 10px;
}

.aml_d5 > li > a:hover {
    border-bottom: 1px solid #b7b7b7;
}

.aml_d5 > li > a:after {
    display: block;
    content: "- ";
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 3px;
}

a.aml_d3[target="_blank"] {
    position: relative;
}

a.aml_d3[target="_blank"]:after {
    content: '';
    position: absolute;
    margin-left: 4px;
    width: 20px;
    top: 10px;
    height: 20px;
    background: url('../images/common/ic_sym_21.png') no-repeat center center;
    background-size: 20px;
}

.allMenuCont .allMenuList > li > ul:after {
    clear: both;
    content: "";
    display: block;
}

.allMenuCont .allMenuList > li > ul > li {
    float: left;
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
}

.allMenuCont .allMenuList > li > ul > li:nth-child(4n) {
    margin-right: 0;
}

.allMenuCont .allMenuList > li > ul > li > a {
    display: block;
    overflow: hidden;
    font-size: 22px;
    color: #000;
    border-bottom: 1px solid #ccddee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.allMenuCont .allMenuList > li > ul > li > a:hover {
    border-bottom: 1px solid #0153a9;
}

.allMenuCont .allMenuList > li > ul > li > a[target=_blank]:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../images/common/ic_sym_21.png') no-repeat center;
    background-size: 20px;
}

.allMenuCont .allMenuList > li > ul > li > ul {
    padding: 10px 0;
}

.allMenuCont .allMenuList > li > ul > li > ul > li {
    margin-bottom: 20px;
}

.allMenuCont .allMenuList > li > ul > li > ul > li > a {
    display: block;
    overflow: hidden;
    font-size: 18px;
    color: #000;
    background: #e5edf6;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

.allMenuCont .allMenuList > li > ul > li > ul > li > a:hover {
    outline: 1px solid #0153a9;
}

.allMenuList a:focus {
    outline: 2px solid black;
}


/* ■■■■ sub_wrap ■■■■  */
#sub_wrap {
    display: flex;
    gap: 63px;
    width: 1440px;
    margin: 30px auto;
}

#sub_wrap_nonav {
    display: block;
    width: 1440px;
    margin: 30px auto;
}

/* ■■■■ container ■■■■  */
#container {
    flex-grow: 1;
    min-width: inherit;
}

#container .contents {
    position: relative;
    width: 100%;
    min-width: 100% !important;
    margin: 0 auto;
    padding: 0 0 100px;
}

#container .contents .narrow_body {
    padding: 0 35px;
}

#container .contents a.btn_large:focus, 
	#container .contents a.btn_midium:focus, 
	#container .contents a.btn_small:focus, 
	#container .contents a.btn_xlarge_rnd:focus {
    outline: 2px dashed #000;
}

#container .contents .exp_guide_btn a:focus {
    outline: 2px dashed #000;
}

.l,.ll {
    float: left;
}

.r,.rr {
    float: right;
}

/* ■■■■ 서브 ■■■■  */
.sub_top_wrap {
    min-width: 240px;
    flex-shrink: 0;
}

.sky_bg .sub_top_wrap {
    box-shadow: none;
}

.sub_visual_wrap {
    position: relative;
    background: url('../images/sub/bg_sub_top1.png') no-repeat top center;
    height: 220px;
    text-align: center;
    border-bottom: 1px solid #dadada;
}

.sub_top_type1 .sub_visual_wrap {
    background-image: url('../images/sub/bg_sub_top1.png');
}

.sub_top_type2 .sub_visual_wrap {
    background-image: url('../images/sub/bg_sub_top2.png');
}

.sub_top_type3 .sub_visual_wrap {
    background-image: url('../images/sub/bg_sub_top3.png');
}

.sub_top_type4 .sub_visual_wrap {
    background-image: url('../images/sub/bg_sub_top4.png');
}

.sub_top_type5 .sub_visual_wrap {
    background-image: url('../images/sub/bg_sub_top5.png');
}

.sub_top_type6 .sub_visual_wrap {
    background-image: url('../images/sub/bg_sub_top6.png');
}

.sub_top_type7 .sub_visual_wrap {
    background-image: url('../images/sub/bg_sub_top7.png');
}

.sub_top_type_login .sub_visual_wrap {
    background-image: none;
    text-align: center;
}

.sub_visual {
    display: inline-block;
    text-align: center;
    padding: 73px 0;
}

.sub_visual h2 {
    font-size: 45px;
    color: #fff;
}

.sub_visual p {
    font-size: 20px;
    color: #fff;
}

.sub_visual p.tag {
    position: absolute;
    right: 50%;
    margin-right: -600px;
    bottom: 10px;
    font-size: 11px;
    color: #fff;
}

.sub_visual a.tag {
    position: absolute;
    right: 50%;
    margin-right: -600px;
    bottom: 20px;
    color: #fff;
}

.loc_wrap {
    width: 100%;
    margin: 0 auto;
}

.loc_wrap .loc_l {
    width: 100%;
}

.loc_wrap .loc_l h2 {
    background: #3671C9;
    color: #fff;
    border-radius: 0 30px 0 0;
    font-weight: 800;
    height: 70px;
    font-size: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.loc_wrap .loc_l h2.active {
    color: #3671C9;
}

.loc_wrap .loc_l > .loc {
    position: relative;
    border-radius: 5px;
    border: 1px solid #BABABA;
    width: 100%;
    margin-bottom: 16px;
}

.loc_wrap .loc_l > .loc h3 {
    position: relative;
    display: block;
    padding: 5px 30px;
    color: #5D5D5D;
    font-size: 21px;
    border-bottom: 1px solid #BABABA;
}

.loc_wrap .loc_l > .loc h3.active {
    color: #244EA8;
    background-color: #F4F5F6;
}

#container .loc_r {
    width: 100%;
    height: 72px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #bababa;
    margin-top: 3px;
}

#container .loc_r ul {
    display: flex;
    padding-right: 5px;
}

#container .loc_r li a {
    position: relative;
    display: flex;
    width: fit-content;
    height: 100%;
    text-align: center;
    padding: 0 10px;
    align-items: center;
}

#container .loc_r li a span {
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -999em;
}

#container .loc_r .loc_print span {
    background: url(../images/common/icon_printout.png) center no-repeat;
    background-size: contain;
}

#container .loc_r .loc_share span {
    background: url(../images/common/icon_share.png) center no-repeat;
    background-size: contain;
}

#container .loc_r li a img {
    display: inline-block;
    vertical-align: middle;
}

#container .loc_line {
    border-top: 1px solid #bababa;
    margin-top: 3px;
    margin-bottom: 14px;
}

#container .loc_box {
    position: absolute;
    right: 0px;
    bottom: 12px;
}

#container .loc_box > div {
    position: relative;
    height: 32px;
}

#container .loc_box ul {
    display: flex;
    padding-right: 5px;
}

#container .loc_box li a {
    position: relative;
    display: flex;
    width: fit-content;
    height: 100%;
    text-align: center;
    padding: 0 10px;
    align-items: center;
}

#container .loc_box li a:focus {
	outline: 2px dashed;
}

#container .loc_box li a span {
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -999em;
}

#container .loc_box .loc_print span {
    background: url(../images/common/icon_printout.png) center no-repeat;
    background-size: contain;
}

#container .loc_box .loc_share span {
    background: url(../images/common/icon_share.png) center no-repeat;
    background-size: contain;
}

#container .loc_box li a img {
    display: inline-block;
    vertical-align: middle;
}

#container .loc_box .share_box {
    display: none;
    position: absolute;
    right: 43px;
    top: 27px;
    background: #fff;
    padding: 8px 12px;
    border: 1px solid #cecece;
    z-index: 2;
}

#container .loc_box .share_box .inbox {
    position: relative;
    width: 144px;
}

#container .loc_box .share_box .inbox > a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../images/common/icon_sns_t2.png');
    background-size: 200% auto;
    text-indent: -999em;
}

#container .loc_box .share_box .inbox > a:focus {
    outline: 2px dashed #000;
}

#container .loc_box .share_box .inbox > a.fb {
    background-position: 32px 0px;
}

#container .loc_box .share_box .inbox > a.tw {
    background-position: 32px -32px;
}

#container .loc_box .share_box .inbox > a.kk {
    background-position: 32px -160px;
}

#container .loc_box .share_box .inbox > a.tt {
    background: url('../images/common/link.png') no-repeat center center;
    background-size: 32px auto;
}

#container .loc_box .share_box .inbox:after {
    clear: both;
    content: "";
    display: block;
}

#container .loc_box .share_box .inbox .arr {
    position: absolute;
    right: -4px;
    top: -19px;
    width: 20px;
    height: 13px;
    background: url('../images/common/sprite2.png') no-repeat -810.5px -27px;
    background-size: 1000px;
    text-indent: -999em;
    margin-left: -10px
}

@media only screen and (max-width: 768px) {
	#container .loc_box {
		bottom: 0px;
	}
}

.loc_wrap .loc_l .link_list {
    display: flex;
    flex-direction: column;
    padding: 10px 17px;
    background: rgb(255, 255, 255);
}

.loc_wrap .loc_l .link_list > li {
    margin-bottom: 3px;
}

.loc_wrap .loc_l .link_list > li > a {
    font-size: 17px;
    line-height: 28px;
    color: #525252;
    font-weight: 500;
    padding-left: 25px;
    position: relative;
    outline: none;
    height: 100%;
    width: 100%;
    display: block;
}

.loc_wrap .loc_l .link_list > li > a:focus {
    outline-style: dashed;
}

.loc_wrap .loc_l .link_list > li > a::before {
    position: absolute;
    content: "-";
    width: 6px;
    height: 6px;
    left: 13px;
}

.loc_wrap .loc_l .link_list > li > a.active::V, .loc_wrap .loc_l .link_list > li > a:hover::before {
    background: #1853AB;
}

.loc_wrap .loc_l .link_list > li > a:hover, .loc_wrap .loc_l .link_list > li > a.active {
    color: #1853AB;
    font-weight: 800;
}

.loc_wrap .loc_l .link_list > li > a[target="_blank"]::after {
    content: '';
    position: absolute;
    margin-left: 8px;
    width: 17px;
    height: 17px;
    background: url(../images/common/akar-icons_link-out.png) no-repeat center center;
    background-size: 17px;
    top: 5px;
}

.loc_wrap_m {
    display: none;
    padding: 10px 20px;
}

.loc_wrap_m:after {
    content: "";
    clear: both;
    display: block;
}

.loc_wrap_m .loc_l {
    float: left;
    width: calc(100% - 60px);
}

.loc_wrap_m .loc_l * {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.loc_wrap_m .loc_l {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loc_wrap_m .loc_l span {
    display: inline;
}

.loc_wrap_m .loc_l > .mhome {
    width: 15px;
}

.loc_wrap_m .loc_r {
    float: right;
    width: 50px;
}

.loc_wrap_m .loc_r ul:after {
    content: "";
    clear: both;
    display: block;
}

.loc_wrap_m .loc_r ul li {
    float: left;
    margin-right: 10px;
}

.loc_wrap_m .loc_r ul li:last-child {
    margin-right: 0;
}

.loc_wrap_m .loc_r ul li a {
    display: block;
    height: 20px;
    padding-top: 3px;
}

.loc_wrap_m .loc_r ul li a img {
    height: 100%;
}

.loc_wrap_m .loc_r .loc_clip {
    width: 19.5px;
    height: 17px;
    background: url('../images/common/sprite256.png') no-repeat -572px -403.5px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 3px;
}

.loc_wrap_m .loc_r .loc_share {
    width: 13.5px;
    height: 15px;
    background: url('../images/common/sprite256.png') no-repeat -594.5px -405.5px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 5px;
}

.loc_r {
    position: relative;
}

.loc_r .share_box {
    display: none;
    position: absolute;
    right: 43px;
    top: 65px;
    background: #fff;
    padding: 8px 12px;
    border: 1px solid #cecece;
    z-index: 2;
}

.loc_r .share_box .inbox {
    position: relative;
    width: 144px;
}

.loc_r .share_box .inbox > a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../images/common/icon_sns_t2.png');
    background-size: 200% auto;
    text-indent: -999em;
}

.loc_r .share_box .inbox > a.fb {
    background-position: 32px 0px;
}

.loc_r .share_box .inbox > a.tw {
    background-position: 32px -32px;
}

.loc_r .share_box .inbox > a.kk {
    background-position: 32px -160px;
}

.loc_r .share_box .inbox > a.tt {
    background: url('../images/common/link.png') no-repeat center center;
    background-size: 32px auto;
}

.loc_r .share_box .inbox:after {
    clear: both;
    content: "";
    display: block;
}

.loc_r .share_box .inbox .arr {
    position: absolute;
    right: -4px;
    top: -19px;
    width: 20px;
    height: 13px;
    background: url('../images/common/sprite2.png') no-repeat -810.5px -27px;
    background-size: 1000px;
    text-indent: -999em;
    margin-left: -10px
}

/* ■■■■ sub title ■■■■  */
.sub_title {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-bottom: 8px;
    position: relative;
}

.breadcrumbs {
    display: flex;
}

.breadcrumbs .home {
    text-indent: -999em;
    width: 17px;
    background: url(../images/common/icon_breadcrumbs_home.png) center no-repeat;
    background-size: cover;
}

.breadcrumbs a {
    display: flex;
    position: relative;
    margin: 3px 24px 3px 3px;
    height: 18px;
    align-items: center;
    justify-content: center;
    color: #505050;
    font-size: 13px;
}

.breadcrumbs a:focus {
	outline: 2px dashed;
}

.breadcrumbs a::after {
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    background: url(../images/common/icon_breadcrumbs_arrow.png) center no-repeat;
    background-size: contain;
    top: 3px;
    right: -20px;
}

.breadcrumbs a:last-child:after {
    display: none;
}


.sub_title h3 {
    font-size: 38px;
}

/* sub content */
.sub_head {
    border-radius: 15px;
    background: #F3F4F6;
    padding: 30px;
}

.sub_head h3 {
    font-size: 30px;
    color: #000;
}

.sub_head h4 {
    font-size: 23px;
    color: #535353;
    text-align: center;
}

.sub_head p {
    font-size: 19px;
    margin-top: 19px;
    color: #3A3A3A;
}

.sub_img_wrap {
    width: 100%;
}

.sub_img_wrap img {
    width: 100%;
}

.sub_head_img {
    border-radius: 15px;
    background: #F3F4F6;
    padding: 30px;
    display: flex;
    justify-content: center;
    gap: 35px;
}

.sub_head_img p {
    font-size: 20px;
    color: #535353;
    
}

.sub_head_img p span {
    font-size: 20px;
    display: block;
    font-weight: 800;
    padding-bottom: 10px;
}

.sub_head_img figure {
    margin: 0;
    background-color: #3671C9;
    border-radius: 60px;
    width: 102px;
    height: 102px;
}

.sub_head_img .exp_guide {
    background-image: url(../images/sub/icon_exp.png);
}
.sub_head_img .photo_exp_guide {
    background-image: url(../images/sub/icon_photo_exp.png);
}

.sub_head_img .tag {padding-top: 27px; display: flex; gap: 20px;}
.sub_head_img .tag span {
    display: inline-block;
    color: #3671C9;
    font-size: 19px;
    font-weight: 800;
    background: #E8E8E8;
    padding: 0 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
}

/* ■■■■ footer ■■■■  */
.manager {
    background: #f6f6f6;
    padding: 22px 0;
    text-align: center;
}

.manager p {
    display: inline-block;
    padding-left: 25px;
    margin: 0 10px;
}

.manager p * {
    color: #000;
    font-size: 20px;
}

.manager p.position {
    position: relative;
}

.manager p.position:after {
    width: 15.5px;
    height: 15.5px;
    content: "";
    background-position: -413px -64px;
    position: absolute;
    top: 7px;
    left: 0;
    background-image: url('../images/common/sprite256.png');
    background-size: 1000px;
    background-repeat: no-repeat;
}

.manager p.phone {
    position: relative;
}

.manager p.phone:after {
    width: 14.5px;
    height: 15.5px;
    content: "";
    background-position: -435px -64px;
    position: absolute;
    top: 7px;
    left: 0;
    background-image: url('../images/common/sprite256.png');
    background-size: 1000px;
    background-repeat: no-repeat;
}

#footer .f_bot_wrap {
    background: #F4F5F6;
    padding-bottom: 30px;
}

#footer .f_bot {
    width: 1440px;
    margin: 0 auto;
}

#footer .f_bot {
    padding-top: 24px;
    position: relative;
}

#footer .f_bot .f_logo {
    background: url(../images/common/logo_w.png) center no-repeat;
    width: 148px;
    flex-shrink: 0;
    background-size: contain;
}

#footer .f_bot > div.f_2nd {
    padding-top: 25px;
}

#footer .f_bot .f_con_top {
    display: flex;
    justify-content: space-around;
}

#footer .f_bot .f_con_top a {
    position: relative;
    display: inline-block;
    color: #1E2124;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
}

#footer .f_bot .f_con_top a:focus, #footer a.tel:focus, #footer .mark a:focus {
	outline: 2px dashed;
}

#footer .f_bot .f_con_top a:first-child {
    color: #1E2124;
}

#footer .f_bot .f_con_top a:after {
    content: '';
    position: absolute;
    top: 5px;
    right: -31px;
    height: 25px;
    border-right: 1px solid #1E2124;
    margin-top: -5px;
}

#footer .f_bot .f_con_top a:last-of-type:after {
    display: none;
}

#footer .f_bot .f_con_mid {
    position: relative;
    width: 100%;
}

#footer .f_bot .f_con_mid > ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 37px;
}

#footer .f_bot .f_con_mid > ul > li {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    flex: 1;
    background-color: #CDD1D5;
}

#footer .f_bot .f_con_mid > ul > li > a {
    display: block;
    color: #1E2124;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    font-size: 18px;
    position: relative;
    font-weight: bold;
}

#footer .f_bot .f_con_mid > ul > li > a:focus:before {
    content: '';
    position: absolute;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    border: 2px dashed #000;
}

#footer .f_bot .f_con_mid > ul > li .arr {
    background: url(../images/common/icon_footer_arrow.png) center no-repeat;
    background-size: cover;
    text-indent: -999em;
    width: 18px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 14px;
    transform: rotate(180deg);
}

#footer .f_bot .f_con_mid > ul > li.on .arr {
    transform: rotate(0);
}

#footer .f_bot .f_con_mid .link_list {
    display: none;
    position: absolute;
    right: 0;
    bottom: 39px;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
    			0 2px 2px rgba(0,0,0,0.11), 
    			0 4px 4px rgba(0,0,0,0.11), 
    			0 6px 8px rgba(0,0,0,0.11), 
    			0 8px 16px rgba(0,0,0,0.11);
    padding: 10px 0 10px 20px;
    width: 100%;
    z-index: 100;
    max-height: 400px;
    overflow-y: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#footer .f_bot .f_con_mid .link_list:after {
    clear: both;
    content: "";
    display: block;
}

#footer .f_bot .f_con_mid .link_list li {
    margin: 0 0 5px;
    width: 100%;
}

#footer .f_bot .f_con_mid .link_list li a {
    font-size: 18px;
    color: #000000;
}

#footer .f_bot .f_con_mid .link_list li a:hover {
    color: #3671C9;
    outline: 2px dashed white;
    padding: 2px;
}

#footer .f_bot .f_con_mid .link_list li a:focus {
    color: #3671C9;
    outline: 2px dashed white;
    padding: 2px;
}

#footer .f_bot .f_con_bot {
    margin-top: 25px;
    display: flex;
    gap: 30px;
}

#footer .f_bot .f_con_bot > div {
    flex-grow: 1;
    display: flex;
    gap: 30px;
}

#footer .f_bot .f_con_bot div div {
    color: #1E2124;
    line-height: 25px;
    font-size: 17px;
    width: 80%;
    letter-spacing: 0.35px;
}

#footer .f_bot .f_con_bot div div:nth-child(1) {
    min-width: 700px;
}
#footer .f_bot .f_con_bot div div:nth-child(2) {
    min-width: 450px;
}
#footer .f_bot .f_con_bot div div:nth-child(3) {
    min-width: 175px;
}

#footer .f_bot .f_con_bot div * {
    color: #1E2124;
    font-size: 17px;
}



#footer .f_bot .f_con_bot div:last-child, #footer .f_bot .f_con_bot div:last-child * {
    font-size: 14px;
}

#footer .f_bot .f_con_bot .mark {
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: flex-end;
}

#footer .f_bot .f_con_bot .mark > a > img {
    display: inline-block;
    vertical-align: middle;
}

#footer .f_bot .f_con_bot .mark .mark_2025 {
    width: 123px;
    height: 50px;
    background: url('/kma/resources/images/common/2025_mark.png') center no-repeat;
    background-size: contain;
}

/* ■■■■■■■■■■■■ 스니펫 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■ heading ■■■■  */
h3 {
    font-size: 27px;
}

h3.alert {
    padding-left: 33px;
    position: relative;
}

h3.alert:before {
    content: "!";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background: #0053a8;
    color: #fff;
    text-align: center;
    line-height: 27px;
    font-size: 17px;
}

h3.confirm {
    padding-left: 63px;
    position: relative;
    font-size: 30px;
    display: inline-block;
    padding-top: 10px;
}

h3.confirm:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 50px;
    height: 50px;
    background: url('../images/common/sprite2.png') no-repeat -1435px -45px;
    display: block;
}

/* checkbox select */
.select_box {
    position: relative;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ababab;
    display: inline-block;
}

/*.select_box:after {content:""; position:absolute; display:inline-block; width:10px; height:6px; right:8px; top:16px; background: url(../images/common/sprite256.png) no-repeat -531.5px -260px; background-size:1000px;}*/
.select_box label {
    position: absolute;
    font-size: 15px;
    color: #7b7672;
    top: 0;
    left: 12px;
    letter-spacing: 1px;
    width: calc(100% - 32px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -9999px;
    top: -9999px;
    line-height: 0;
}

.select_box label:focus {
    outline: 1px solid red;
}

.select_box select {
    -webkit-appearance: none;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
    padding: 0 10px !important;
    /* opacity: 0 !important; filter: alpha(opacity=0);*/
    /* IE 8 */
}

.select_box.ver2 {
    height: 40px;
    min-height: 40px;
    line-height: 40px;
}

.select_box.ver2 select {
    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
}

.select_box.sel_tourgroup {
    border: 1px solid #e7e7e7;
    width: 200px;
}

.select_box.sel_tourgroup:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 8px;
    right: 8px;
    top: 15px;
    background: url('../images/common/sprite256.png') no-repeat -22.5px -468px;
    background-size: 1000px;
}

.select_box.sel_tourgroup label {
    color: #4c4c4c;
    font-size: 17px;
}

.select_box.ver3 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    margin-top: -5px;
    margin-left: -5px;
}

.select_box.ver3:after {
    top: 11px;
}

.select_box.ver3 label {
    background: none !important;
    height: 30px !important;
    line-height: 30px !important;
}

.select_box.ver3 select {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 530px !important;
    -webkit-appearance: listbox;
    background: none;
}

.li_sub_wrap {
    width: 97%;
    border-top: 1px solid #8d8d8d;
    margin: 0 auto;
    padding: 14px 0;
}

.li_sub_wrap h3 {
    width: 98%;
    margin: 0 auto;
}

.li_sub_wrap p {
    width: 98%;
    margin: 0 auto;
    color: #7d7d7d;
    font-size: 20px;
}

.li_exp {
    width: 100%;
    padding: 50px 20px 0;
}

.li_exp h3 {
    background: url(../images/sub/exp_tit_bg.png) left center no-repeat;
    color: #fff;
    font-size: 28px;
    height: 52px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.li_type1 {
    margin: 10px 0 0;
}

.li_type1 a:focus {
    outline: 2px dashed #000;
}

.li_type1 strong {
    color: #0153A9;
}

.li_type1 > li {
    position: relative;
    padding-left: 15px;
    line-height: 28px;
    margin-bottom: 5px;
}

.li_type1.bold > li {
    font-size: 19px;
}

.li_type1 > li:first-child {
    margin-top: 5px;
}

.li_type1 > li:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: url(../images/common/sprite256.png) no-repeat -580px -592.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.li_type2 > li {
    position: relative;
    padding-left: 12px;
    line-height: 28px;
}

.li_type2 > li:first-child {
    margin-top: 5px;
}

.li_type2 > li:before {
    content: "";
    display: block;
    width: 4px;
    height: 3px;
    background-image: url(../images/common/sprite256.png);
    background-repeat: no-repeat;
    background-position: -844px -1945px;
    position: absolute;
    top: 10px;
    left: 0;
}

.li_type3 > li {
    position: relative;
    padding-left: 12px;
    line-height: 26px;
}

.li_type3 > li:first-child {
    margin-top: 5px;
}

.li_type3 > li:before {
    content: "-";
    display: block;
    width: 4px;
    height: 3px;
    position: absolute;
    top: 1px;
    left: 0;
}

.li_type4 > li {
    position: relative;
    padding-left: 12px;
    line-height: 26px;
}

.li_type4 > li:first-child {
    margin-top: 5px;
}

.li_type4 > li:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: url(../images/common/sprite256.png) no-repeat -590.5px -593.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.li_type5 > li {
    position: relative;
    line-height: 26px;
}

.li_type5 > li:first-child {
    margin-top: 5px;
}

.li_type5 > li:before {
    content: "※ ";
}

.li_type6 {
    width: 96%;
    margin: 0 auto;
}

.li_type6 > li {
    margin-bottom: 25px;
}

.li_type6 > li:first-child {
    margin-top: 10px;
}

.li_type6 > li > span {
    color: #3A3A3A;
    font-size: 21px;
}

.li_type7 {
    padding-top: 10px;
}

.li_type7 > li {
    position: relative;
    padding-left: 46px;
    line-height: 26px;
    color: #505050;
    font-size: 17px;
}

.li_type7 > li:before {
    display: block;
    content: "";
    position: absolute;
    left: 30px;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #7d7d7d;
    border-radius: 6px;
}

.li_gap20 > li {
    margin-bottom: 20px;
}

.li_gap20 > li:last-child {
    margin-bottom: 0;
}

.li_type8 {
    width: 100%;
    margin: 0 auto;
}

.li_type8 > li {
    font-size: 20px;
}

.li_type8 > li:first-child {
    margin-top: 10px;
}

.li_type8 > li > span {
    color: #3A3A3A;
    font-size: 24px;
}

.li_type9 {
    padding-top: 10px;
}

.li_type9 > li {
    position: relative;
    padding-left: 12px;
    line-height: 26px;
    color: #7d7d7d;
}

.li_type9 > li > span {
    font-size: 17px;
}

.bull1 {
    position: relative;
    padding-left: 15px;
    line-height: 28px;
    margin-bottom: 5px;
}

.bull1:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    background: url(../images/common/sprite256.png) no-repeat -580px -592.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.bull1.fs19, .bull1.fs19 span {
    font-size: 19px;
}

.bull1.fs19:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: url(../images/common/sprite256.png) no-repeat -580px -592.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.bull2 {
    position: relative;
    padding-left: 15px;
    line-height: 28px;
    margin-bottom: 5px;
}

.bull2:before {
    display: block;
    content: "";
    position: absolute;
    left: 2px;
    top: 11px;
    width: 3px;
    height: 3px;
    background: url(../images/common/sprite256.png) no-repeat -413px -977px;
    background-size: 1000px;
    text-indent: -999em;
}

.li_gap10 > li {
    margin-bottom: 10px;
}

.li_gap10 > li:last-child {
    margin-bottom: 0;
}

input.basic[type="checkbox"],input.basic[type="radio"] {
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

input.basic[type="checkbox"]:focus+label::before,input.basic[type="radio"]:focus+label::before {
    box-shadow: 0 0 0 2px rgba(51,51,51,.4)!important
}

input.basic[type="checkbox"]:hover+label::before,input.basic[type="radio"]:hover+label::before {
    border-color: #c2c2c2
}

input.basic[type="checkbox"]:active+label::before,input.basic[type="radio"]:active+label::before {
    transition-duration: 0s
}

input.basic[type="checkbox"]+label,input.basic[type="radio"]+label {
    position: relative;
    padding: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.basic[type="checkbox"]+label::before,input.basic[type="radio"]+label::before {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    box-sizing: content-box;
    content: '';
    color: #c2c2c2;
    margin-right: 6px;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle
}

input.basic[type="checkbox"]+label::after,input.basic[type="radio"]+label::after {
    box-sizing: content-box;
    content: '';
    background-color: #0089ff;
    position: absolute;
    top: 59%;
    left: 9px;
    width: 11px;
    height: 11px;
    margin-top: -9px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out,-webkit-transform 200ms ease-out
}

input.basic[type="checkbox"][disabled]+label::before,input.basic[type="radio"][disabled]+label::before {
    -webkit-animation: none;
    animation: none;
    box-shadow: none;
    border: 1px solid rgba(128,128,128,.5)
}

input.basic[type="checkbox"][disabled]:active+label::before,input.basic[type="checkbox"][disabled]:focus+label::before,input.basic[type="checkbox"][disabled]:hover+label::before,input.basic[type="radio"][disabled]:active+label::before,input.basic[type="radio"][disabled]:focus+label::before,input.basic[type="radio"][disabled]:hover+label::before {
    border-color: rgba(128,128,128,.5);
    -webkit-filter: none;
    filter: none;
    transition: none
}

input.basic[type="checkbox"]+label::before,input.basic[type="checkbox"]+label::after {
    border-radius: 3px
}

input.basic[type="checkbox"]+label::after {
    background-color: transparent;
    top: 49%;
    left: calc(3px + 1px + 24px/5);
    width: 10px;
    height: 4.8px;
    margin-top: calc(24px / -2 / 2 * 0.8);
    border-style: solid;
    border-color: #0089ff;
    border-width: 0 0 3px 3px;
    border-radius: 0;
    -o-border-image: none;
    border-image: none;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    transition: none
}

input.basic[type="checkbox"]:checked+label::after {
    content: '';
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out,-webkit-transform 200ms ease-out
}

input.basic[type="radio"]+label::before,input.basic[type="radio"]+label::after {
    border-radius: 50%
}

input.basic[type="radio"]:checked:active+label::before,input.basic[type="radio"]:checked:focus+label::before {
    -webkit-animation: none;
    animation: none;
    -webkit-filter: none;
    filter: none;
    transition: none
}

input.basic[type="radio"]:checked+label::before {
    -webkit-animation: none;
    animation: none;
    background-color: #fff
}

input.basic[type="radio"]:checked+label::after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

label {
    cursor: pointer;
    display: inline-block
}

/* ■■■■ 버튼 ■■■■  */
/* ■ 버튼 [size] */
.btn_xlarge_rnd {
    display: inline-block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    font-size: 20px;
    border-radius: 30px;
    padding: 0 50px;
}

.btn_xlarge {
    display: inline-block;
    width: 220px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    font-size: 20px;
}

.btn_large {
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 19px;
    padding: 0 25px;
}

.btn_large > span {
    font-size: 16px;
    vertical-align: middle;
}

.btn_large.arr {
    position: relative;
    padding-right: 70px;
}

.btn_large.arr_blue:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 14px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -581px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.btn_large.arr_white:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 14px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -596px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.btn_large.arr_down {
    padding: 0 80px;
    padding-top: 2px;
    transition: all .2s ease-out;
}

.btn_large.arr_down:before {
    display: none;
}

.btn_large.arr_down:after {
    transform: rotateZ(90deg);
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 16.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -590px -517.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.btn_large.cloud {
    position: relative;
    padding-right: 70px;
}

.btn_large.cloud:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 12px;
    width: 35.5px;
    height: 28.5px;
    background: url('../images/common/sprite256.png') no-repeat -691px -580.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.btn_large.blank {
    position: relative;
    padding-right: 70px;
}

.btn_large.blank_white:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 14px;
    width: 18px;
    height: 18px;
    background: url('../images/common/sprite2.png') no-repeat -296px -21px;
    background-size: 1000px;
    text-indent: -999em;
}

.btn_midium {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    vertical-align: middle;
}

.btn_midium > span {
    vertical-align: middle;
}

.btn_small {
    display: inline-block;
    text-align: center;
    height: 28px;
    line-height: 26px;
    padding: 0 8px;
    vertical-align: middle;
}

.btn_small > span {
    font-size: 12px;
    vertical-align: middle;
}

.btn_small.blank {
    position: relative;
    padding-right: 30px;
}

.btn_small.blank_white:before {
    display: block;
    content: "";
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url('../images/common/sprite2.png') no-repeat -296px -21px;
    background-size: 1000px;
    text-indent: -999em;
}

/* ■ 버튼 [color] */
.btn_sky {
    background: #1fade4;
    color: #fff;
}

.btn_red {
    background: #cb2b2b;
    color: #fff;
}

.btn_purple {
    background: #685ba8;
    color: #fff;
}

.btn_green {
    background: #699d52;
    color: #fff;
}

.btn_navy {
    background: #344b7d;
    color: #fff;
}

.btn_blue {
    background: #0153a9;
    color: #fff;
}

.btn_blue_dark {
    background: #213c5a;
    color: #fff;
}

.btn_black {
    background: #494949;
    color: #fff;
}

.btn_peach {
    background: #e46268;
    color: #fff;
}

.btn_gold {
    background: #b3a36b;
    color: #fff;
}

.btn_silver {
    background: #555;
    color: #fff;
}

.btn_silver_soft {
    background: #f9f9f9;
    border: 1px solid #7a7d7f;
    color: #7a7d7f;
}

.btn_gray {
    background: #555;
    color: #fff;
}

.btn_white {
    background: #fff;
    color: #0153a9;
    border: 1px solid #0153a9;
}

.btn_emerald {
    background: #2B9898;
    color: #fff;
}

.btn_pr_blue {
    background: #063673;
    color: #fff;
}

.btn_pr_wood {
    background: #c18041;
    color: #fff;
}

.btn_go_blue {
    display: inline-block;
    color: #168de9;
    font-size: 12px;
    border: 1px solid #168de9;
    padding: 0 20px 0 10px;
    background: url('../images/common/ico_go_blue_arr.png') no-repeat 95% 50%;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.btn_go_blue_mid {
    display: inline-block;
    color: #168de9;
    border: 1px solid #168de9;
    padding: 0 20px 0 13px;
    background: url('../images/common/ico_go_blue_arr.png') no-repeat 95% 50%;
    height: 36px;
    line-height: 35px;
    vertical-align: middle;
}

.btn_go_blue_large {
    display: inline-block;
    color: #168de9;
    font-size: 17px;
    border: 1px solid #168de9;
    padding: 0 30px 0 20px;
    background: url('../images/common/ico_go_blue_arr.png') no-repeat 95% 50%;
    height: 44px;
    line-height: 42px;
    vertical-align: middle;
}

.btn_file_down {
    display: inline-block;
    font-weight: normal;
    color: #168de9;
    font-size: 12px;
    border: 1px solid #168de9;
    padding: 0 20px 0 10px;
    background: #fff url('../images/sub/ico_download_b.png') no-repeat 95% 50%;
    background-size: 10px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.btn_file_down_bk {
    display: inline-block;
    font-weight: normal;
    color: #333;
    font-size: 12px;
    border: 1px solid #333;
    padding: 0 20px 0 10px;
    background: #fff url('../images/sub/ico_download_bk.png') no-repeat 95% 50%;
    background-size: 10px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.btn_file_down_mid {
    display: inline-block;
    font-weight: normal;
    color: #168de9;
    border: 1px solid #168de9;
    padding: 0 30px 0 13px;
    background: #fff url('../images/sub/ico_download_b.png') no-repeat 95% 50%;
    height: 36px;
    line-height: 35px;
    vertical-align: middle;
}

.btn_file_down_bk_mid {
    display: inline-block;
    font-weight: normal;
    color: #333;
    border: 1px solid #333;
    padding: 0 30px 0 13px;
    background: #fff url('../images/sub/ico_download_bk.png') no-repeat 95% 50%;
    height: 36px;
    line-height: 35px;
    vertical-align: middle;
}

.btn_file_down_large {
    display: inline-block;
    color: #168de9;
    font-size: 17px;
    border: 1px solid #168de9;
    padding: 0 35px 0 13px;
    background: #fff url('../images/sub/ico_download_b.png') no-repeat 95% 50%;
    height: 44px;
    line-height: 42px;
    vertical-align: middle;
}

.btn_file_down_bk_large {
    display: inline-block;
    color: #333;
    font-size: 17px;
    border: 1px solid #333;
    padding: 0 35px 0 13px;
    background: #fff url('../images/sub/ico_download_bk.png') no-repeat 95% 50%;
    height: 44px;
    line-height: 42px;
    vertical-align: middle;
}

.btn_wrap {
    text-align: right;
    padding: 30px 0;
}

.btn_wrap15 {
    text-align: right;
    padding: 15px 0;
}

.btn_blank_bg_l {
    background-image: url('../images/common/ico_blank.png');
    background-repeat: no-repeat;
    background-position: 95% 13px;
    padding-right: 40px;
}

.btn_blank_bg_m {
    background-image: url('../images/common/ico_blank.png');
    background-repeat: no-repeat;
    background-position: 90% 11px;
    padding-right: 40px;
}

.btn_file_bg_add {
    background-image: url('../images/common/ico_file_add.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px;
}

.btn_file_bg_del {
    background-image: url('../images/common/ico_file_del.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
}

.deleteBtn {
    display: inline-block;
    width: 22px;
    height: 23px;
    background: url('../images/common/img_deleteBtn.png') no-repeat center center;
    text-indent: -999em;
    cursor: pointer;
}

.link_go_img {
    padding-right: 15px;
}

.link_go_img img {
    margin-left: 7px;
}

.btn_pr {
    display: inline-block;
    text-align: center;
    height: 44px;
    line-height: 45px;
    padding: 0 25px;
    vertical-align: middle;
}

.btn_pr_left {
    background-image: url('../../theme/mayor/images/btn_pr_bg_l.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.btn_pr_right {
    background-image: url('../../theme/mayor/images/btn_pr_bg_r.png');
    background-repeat: no-repeat ;
    background-position: right bottom;
}

.file_add_btn {
    padding: 0 15px;
}

.file_del_btn {
    padding: 0 15px;
}

.rndgo_btn {
    display: inline-block;
    color: #0153a9;
    border: 1px solid #0153a9;
    padding: 15px 30px;
    border-radius: 30px;
    padding-right: 80px;
    margin-top: 30px;
    position: relative;
}

.rndgo_btn:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -581px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.rndgo_btn:hover {
    color: #fff;
    border: 1px solid #0153a9;
    background-color: #0153a9;
}

.rndgo_btn:hover:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -596px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

/* 칼라 */
.fc_red {
    color: #e6383a;
}

.fc_sky {
    color: #31a0db;
}

.fc_blue {
    color: #114da7;
}

.fc_green {
    color: #58bd63;
}

/* ■■■■■■ 인풋 ■■■■■■ */
input, .input_midium {
    border: 1px solid #e7e7e7;
    padding: 5px 10px;
    height: 40px;
    background: #fff;
    vertical-align: middle;
    max-width: 100%;
    color: #333;
    font-size: 15px;
}

.input_small {
    border: 1px solid #e7e7e7;
    padding: 8px;
    height: 28px;
    background: #fff;
    vertical-align: middle;
    color: #333;
    font-size: 15px;
}

select, .select_midium {
    border: 1px solid #e7e7e7;
    padding-left: 5px;
    height: 40px;
    background: #fff;
    vertical-align: middle;
    color: #333;
    font-size: 15px;
    min-width: 100px;
}

.select_small {
    border: 1px solid #e7e7e7;
    padding-left: 5px;
    height: 28px;
    background: #fff;
    vertical-align: middle;
    color: #333;
    font-size: 15px;
}

::placeholder {
    color: #555;
}

/* ■■■■ 컨텐츠테이블 ■■■■ */
table {
    width: 100%;
}

.tbl_wrap {
    position: relative;
}

.tbl_wrap a:focus {
    outline: 2px dashed #000;
}

.tbl_wrap .tbl_topline {
    width: 100%;
    border-top: 2px solid #0053a8;
    position: absolute;
    top: 0;
    left: 0;
}

.tbl_wrap .tbl_botline {
    width: 100%;
    border-top: 1px solid #0053a8;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* .tbl_wrap table {table-layout: fixed;} table + td>*:max-width) */
.tbl_wrap table {
    border-bottom: 1px solid #d4d4d4;
}

.tbl_wrap table th, .tbl_wrap table td {
    border: 1px solid #d4d4d4;
    padding: 18px 10px;
    word-break: break-word;
}

.tbl_wrap table tr th:first-child, .tbl_wrap table tr td:first-child {
    border-left: 0;
}

.tbl_wrap table tr th:last-child, .tbl_wrap table tr td:last-child {
    border-right: 0;
}

.tbl_wrap table th {
    background: #f9f9f9;
    color: #111;
    font-size: 18px;
    text-align: center;
    border-bottom: 0;
    font-weight: normal;
}

.tbl_wrap table tr td img {
    max-width: 100%;
}

.tbl_wrap table tbody th {
    border-right: 0;
}

.tbl_wrap table tbody th + td {
    border-left: 0;
}

.tbl_data table tbody th {
    border-right: 1px solid #d4d4d4;
}

.tbl_wrap table th.bl_1 {
    border-left: 1px solid #d4d4d4 !important;
}

.tbl_wrap.nowrap-head th {
    word-break: keep-all;
}

.tbl_wrap .nowrap {
    word-break: keep-all;
}

.tbl_wrap .txt-center {
    text-align: center !important;
}

.tbl_wrap.nowrap-head .tbl_topline {
    display: none;
}

.tbl_wrap.nowrap-head table {
    border-top: 2px solid #0053a8;
}

/* 토글 */
.toggle-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
}

.toggle-panel.on {
    max-height: 500px;
    transition: max-height .2s ease-in;
}

/* 입력폼 테이블 */
.must {
    color: #00adef;
}

/* 개인정보 처리방침 */
.pv_tit {
    font-weight: 600;
}

.pv_tb_txt {
    font-size: 14px;
}

.pv_tb td strong {
    font-size: 14px;
}

.pv_tb td {
    vertical-align: top;
}

.pv_tb h3 {
    padding-top: 10px;
}

/* ■■■■ bbs 게시판 ■■■■ */
/* 게시판 관련 */
.f_ico {
    position: relative;
}

.f_ico:after {
    position: absolute;
    top: -2px;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background: url('../images/common/ico_download_b.png') no-repeat right center;
}

tr:hover td {
    background: #fbfbff;
}

/* bbs 검색박스 */
.bbs_srch_wrap {
    background: #f0f0f0;
    padding: 20px;
    text-align: center;
}

.bbs_srch_wrap:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_srch_wrap .bbs_srch_inner {
    width: 700px;
    margin: 0 auto;
}

.bbs_srch_wrap .bbs_sel {
    display: inline-block;
    width: 25%;
}

.bbs_srch_wrap .bbs_sel select {
    width: 100%;
}

.bbs_srch_wrap .bbs_inp {
    display: inline-block;
    width: 74%;
}

.bbs_srch_wrap .bbs_inp input {
    width: calc(100% - 75px);
    box-sizing: border-box;
}

.bbs_srch_wrap .bbs_inp a {
    width: 70px;
    box-sizing: border-box;
}

.bbs_srch_type2 .bbs_sel {
    width: 35%
}

.bbs_srch_type2 .bbs_sel select {
    width: calc(50% - 3px);
}

.bbs_srch_type2 .bbs_inp {
    width: 64%;
}

.bbs_srch_type3 .bbs_sel {
    width: 45%
}

.bbs_srch_type3 .bbs_sel select {
    width: calc(33.33% - 3px);
}

.bbs_srch_type3 .bbs_inp {
    width: 54%;
}

.bbs_total {
    margin-bottom: 20px;
}

.bbs_total:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_total > .l {
    float: left;
    margin-top: 10px;
}

.bbs_total > .r {
    float: right;
}

.bbs_total > .r * {
    vertical-align: middle;
}

.bbs_total > .l.num {
    color: #000;
    font-size: 22px;
}

.bbs_total > .l.num strong {
    color: #0153a9;
    font-size: 22px;
}

.bbs_total > select {
    border: 1px solid #555;
}

.bbs_total input {
    border: 1px solid #ababab;
}

.bbs_srch_type4 > * {
    display: inline-block;
    vertical-align: top;
}

.bbs_srch_type4 .bbs_srch_l {
    width: 700px;
}

.bbs_srch_type4 .bbs_srch_l > * {
    width: calc(33.33% - 5px);
    margin-right: 5px;
    float: left;
}

.bbs_srch_type4 .bbs_srch_l > select {
    margin-bottom: 5px;
}

.bbs_srch_type4 .bbs_srch_l .jibun_wrap {
    height: 36px;
    margin-bottom: 5px;
    text-align: right;
}

.bbs_srch_type4 .bbs_srch_l .jibun_wrap input {
    width: 100%;
    max-width: calc(50% - 25px);
}

.bbs_srch_type4 .bbs_srch_r a {
    height: 76px;
    line-height: 76px;
}

.srch_box {
    background: #f3f3f3;
    padding: 20px 180px;
}

.srch_box:after {
    clear: both;
    content: "";
    display: block;
}

.srch_box_full {
    padding: 20px 20px;
}

.srch_box .f {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 10px);
}

.srch_box .f .select_label {
    font-size: 18px;
    color: #000;
    padding-right: 15px;
    height: 50px;
    line-height: 50px;
}

.srch_box .f .select_box {
    margin-left: 10px;
    width: 200px;
    background: #fff;
    border: 0;
    height: 50px;
    line-height: 50px;
    position: relative;
    overflow: hidden;
}

/*.srch_box .f div.select_box:after {content: ""; position: absolute; display: inline-block; width: 14px; height: 8px; right: 8px; top: 21px; background: url('../images/common/sprite256.png') no-repeat -22.5px -468px; background-size: 1000px; }*/
.srch_box .f .select_box label {
    font-size: 18px;
    color: #000;
    padding-right: 25px;
}

.srch_box .f select {
    border: 0;
}

.srch_box .f a.srch_btn {
    color: #fff;
    background: #0153a9;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
}

.srch_box .f button.srch_btn {
    color: #fff;
    background: #0153a9;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
}

.srch_box .l {
    float: left;
    width: calc(50% - 10px);
}

.srch_box .l .select_box {
    float: left;
    width: calc(50% - 10px);
    background: #fff;
    border: 0;
    height: 50px;
    line-height: 50px;
    position: relative;
    overflow: hidden;
}

/*.srch_box .l div.select_box:after {content: ""; position: absolute; display: inline-block; width: 14px; height: 8px; right: 8px; top: 21px; background: url('../images/common/sprite256.png') no-repeat -22.5px -468px; background-size: 1000px; }*/
.srch_box .l .select_box:last-child {
    float: right;
    width: calc(50% - 10px);
}

.srch_box .l .select_box label {
    font-size: 18px;
    color: #000;
    padding-right: 25px;
}

.srch_box .r {
    float: right;
    width: calc(50% - 10px);
}

.srch_box .r .input_ui:after {
    clear: both;
    content: "";
    display: block;
}

.srch_box .r .input_ui input {
    float: left;
    width: calc(100% - 100px);
    font-size: 18px;
    color: #000;
}

.srch_box .r .input_ui input::placeholder {
    font-size: 18px;
    color: #555;
}

.srch_box .r .input_ui a {
    float: left;
    width: 100px;
}

.srch_box .r .input_ui button {
    float: left;
    width: 100px;
}

.srch_box .l select {
    float: left;
    width: calc(50% - 10px);
    height: 50px;
    line-height: 50px;
    border: 0;
    border-radius: 0;
    padding: 0 10px;
}

.srch_box .l select:last-child {
    float: right;
    width: calc(50% - 10px);
}

.srch_box .r input {
    height: 50px;
    line-height: 50px;
    border: 0;
    border-radius: 0;
    padding: 0 10px;
}

.srch_box .r a.srch_btn {
    color: #fff;
    background: #0153a9;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.srch_box .r button.srch_btn {
    color: #fff;
    background: #0153a9;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.srch_box.srch_box_gallery .l {
    width: calc(30% - 10px);
}

.srch_box.srch_box_gallery .l .select_box:last-child {
    float: right;
    width: calc(100% - 10px);
}

.srch_box.srch_box_gallery .r {
    width: calc(70% - 10px);
}

.srch_box.ver2 .l {
    width: calc(25% - 10px);
}

.srch_box.ver2 .r {
    width: calc(75% - 10px);
}

.srch_box.ver2 .l .select_box {
    width: 100%;
}

.srch_box.ver3 {
    text-align: center;
    height: 90px;
}

.srch_box.ver3 .l {
    float: none;
    display: inline-block;
    width: 410px;
}

.srch_box.ver3 .r {
    float: none;
    display: inline-block;
    width: auto;
    margin-left: 16px;
}

.srch_box_org {
    background: #f3f3f3;
    padding: 20px 80px;
}

.srch_box_org .row:after {
    content: "";
    clear: both;
    display: block;
}

.srch_box_org .row .tit {
    float: left;
    width: 130px;
}

.srch_box_org .row .tit em {
    height: 50px;
    line-height: 50px;
}

.srch_box_org .row .con {
    float: right;
    width: calc(100% - 150px);
}

.srch_box_org .row.top {
    width: calc(100% - 100px);
    margin-bottom: 20px;
}

.srch_box_org .select_box {
    float: left;
    width: 200px;
    background: #fff;
    border: 0;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.srch_box_org .top .select_box {
    width: calc(33% - 10px);
    margin-right: 10px;
}

/* .srch_box_org .top .select_box:last-child {float:right; width:calc(30% - 10px);} */
/*.srch_box_org div.select_box:after {content: ""; position: absolute; display: inline-block; width: 14px; height: 8px; right: 8px; top: 21px; background: url('../images/common/sprite256.png') no-repeat -22.5px -468px; background-size: 1000px; }*/
select {
    background: url('../images/common/sprite_mod.png') no-repeat 95% 50%;
}

.srch_box_org .input_wrap {
    float: right;
    width: calc(100% - 220px);
}

.srch_box_org .input_ui:after {
    content: "";
    clear: both;
    display: block;
}

.srch_box_org .input_ui input {
    float: left;
    width: calc(100% - 100px);
    font-size: 18px;
    color: #000;
    height: 50px;
    line-height: 50px;
    border: 0;
    border-radius: 0;
    padding: 0 10px;
    padding: 0 10px;
}

.srch_box_org .input_ui input::placeholder {
    font-size: 18px;
    color: #555;
}

.srch_box_org .input_ui a, .srch_box_org .input_ui button {
    float: left;
    width: 100px;
}

.srch_box_org a.srch_btn, .srch_box_org button.srch_btn {
    color: #fff;
    background: #0153a9;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.org_job_toggle {
    color: #fff;
    background: #0153a9;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 17px;
    margin-left: 10px;
}

.org_job_target {
    display: none;
}

.org_job .tit * {
    display: inline-block;
    vertical-align: middle;
}

.org_job .li_type1 {
    margin-top: 20px;
}

/* bbs 리스트 */
.bbs_list .tbl_topline {
    width: 100%;
    border-top: 3px solid #0153a9;
    position: absolute;
    top: 0;
    left: 0;
}

.bbs_list .tbl_botline {
    width: 100%;
    border-top: 1px solid #3e3e3e;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bbs_list {
    position: relative;
}

.bbs_list table th {
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 5px;
}

.bbs_list table td {
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 5px;
    text-align: center;
    letter-spacing: -1px;
}

.bbs_list table td.mimeTypes {
    padding: 0px 5px;
}

.bbs_list.padd-sm table td {
    padding: 10px 5px;
}

.bbs_list table tr th:first-child, .bbs_list table tr td:first-child {
    border-left: 0;
}

.bbs_list table tr th:last-child, .bbs_list table tr td:last-child {
    border-right: 0;
}

.bbs_list table thead th {
    background: #f6f6f6;
    color: #111;
    font-size: 17px;
    text-align: center;
    border-bottom: 0;
}

.bbs_list table td {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bbs_list .bbs_notice {
    color: #fff;
    background: #0153a9;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 12px;
}

.bbs_list .bbs_complete {
    color: #fff;
    background: #699d52;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 12px;
}

.bbs_list .bbs_ing {
    color: #fff;
    background: #344b7d;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 12px;
}

.bbs_list .bbs_notice_line td {
    background: #f8f8f8;
}

.bbs_file_down {
    display: inline-block;
    text-align: center;
}

.bbs_list table tr td .cloud {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 30px;
    height: 23.5px;
    background-position: -690px -553px;
}

/* .bbs_list table tr td .cloud {display:inline-block; margin-left:10px; vertical-align: middle; width:22px; height:17.5px; background-position:-235.5px -466px;} */
.bbs_list .bbs_content_summary {
    text-align: left;
    word-wrap: break-word;
    white-space: normal;
}

/* bbs 썸네일 리스트 */
.bbs_thumbli_wrap {
    border-top: 3px solid #0153a9;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 20px;
}

.bbs_thumbli_wrap ul li {
    margin-bottom: 20px;
    padding: 20px;
    padding-top: 0;
    border-bottom: 1px solid #eee;
}

.bbs_thumbli_wrap ul li:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_thumbli_wrap ul li:hover .l .thumb_bg {
    transform: scale(1.1);
    transition: transform .2s;
}

.bbs_thumbli_wrap ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.bbs_thumbli_wrap ul li .l {
    float: left;
    width: 460px;
    overflow: hidden;
}

.bbs_thumbli_wrap ul li .l .thumb_bg {
    width: 100%;
    height: 252px;
    background: #f3f3f3 url('../common/images/sub/img_card1.png') no-repeat center center;
    transform: scale(1);
    transition: transform .2s;
    background-size: cover;
}

.bbs_thumbli_wrap ul li .r {
    float: right;
    width: calc(100% - 500px);
    padding: 35px 0 0 20px;
}

.bbs_thumbli_wrap ul li .r a.tit {
    float: left;
    display: block;
    width: calc(100% - 80px);
    font-size: 28px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.bbs_thumbli_wrap ul li .r a.tit:focus {
    outline: 2px dashed #000;
}

.bbs_thumbli_wrap ul li .r .tit_wrap {
    position: relative;
}

.bbs_thumbli_wrap ul li .r .tit_wrap:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share {
    float: right;
    display: block;
    width: 20px;
    height: 24px;
    background: url('../images/common/sprite256.png') no-repeat -264px -461.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share_box {
    display: none;
    position: absolute;
    right: -20px;
    bottom: -70px;
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #cecece;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share_box .inbox {
    position: relative;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share_box .inbox > a {
    display: inline-block;
    width: 30px;
    height: 40px;
    background: url('../images/common/sprite256.png');
    background-size: 1000px;
    text-indent: -999em;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share_box .inbox > a.fb {
    background-position: -130px -451.5px;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share_box .inbox > a.tw {
    background-position: -169.5px -451.5px;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share_box .inbox:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_thumbli_wrap ul li .r .tit_wrap .share_box .inbox .arr {
    position: absolute;
    right: 0;
    top: -22px;
    width: 20px;
    height: 13px;
    background: url('../images/common/sprite2.png') no-repeat -810.5px -27px;
    background-size: 1000px;
    text-indent: -999em;
    margin-left: -10px
}

.bbs_thumbli_wrap ul li .r > .con {
    display: block;
    font-size: 18px;
    margin: 15px 0 10px 0;
    color: #000;
    height: 52px;
    overflow: hidden;
}

.bbs_thumbli_wrap ul li .r > .writer {
    font-size: 18px;
    color: #000;
    margin: 15px 0 10px 0;
}

.bbs_thumbli_wrap ul li .r .sub {
    display: inline-block;
    font-size: 18px;
    color: #555;
    vertical-align: middle;
    margin-right: 20px;
    padding-right: 5px;
}

.bbs_thumbli_wrap ul li .r .gap {
    position: relative;
}

.bbs_thumbli_wrap ul li .r .gap:after {
    content: '';
    position: absolute;
    top: 5px;
    right: -10px;
    height: 14px;
    border-right: 1px solid #b8b8b8;
    margin-top: 0;
}

.bbs_thumbli_wrap ul li .r .cloud {
    vertical-align: middle;
    display: inline-block;
    text-indent: -999em;
    width: 30px;
    height: 23.5px;
    background-position: -690px -553px;
    background-image: url('../images/common/sprite256.png');
    background-size: 1000px;
}

.bbs_thumbli_wrap ul li .r .date {
    margin-bottom: 20px;
}

.bbs_thumbli_wrap.ver_video ul li .r {
    padding-top: 30px;
}

.bbs_thumbli_wrap.ver_video ul li .r .date {
    margin-bottom: 10px;
}

.bbs_thumbli_wrap.ver_video ul li .r .btn_box {
    margin-bottom: 20px;
}

.bbs_thumbli_wrap.ver_video ul li .l .thumb_bg {
    position: relative;
    display: block;
}

.bbs_thumbli_wrap.ver_video ul li .l .thumb_bg:focus {
    border: 2px dashed #000;
}

.bbs_thumbli_wrap.ver_video ul li .l .thumb_bg .arr {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 92px;
    height: 92px;
    background: url('../images/common/f_dd_bg.png');
    border-radius: 50px;
    margin-left: -46px;
    margin-top: -46px;
    opacity: 0.8;
}

.bbs_thumbli_wrap.ver_video ul li .l .thumb_bg .arr:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 30px;
    background: url('../images/common/sprite2.png') no-repeat -841.5px -20px;
    margin-left: -13px;
    margin-top: -15px;
    background-size: 1000px;
    content: "";
}

/* bbs 페이징 */
.bbs_paging {
    margin: 80px 0;
    text-align: center;
}

.bbs_paging a {
    position: relative;
    color: #555;
    display: inline-block;
    text-align: center;
    padding: 7px;
    vertical-align: middle;
    margin: 0 15px;
    font-size: 18px;
}

.bbs_paging a .sun {
    position: absolute;
    left: -2px;
    top: -35px;
    width: 30.5px;
    height: 30px;
    background-position: -193.5px -400.5px;
    display: none;
}

.bbs_paging a.now {
    color: #000;
    min-width: 32px;
    cursor: default;
    position: relative;
    background-color: #DBE6F8;
    border-radius: 8px;
    font-weight: bold;
    height: 32px;
    line-height: 20px;
}

.bbs_paging a.bbs_btn {
    margin: 0;
    padding: 5px;
}

.bbs_paging a.first {
    width: 24.5px;
    height: 22px;
    background-position: -468px -252.5px;
    margin-right: 10px;
}

.bbs_paging a.prev {
    width: 12px;
    height: 22px;
    background-position: -468px -252.5px;
}

.bbs_paging a.next {
    width: 12px;
    height: 22px;
    background-position: -496.5px -252.5px;
}

.bbs_paging a.last {
    width: 24.5px;
    height: 22px;
    background-position: -496.5px -252.5px;
    margin-left: 10px;
}

/* bbs 뷰 */
.bbs_view {
    border-top: 3px solid #0153a9;
}

.bbs_view .bbs_view_tit {
    padding: 30px;
}

.bbs_view .bbs_view_tit {
    text-align: left;
}

.bbs_view .bbs_view_tit h3 {
    font-size: 27px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bbs_view .bbs_view_tit .tit_info {
    position: relative;
}

.bbs_view .bbs_view_tit .tit_info span {
    color: #333;
}

.bbs_view .bbs_view_tit .tit_info span.check1 {
    color: #fff;
    background: #ff7171;
    padding: 5px 10px;
    border-radius: 5px;
    ;}

.bbs_view .bbs_view_tit .tit_info span.check2 {
    color: #fff;
    background: #20bb6a;
    padding: 5px 10px;
    border-radius: 5px;
    ;}

.bbs_view .bbs_view_tit .tit_info > span strong {
    position: relative;
    color: #333;
    font-weight: normal;
    padding-right: 20px;
    margin-right: 20px;
}

.bbs_view .bbs_view_tit .tit_info > span strong:after {
    content: '';
    position: absolute;
    top: 7px;
    right: -5px;
    height: 14px;
    border-right: 1px solid #b8b8b8;
    margin-top: -4px;
}

.bbs_view .bbs_view_tit .tit_info > .writer em {
    position: relative;
    padding-right: 17px;
    margin-right: 20px;
}

.bbs_view .bbs_view_tit .tit_info > .writer em:last-child {
    padding: 0;
    margin: 0;
}

.bbs_view .bbs_view_tit .tit_info > .writer em:last-child:after {
    content: none;
}

.bbs_view .bbs_view_tit .tit_info > .writer em:after {
    content: '';
    position: absolute;
    top: 8px;
    right: -5px;
    height: 14px;
    border-right: 1px solid #dfdfdf;
    margin-top: -4px;
}

.bbs_view .bbs_view_tit .tit_info > span.hit {
    float: right;
}

.bbs_view .bbs_view_tit .tit_info > span.hit strong {
    padding-right: 5px;
    margin-right: 5px;
}

.bbs_view .bbs_view_tit .tit_info > span.hit strong.fc_blue {
    color: #114da7;
}

.bbs_view .bbs_view_tit .tit_info > span.hit strong:after {
    border: 0;
}

.bbs_view .bbs_view_tit .tit_info > span:last-child:after {
    height: 0;
}

.bbs_view .bbs_view_body {
    padding: 50px 30px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.bbs_view .bbs_view_body_txt {
    padding: 20px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.bbs_view .bbs_view_body_txt textarea {
    display: block;
    width: 100%;
    padding: 20px;
}

.bbs_view .bbs_view_body p {
    color: #333;
}

.bbs_view .bbs_view_body > div {
    color: #333;
}

.bbs_view .bbs_view_body img {
    max-width: 100%;
}

/* .bbs_view_filedown {border-bottom: 1px solid #e0e0e0;}
.bbs_view_filedown > * {height:70px; line-height:70px; display:inline-block; vertical-align:middle;}
.bbs_view_filedown .th {width:250px; background:#f7f7f7; text-align:center; color:#686767; }
.bbs_view_filedown .td {padding-left:30px;}
.bbs_view_filedown .td * {color:#333;}
.bbs_view_filedown .td .cloud {display:inline-block; vertical-align:middle; width:30px; height:23.5px; background: url('../images/common/sprite256.png') no-repeat -690px -553px; background-size:1000px; margin-right:10px;} */
.bbs_view_filedown {
    border-bottom: 1px solid #e0e0e0;
}

.bbs_view_filedown > * {
    height: 70px;
    line-height: 70px;
    display: table-cell;
    vertical-align: top;
}

.bbs_view_filedown .th {
    width: 250px;
    background: #f7f7f7;
    text-align: center;
    color: #686767;
}

.bbs_view_filedown .td {
    padding: 25px 30px;
}

.bbs_view_filedown .td > p {
    margin-bottom: 10px;
}

.bbs_view_filedown .td > p:last-child {
    margin-bottom: 0;
}

.bbs_view_filedown .td * {
    color: #333;
}

.bbs_view_filedown .td .cloud {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 23.5px;
    background: url('../images/common/sprite256.png') no-repeat -690px -553px;
    background-size: 1000px;
    margin-right: 10px;
}

.bbs_view_file {
    position: relative;
    padding: 20px 0 17px;
}

.bbs_view_file .file_tit {
    position: absolute;
    left: 20px;
    top: 20px;
}

.bbs_view_files_wrap {
    padding-left: 100px;
}

.bbs_view_files_wrap:after {
    content: "";
    clear: both;
    display: block;
}

.bbs_view_files_wrap li {
    float: left;
    width: 50%;
}

.bbs_view_files_wrap li div {
    display: inline-block;
    padding: 0;
    background: #f6f6f6;
}

.btn_wrap > .sns {
    float: left;
    padding-top: 10px;
    font-size: 0;
}

.btn_wrap > .sns > a {
    display: inline-block;
    width: 30px;
    height: 40px;
    background: url('../images/common/sprite256.png');
    background-size: 1000px;
    text-indent: -9999px;
    font-size: 0;
}

.btn_wrap > .sns > a.sns_fb {
    background-position: -130px -451.5px;
    margin-left: 10px;
}

.btn_wrap > .sns > a.sns_tw {
    background-position: -169.5px -451.5px;
    margin-left: 10px;
}

.bbs_view .bbs_view_files_wrap li div:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_view .bbs_view_files_wrap li div a {
    display: inline-block;
    float: left;
    padding: 0 10px 0 20px;
    height: 36px;
    line-height: 36px;
}

.bbs_view .bbs_view_files_wrap li div a.file_name {
    border: 1px solid #e0e0e0;
}

.bbs_view .bbs_view_files_wrap li div a.file_view_btn {
    float: right;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-left: #fff;
    font-size: 12px;
    background: #fff url('../images/common/ico_bbs_view_fileview.png') no-repeat 10px center;
    padding: 0 10px 0 30px;
}

.bbs_view .bbs_view_files_wrap li.on div a.file_name {
    border: 1px solid #234498;
    color: #234498;
}

.bbs_view .bbs_view_files_wrap li div a.file_name:hover {
    border: 1px solid #234498;
}

.bbs_view .bbs_view_files_wrap li div a.file_view_btn:hover {
    color: #234498;
}

.bbs_view_prevnext {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin: 20px 0;
}

.bbs_view_prevnext .prev {
    border-bottom: 1px solid #e0e0e0;
}

.bbs_view_prevnext > div:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_view_prevnext > div > span {
    display: block;
    float: left;
    width: 100px;
    height: 80px;
    line-height: 80px;
    color: #333;
    text-align: center;
}

.bbs_view_prevnext > div > a {
    position: relative;
    display: block;
    padding: 0 20px;
    float: left;
    width: calc(100% - 120px);
    height: 80px;
    line-height: 80px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 130px;
}

.bbs_view_prevnext > div > a .date {
    position: absolute;
    right: 0;
    top: 0;
}

.view_with_form:after {
    content: "";
    clear: both;
    display: block;
}

.view_with_form .thumb_area {
    float: left;
    width: 200px;
}

.view_with_form .thumb_area a {
    display: block;
}

.view_with_form .thumb_area a img {
    display: block;
    max-width: 100%;
}

.view_with_form .form_area {
    float: right;
    width: calc(100% - 240px);
}

.view_with_form .form_area > ul > li {
    margin: 10px 0;
    padding: 10px 0 15px;
    border-bottom: 1px dashed #ddd;
}

.view_with_form .form_area > ul > li:after {
    content: "";
    clear: both;
    display: block;
}

.view_with_form .form_area > ul > li:first-child {
    margin-top: 0;
    padding-top: 0;
}

.view_with_form .form_area > ul > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.view_with_form .form_area .form_tit {
    font-size: 26px;
    font-weight: normal;
}

.view_with_form .form_area .form_l {
    float: left;
    width: 60px;
}

.view_with_form .form_area .form_r {
    float: right;
    width: calc(100% - 80px);
}

.view_with_form .form_area .form_con {
    line-height: 26px;
}

@media only screen and (max-width: 768px) {
	.eg-nuri-top h1 {
		margin-left: 8px;
		font-size: 12px;
	}
	
    .view_with_form .thumb_area {
        float:none;
        width: 100%;
        height: 160px;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
	
	#footer .f_bot .f_con_bot div div:nth-child(1) {
	    min-width: unset;
	}
	#footer .f_bot .f_con_bot div div:nth-child(2) {
	    min-width: unset;
	}
	#footer .f_bot .f_con_bot div div:nth-child(3) {
	    min-width: unset;
	}

    .view_with_form .thumb_area * {
        height: 100%;
        margin: 0 auto;
    }

    .view_with_form .form_area {
        float: right;
        width: 100%;
    }
}

/* 댓글 */
.reply_input_box {
    margin-top: 40px;
    padding: 20px;
    background: #f7f9fa;
}

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

.reply_input_box textarea {
    float: left;
    width: calc(100% - 200px);
    padding: 20px;
    height: 100px;
}

.reply_input_box a.reply_confirm, .reply_input_box button.reply_confirm {
    display: block;
    float: left;
    width: 200px;
    color: #fff;
    background: #343434;
    font-size: 22px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.reply_list_box {
    margin-top: 30px;
}

.reply_list_box .top:after {
    content: '';
    display: block;
    clear: both;
}

.reply_list_box .top a.toggle {
    float: left;
    color: #000;
    font-size: 20px;
    padding-top: 20px;
    padding-right: 20px;
    background: url('../images/common/select_arr_top_b.png') no-repeat right 25px;
}

.reply_list_box .top a.toggle.on {
    background: url('../images/common/select_arr_down_b.png') no-repeat right 25px;
}

.reply_list_box .top .sns {
    float: right;
    padding-top: 10px;
}

.reply_list_box .top .sns > a {
    display: inline-block;
    width: 30px;
    height: 40px;
    background: url('../images/common/sprite256.png');
    background-size: 1000px;
    text-indent: -999em;
}

.reply_list_box .top .sns > a.sns_fb {
    background-position: -130px -451.5px;
}

.reply_list_box .top .sns > a.sns_tw {
    background-position: -169.5px -451.5px;
}

.reply_list_box .top a.toggle span {
    color: #ff8028;
    font-size: 20px;
}

.reply_list_box .bot {
    margin-top: 20px;
}

.reply_list_box .bot ul {
    background: url('../images/sub/view_reply_bg.png') repeat-x left top;
}

.reply_list_box .bot li {
    padding: 25px;
    background: url('../images/sub/view_reply_bg.png') repeat-x left bottom;
}

.reply_list_box .bot li:after {
    content: '';
    display: block;
    clear: both;
}

.reply_list_box .bot li .l {
    float: left;
    width: 48px;
}

.reply_list_box .bot li .c {
    float: left;
    width: calc(100% - 100px);
    padding-left: 20px;
}

.reply_list_box .bot li .l img {
    max-width: 100%;
}

.reply_list_box .bot li .r {
    float: left;
    width: 52px;
    text-align: right;
}

.reply_list_box .bot li .r * {
    display: inline-block;
    vertical-align: middle;
}

.reply_list_box .bot li .r .pencil {
    display: inline-block;
    width: 15.5px;
    height: 15px;
    background: url('../images/common/sprite256.png') no-repeat -102px -471.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.reply_list_box .bot li .r .remove {
    color: #ff3018
}

/* bbs 아코디언 게시판 */
.bbs_acodian {
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

.bbs_acodian > ul > li {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 30px 10px;
}

.bbs_acodian > ul > li .top:hover {
    cursor: pointer;
}

.bbs_acodian > ul > li:hover .top .top_l p, .bbs_acodian > ul > li:hover .top .top_r a {
    color: #0b82dd;
}

.bbs_acodian > ul > li .top .top_l {
    display: inline-block;
    width: calc(100% - 80px);
}

.bbs_acodian > ul > li .top .top_r {
    display: inline-block;
    width: 66px;
}

.bbs_acodian > ul > li .top .top_l .small {
    color: #555;
    margin-bottom: 5px;
}

.bbs_acodian > ul > li .top .top_l .big {
    font-size: 20px;
    margin-bottom: 10px;
}

.bbs_acodian > ul > li.on .top .top_l .small {
    color: #0b82dd;
}

.bbs_acodian > ul > li.on .top .top_l .big {
    color: #0b82dd;
}

.bbs_acodian > ul > li.on .top .top_r a {
    color: #0b82dd;
}

.bbs_acodian > ul > li .bot {
    display: none;
    padding: 20px 0;
    margin-top: 10px;
    border-top: 1px dashed #bbb;
}

.bbs_acodian .bot .tbl_wrap {
    margin: 10px 0;
}

.bbs_acodian .bot .tbl_wrap td {
    text-align: center;
}

.bbs_acodian .bot .tbl_wrap td.content {
    text-align: left;
}

.bbs_card_image ul:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_card_image ul li {
    float: left;
    width: 30.66%;
    margin-right: 4%;
    margin-bottom: 40px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e0e0e0;
}

.bbs_card_image ul li:nth-child(3n) {
    margin-right: 0;
}

.bbs_card_image ul li.nodata {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 30px 0;
    text-align: center;
}

.bbs_card_image ul li .top {
    padding: 10px 10px;
    border-bottom: 1px dashed #e0e0e0;
}

.bbs_card_image ul li .top:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_card_image ul li .top .by {
    display: inline-block;
    color: #15a4f6;
    margin-right: 10px;
    margin-top: 17px;
}

.bbs_card_image ul li .top .date {
    display: inline-block;
    color: #777;
}

.bbs_card_image ul li .top .heart {
    float: right;
    display: inline-block;
    color: #15a4f6;
    width: 56px;
    height: 56px;
    padding-top: 29px;
    background: url('../images/common/bg_bbs_card_share.png') no-repeat center center;
    text-align: center;
}

.bbs_card_image ul li .bot {
    padding: 20px 23px;
}

.bbs_card_image ul li .bot .tit {
    margin-bottom: 10px;
}

.bbs_card_image ul li .bot .tit:after {
    clear: both;
    content: "";
    display: block;
}

.bbs_card_image ul li .bot .tit a:first-child {
    display: inline-block;
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bbs_card_image ul li .bot .tit strong {
    font-size: 20px;
}

.bbs_card_image ul li .bot .tit .share {
    float: right;
    padding: 0 5px 5px;
}

.bbs_card_image ul li .bot .thumb {
    background: #f9f9f9;
    text-align: center;
    overflow: hidden;
}

.bbs_card_image ul li .bot .thumb a {
    display: block;
    height: 175px;
}

.bbs_card_image ul li .bot .thumb img {
    display: block;
    margin: 0 auto;
    max-width: 320px;
    max-height: 100%;
    transition: transform .2s;
}

.bbs_card_image ul li:hover .bot .thumb img {
    transform: scale(1.1);
}

.bbs_card_image ul li .bot .text {
    position: relative;
    height: 135px;
    overflow: hidden;
    padding-top: 25px;
}

.bbs_card_image ul li .bot .text:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    border-bottom: 1px solid #111;
}

/* 상단박스 */
.guide_box {
    display: table;
    width: 100%;
    border: 1px solid #dcdcdc;
    padding: 40px;
}

.gray_outline_box {
    border: 1px solid #dcdcdc;
    padding: 40px;
}

.gray_outline_box2 {
    border: 1px solid rgba(0, 0, 0, .3);
    padding: 10px;
    font-size: 20px;
    color: #7D7D7D;
}

.person_agree {
    max-height: 150px;
    overflow-y: scroll;
}

.gb_row {
    display: table-row;
}

.gb_cell {
    display: table-cell;
    vertical-align: middle;
    min-height: 125px;
}

.gb_cell a:focus {
    outline: 2px dashed #000;
}

.gb_cell * {
    font-size: 20px;
}

.gb_cell p {
    color: #424242;
}

.gb_cell .tag {
    margin-top: 20px;
}

.gb_cell .tag span {
    display: inline-block;
    color: #004090;
    font-size: 17px;
    background: #f9f9f9;
    padding: 0 20px;
    border-radius: 20px;
    margin-right: 10px;
    height: 42px;
    line-height: 42px;
    margin-bottom: 5px;
}

.gb_cell:first-child {
    width: 200px;
}

.gb_cell .sub_tit_bg {
    display: inline-block;
}

.gb_cell .sub_tit_bg.ver1 {
    background: url('../images/common/sprite2.png') no-repeat -9px -633px;
    width: 116px;
    height: 127px;
}

.gb_cell .sub_tit_bg.ver2 {
    background: url('../images/common/sprite2.png') no-repeat -130px -633px;
    width: 98px;
    height: 104px;
}

.gb_cell .sub_tit_bg.ver3 {
    background: url('../images/common/sprite2.png') no-repeat -233px -633px;
    width: 128px;
    height: 120px;
}

.gb_cell .sub_tit_bg.ver4 {
    background: url('../images/common/sprite2.png') no-repeat -369px -634px;
    width: 120px;
    height: 119px;
}

.guide_box2 {
    background: url(../images/sub/head_bg.png);
    padding: 10px;
    text-align: center;
}

.guide_box2 .gb_cell {
    position: relative;
    background: #fff;
    padding: 30px;
    display: block;
    text-align: center;
    width: 100%;
    min-height: unset;
}

.guide_box2 .pv_listbox {
    position: relative;
    background: #fff;
    display: block;
    text-align: center;
    width: 100%;
    min-height: unset;
}

.guide_box2 p {
    color: #0053a8;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.guide_box2 a.btn_blue {
    margin-top: 20px;
    font-size: 20px;
}

.guide_box2.ver_privacy {
    text-align: left;
}

.guide_box2.ver_privacy p {
    text-align: left;
    font-size: 17px;
    color: #111;
}

.guide_box2.ver_privacy h3 {
    font-size: 25px;
    color: #004080;
}

.guide_box2.ver_privacy em {
    display: inline-block;
    font-size: 17px;
    margin: 10px 0 20px;
    padding: 5px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    ;}

.guide_box2 .mark_img {
    width: 230px;
    margin: 10px 0;
}

.guide_box3 {
    background: url(../images/sub/head_bg.png);
    padding: 10px;
}
.guide_box3 {
    background: url(../images/sub/head_bg.png);
    padding: 10px;
}

.guide_box3 .gb_cell {
    position: relative;
    background: #fff;
    padding: 30px;
    display: block;
    width: 100%;
    min-height: unset;
}

/* 20250903 추가 수정본 */
/* 기존 작업물에 flex 사용된 것 확인해 사용함 */

/* 규제개혁 */
/* .guide_box4 클래스 새로 생성 후 내부 css만 수정 */
.guide_box4 {
    display: flex;
    border: 2px solid #f3f3f3;
    padding: 25px 20px;
}

.guide_box4 .gb_cell {
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: auto;
    min-height: unset;
    padding-bottom: 15px;
    width: 100%;
}

.guide_box4 .gb_cell h1 {
	font-size:18px; 
	color: #0A45B3; 
	font-weight: bold; 
	text-align: left; 
	padding-left: 24px;
}

.guide_box4 .li_type7 > li {
    font-size: 16px;
    color: #7D7D7D;
    line-height: 1.6;
    font-weight: bold;
}

.guide_box4 .li_type7 > li:before {
    background-color: #7D7D7D;
}

.guide_box4 .li_type7 > li > a {
    font-size: 16px;
    color: #7D7D7D;
    text-decoration: underline 1px;
    text-underline-offset: 3px;
}

.guide_box4 .tal_c {
    display: flex;
    flex-direction: column-reverse;
    min-width: 210px;
}

.guide_box4 .btn_large.blank {
    padding-right: 60px;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    background: #0A45B3;
}

.guide_box4 .btn_large.blank_white:before {
    background: url('../images/common/icon_link.png') no-repeat center;
    top: 10px;
    right: 20px;
}

/* 국민제안 */
/* .guide_box5 .guide_box6 클래스 새로 생성 후 내부 css만 수정 */
.guide_box5 {
    display: flex;
    gap: 35px;
    border: 2px solid #f3f3f3;
    padding: 25px 20px;
}

.guide_box5 .gb_cell {
    flex: 1;
}

.guide_box5 .gb_cell h1 {
    font-size:18px; 
    color: #0A45B3; 
    font-weight: bold; 
    text-align: left; 
    letter-spacing: -0.3;
}

.guide_box5 .tal_r {
    display: flex;
    flex-direction: column-reverse;
}

.guide_box5 .tal_r .btn_large.blank {
    padding-right: 50px;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    background: #0A45B3;
}

.guide_box5 .btn_large.blank_white:before {
    background: url('../images/common/akar-icons_link-out.png') no-repeat center;
    top: 10px;
    right: 20px;
}

.guide_box6 .gb_cell p {
    font-size: 16px;
    font-weight: bold;
    color: #7D7D7D;
}

.guide_box6 .gb_cell h6 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bolder;
    color: #7D7D7D;
}

.guide_box6 .gb_cell h6 span {
    font-size: 18px;
    font-weight: bolder;
    color: #0A45B3;
}

.guide_box6 .gb_cell .sub_tit_bg.ver5 {
    background: url('../images/common/sprite3.png') no-repeat center;
    background-size: contain !important;
    width: 225px;
    height: 67px;
    margin-right: 40px;
}

/* 정책토론 */
.guide_box5 .gb_row {
    width: 100%;
}

.guide_box5 .gb_row .gb_cell {
    padding-bottom: 0;
    width: 100%;
}

/* 기상청 견학 */
/* .guide_box7 클래스 새로 생성 후 내부 css만 수정 */

.guide_box7 {
    border-radius: 10px;
    background: #f3f4f6;
    padding: 35px 60px;
}

.guide_box7 .gb_row {
    display: flex;
    align-items: flex-start;
}

.guide_box7 .gb_cell {
    min-height: 1px;
}

.guide_box7 .gb_cell:first-child {
    width: auto;
    margin-right: 40px;
    border-radius: 50%;
    background-color: #fff;
}

.guide_box7 .gb_cell .sub_tit_bg.ver6 {
    background: url('../images/common/sprite4.png') no-repeat center;
    background-size: contain !important;
    width: 100px;
    height: 100px;
}

.guide_box7 .gb_cell h1 {
    font-size: 22px;
    color: #7D7D7D;
    font-weight: bold;
}

.guide_box7 .gb_cell p {
    font-size: 22px;
    color: #7D7D7D;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 10px;
}

.kma-list_wrap {
    margin-top: 60px;
}

.kma-list {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.kma-list a {
    margin: 4px;
}

.kma-list a:focus {
    outline: 2px dashed #000;
}

.kma-list > div {
    width: calc(33.3333% - 13.3333px);
}

.kma-list_wrap a {
    display: block;
}

.kma-list_wrap img {
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .gb_row {
        display: block;
        width: 100%;
    }

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

    .gb_cell p {
        font-size: 17px;
    }

    .gb_cell {
        min-height: auto;
    }

    .gb_cell:first-child {
        width: 100%;
        text-align: center;
    }

    .gb_cell .sub_tit_bg {
        height: 80px;
    }
    
    .gb_cell .sub_tit_bg.ver6 {
        display: none;
    }

    .gb_cell .sub_tit_bg.ver1 {
        background: url('../images/common/sprite2.png') no-repeat -4.5px -316.5px;
        width: 58px;
        height: 63.5px;
    }

    .gb_cell .sub_tit_bg.ver2 {
        background: url('../images/common/sprite2.png') no-repeat -65px -316.5px;
        width: 49px;
        height: 52px;
    }

    .gb_cell .sub_tit_bg.ver3 {
        background: url('../images/common/sprite2.png') no-repeat -116.5px -316.5px;
        width: 64px;
        height: 60px;
    }

    .gb_cell .sub_tit_bg.ver4 {
        background: url('../images/common/sprite2.png') no-repeat -184.5px -317px;
        width: 60px;
        height: 59.5px;
    }

    .gb_cell .sub_tit_bg {
        display: inline-block;
        background-size: 1000px !important;
    }
    
    .guide_box4, .guide_box5 {
    	flex-direction: column;
    }
    
    .kma-list {
	    grid-template-columns: 1fr 1fr;
	}
}

.pattern_box {
    background: url(../images/sub/head_bg.png);
    padding: 10px;
}

.pattern_box .inbox {
    position: relative;
    background: #fff;
    padding: 20px;
}

.pattern_box .inbox h4 {
    color: #0053a8;
    font-size: 20px;
    text-align: center;
}

.pattern_box2 {
    background: url(../images/sub/head_bg.png);
    padding: 30px;
    text-align: center;
}

/* pdf 갤러리 게시판 */
.pdf_gallery {
    position: relative;
    min-height: 1800px;
}

.pdf_gallery.type2 {
    min-height: auto;
}

.pdf_gallery.exp_programs {
    min-height: 900px;
    display: flex;
    flex-direction: column;
}

.pdf_gallery:after {
    content: "";
    clear: both;
    display: block;
}

.gallery_sort {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}

.gallery_list {
    width: 100%;
}

.gallery_list .no-data {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    padding: 30px 10px;
}

.gallery_sidebox {
    position: absolute;
    left: 0;
    top: 900px;
    width: 290px;
}

.gallery_list ul:after {
    content: "";
    clear: both;
    display: block;
}

.gallery_list ul li {
    float: left;
    width: calc((100% - 152px) / 3);
    height: 417px;
    margin-right: 76px;
    margin-bottom: 60px;
}

.gallery_list ul li:nth-child(3n) {
    margin-right: 0;
}

.gallery_list ul li a.thumb {
    border: 1px solid #dcdcdc;
    display: block;
    background: #f1f1f1;
    text-align: center;
    height: 310px;
    line-height: 310px;
}

.gallery_list ul li a.thumb img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    margin-top: -3px;
}

.gallery_list ul li .tit {
    display: block;
    text-align: center;
    font-size: 18px;
    margin: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gallery_list ul li .ui {
    position: relative;
}

.gallery_list ul li .ui:after {
    content: "";
    clear: both;
    display: block;
}

.gallery_list ul li .ui .down {
    float: left;
    width: calc(100% - 49px);
    border: 1px solid #274f9c;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #274f9c;
    position: relative;
}

.gallery_list ul li .ui .down.full {
    width: 100%;
}

.gallery_list ul li .ui .down .bg {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 29.5px;
    height: 23.5px;
    background: url('../images/common/sprite256.png') no-repeat -690.5px -553px;
    background-size: 1000px;
    text-indent: -999em;
    display: block;
}

.gallery_list ul li .ui .share {
    float: right;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #274f9c;
}

.gallery_list ul li .ui .share .img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 20px;
    background: url('../images/common/sprite256.png') no-repeat -667.5px -553px;
    background-size: 1000px;
    text-indent: -999em;
}

.gallery_list ul li .ui .ui_target {
    display: none;
    position: absolute;
    bottom: -100px;
    right: 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 20px 30px;
}

.gallery_list ul li .ui .ui_target a:first-child {
    margin-right: 10px;
}

.gallery_list ul li .ui .ui_target .arr {
    position: absolute;
    bottom: 82px;
    right: 15px;
    width: 20px;
    height: 13px;
    background: url('../images/common/sprite2.png') no-repeat -810.5px -27px;
    background-size: 1000px;
    text-indent: -999em;
}

.gallery_list ul li .ui .ui_target a {
    display: inline-block;
    width: 30px;
    height: 40px;
    background: url('../images/common/sprite256.png');
    background-size: 1000px;
    text-indent: -999em;
}

.gallery_list ul li .ui .ui_target a.sns_fb {
    background-position: -130px -451.5px;
}

.gallery_list ul li .ui .ui_target a.sns_tw {
    background-position: -169.5px -451.5px;
}

.gallery_sidebox {
    position: absolute;
    left: -303px;
    top: 900px;
    width: 253px;
}

.gallery_sort h2.tit {
    font-size: 22px;
    color: #4A4A4A;
    border: 1px solid #C8C8C8;
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 800;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 30px 0 8px;
    margin-left: 2px;
}
.gallery_sort h2.check_date {
    font-size: 22px;
    color: #4A4A4A;
    border: 1px solid #C8C8C8;
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 800;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 30px 0 30px;
    margin-left: 2px;
}

.gallery_sort h2.check_date:focus, .gallery_sort h2.tit:focus {
	outline: 2px dashed #000;
}

.gallery_sort h2.check_date strong.c {
	font-size: 22px;
}

.gallery_sort h2.check_date_m {
    font-size: 22px;
    color: #4A4A4A;
    width: 100%;
    text-align: center;
    font-weight: 800;
    padding: 0 30px 0 30px;
}
.gallery_sort h2.check_date a.l {
	float: left;
	display: block;
    width: 13.5px;
    height: 21px;
    line-height: 30px;
    background: url(../images/common/sprite256.png) no-repeat -24px -1026px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 14px;
}
.gallery_sort h2.check_date a.r {
	float: right;
	display: block;
    width: 13.5px;
    height: 21px;
    line-height: 30px;
    background: url(../images/common/sprite256.png) no-repeat -66px -1026px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 14px;
}
.gallery_sort h2.check_date_m a.l {
	float: left;
	display: block;
    width: 13.5px;
    height: 21px;
    line-height: 30px;
    background: url(../images/common/sprite256.png) no-repeat -397px -960px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 8px;
    transform: rotate(90deg) scale(1.5);
}
.gallery_sort h2.check_date_m a.r {
	float: right;
	display: block;
    width: 13.5px;
    height: 21px;
    line-height: 30px;
    background: url(../images/common/sprite256.png) no-repeat -397px -960px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 8px;
    transform: rotate(-90deg) scale(1.5);
}
.gallery_sort h2.tit:after {
    content: '';
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #000;
}

.gallery_sort .sort1 {
    display: none;
    position: absolute;
    background: #e9e9e9;
    border: 1px solid #bababa;
    padding: 24px 44px;
    grid-template-rows: repeat(4, 1fr);
    grid-auto-flow: column;
    gap: 14px;
    z-index: 999;
    margin: 2px;
}
.gallery_sort .sort1 > li {
    min-width: 150px;
}
.gallery_sort .sort1 > li span {
    display: inline-block;
    vertical-align: middle;
}

.gallery_sort .sort1 > li span > * {
    vertical-align: middle;
}

.gallery_sort .sort1 > li span input[type=checkbox] {
    opacity: 0;
    width: 1px;
    height: fit-content;
}

.gallery_sort .sort1 > li span input[type=checkbox]:focus + label {
    outline: 2px solid #bababa;
}

.gallery_sort .sort1 > li span input[type=radio] {
    opacity: 0;
    width: 1px;
    height: 35px;
}

.gallery_sort .sort1 > li span input[type=radio]:focus + label {
    outline: 2px solid #bababa;
}

.gallery_sort .sort1 > li span label {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    font-size: 18px;
}

.gallery_sort .sort1 > li span label:hover {
    cursor: pointer;
}

.gallery_sort .sort1 > li span input[type=checkbox] + label {
    padding-left: 28px;
    position: relative;
}
.gallery_sort .sort1 > li span input[type=checkbox] + label::after {
    width: 21px;
    height: 21px;
    border: 1px solid #BABABA;
    background: #fff;
    border-radius: 20px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.gallery_sort .sort1 > li span input[type=checkbox]:checked + label::after {
    background: #3671C9;
}

.gallery_sort .sort1 > li span input[type=radio] + label {
    padding-left: 28px;
}

.gallery_sort .sort1 > li span select {
    border: 0;
    font-size: 16px;
    height: 20px;
    padding: 0;
}

.gallery_sort .sort2 {
    display: none;
}

.gallery_sort .sort1 > li.on .sort2 {
    display: block;
}

.gallery_sort .sort2 > li {
    padding-left: 30px;
}

.gallery_sort .sort1 > li.hasChild > span .arr {
    width: 12px;
    height: 8px;
    background: url('../images/common/sprite256.png') no-repeat -577.5px -565px;
    background-size: 1000px;
    text-indent: -999em;
    margin-left: 10px;
}

.gallery_sort .sort1 > li.hasChild > span .arr.on {
    background: url('../images/sub/gall_chekc_up_blk.png') no-repeat right center;
    width: 12px;
    height: 8px;
    text-indent: -999em;
    margin-left: 10px;
}

/* .gallery_sort .sort1 > li.hasChild.on > span .arr {background: url('../images/sub/gall_chekc_down.png') no-repeat right center; width:12px; height:8px; text-indent:-999em; margin-left:10px;} */
.gallery_sort .sort1 > li.hasChild.on > span .arr.on {
    width: 12px;
    height: 8px;
    background: url('../images/common/sprite256.png') no-repeat -577.5px -553px;
    background-size: 1000px;
    text-indent: -999em;
    margin-left: 10px;
}

.gallery_sort .sort1 > li.hasChild.on > span label {
    color: #004080;
}

.gallery_type2_list {
    width: 100%;
    padding: 0 35px;
}

.gallery_type2_list .no-data {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    padding: 30px 10px;
}

.gallery_type2_list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 54px;
    row-gap: 30px;
    width: 100%;
    box-sizing: border-box;
}

.gallery_type2_list ul li {
    width: 234px;
}

.gallery_type2_list ul li a.thumb {
    display: block;
    text-align: center;
    padding-top: 23px;
    position: relative;
}

.gallery_type2_list ul li a.thumb::before, .gallery_type2_list ul li a.thumb::after {
    content: "";
    width: 18px;
    height: 29px;
    background: url(../images/sub/gallery_type2_deco.png) top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 1px;
}

.gallery_type2_list ul li a.thumb::before {
    left: 30px;
}

.gallery_type2_list ul li a.thumb::after {
    right: 30px;
}

.gallery_type2_list ul li a.thumb img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 2px 4px 4.7px rgba(0, 0, 0, 0.18);
    width: 232px;
    height: 232px;
}

.gallery_type2_list ul li .tit {
    display: block;
    text-align: center;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
    height: 62px;
    display: -webkit-box;
}

.gallery_sidebox {
    margin-top: 30px;
}

.gallery_sidebox > div {
    padding: 30px 18px;
    margin-bottom: 10px;
    text-align: center;
}

.gallery_sidebox h3.tit {
    font-size: 21px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 25px;
    margin-top: 0;
}

.gallery_sidebox h3.tit strong {
    font-size: 23px;
    color: #fff;
    font-weight: normal;
}

.gallery_sidebox h4.instit {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
}

.gallery_sidebox .sidebox1 {
    background: #0A45B3;
}

.gallery_sidebox .sidebox2 {
    background: #0153a9;
}

.gallery_sidebox .sidebox3 {
    background: #003a74;
    padding-top: 70px;
    padding-bottom: 70px;
}

.gallery_sidebox .gs_btn {
    width: 100%;
    margin: 27px auto 0;
}

.gallery_sidebox .download_w {
    display: block;
    font-size: 18px;
    color: #3B3B3B;
    padding: 0 20px;
    height: 33px;
    line-height: 33px;
    text-align: left;
    background: #fff;
    position: relative;
}

.gallery_sidebox .download_w .bg {
    position: absolute;
    right: 14px;
    top: 7px;
    width: 20px;
    height: 18px;
    background: url('../images/sub/icon_gallery_down.png') no-repeat center;
    text-indent: -999em;
    display: block;
}

.gallery_sidebox .directgo_w {
    display: block;
    font-size: 16px;
    color: #274f9c;
    padding: 0 20px;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #fff;
    position: relative;
}

.gallery_sidebox .directgo_w .bg {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 9.5px;
    height: 16px;
    background: url('../images/common/sprite256.png') no-repeat -650.5px -555px;
    background-size: 1000px;
    text-indent: -999em;
    display: block;
}

.check_category .check_date .rbtn_wrap:after {
    content: "";
    clear: both;
    display: block;
}

.check_category a:focus {
    outline: 2px dashed #000;
}

.check_category .check_date .rbtn {
    width: calc(50% - 7px);
    display: block;
    border-radius: 20px;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
}

.check_category .check_date .prev {
    float: left;
    background: #0153a9;
    color: #fff;
}

.check_category .check_date .next {
    float: right;
    border: 1px solid #0153a9;
    color: #0153a9;
}

.check_category .check_date .navi {
    position: relative;
    margin-top: 30px;
    text-align: center;
}

.check_category .check_date .navi:after {
    content: "";
    clear: both;
    display: block;
}

.check_category .check_date .navi a {
    display: block;
    text-indent: -999em;
    width: 13.5px;
    height: 21px;
    line-height: 30px;
    background: url('../images/common/sprite256.png') no-repeat -24px -1026px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 3px;
}

.check_category .check_date .navi .l {
    float: left;
    width: 16px;
}

.check_category .check_date .navi .c {
    float: left;
    width: calc(100% - 32px);
    display: block;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.check_category .check_date .navi .r {
    float: right;
    background-position: -66px -1026px;
}

.check_category_m {
    display: none;
}

.rbtn_wrap_m {
    position: relative;
    display: inline-block;
    height: 40px !important;
    min-height: 40px !important;
    line-height: 60px !important;
    min-width: calc(100% - 120px);
    text-align: center;
}

.rbtn_wrap_m .rbtn {
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    padding: 6px 5px;
    font-size: 13px;
}

.rbtn_wrap_m .prev {
    background: #0153a9;
    color: #fff;
}

.rbtn_wrap_m .next {
    border: 1px solid #0153a9;
    color: #0153a9;
}

.rbtn_wrap_m strong {
    padding: 0 2px;
    font-size: 17px;
}

.program_list {
    width: 100%;
    padding: 0 60px;
}

.program_list > ul > li {
    margin-bottom: 50px;
}

.program_list .noti {
    font-size: 18px;
    margin-bottom: 30px;
}

.program_list .noti .point {
    color: #0153a9;
}

.program_list .inbox {
    padding: 30px 0;
    border-top: 1px solid #0153a9;
    border-bottom: 1px solid #dcdcdc;
}

.program_list .inbox:after {
    content: "";
    clear: both;
    display: block;
}

.program_list .inbox .l {
    float: left;
    width: 345px;
    height: 220px;
    line-height: 240px;
    text-align: center;
    background: #f1f1f1;
    overflow: hidden;
    background-size: cover;
    text-indent: -999em;
}

.program_list .inbox .r {
    float: right;
    width: calc(100% - 380px);
}

.program_list .inbox .l img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.program_list .inbox .r .tit {
    display: block;
    margin-top: -6px;
    font-size: 23px;
    font-weight: 700;
}

.program_list .inbox .r .con {
    color: #666;
    margin: 22px 0;
    height: 50px;
    overflow: hidden;
}

.program_list .inbox .r ul.option {
    margin-top: 20px;
}

.program_list .inbox .r ul.option li {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    padding-left: 13px;
    position: relative;
}

.program_list .inbox .r ul.option li:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: url('../images/common/sprite256.png') no-repeat -580px -592.5px;
    background-size: 1000px;
    text-indent: -999em;
}

/* .program_list .inbox .r ul.option li {display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:6px; padding-left:13px; background:url('../images/sub/bullet_green.png') no-repeat left center;} */
.program_list .inbox .r ul.option li em {
    color: #000;
    margin-right: 13px;
}

.program_list .inbox .r ul.option li span {
    color: #666;
}

.program_list .inbox .r ul.option li span.point {
    color: #004080;
}

.program_list .apply {
    display: inline-block;
    color: #0153a9;
    border: 1px solid #0153a9;
    padding: 15px 30px;
    border-radius: 30px;
    padding-right: 80px;
    margin-top: 30px;
    position: relative;
}

.program_list .apply:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -581px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.program_list .apply:hover {
    color: #fff;
    border: 1px solid #0153a9;
    background-color: #0153a9;
}

.program_list .apply:hover:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -596px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.program_list .view {
    display: inline-block;
    color: #699d52;
    border: 1px solid #699d52;
    padding: 15px 30px;
    border-radius: 30px;
    padding-right: 80px;
    margin-top: 30px;
    position: relative;
}

.program_list .view:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -581px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.program_list .view:hover {
    color: #fff;
    border: 1px solid #699d52;
    background-color: #699d52;
}

.program_list .view:hover:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -596px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.program_view .apply {
    display: inline-block;
    color: #0153a9;
    border: 1px solid #0153a9;
    padding: 15px 30px;
    border-radius: 30px;
    padding-right: 80px;
    margin-top: 30px;
    position: relative;
}

.program_view .apply:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -581px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.program_view .apply:hover {
    color: #fff;
    border: 1px solid #0153a9;
    background-color: #0153a9;
}

.program_view .apply:hover:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10.5px;
    height: 19px;
    background: url('../images/common/sprite256.png') no-repeat -596px -516.5px;
    background-size: 1000px;
    text-indent: -999em;
}


/* 기상 업무 소개 */
.introduction_work ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 27px;}
.introduction_work a {display: block; border: 1px solid #b7b7b7; box-shadow: 2px 0px 5.2px rgba(0, 0, 0, 0.25); height: 181px; position: relative; background-color: #fff !important;}
.introduction_work a:hover {background-color: #DDECFF !important;}
.introduction_work span {font-size: 20px; color: #000; display: block; padding: 24px 0 0 35px; line-height: 26px;}
.introduction_work a.type1 {background: url(../images/sub/bg_introduce_work_type1.png) left top no-repeat;}
.introduction_work a.type2 {background: url(../images/sub/bg_introduce_work_type2.png) left top no-repeat;}
.introduction_work a.type3 {background: url(../images/sub/bg_introduce_work_type3.png) left top no-repeat;}
.introduction_work figure {width: 75px; height: 76px; display: block; position: absolute; right: 18px; bottom: 13px; background-image: url(../images/sub/icon_introduce_work.png); background-repeat: no-repeat; margin: 0;}
.introduction_work figure.type1 {background-position: 0 0;}
.introduction_work figure.type2 {background-position: 0 -105px;}
.introduction_work figure.type3 {background-position: 0 -210px;}
.introduction_work figure.type4 {background-position: 0 -315px;}
.introduction_work figure.type5 {background-position: 0 -420px;}
.introduction_work figure.type6 {background-position: 0 -525px;}
.introduction_work figure.type7 {background-position: 0 -629px;}
.introduction_work figure.type8 {background-position: 0 -734px;}
.introduction_work figure.type9 {background-position: 0 -839px;}
.introduction_work figure.type10 {background-position: 0 -839px;}
.introduction_work figure.type11{background-position: 0 -944px;}
.introduction_work figure.type12 {background-position: 0 -944px;}
.introduction_work figure.type13 {background-position: 0 -1049px;}
.introduction_work figure.type14 {background-position: 0 bottom;}

/* 채용정보 시스템 */
.recruit_system {
    display: flex;
    justify-content: center;
    gap: 100px;
}

.recruit_system a {
    display: grid;
    border-radius: 20px;
    padding: 24px 0;
    width: 306px;
    gap: 24px;
}

.recruit_system a:focus {
    outline: 2px dashed #000;
}

.recruit_system a div {width: 100%; display: flex; gap: 24px; flex-direction: column;}

.recruit_system li:nth-child(1) a {
    background: #D5ECFF;
}

.recruit_system li:nth-child(2) a {
    background: #E3ECFF;
}

.recruit_system a figure {
    width: 159px;
    height: 159px;
    background-size: cover !important;
    border-radius: 80px;
    margin: auto;
}

.recruit_system a span {
    width: 100%;
    height: 52px;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit_system li:nth-child(1) a figure {
    background: #fff url(../images/sub/recruit_system1.png) center no-repeat;
}

.recruit_system li:nth-child(2) a figure {
    background: #fff url(../images/sub/recruit_system2.png) center no-repeat;
}

.recruit_system li:nth-child(1) a span {
    background: #4789EB;
}

.recruit_system li:nth-child(2) a span {
    background: #6C60D7;
}

.recruit_system a p {
    text-align: center;
    color: #8B8B8B;
    font-size: 19px;
}

/* swipe */
.tbl_align_c th, .tbl_align_c td {
    text-align: center;
}

.tbl_align_c_1 th:first-child, .tbl_align_c_1 td:first-child {
    text-align: center;
}

.tbl_align_open td {
    text-align: center;
}

.tbl_align_open td:nth-child(2) {
    text-align: left;
}

.tbl_align_open td:nth-child(3) {
    text-align: left;
}

.tbl_valign_t td {
    vertical-align: top;
}

.tbl_swipe_notice {
    display: none;
    text-align: right;
    padding-bottom: 5px;
}

.tbl_swipe_notice span {
    font-size: 12px;
    color: #168de9;
    vertical-align: middle;
}

.tbl_swipe_notice .img {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    background: url('../images/common/sprite256.png') no-repeat -614px -402.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.tbl_swipe table, .tbl_swipe .tbl_topline, .tbl_swipe .tbl_botline {
    width: 100%;
    min-width: 1080px;
}

.bbs_acodian > ul > li .tbl_swipe table, .bbs_acodian > ul > li .tbl_swipe .tbl_topline, .bbs_acodian > ul > li .tbl_swipe .tbl_botline {
    width: 100%;
}

.tbl_swipe_inlayer table, .tbl_swipe_inlayer .tbl_topline, .tbl_swipe_inlayer .tbl_botline {
    width: 100%;
}

.tbl_wrap td.content {
    text-align: left;
}

/* 이미지게시판 플렉스슬라이더 */
.slides > li {
    position: relative;
}

.slides > li > p {
    width: 100%;
    padding: 2%;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
}

.slides > li > p strong {
    display: inline-block;
    width: calc(100% - 160px);
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slides > li > p span {
    display: block;
    position: relative;
}

.slides > li > p .info {
    float: right;
}

@media (max-width: 768px) {
    .slides > li > p strong {
        width:100%;
    }

    .slides > li > p .info {
        float: none;
        display: block;
        margin-top: 7px;
    }
    .gallery_type2_list ul {
        grid-template-columns: 1fr;
        place-items: center;
    }
}

/* ■■■■ box ■■■■ */
.box1 {
    background: url('../images/common/bg_box1_2.png');
    padding: 5px;
}

.box1 .box1_white_bg {
    background-color: #fff;
    padding: 30px;
}

.box1 p strong {
    display: block;
    font-size: 24px;
    color: #677ca3;
    margin-bottom: 5px;
}

.box_adrs_bg {
    background-image: url('../images/sub/bg_box_monitor.png');
    background-repeat: no-repeat;
    background-position: 50px center;
    padding-left: 180px !important;
}

.box_notepen {
    background-image: url('../images/sub/bg_box_notepen.png');
    background-repeat: no-repeat;
    background-position: 50px center;
    padding-left: 180px !important;
}

.box_complain_bg {
    background-image: url('../images/sub/bg_box_complain.png');
    background-repeat: no-repeat;
    background-position: 50px center;
    padding-left: 180px !important;
}

.box_mw24_bg {
    background-image: url('../images/sub/bg_box_mw24.png');
    background-repeat: no-repeat;
    background-position: 50px center;
    padding-left: 180px !important;
}

.box_newsletter_bg {
    background-image: url('../images/sub/bg_box_newsletter.png');
    background-repeat: no-repeat;
    background-position: 50px center;
    padding-left: 180px !important;
}

.box_camera_bg {
    background-image: url('../images/sub/bg_box_camera.png');
    background-repeat: no-repeat;
    background-position: 50px center;
    padding-left: 180px !important;
}

.box_mapo_thanx {
    text-align: center;
}

.box_mapo_thanx .tit {
    font-size: 23px;
    color: #5f616e;
    margin-bottom: 10px;
}

.box_babyhelp_bg {
    background-image: url('../images/sub/bg_box_baby.png');
    background-repeat: no-repeat;
    background-position: 50px center;
    padding-left: 180px !important;
}

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

.box_btn_wrap .box1_white_bg {
    padding-bottom: 40px;
}

.box_btn {
    position: absolute;
    bottom: -18px;
    left: 50%;
}

.graybox {
    background: #f7f7f7;
    padding: 20px 30px;
}

.graybox2 {
    background: #f7f7f7;
    padding: 20px 30px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}

.graybox2head {
    text-align: center;
    margin-top: -40px;
    margin-bottom: 20px;
}

.graybox2head img {
    max-width: 100%;
}

.graybox_40 {
    background: #f7f7f7;
    padding: 40px;
}

/* ■■■■ 텝TAB ■■■■  */
.tab_wrap {
    width: 100%;
    /* overflow-x: auto; -webkit-overflow-scrolling: touch; */
}

.tab_wrap_m {
    display: none;
}

.tab_wrap_m > .select_box {
    width: 100%;
}

.tab_wrap_m {
    width: 100%;
    position: relative;
    height: 35px;
    z-index: 2;
}

.tab_wrap_m > a:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 10px;
    right: 11px;
    top: 13px;
    background: url(../images/common/icon_ham_arrow.svg) center no-repeat;
    background-size: cover;
    z-index: 1;
}

.tab_wrap_m > a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    background: #0A45B3;
    color: #fff;
    font-size: 18px;
    position: relative;
    z-index: 11;
}

.tab_wrap_m ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    background: #EAF4FF;
    z-index: 10;
    border: 1px solid #ababab;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.tab_wrap_m a.on + ul {
    display: block;
}

.tab_wrap_m ul li {
    border-bottom: 0.5px dashed #C8C8C8;
    display: inline-block;
    width: 100%;
}

.tab_wrap_m ul a {
	display: inline-block;
	width: 100%;
    height: 31px;
    line-height: 31px;
    padding: 0 14px;
    font-size: 17px;
    color: #000;
}

.tab_wrap_m ul li:last-child {
    border: 0;
}

/* 커스텀 셀렉트 스타일 */
.custom_select_sort{
    width: 100%;
    padding: 20px 20px 30px;
    display: flex;
    gap: 10px;
}
.custom_select_wrap {
	position: relative;
	display: inline-block;
}

.custom_select_wrap .select_btn {
	display: block;
	padding: 13px 15px;
	background: #fff;
	border: 1px solid #c8c8c8;
	text-decoration: none;
	color: #4A4A4A;
	font-size: 22px;
	position: relative;
    text-align: center;
    font-weight: 800;
}

.custom_select_wrap .select_btn:after {
	content: '';
	position: absolute;
	right: 23px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #000;
}

.custom_select_wrap.on .select_btn:after {
	transform: translateY(-50%) rotate(180deg);
}

.custom_select_wrap .select_options {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: rgba(224, 224, 224, 0.9);
    border: 1px solid #C8C8C8;
	border-top: none;
	z-index: 100;
	/* max-height: 200px;
	overflow-y: auto; */
}


.custom_select_wrap.on .select_options {
	display: block;
}

.custom_select_wrap .select_options li {
	list-style: none;
}

.custom_select_wrap .select_options li a {
	display: block;
	padding: 8px 5px 8px 40px;
	text-decoration: none;
	color: #2F2F2F;
	font-size: 19px;
	border-bottom: 1px solid #C8C8C8;
    position: relative;
}
.custom_select_wrap .select_options li a::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #2F2F2F;
    border-radius: 6px;
    left: 24px;
    top: 15px;
}

.custom_select_wrap .select_options li:last-child a {
	border-bottom: none;
}

/* 날짜 네비게이션 스타일 */
.date_nav_wrap {
	position: relative;
	display: inline-block;
	background: #fff;
	border: 1px solid #c8c8c8;
	text-align: center;
    display: flex;
    justify-content: space-between;
}

.date_nav_wrap .date_prev,
.date_nav_wrap .date_next {
	display: flex;
	padding: 0 18px;
    position: relative;
    align-items: center;
}

.date_nav_wrap .date_prev span,
.date_nav_wrap .date_next span {
	content: '';
    display: block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #000;
}
.date_nav_wrap .date_prev span {
    transform: rotate(90deg);
}
.date_nav_wrap .date_next span {
    transform: rotate(270deg);
}

.date_nav_wrap .date_display {
	display: inline-block;
	padding: 13px 15px;
	color: #4A4A4A;
	font-size: 22px;
	font-weight: 800;
    line-height: 1;
}


.tab {
    display: flex;
    width: 100%;
}

.tab > a {
    display: flex;
    height: 38px;
    vertical-align: middle;
    font-size: 19px;
    text-decoration: none;
    text-align: center;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #BABABA;
    min-width: 235px;
    outline: none;
}

.tab > a:focus, .tab > a:hover {
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.tab > a:last-child {
    border-right: 0px
}

.tab > a.on {
    color: #fff;
    background: #2852AC;
    font-weight: 800;
}

.tab > hr {
    display: table-row;
}

.tab.arr > a.on {
    position: relative;
}

.tab.arr > a.on:after {
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 30px;
    height: 15px;
    content: "";
    background: url('../images/common/sprite256.png') no-repeat -1120px -1942px;
    background-size: 2000px;
    text-indent: -999em;
    margin-left: -15px;
}

.tab_wrap_v2 {
    width: 100%;
    /* overflow-x: auto; -webkit-overflow-scrolling: touch; */
}

.tab_v2 {
    display: flex;
    width: 100%;
}

.tab_v2 > a {
    display: flex;
    vertical-align: middle;
    font-size: 20px;
    height: 75px;
    border: 1px solid #e6e6e6;
    text-decoration: none;
    text-align: center;
    background: #fff;
    border-right: 0;
    justify-content: center;
    align-items: center;
}

.tab_v2 > a:last-child {
    border-right: 1px solid #e6e6e6;
}

.tab_v2 > a.on {
    color: #fff;
    background: #0153a9;
    border-color: #0153a9;
    font-weight: 800;
}

.tab_v2.arr > a.on {
    position: relative;
}

.tab_v2.arr > a.on:after {
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 30px;
    height: 15px;
    content: "";
    background: url('../images/common/sprite256.png') no-repeat -1120px -1942px;
    background-size: 2000px;
    text-indent: -999em;
    margin-left: -15px;
}

.company_list_card_3 ul:after {
    clear: both;
    content: "";
    display: block;
}

.company_list_card_3 ul li {
    float: left;
    width: 30.66%;
    margin-right: 4%;
    margin-bottom: 40px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e0e0e0;
}

.company_list_card_3 ul li:nth-child(3n) {
    margin-right: 0;
}

.company_list_card_3 ul li {
    position: relative;
}

.company_list_card_3 ul li .top {
    text-align: center;
    border-bottom: 1px dashed #e0e0e0;
    height: 80px;
    line-height: 80px;
}

.company_list_card_3 ul li .top img {
    max-height: 100%;
    vertical-align: middle;
}

.company_list_card_3 ul li .bot {
    text-align: center;
    padding: 20px 0;
}

.company_list_card_3 ul li .bot strong {
    font-weight: normal;
    padding: 20px 0;
}

.company_list_card_3 ul li .bot p {
    color: #555;
}

.company_list_card_3 ul li .bot span {
    color: #4c73b8;
}

.company_list_card_3 ul li .bot .bot_btn {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.company_list_minh220 ul li {
    min-height: 220px;
}

.company_list_minh320 ul li {
    min-height: 320px;
}

/* 관련기관 단순 li */
.company_list ul {
    border-top: 2px solid #000;
}

.company_list ul li {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
}

.company_list ul li:after {
    clear: both;
    content: "";
    display: block;
}

.company_list ul li .top {
    float: left;
    width: 260px;
    text-align: center;
}

.company_list ul li .bot {
    float: left;
    width: calc(100% - 300px);
}

.company_list ul li .bot > div {
    display: inline-block;
    vertical-align: top;
    color: #555;
}

.company_list ul li .bot > div:first-child {
    width: calc(100% - 130px);
}

.company_list ul li .bot > div strong {
    color: #111;
    font-size: 16px;
}

.company_list ul li .bot > div span {
    word-break: break-all;
}

/* 레이어팝업 */
body.modal-open {
    overflow: hidden;
}

.layer_popup {
    display: none;
    position: relative;
    background: #fff;
}

.layer_popup.on {
    display: block;
    overflow-y: scroll;
    border: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    /* position: absolute; top: -100px; width: 100%;*/
    position: fixed;
    top: 100px;
    /* width: 1440px; */
    max-width: calc(100% - 30px);
    z-index: 10001;
    overflow: hidden;
    overflow-y: auto;
    text-align: left;
    margin: 0 auto;
}

.layer_popup .layer_close {
    position: absolute;
    right: 17px;
    top: 17px;
    width: 24px;
    height: 23.5px;
    background: url('../images/common/sprite256.png') no-repeat -173.5px -60px;
    background-size: 1000px;
    text-indent: -999em;
}

.layer_popup .layer_tit {
    height: 60px;
}

.layer_popup .layer_tit h3 {
    color: #fff;
    padding: 25px 20px;
    background: none;
    max-width: calc(100% - 80px);
}

.layer_popup .layer_con {
    padding: 20px;
}

.layer_popup.ver_video {
    width: 800px;
    border-radius: 0;
}

.layer_popup.ver_video h3 {
    color: #000;
}

.layer_popup.ver_disaster {
    width: 800px;
    border-radius: 0;
    left: 50%;
    margin-left: -400px;
    height: 560px;
    max-width: 100%;
    max-height: 100%;
}

.layer_popup.ver_disaster h3 {
    color: #000;
}

.layer_popup.ver_disaster .movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.layer_popup.ver_disaster .movie iframe, .layer_popup.ver_disaster .movie object, .layer_popup.ver_disaster .movie embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.layer_popup.ver_disaster .subtitle {
    border: 1px solid #ddd;
    height: 180px;
    padding: 20px;
    overflow-y: scroll;
    margin-top: 20px;
}

.layer_popup.ver_disaster .layer_close {
    top: 30px;
    right: 20px;
}

.layer_popup.ver_simple {
    width: 800px;
    border-radius: 0;
    left: 50%;
    margin-left: -400px;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    padding-bottom: 50px;
}

/* 새창팝업 */
.blank_popup {
    position: relative;
    background: #fff;
}

.blank_popup .blank_close {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* ■■■■■■■■■■■■sub■■■■■■■■■■■■ */
/* 본인인증 */
.layer_popup {
    border-radius: 15px;
}

.layer_con {
    background: #f9f9f9;
}

.id_check_top em {
    display: block;
    font-size: 20px;
    text-align: center;
}

.id_check_top h3 {
    width: 1000px;
    margin: 0 auto;
    font-size: 25px;
    font-weight: normal;
    color: #333;
    text-align: center;
}

.id_ckeck_bot {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 20px;
}

.id_ckeck_bot a:focus {
    outline: 2px dashed #000;
}

.id_ckeck_bot:after {
    content: "";
    clear: both;
    display: block;
}

.id_ckeck_bot .l {
    float: left;
    width: calc(60% - 15px);
}

.id_ckeck_bot .r {
    float: right;
    width: calc(40% - 15px);
}

.id_ckeck_bot h4 {
    font-size: 20px;
    font-weight: normal;
    color: #333;
    margin-bottom: 20px;
}

.id_ckeck_bot .l .sns_login a, .id_ckeck_bot .r .phone_login .half {
    padding: 37px 10px 0 10px;
    height: 200px;
}

.id_ckeck_bot .l .sns_login:after {
    content: "";
    clear: both;
    display: block;
}

.id_ckeck_bot .l .sns_login a {
    display: block;
    float: left;
    width: calc((100% - 15px) / 4);
    border: 1px solid #eaeaeb;
    text-align: center;
    margin-right: 5px;
    background: #fff;
}

.id_ckeck_bot .l .sns_login a:last-child {
    margin-right: 0;
}

.id_ckeck_bot .l .sns_login a span {
    display: block;
    margin-top: 20px;
    color: #333;
    font-size: 18px;
}

.id_ckeck_bot .l .sns_login a em.bg {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url('../images/common/sprite256.png') no-repeat -687px -2254px;
    background-size: 2000px;
    text-indent: -999em;
}

.id_ckeck_bot .l .sns_login a:nth-child(2) em.bg {
    background-position: -482px -2254px;
    width: 92px;
    height: 90px;
}

.id_ckeck_bot .l .sns_login a:nth-child(3) em.bg {
    background-position: -585px -2254px;
}

.id_ckeck_bot .l .sns_login a:nth-child(4) em.bg {
    background: url('../images/common/google_logo.png') no-repeat center center;
    background-size: 100px;
}

.id_ckeck_bot .r .phone_login:after {
    content: "";
    clear: both;
    display: block;
}

.id_ckeck_bot .r .phone_login .half {
    float: left;
    width: calc(50% - 5px);
    margin-right: 5px;
    border: 1px solid #eaeaeb;
    text-align: center;
    background: #fff;
}

.id_ckeck_bot .r .phone_login .half .img {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url('../images/common/sprite256.png') no-repeat -381px -2254px;
    text-indent: -999em;
    margin-bottom: 10px;
}

.id_ckeck_bot .r .phone_login .half:last-child .img {
    background-position: -279px -2254px;
}

.id_ckeck_bot .r .phone_login .half:last-child {
    margin-right: 0;
}

.id_ckeck_bot .r .phone_login .half a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #0153a9;
    display: inline-block;
    text-align: center;
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin-top: 8px;
}

.id_ckeck_bot .r .notice {
    color: #444343;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 12px;
}

/* 일정365 */
.cal_head {
    background: url('../images/sub/head_bg.png');
    padding: 10px;
    margin-top: 30px;
}

.cal_head .inbox {
    position: relative;
    background: #fff;
    padding: 20px;
}

.cal_head .inbox:after {
    content: "";
    clear: both;
    display: block;
}

.cal_head .inbox > div {
    float: left;
    width: 110px;
    text-align: center;
}

.cal_head .inbox > div * {
    font-size: 20px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}

.cal_head .inbox > div a:focus {
    outline: 2px dashed #000;
}

.cal_head .inbox > div.l .arr {
    width: 13.5px;
    height: 21px;
    background: url('../images/common/sprite256.png') no-repeat -24px -1026px;
    background-size: 1000px;
    text-indent: -999em;
}

.cal_head .inbox > div.r .arr {
    width: 13.5px;
    height: 21px;
    background: url('../images/common/sprite256.png') no-repeat -66px -1026px;
    background-size: 1000px;
    text-indent: -999em;
}

.cal_head .inbox .c {
    width: calc(100% - 180px);
}

.cal_head .inbox .c p {
    font-size: 25px;
    color: #28559f;
}

.cal_head .inbox .r {
    float: none;
}

.cal_head .inbox .l span {
    margin-left: 20px;
}

.cal_head .inbox .r span {
    margin-right: 20px;
}

.cal_head .inbox .r {
    position: absolute;
    right: 0;
    top: 20px;
}

.cal_wrap:after {
    content: "";
    clear: both;
    display: block;
}

.cal_wrap .l {
    float: left;
    width: 500px;
    padding: 30px;
    background: #f4f4f4;
}

.cal_wrap .r {
    float: right;
    width: 620px;
    padding: 40px;
    padding-top: 35px;
}

.cal_wrap .l .tit {
    text-align: center;
}

.cal_wrap .l .tit div.select_box {
    background-color: #fff;
}

.cal_wrap .l .tit div.select_box label {
    color: #494949;
    font-size: 20px;
}

.cal_wrap .l .tit * {
    /* display:inline-block; */
    vertical-align: middle;
}

.cal_wrap .l .tit strong {
    text-align: center;
    font-size: 35px;
    color: #494949;
    margin-right: 10px;
}

.cal_wrap .l .tit select {
    font-size: 20px;
    color: #494949;
}

.cal_wrap .l .week ul {
    margin-top: 10px;
}

.cal_wrap .l .week ul:after {
    content: "";
    clear: both;
    display: block;
}

.cal_wrap .l .week ul li {
    float: left;
    width: calc((100% - 60px) / 7);
    margin-right: 10px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.cal_wrap .l .week ul li:nth-child(7n+1) {
    color: #b62525;
}

.cal_wrap .l .week ul li:nth-child(7n) {
    margin-right: 0;
    color: #24589f;
}

.cal_wrap .l .week ul li span {
    font-size: 18px;
}

.cal_wrap .l .day ul:after {
    content: "";
    clear: both;
    display: block;
}

.cal_wrap .l .day ul li {
    float: left;
    width: calc((100% - 60px) / 7);
    background: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    height: 55px;
    line-height: 55px;
}

.cal_wrap .l .day ul li:nth-child(7n+1) {
    color: #b62525;
}

.cal_wrap .l .day ul li:nth-child(7n) {
    margin-right: 0;
    color: #24589f;
}

.cal_wrap .l .day ul li span {
    font-size: 20px;
}

.cal_wrap .l .day ul li.on {
    /*background:#f69959;*/
    background: #804000;
}

.cal_wrap .l .day ul li.on span {
    color: #fff;
}

.cal_wrap .r .tit {
    margin-bottom: 30px;
}

.cal_wrap .r .tit .img {
    width: 31.5px;
    height: 28px;
    background: url('../images/common/sprite256.png') no-repeat -99.5px -1022.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.cal_wrap .r .tit * {
    display: inline-block;
    vertical-align: middle;
}

.cal_wrap .r .tit strong {
    color: #494949;
    font-size: 25px;
    margin-left: 10px;
}

.cal_wrap .r .schedule {
    border-top: 1px solid #ccd0d7;
}

.cal_wrap .r .schedule a:focus {
    outline: 2px dashed #000;
}

.cal_wrap .r .schedule ul li * {
    display: inline-block;
    vertical-align: middle;
}

.cal_wrap .r .schedule ul li {
    border-bottom: 1px solid #ccd0d7;
    padding: 20px 0;
}

.cal_wrap .r .schedule ul li:after {
    content: "";
    clear: both;
    display: block;
}

.cal_wrap .r .schedule ul li .date {
    width: 120px;
    font-size: 20px;
    color: #000;
    padding-top: 3px;
}

.cal_wrap .r .schedule ul li .tag {
    font-size: 17px;
    color: #fff;
    background: #010101;
    padding: 2px 7px;
    margin-right: 20px;
}

.cal_wrap .r .schedule ul li .todo {
    width: calc(100% - 200px);
    font-size: 20px;
    color: #000;
    overflow: hidden;
    /* text-overflow: ellipsis; white-space: nowrap; */
}

/* KM-GG-01-02-02 체험학습일정신청 */
.tour_process:after {
    content: "";
    display: block;
    clear: both;
}

.tour_process ul li {
    float: left;
    width: calc((100% - 150px) / 4);
    position: relative;
    margin-right: 50px;
}

.tour_process ul li:last-child {
    margin-right: 0;
}

.tour_process ul li em {
    display: block;
    font-size: 20px;
    border: 2px solid #00babd;
    border-radius: 50px;
    text-align: center;
    padding: 33px 0;
}

.tour_process ul li:nth-child(1) em {
    color: #00babd;
    border-color: #00babd;
}

.tour_process ul li:nth-child(2) em {
    color: #004080;
    border-color: #004080;
}

.tour_process ul li:nth-child(3) em {
    color: #00588B;
    border-color: #00588B;
}

.tour_process ul li:nth-child(4) em {
    color: #0053a8;
    border-color: #0053a8;
}

.tour_process ul li.on em {
    color: #fff;
}

.tour_process ul li:nth-child(1).on em {
    background-color: #00babd;
}

.tour_process ul li:nth-child(2).on em {
    background-color: #004080;
}

.tour_process ul li:nth-child(3).on em {
    background-color: #00588B;
}

.tour_process ul li:nth-child(4).on em {
    background-color: #0053a8;
}

.tour_process ul li .arr {
    position: absolute;
    top: 40px;
    right: -37px;
    width: 29px;
    height: 22px;
    background: url('../images/common/sprite256.png') no-repeat -616px -516px;
    background-size: 1000px;
    text-indent: -999em;
}

.tour_head .tit {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 3px solid #0153a9;
    margin-bottom: 20px;
    margin-top: 20px;
}

.tour_head .tit strong {
    font-size: 30px;
}

.tour_head .inbox:after {
    content: "";
    display: block;
    clear: both;
}

.tour_head .inbox .l {
    float: left;
    width: 400px;
    height: 300px;
    line-height: 300px;
    text-align: center;
    background: #f1f1f1;
    background-size: cover;
}

.tour_head .inbox .l img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.tour_head .inbox .r {
    float: left;
    width: calc(100% - 400px);
    padding-left: 60px;
}

.tour_head .inbox .r ul.option li {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    padding: 8px 0;
    border-bottom: 1px dashed #ddd;
}

.tour_head .inbox .r ul.option li * {
    font-size: 18px;
}

.tour_head .inbox .r ul.option li em {
    color: #000;
    margin-right: 13px;
}

.tour_head .inbox .r ul.option li span {
    color: #666;
}

.tour_head .inbox .r ul.option li span.point {
    color: #ea252b;
}

.tour_con .cal_head .inbox h4 {
    color: #0053a8;
    font-size: 20px;
    text-align: center;
}

.tour_con .cal_body {
    padding-top: 55px;
}

.tour_con .cal_body:after {
    content: "";
    display: block;
    clear: both;
}

.tour_con .cal_body > .l {
    float: left;
    width: 400px;
}

.tour_con .cal_body > .r {
    float: right;
    width: 735px;
    padding-left: 70px;
}

.tour_con .cal_body .week {
    background: #e5edf6;
}

.tour_con .cal_body > .l .tit {
    margin-bottom: 20px;
}

.tour_con .cal_body > .l .tit:after {
    content: "";
    display: block;
    clear: both;
}

.tour_con .cal_body > .l .tit .l {
    float: left;
}

.tour_con .cal_body > .l .tit .l .arr {
    display: inline-block;
    width: 9.5px;
    height: 16px;
    background: url('../images/common/sprite256.png') no-repeat -667px -519.5px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 4px;
}

.tour_con .cal_body > .l .tit .r {
    float: right;
}

.tour_con .cal_body > .l .tit .r .arr {
    display: inline-block;
    width: 9.5px;
    height: 16px;
    background: url('../images/common/sprite256.png') no-repeat -653.5px -519.5px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 4px;
}

.tour_con .cal_body > .l .tit a {
    display: block;
    width: 28px;
    height: 24px;
    margin-top: 6px;
}

.tour_con .cal_body > .l .tit strong {
    float: left;
    display: block;
    width: calc(100% - 56px);
    text-align: center;
    font-size: 25px;
}

.tour_con .cal_body > .l .cal.day {
    padding-top: 10px;
}

.tour_con .cal_body > .l .cal ul:after {
    content: "";
    display: block;
    clear: both;
}

.tour_con .cal_body > .l .cal ul li {
    float: left;
    width: calc(100% / 7);
    text-align: center;
    padding: 13px 0;
}

.tour_con .cal_body > .l .cal li:nth-child(7n+1) {
    color: #ff0000;
}

.tour_con .cal_body > .l .cal li:nth-child(7n) {
    color: #2e559f;
}

.tour_con .cal_body > .l .cal li.on {
    background: #e5edf6;
}

.tour_con .cal_body > .r ul:after {
    content: "";
    display: block;
    clear: both;
}

.tour_con .cal_body > .r ul li {
    float: left;
    width: calc(50% - 11.5px);
    margin-bottom: 10px;
}

.tour_con .cal_body > .r ul li:nth-child(odd) {
    margin-right: 23px;
    clear: both;
}

.tour_con .cal_body > .r ul li a {
    display: block;
    border: 1px solid #e6e6e6;
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
}

.tour_con .cal_body > .r ul li a em {
    font-size: 20px;
}

.tour_con .cal_body > .r ul li a.on {
    outline: 2px solid #0153a9;
}

.tour_con .cal_body > .r ul {
    display: block;
}

.tour_con .cal_body > .r.on ul {
    display: none;
}

.tour_con .cal_body > .r .gray_cover {
    width: 100%;
    height: 373px;
    ; background: #f8f8f8;
    text-align: center;
    padding-top: 140px;
}

.tour_con .cal_body > .r .gray_cover .cal {
    display: inline-block;
    width: 31.5px;
    height: 28px;
    background: url('../images/common/sprite256.png') no-repeat -99.5px -1022.5px;
    background-size: 1000px;
}

.tour_con .cal_body > .r .gray_cover p {
    font-size: 20px;
}

.tour_con .cal_body > .r.on .gray_cover {
    display: block
}

.tour_con .cal_body > .r .gray_cover {
    display: none
}

.cal_btn_wrap {
    text-align: center;
}

.cal_btn_wrap a {
    max-width: calc(50% - 5px);
}

p.exp_txt1 {
    font-size: 17px;
    padding: 10px;
}

.exp_tm li span.tm:first-child {
    margin-left: 50px;
}

.exp_tm li span.tm:after {
    content: ' /';
}

.exp_tm li span.tm:last-child:after {
    display: none;
}

.tbl_programs table td {
    padding: 10px 5px;
}

/* reservation_popupok */
.bg_none {
    background: none;
    border: none;
}

.reservation_div {
    background: url(../images/h4_bg.gif) no-repeat left top #3574e3;
    width: auto;
    height: 43px;
}

.reservation_div h4 {
    padding: 16px 0 0 16px;
    font-size: 1.2em;
    color: #ffffff;
    font-weight: bold;
}

.reservation_div p.text {
    float: left;
    padding: 0;
    margin: 18px 0 0 16px;
    width: 404px;
    line-height: 1.5em;
    display: inline;
    color: #6c6f70;
}

.reservation_div p.text02 {
    float: left;
    margin: 25px 0 0 0;
    width: 569px;
    text-align: center;
    line-height: 1.5em;
    display: inline;
    font-weight: bold;
}

.reservation_div ul {
    float: left;
    padding: 12px 0 0 3px;
    margin: 38px 0 0 0;
    background: url(../images/popup_bg.gif) no-repeat 3px top;
    width: 586px;
}

.reservation_div ul li {
    text-align: center;
    font-weight: bold;
    color: #ff7f01;
}

.reservation_div ul li ul {
    background: none;
    padding: 0 0 12px 14px;
    margin: 0;
}

.reservation_div ul li ul li {
    text-align: left;
    font-weight: normal;
    color: #6c6f70;
}

.reservation_div p.img {
    padding: 0 0 17px 12px;
    vertical-align: top;
}

.reservation_div p.button {
    overflow: hidden;
    height: 23px;
    text-align: center;
    margin: auto 0;
}

.reservation_div p.button a {
    height: 23px;
    vertical-align: top;
}

/* reservation_email */
.bg_none02 {
    background: none;
}

.reservation02_div {
    background: url(../images/mypage/body_bg.gif) no-repeat left top #fff;
    width: auto;
}

.reservation02_div h4 {
    padding: 66px 0 0 0;
    text-align: center;
    font-size: 1.2em;
    color: #0958a5;
    font-weight: bold;
}

.reservation02_div p.img {
    clear: both;
    padding: 13px 16px 17px 16px;
    vertical-align: top;
    line-height: normal;
}

.reservation02_div p.button {
    text-align: center;
}

.reservation02_div p.button a {
    height: 23px;
    vertical-align: top;
}

.reservation02_div p.button a img {
    vertical-align: 0;
    margin-top: 16px;
}

.reservation02_div ul {
    float: left;
    padding: 12px 0 0 3px;
    margin: 38px 0 0 5px;
    background: url(../images/popup_bg.gif) no-repeat center center;
    background-size: 100% 100%;
    width: 586px;
}

.reservation02_div ul li {
    text-align: center;
    font-weight: bold;
    color: #ff7f01;
}

.reservation02_div ul li ul {
    background: none;
    padding: 0 0 12px 14px;
    margin: 0;
}

.reservation02_div ul li ul li {
    text-align: left;
    font-weight: normal;
    color: #6c6f70;
    font-size: 0.94em;
    line-height: 1.5em;
    ;}

.reservation02_div ul li ul li span {
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
}

.reservation02_div .text {
    margin: 0 0 0 16px;
    width: 586px;
    line-height: 1.5em;
    color: #6c6f70;
}

/* popup_table */
/*reservation_email*/
.popup_table {
    margin: 16px 0 0 13px;
    width: 572px;
    border-top: 2px solid #688fcb;
    text-align: left;
}

.popup_table.popup {
    margin: 16px 0 0 6px;
    width: 587px;
    border-top: 2px solid #688fcb;
    text-align: left;
}

.popup_table th {
    font-size: 17px;
    padding: 10px 0 10px 13px;
    width: 89px;
    background: #e4ecf8;
    color: #688fcb;
    font-weight: bold;
    border-bottom: 1px solid #c4d3e2;
    text-align: left;
}

.popup_table td img {
    vertical-align: top;
}

.popup_table td {
    font-size: 15px;
    padding: 10px 0 10px 15px;
    width: 445px;
    border-bottom: 1px solid #d9e2e7;
}

.popup_table02 {
    margin: 16px 0 0 13px;
    width: 572px;
    border-top: 2px solid #688fcb;
    text-align: left;
}

.popup_table02 th {
    font-size: 17px;
    padding: 10px 0 10px 13px;
    width: 89px;
    background: #e4ecf8;
    color: #688fcb;
    font-weight: bold;
    border-bottom: 1px solid #c4d3e2;
    text-align: left;
}

.popup_table02 td {
    font-size: 15px;
    padding: 10px 0 10px 15px;
    width: 166px;
    border-bottom: 1px solid #d9e2e7;
}

.popup_table02 td.width {
    padding: 10px 0 10px 15px;
    width: 450px;
    border-bottom: 1px solid #d9e2e7;
}

/* KM-FF-02-01 미션비젼 */
@-webkit-keyframes arrow {
    0%,100% {
        top: 10px;
    }

    50% {
        top: 30px;
    }
}

@keyframes arrow {
    0%,100% {
        top: 10px;
    }

    50% {
        top: 30px;
    }
}

@media (max-width: 960px) {
    .sky_bg .inner {
        width:100%;
    }
}

.sky_bg.vision {
    background: url('../images/sub/sky_bg1.jpg') no-repeat top center,url('../images/sub/sky_bg2.jpg') no-repeat center 1000px,url('../images/sub/sky_bg3.jpg') no-repeat center 2000px,url('../images/sub/sky_bg4.jpg') no-repeat center 3000px, url('../images/sub/sky_bg5.jpg') no-repeat center 4000px;
    background-color: #030305;
    height: 100%;
    display: grid;
    position: relative;
}

.sky_bg.vision > .section, .sky_bg.vision > .section > .fp-tableCell {
	height: 660px;
}

.sky_bg .scroll {
    position: relative;
    font-size: 1.3em;
    margin-top: 20px;
    display: inline-block;
    height: 100px;
    width: 100px;
}

.sky_bg .scroll:hover {
    text-decoration: none;
}

.sky_bg .scroll:after {
    content: '▼';
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    top: 10px;
    right: 0;
    left: 0;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
    color: #fff;
}

/* .sky_bg .scroll:after { content:''; width:40px; height:40px; position:absolute;margin:auto; top:10px; right:0;left:0; -webkit-animation:3s arrow infinite ease; animation:3s arrow infinite ease; } */
/* .sky_bg .scroll:after { border-right:2px solid #FFF; border-bottom:2px solid #FFF; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}  */
.sky_bg .overview * {
    vertical-align: middle;
    text-align: center;
}

.sky_bg .overview h3 {
    font-size: 60px;
    margin-top: 10vh;
}

.sky_bg .overview h3 em {
    font-size: 70px;
    color: #fff;
}

.sky_bg .overview p.txt1 {
    font-size: 25px;
    margin-top: 3vh;
    margin-bottom: 10vh;
}

.sky_bg .overview .tagwrap .tag {
    background: #f9bd00;
    color: #333;
    padding: 5px 20px;
    border-radius: 30px;
}

.sky_bg .overview .tagwrap p.txt2 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.sky_bg .mission .box_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.sky_bg .mission .box_wrap > div {
    float: left;
    width: calc(50% - 10px);
    padding: 4vh;
    min-height: 35vh;
}

.sky_bg .mission .box_wrap > .l {
    background: #0982d2;
    position: relative;
}

.sky_bg .mission .box_wrap > .l:after {
    position: absolute;
    content: "";
    bottom: 20px;
    right: 20px;
    width: 127.5px;
    height: 127.5px;
    background: url('../images/common/sprite256.png') no-repeat -68px -522px;
    background-size: 1000px;
    text-indent: -999em;
}

.sky_bg .mission .box_wrap > .r {
    background: #0982d2;
    float: right;
    position: relative;
}

.sky_bg .mission .box_wrap > .r:after {
    position: absolute;
    content: "";
    bottom: 30px;
    right: 30px;
    width: 81.5px;
    height: 100.5px;
    background: url('../images/common/sprite256.png') no-repeat -208px -527.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.sky_bg .mission .box_wrap > div strong {
    font-size: 35px;
}

.sky_bg .mission .finger_wrap {
    background: #0982d2 url('../images/sub/sky_finger_wrap.png') no-repeat center center;
    background-size: 100% auto;
    margin-top: 20px;
}

.sky_bg .mission .finger_wrap:after {
    content: "";
    display: block;
    clear: both;
    padding: 2vh;
}

.sky_bg .mission .finger_wrap .box {
    float: right;
    background: url('../images/sub/sky_finger_alpha.png');
    padding: 4vh 3vh;
    margin: 3vh 3vh 0 0;
}

.sky_bg .mission .finger_wrap .box .tit {
    display: block;
    font-size: 35px;
    margin-bottom: 2vh;
}

.sky_bg .strategy1 .circle {
    background: url('../images/sub/sky_circle.png') no-repeat center center;
    width: 633px;
    height: 630px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    padding-top: 10vh;
}

.sky_bg .strategy1 .circle strong {
    font-size: 90px;
    display: block;
    margin-top: 50px;
}

.sky_bg .strategy1 .circle p {
    font-size: 30px;
    margin-bottom: 4vh;
}

.sky_bg .years_later {
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}

.sky_bg .years_later li {
    margin-bottom: 10px;
}

.sky_bg .years_later .map {
    position: absolute;
    right: -250px;
    top: 0;
    width: 614px;
    height: 1042px;
    background: url('../images/sub/sky_map.png') no-repeat right center;
}

.sky_bg .years_later .tit {
    position: relative;
}

.sky_bg .years_later .tit:after {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #fff;
    content: "";
    bottom: 15px;
    left: 0;
}

.sky_bg .years_later .tit strong {
    font-size: 35px;
}

.sky_bg .years_later .row:after {
    content: "";
    clear: both;
    display: block;
}

.sky_bg .years_later .row .l {
    width: 80px;
    float: left;
}

.sky_bg .years_later .row .l em {
    display: block;
    text-align: center;
    padding: 0;
    text-shadow: none;
}

.sky_bg .years_later .row .r {
    width: calc(100% - 80px);
    float: left;
    padding-left: 20px;
}

.sky_bg .years_later .row .r p {
    letter-spacing: -1px;
    margin-bottom: 3px;
}

.sky_bg .years_later .row .r .d1 {
    padding-left: 12px;
    position: relative;
}

.sky_bg .years_later .row .r .d1:before {
    position: absolute;
    left: 0;
    top: 7px;
    content: "";
    width: 5.5px;
    height: 6.5px;
    background: url('../images/common/sprite256.png') no-repeat -550px -419.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.sky_bg .years_later .row .r .d2 {
    padding-left: 30px;
    text-indent: -10px;
}

.sky_bg .years_later .row .r .d2:before {
    content: "- ";
    color: #fff;
}

.sky_bg .years_later .w {
    /*color:#0083c5;*/
    color: #000;
    background: #fff;
}

.sky_bg .years_later .b {
    color: #fff;
    background: #1647b5;
}

.sky_bg .years_later p {
    font-size: 15px;
}

.sky_bg .slogan .frame {
    width: 950px;
    height: 220px;
    background: url('../images/sub/sky_slogan.png') no-repeat center center;
    text-align: center;
    padding-top: 80px;
    margin: 0 auto;
}

.sky_bg .slogan .frame .tit1 {
    margin-top: -90px;
    font-size: 40px;
}

.sky_bg .slogan .frame .tit2 {
    margin-bottom: -90px;
    font-size: 40px;
}

.sky_bg .slogan .frame p {
    margin: 36px 0;
}

.quick_btn {
    display: block;
    position: fixed;
    right: 50%;
    bottom: 200px;
    margin-right: -680px;
    width: 77.5px;
    height: 64px;
    background: url('../images/common/sprite256.png') no-repeat -303.5px -550px;
    background-size: 1000px;
    text-indent: -999em;
    z-index: 10;
    background-color: rgba(0,0,0,0.7);
    border-radius: 10px;
}

.sky_bg .section .fp-tableCell {
    position: relative;
}

.sky_bg .section .inner {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.sky_bg .section .inner * {
    text-shadow: #000 1px 1px 1px;
}

#fp-nav ul li a span, #menu-line, .fp-slidesNav ul li a span {
    background: #fff;
}

@media only screen and (max-width: 768px) {
	.sky_bg.vision > .section.overview, .sky_bg.vision > .section.overview > .fp-tableCell {
		height: 480px;
	}

        .sky_bg.vision > .section.misson, .sky_bg.vision > .section.misson > .fp-tableCell {
                height: 980px;
        }

	.sky_bg.vision > .section.strategy1, .sky_bg.vision > .section.strategy1 > .fp-tableCell {
		height: 450px;
	}
	
	.sky_bg.vision > .section.strategy2, .sky_bg.vision > .section.strategy2 > .fp-tableCell {
		height: 850px;
	}
	
	.sky_bg.vision > .section.strategy3, .sky_bg.vision > .section.strategy3 > .fp-tableCell {
		height: 1000px;
	}
	
	.sky_bg.vision > .section.strategy4, .sky_bg.vision > .section.strategy4 > .fp-tableCell {
		height: 1000px;
	}
	
	.sky_bg.vision > .section.strategy5, .sky_bg.vision > .section.strategy5 > .fp-tableCell {
		height: 850px;
	}
	
	.sky_bg.vision > .section.slogan, .sky_bg.vision > .section.slogan > .fp-tableCell {
		height: 650px;
	}
}


/* 연혁 */
.sky_bg.story {
    background: url('../images/sub/story_bg1.jpg') no-repeat top center,url('../images/sub/story_bg2.jpg') no-repeat center 1000px,url('../images/sub/story_bg3.jpg') no-repeat center 2000px,url('../images/sub/story_bg4.jpg') no-repeat center 3000px, url('../images/sub/story_bg5.jpg') no-repeat center 4000px, url('../images/sub/story_bg6.jpg') no-repeat center 5000px, url('../images/sub/story_bg7.jpg') no-repeat center 6000px, url('../images/sub/story_bg8.jpg') no-repeat center 7000px, url('../images/sub/story_bg9.jpg') no-repeat center 8000px, url('../images/sub/story_bg10.jpg') no-repeat center 9000px, url('../images/sub/story_bg11.jpg') no-repeat center 10000px, url('../images/sub/story_bg12.jpg') no-repeat center 11000px, url('../images/sub/story_bg13.jpg') no-repeat center 12000px;
    background-color: #091a24;
}

.sky_bg.story .swiper-container {
    position: relative;
    padding-bottom: 115px;
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
}

.sky_bg.story .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sky_bg.story .swiper-wrapper {
    height: 60%;
    margin-top: 150px;
}

.sky_bg.story .swiper-slide {
    height: 60%;
}

.story .swiper-slide * {
    color: #fff;
    font-size: 18px;
}

.story .swiper-slide h2, .story .swiper-slide h2 * {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.story .swiper-slide h2 em.c1 {
    color: #f9be00;
}

.story .swiper-slide h2 em.c2 {
    color: #0050d8;
}

.story .swiper-slide h2 em.c3 {
    color: #0fda97;
}

.story .swiper-slide .wrap {
    position: relative;
    text-align: left;
    padding-left: 90px;
}

.story .swiper-slide.s3 .wrap {
    padding-left: 110px;
}

.story .swiper-slide .wrap * {
    text-align: left;
}

.story .swiper-slide .wrap .bg1 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/sub/sp_story.png') no-repeat -113px -8px;
    width: 71px;
    height: 79px;
}

.story .swiper-slide .wrap .bg2 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/sub/sp_story.png') no-repeat -19px 0px;
    width: 58px;
    height: 97px;
}

.story .swiper-slide .wrap .bg3 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/sub/sp_story.png') no-repeat -208px 0px;
    width: 97px;
    height: 98px;
}

.story .swiper-slide {
    opacity: 0.3;
}

.story .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.story .swiper-slide.s1 {
    padding-top: 60px;
    ;}

.story .swiper-slide.s2 {
    padding-top: 200px;
    ;}

.story .swiper-slide.s3 {
    padding-bottom: 60px;
    ;}

.story .intro_bot p {
    color: #fff;
    font-size: 20px;
}

.story .intro_bot p.type2 {
    color: #fff;
    font-size: 30px;
}

.story .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 52px;
    height: 52px;
    text-indent: -999em;
    margin: 0 15px;
    position: relative;
}

.story .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1) {
    background: url('../images/sub/sp_story.png') no-repeat -168px -135px;
}

.story .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) {
    background: url('../images/sub/sp_story.png') no-repeat -22px -135px;
}

.story .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3) {
    background: url('../images/sub/sp_story.png') no-repeat -97px -135px;
}

.toggle_bg .bg1 {
    background: url('../images/sub/sp_story.png') no-repeat -347px -26px;
    width: 13px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 33px;
    margin-left: -48px;
}

.toggle_bg .bg2 {
    background: url('../images/sub/sp_story.png') no-repeat -347px -26px;
    width: 13px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 33px;
    margin-left: 35px;
}

.story .section .circle_bg {
    background: url('../images/sub/sp_story.png') no-repeat -5px -228px;
    width: 85px;
    height: 85px;
    position: absolute;
    left: 50%;
    top: -150px;
    margin-left: -42px;
}

.story .section .circle_bg .line {
    position: relative;
}

.story .section .circle_bg .line span {
    position: absolute;
    top: -450px;
    left: 42px;
    width: 1px;
    height: 450px;
    border-left: 1px solid #fff;
}

.story .section11 .circle_bg .line span {
    left: 0;
}

.story .section1 .circle_bg .line span {
    height: 200px;
    top: -200px;
}

.story .section2 .circle_bg {
    background-position: -99px -228px;
}

.story .section3 .circle_bg {
    background-position: -200px -228px;
}

.story .section4 .circle_bg {
    background-position: -296px -228px;
}

.story .section5 .circle_bg {
    background-position: -395px -228px;
}

.story .section6 .circle_bg {
    background-position: -495px -228px;
}

.story .section7 .circle_bg {
    background-position: -593px -228px;
}

.story .section8 .circle_bg {
    background-position: -693px -228px;
}

.story .section9 .circle_bg {
    background-position: -793px -228px;
}

.story .section10 .circle_bg {
    background-position: -5px -330px;
}

.story .section11 .circle_bg {
    background-position: -102px -330px;
}

.story .section11 .copy {
    text-align: center;
}

.story .section11 h2 {
    display: block;
    margin: 0 auto;
    text-indent: -999em;
    width: 414px;
    height: 167px;
    max-width: 80%;
}

.story .section11 h2 img {
    max-width: 100%;
    display: block;
}

.story .section11 .slobox {
    padding: 20px 60px;
    border: 1px solid #fff;
    display: inline-block;
    margin-top: 60px;
}

.story .section11 .slobox p {
    color: #fff;
    font-size: 25px;
}

.story .section11 .slobox p.type2 {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}

.story .section .copy {
    position: relative;
}

.story .section .copy:after {
    content: "";
    display: block;
    clear: both;
}

.story .section .copy .l {
    float: left;
    width: 50%;
    padding-right: 30px;
}

.story .section .copy .r {
    float: right;
    width: 50%;
    padding-left: 30px;
}

.story .section .box:after {
    content: "";
    display: block;
    clear: both;
}

.story .section .l .box {
    display: inline-block;
    float: right;
}

.story .section .r .box {
    display: inline-block;
    float: left;
    padding-top: 55px;
}

.story .section .r .box.pdt {
    padding-top: 105px;
}

.story .section .box h3 {
    font-size: 35px;
}

.story .section .box p {
    font-size: 20px;
}

.story .section .r .box p {
    font-size: 18px;
    position: relative;
    margin-bottom: 5px;
}

.story .section .r .box p:after {
    content: "";
    display: block;
    clear: both;
}

.story .section .r .box p.doublegap {
    padding-top: 53px;
}

.story .section .r .box p em {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 18px;
}

.story .section .r .box p span {
    padding-left: 70px;
    display: inline-block;
    text-indent: -15px;
}

.story .section .r .box p span:before {
    content: "/ ";
    padding-right: 5px;
}

.story .section .r .box p span.noslash:before {
    content: "";
    padding-right: 15px;
}

.story .section .r .box p span.impt {
    font-weight: bold;
}

.story .section .r .box p .blank {
    padding-left: 60px;
}

.story .section .l .box .morebtn {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 10px 100px 10px 20px;
    display: inline-block;
    border: 1px solid #fff;
    margin-top: 15px;
    position: relative;
}

.story .section .l .box .morebtn:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 13px;
    background: url('../images/sub/sp_story.png') no-repeat -372px -19px;
    z-index: 1;
    display: block;
    top: 11px;
    right: 20px;
}

.overview {
    position: relative;
}

.star_wrap {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
}

.star_wrap .star_wrap_sub {
    min-height: 900px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

@keyframes rollingStar {
    0% {
        transform: rotate(0deg);
        opacity: .1;
    }

    50% {
        transform: rotate(180deg);
        opacity: .6;
    }

    100% {
        transform: rotate(360deg);
        opacity: .1;
    }
}

.rollingstar {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
}

.rollingstar > * {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: 50% 50%;
    background-image: radial-gradient(2px 2px at 40px 60px, #ccc, rgba(0,0,0,0)), radial-gradient(2px 2px at 20px 50px, #ddd, rgba(0,0,0,0)), radial-gradient(2px 2px at 30px 100px, #eee, rgba(0,0,0,0)), radial-gradient(2px 2px at 40px 60px, #fff, rgba(0,0,0,0)), radial-gradient(2px 2px at 110px 90px, #ccc, rgba(0,0,0,0)), radial-gradient(2px 2px at 190px 150px, #ddd, rgba(0,0,0,0));
    background-repeat: repeat;
    background-size: 200px 200px;
}

.rollingstar > *:nth-child(1) {
    animation: rollingStar 84s linear infinite;
}

.rollingstar > *:nth-child(2) {
    animation: rollingStar 112s linear infinite;
}

.rollingstar > *:nth-child(3) {
    animation: rollingStar 120s linear infinite;
}

.rollingstar > *:nth-child(4) {
    animation: rollingStar 132s linear infinite;
}

#canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#stroy_menu {
    display: none;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

#stroy_menu li {
    position: relative;
    padding: 12px 0;
    text-align: center;
}

#stroy_menu li a {
    display: block;
    position: relative;
    padding: 0;
    width: 10px;
    height: 10px;
    color: #fff;
}

#stroy_menu li a:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #9faabe;
    border-radius: 50%;
}

#stroy_menu li a span {
    text-shadow: #000 1px 1px 1px;
    position: absolute;
    top: 5px;
    right: 30px;
    width: 200px;
    text-align: right;
    color: rgba(255,255,255,1);
    font-size: 15px;
    transform: translateY(-50%);
}

#stroy_menu li.active span {
    color: #fff;
}

#stroy_menu li.active a:before {
    width: 31px;
    height: 31px;
    background: url(../images/sub/sp_story.png) no-repeat -405px -221px;
    background-size: 500px;
}

#stroy_menu li:nth-child(1).active a:before {
    background-position: -8.5px -221px;
}

#stroy_menu li:nth-child(2).active a:before {
    background-position: -44.5px -221px;
}

#stroy_menu li:nth-child(3).active a:before {
    background-position: -117px -221px;
}

#stroy_menu li:nth-child(4).active a:before {
    background-position: -153px -221px;
}

#stroy_menu li:nth-child(5).active a:before {
    background-position: -225px -221px;
}

#stroy_menu li:nth-child(6).active a:before {
    background-position: -261.5px -221px;
}

#stroy_menu li:nth-child(7).active a:before {
    background-position: -297.5px -221px;
}

#stroy_menu li:nth-child(8).active a:before {
    background-position: -333.5px -221px;
}

#stroy_menu li:nth-child(9).active a:before {
    background-position: -369.5px -221px;
}

.play_wrap {
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 50%;
    margin-right: -540px;
    z-index: 20;
}

.play_wrap a {
    color: #fff;
    display: inline-block;
    width: 34px;
    height: 34px;
}

.play_wrap a span {
    text-indent: -999em;
}

.play_wrap a.swiper-button-pause {
    width: 13px;
    height: 14px;
    background: url('../images/sub/sp_story.png') no-repeat -372px -37px;
    background-size: 1000px;
}

.play_wrap a.swiper-button-play {
    width: 13px;
    height: 14px;
    background: url('../images/sub/sp_story.png') no-repeat -393px -37px;
    background-size: 1000px;
}

.play_wrap .num,.play_wrap .num * {
    color: #fff;
    letter-spacing: -0.5px;
    font-size: 16px;
}

.play_wrap .num {
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

/* (KM-GG-01-04) 기상청시설보기 visit-kma_preview_01 */
.select_office {
    background: #ececec;
    padding: 20px 40px;
}

.select_office .l {
    width: 260px;
    padding-top: 8px;
}

.select_office .l em {
    font-size: 20px;
}

.select_office .r {
    width: calc(100% - 260px);
    background: #fff;
    text-align: center;
    position: relative;
}

.select_office .r > a {
    display: block;
    padding: 13px;
    border: 1px solid #dedede;
}

.select_office .r ul {
    display: none;
    border: 1px solid #dedede;
    position: absolute;
    top: 44px;
    width: 100%;
    background: #fff;
    z-index: 10;
}

.select_office .r ul li {
    border-top: 1px dashed #dedede;
}

.select_office .r ul li:hover {
    background: #efefef;
}

.select_office .r ul li:hover a {
    color: #0153a9;
}

.select_office .r ul li:first-child {
    border-top: none;
}

.select_office .r ul li a {
    display: block;
    padding: 10px;
    font-size: 15px;
}

.visit_tit {
    font-size: 19px;
    margin-top: 60px;
    position: relative;
    padding-left: 15px;
    line-height: 28px;
    margin-bottom: 5px;
}

.visit_tit:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: url(../images/common/sprite256.png) no-repeat -580px -592.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.visit_tit2 {
    margin-top: 20px;
    position: relative;
    padding-left: 15px;
    line-height: 28px;
    margin-bottom: 5px;
}

.visit_tit2 span {
    font-weight: normal;
}

.visit_tit2:before {
    display: block;
    content: "";
    position: absolute;
    left: 2px;
    top: 11px;
    width: 3px;
    height: 3px;
    background: url(../images/common/sprite256.png) no-repeat -413px -977px;
    background-size: 1000px;
    text-indent: -999em;
}

.visit_con {
    line-height: 1.7em;
}

.visit_pic {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.visit_pic img {
    display: block;
    max-width: 100%;
}

.visit_pic:after {
    clear: both;
    content: "";
    display: block;
}

.visit_pic .pic {
    position: relative;
    margin-left: 20px;
    display: inline-block;
}

.visit_pic .pic:hover > p {
    opacity: 0.3;
}

.visit_pic .pic:first-child {
    margin-left: 0;
}

.visit_pic .pic p {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('../images/sub/visit_pic_bg.png');
    color: #fff;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-size: 13px;
}

.visit_opt ul {
    display: table;
    border-collapse: separate;
    border-spacing: 20px 10px;
    /* width:calc(100% + 60px);margin-left:-20px; 양쪽 바깥 라인 맞추기 */
}

.visit_opt ul:after {
    clear: both;
    content: "";
    display: block;
}

.visit_opt li {
    display: table-cell;
    width: 50%;
    border: 1px solid #ececec;
    padding: 20px;
    padding-left: 150px;
    vertical-align: middle;
}

.visit_opt2 li {
    padding: 30px 20px;
    padding-left: 150px;
}

.visit_opt1 li:nth-child(1) {
    background: url('../images/sub/visit2_1.png') no-repeat 30px 50px;
}

.visit_opt1 li:nth-child(2) {
    background: url('../images/sub/visit2_2.png') no-repeat 30px 50px;
}

.visit_opt2 li:nth-child(1) {
    background: url('../images/sub/visit2_3.png') no-repeat 30px 50px;
}

.visit_opt2 li:nth-child(2) {
    background: url('../images/sub/visit2_4.png') no-repeat 30px 50px;
}

.visit2_tools {
    margin-top: 30px;
}

.visit2_tools ol li {
    margin-top: 20px;
}

.visit2_tools ol li:after {
    content: "";
    clear: both;
    display: block;
}

.visit2_tools ol li .l {
    width: calc(100% - 260px);
}

.visit2_tools ol li .l em {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.visit2_tools ol li .r {
    width: 216px;
}

.ntnl_ctr .l {
    width: calc(100% - 420px)
}

.ntnl_ctr .r {
    width: 382px;
}

/* 박물관&과학관 */
.museum-grid {
    display: grid;
    grid-template-columns: 1fr 360px 360px;
    grid-template-rows: repeat(3, 1fr);
    gap: 14px;
    width: 100%;
    margin: 0 auto 200px;
    padding: 4px;
}

.museum-grid a:focus {
	outline: 2px dashed #000;
}

.museum-main {
    grid-row: 1 / span 3;
    grid-column: 1 / 2;
    border-radius: 15px;
    border: 1px solid #B4B4B4;
    padding: 32px 24px;
    font-size: 22px;
    font-weight: 800;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    color: #000;
    padding: 27px;
    background: url(../images/sub/museum1.png) center top no-repeat;
    background-size: cover;
    line-height: 1.5;
    height: 702px;
}

.museum-main span {
    padding-top: 70px;
}

.museum-item {
    background: #fff;
    border-radius: 15px;
    padding: 24px 16px;
    font-size: 22px;
    font-weight: 800;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #B4B4B4;
    color: #000;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.museum-grid span.sub {
    font-size: 18px;
    font-weight: 400;
    padding-top: 10px;
    display: block;
}

.museum-main span:last-child,
.museum-item span:last-child {
    display: none
}


/* 각 아이템 위치 지정 */
.museum-item:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    background: url(../images/sub/museum2.png) center top;
}

.museum-item:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
    background: url(../images/sub/museum3.png) center top;
}

.museum-item:nth-child(4) {
    grid-row: 2;
    grid-column: 2;
    background: url(../images/sub/museum4.png) center top;
}

.museum-item:nth-child(5) {
    grid-row: 2;
    grid-column: 3;
    background: url(../images/sub/museum5.png) center top;
}

.museum-item:nth-child(6) {
    grid-row: 3;
    grid-column: 2;
    background: url(../images/sub/museum6.png) center top;
}

.museum-item:nth-child(7) {
    grid-row: 3;
    grid-column: 3;
    background: url(../images/sub/museum7.png) center top;
}

/* 공공데이터개방안내 public_data_open */
.data_open_list ul:after {
    content: "";
    clear: both;
    display: block;
}

.data_open_list ul li {
    float: left;
    width: calc((100% - 48px) / 3);
    margin-right: 24px;
}

.data_open_list ul li:last-child {
    margin-right: 0;
}

.data_open_list ul li .img {
    width: 100%;
    height: 110px;
    text-align: center;
    background-size: cover;
}

.data_open_list ul li .img a {
    display: block;
    height: 110px;
    padding-top: 40px;
}

.data_open_list ul li .img a:focus, .data_open_list ul li .bot a:focus {
    outline: 2px dashed #000;
}

.data_open_list ul li .img em {
    text-align: center;
    color: #fff;
    font-size: 28px;
}

.data_open_list ul li:nth-child(1) .img {
    background-image: url('../images/sub/data_open_list1.png');
}

.data_open_list ul li:nth-child(2) .img {
    background-image: url('../images/sub/data_open_list2.png');
}

.data_open_list ul li:nth-child(3) .img {
    background-image: url('../images/sub/data_open_list3.png');
}

.data_open_list ul li .bot {
    margin-top: 20px;
    padding: 0 10px;
}

.data_open_list ul li .bot a {
    display: block;
}

.data_open_list ul li .bot a:after {
    content: "";
    clear: both;
    display: block;
}

.data_open_list ul li .bot span {
    font-size: 19px;
    line-height: 1.4em;
}

.data_open_list ul li .bot .ll {
    width: calc(100% - 40px);
}

.data_open_list ul li .bot .rr {
    width: 40px;
    height: 52px;
    position: relative;
}

.data_open_list ul li .bot .rr:after {
    width: 29.5px;
    height: 23.5px;
    content: "";
    background: url('../images/common/sprite256.png') no-repeat -690.5px -553px;
    background-size: 1000px;
    text-indent: -999em;
    position: absolute;
    top: 7px;
    right: 0;
}

.data_open_list ul li .bot .arr:after {
    width: 18px;
    height: 30.5px;
    content: "";
    background: url('../images/common/sprite256.png') no-repeat -67px -1050.5px;
    background-size: 1000px;
    text-indent: -999em;
    position: absolute;
    top: 7px;
    right: 0;
}

/* 청장 차장 대장 director-generation */
.jangtab {
    width: 600px;
    margin: 0 auto;
}

.jang_wrap:after {
    clear: both;
    content: "";
    display: block;
}

.jang {
    border-top: 3px solid #0153a9;
}

.jang ul li {
    padding: 38px 45px;
    border-bottom: 1px solid #e6e6e6;
}

.jang ul li:after {
    content: "";
    clear: both;
    display: block;
}

.jang ul li .ll {
    width: 110px;
    height: 130px;
}

.jang ul li .ll img {
    max-width: 100%;
    display: block;
}

.jang ul li .rr {
    width: calc(100% - 110px);
    padding-left: 30px;
    padding-top: 15px;
}

.jang ul li .rr p {
    margin-top: 15px;
}

.jang ul li .rr em * {
    display: inline-block;
    vertical-align: middle;
}

.jang ul li .rr em span {
    color: #004080;
    font-size: 20px;
}

.jang.ver2 ul li .rr em span {
    color: #0153a9;
}

.jang ul li .rr em .level {
    color: #0153a9;
    font-size: 15px;
    padding: 1px 9px 0;
    border: 1px solid #0153a9;
    border-radius: 14px;
    margin-left: 7px;
}

.jang.l {
    width: calc(50% - 15px);
}

.jang.r {
    width: calc(50% - 15px);
}

/* 차장소개 director-career_2 */
.jang_intro:after {
    content: "";
    clear: both;
    display: block;
}

.jang_intro > .l {
    position: relative;
    width: 340px;
}

.jang_intro > .l > img {
    max-width: 100%;
}

.jang_intro > .r {
    width: calc(100% - 550px);
}

.jang_intro .profile {
    position: absolute;
    right: -50px;
    bottom: -145px;
    padding: 7px;
    background: #2a67a8;
    background-image: linear-gradient(to right, #2d7cb4 , #2a67a8);
}

.jang_intro .profile .inner {
    background: #fff;
    padding: 25px 20px 25px 50px;
    text-align: right;
}

.jang_intro .profile .inner:after {
    content: "";
    left: 15px;
    height: 2px;
    background: #2a68a9;
    position: absolute;
    top: 73px;
    right: 15px;
}

.jang_intro .profile .inner * {
    color: #28559f;
    font-size: 23px;
}

.jang_intro .profile .inner .year {
    font-size: 20px;
    margin-top: 30px;
}

.jang_intro .r h4 {
    color: #006060;
    font-size: 25px;
    margin-bottom: 20px;
}

.jang_intro .r .devide {
    height: 1px;
    border-bottom: 1px solid #e4e4e4;
    margin: 60px 0;
}

/* 차장소개 director-career_1 */
.jang_hi:after {
    content: "";
    clear: both;
    display: block;
}

.jang_hi .l {
    width: calc(100% - 475px);
    padding-right: 70px;
}

.jang_hi .r {
    width: 475px;
    text-align: center;
    margin-top: 170px;
}

.jang_hi .r img {
    max-width: 100%;
}

.jang_hi .l > em.pc {
    display: inline-block;
    width: 574.5px;
    height: 30px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -17px -274px;
    background-size: 1000px;
    text-indent: -999em;
}

.jang_hi .l > em.mobile img {
    max-width: 100%;
    width: 410px;
}

.jang_hi .l > p {
    margin-top: 40px;
}

.jang_hi .l > p > em {
    color: #006b99;
    border-bottom: 1px solid #006b99;
}

/* 국민행복제안 menu2 > epeople-proposal01 */
.proposal_process {
    padding: 15px 10px;
}

.proposal_process:after {
    content: "";
    clear: both;
    display: block;
}

.proposal_process li {
    float: left;
    position: relative;
    width: 115px;
    height: 115px;
    padding-top: 22px;
    text-align: center;
    color: #fff;
    background: #00babd;
    border-radius: 60px;
    margin-right: 66px;
}

.proposal_process li:after {
    content: "";
    position: absolute;
    right: -62px;
    top: 40px;
    width: 55px;
    height: 40px;
    background: url('../images/common/sprite2.png') no-repeat -233px -10px;
    background-size: 1000px;
}

.proposal_process li:nth-child(1) {
    background: #eee;
    color: #000;
}

.proposal_process li:nth-child(2) {
    background: #005090;
}

.proposal_process li:nth-child(3) {
    background: #004080;
}

.proposal_process li:nth-child(4) {
    background: #003070;
}

.proposal_process li:nth-child(5) {
    background: #002060;
}

.proposal_process li:nth-child(6) {
    background: #00264c;
    margin-right: 0;
}

.proposal_process li:nth-child(6):after {
    content: none;
}

/* 청렴옴부즈만 menu2 > epeople-ombudsman */
.ombudsman_process1 {
    padding: 15px 20px;
}

.ombudsman_process1:after {
    content: "";
    clear: both;
    display: block;
}

.ombudsman_process1 li {
    float: left;
    position: relative;
    width: 135px;
    text-align: center;
    margin-right: 80px;
}

.ombudsman_process1 li:after {
    content: "";
    position: absolute;
    right: -60px;
    top: 40px;
    width: 55px;
    height: 40px;
    background: url('../images/common/sprite2.png') no-repeat -233px -10px;
    background-size: 1000px;
}

.ombudsman_process1 li:last-child {
    margin-right: 0;
}

.ombudsman_process1 li:last-child:after {
    content: none;
}

.ombudsman_process1 li .circle {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 115px;
    line-height: 115px;
    text-align: center;
    background: #00babd;
    border-radius: 60px;
}

.ombudsman_process1 li p {
    margin-top: 10px;
}

.ombudsman_process1 li:nth-child(1) .circle {
    background: #00babd;
}

.ombudsman_process1 li:nth-child(2) .circle {
    background: #004080;
}

.ombudsman_process1 li:nth-child(3) .circle {
    background: #00588B;
}

.ombudsman_process1 li:nth-child(4) .circle {
    background: #0053a8;
}

.ombudsman_process1 li:nth-child(5) .circle {
    background: #003a75;
}

.ombudsman_process1 li:nth-child(1) .img {
    width: 40.5px;
    height: 43.5px;
    background: url('../images/common/sprite2.png') no-repeat -399px -10.5px;
}

.ombudsman_process1 li:nth-child(2) .img {
    width: 46.5px;
    height: 42.5px;
    background: url('../images/common/sprite2.png') no-repeat -461px -13.5px;
}

.ombudsman_process1 li:nth-child(3) .img {
    width: 50.5px;
    height: 53.5px;
    background: url('../images/common/sprite2.png') no-repeat -524px -8px;
}

.ombudsman_process1 li:nth-child(4) .img {
    width: 43.5px;
    height: 53.5px;
    background: url('../images/common/sprite2.png') no-repeat -592px -8px;
}

.ombudsman_process1 li:nth-child(5) .img {
    width: 56.5px;
    height: 39.5px;
    background: url('../images/common/sprite2.png') no-repeat -650.5px -15px;
}

.ombudsman_process1 li .img {
    display: inline-block;
    background-size: 1000px !important;
    vertical-align: middle;
}

.ombudsman_process2 {
    padding: 0 25px;
}

.ombudsman_process2 ul li {
    margin-bottom: 30px;
}

.ombudsman_process2 ul li > * {
    float: left;
    position: relative;
}

.ombudsman_process2 ul li:after {
    content: "";
    clear: both;
    display: block;
}

.ombudsman_process2 ul li .p1 {
    display: inline-block;
    width: 200px;
    height: 80px;
    line-height: 80px;
    /*background:#699abb;*/
    background: #205172;
    border-radius: 7px;
    color: #fff;
    font-size: 23px;
    text-align: center;
    margin-top: 10px;
    margin-right: 110px;
    position: relative;
}

.ombudsman_process2 ul li .p2 {
    background: url('../images/common/stripe.png');
    width: 432px;
    height: 100px;
    padding: 20px;
    text-align: center;
    margin-right: 110px;
}

.ombudsman_process2 ul li .p2:after {
    content: "";
    position: absolute;
    left: -70px;
    top: 40px;
    width: 28.5px;
    height: 22px;
    background: url('../images/common/sprite2.png') no-repeat -192px -19px;
    background-size: 1000px;
}

.ombudsman_process2 ul li .p2 .top {
    color: #004080;
    font-size: 20px;
    margin-bottom: 5px;
}

.ombudsman_process2 ul li .p3 {
    display: inline-block;
    width: 200px;
    height: 80px;
    line-height: 80px;
    /*background:#699abb;*/
    background: #205172;
    border-radius: 50px;
    color: #fff;
    font-size: 23px;
    text-align: center;
    margin-top: 10px;
}

.ombudsman_process2 ul li .p3:after {
    content: "";
    position: absolute;
    left: -70px;
    top: 30px;
    width: 28.5px;
    height: 22px;
    background: url('../images/common/sprite2.png') no-repeat -192px -19px;
    background-size: 1000px;
}

.ombudsman_process2 ul li.tip {
    text-align: center;
}

.ombudsman_process2 ul li.tip p {
    float: none;
    font-size: 18px;
    color: #004080;
    display: inline-block;
    border-bottom: 1px solid #004080;
    line-height: 20px;
    width: auto;
}

.ombudsman_process2 ul li.prcs1 .p1 {
    background: #555;
}

.ombudsman_process2 ul li.prcs2 .p3 {
    background: #555;
}

.ombudsman_process2 ul li.prcs3 .p3 {
    /*background:#ba631c;*/
    background: #804000;
}

.ombudsman_process2 ul li.prcs4 .p3 {
    background: #555;
}

/* 오시는길 menu6 > location-map */
.devide_line {
    border-top: 1px solid #e6e6e6;
    margin: 30px 0;
}

.location_map {
    border: 1px solid #e6e6e6;
}

.location_map img {
    display: block;
    width: 100%;
    max-width: 100%;
}

/* 체험학습 안내 menu7 > visit-reservation_info */
.exp_guide ul:after {
    content: "";
    clear: both;
    display: block;
}

.exp_guide ul li {
    float: left;
    width: calc((100% - 81px) / 4);
    margin-right: 27px;
    text-align: center;
}

.exp_guide ul li:last-child {
    margin-right: 0;
}

.exp_guide ul li img {
    max-width: 100%;
}

.exp_guide ul li p {
    margin-top: 5px;
    color: #0153a9;
}

.exp_guide_btn {
    margin-top: 50px;
}

.exp_guide_btn a {
    display: block;
    position: relative;
    background: #F3F4F6;
    text-align: center;
    font-size: 23px;
    height: 80px;
    line-height: 80px;
    color: #000;
}

.exp_guide_btn a .toggle {
    display: inline-block;
    position: relative;
    width: 39px;
    height: 39px;
    background: #fff;
    text-indent: -999em;
    vertical-align: middle;
    border-radius: 50px;
    margin-left: 10px;
}

.exp_guide_btn a .toggle:after {
    position: absolute;
    top: 17px;
    left: 12px;
    width: 16px;
    height: 9.5px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -749px -38.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.exp_guide_btn.on a .toggle:after {
    position: absolute;
    top: 14px;
    left: 12px;
    width: 16px;
    height: 9.5px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -749px -23px;
    background-size: 1000px;
    text-indent: -999em;
}

.exp_guide_btn + .exp_guide_target {
    display: block;
}

.exp_guide_btn.on + .exp_guide_target {
    display: block;
}

/* 체험학습신청 상세 menu7 > visit-reservation_view */
.list_btn_full {
    color: #0153a9;
    font-size: 18px;
    text-align: center;
    display: block;
    height: 65px;
    line-height: 65px;
    border: 1px solid #0153a9;
}

.prev_next_wrap:after {
    content: "";
    clear: both;
    display: block;
}

.prev_next_wrap .arr {
    color: #333;
    font-size: 20px;
    position: relative;
}

.prev_next_wrap .tit {
    font-size: 20px;
}

.prev_next_wrap > div {
    width: 50%;
}

.prev_next_wrap .ll {
    position: relative;
}

.prev_next_wrap .ll:after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 20px;
    border-right: 1px solid #000;
}

.prev_next_wrap .rr {
    text-align: right;
}

.prev_next_wrap .ll > .arr {
    margin-right: 30px;
    padding-left: 25px;
}

.prev_next_wrap .ll > .arr:after {
    position: absolute;
    left: 0;
    top: 1px;
    width: 12px;
    height: 20px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -772.5px -24.5px;
    background-size: 1000px;
}

.prev_next_wrap .rr > .arr {
    margin-left: 30px;
    padding-right: 25px;
}

.prev_next_wrap .rr > .arr:after {
    position: absolute;
    right: 0;
    top: 1px;
    width: 12px;
    height: 20px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -790px -24.5px;
    background-size: 1000px;
}

/* menu5 notify-work_plan1 국정과제 */
.assignment:after {
    content: "";
    clear: both;
    display: block;
}

.assignment > div {
    width: 50%;
}

.assignment > .l {
    background: #0153a9;
    height: 370px;
    padding-top: 110px;
}

.assignment > .l > div {
    display: inline-block;
    width: 100%;
    padding: 0 70px;
}

.assignment > .l div * {
    color: #fff;
}

.assignment > .l div em {
    font-size: 21px;
    border-bottom: 1px solid #fff;
    padding-bottom: 13px;
}

.assignment > .l div p {
    font-size: 30px;
    margin-top: 18px;
}

.assignment > .r {
    text-align: center;
}

.assignment > .r img {
    max-width: 100%;
}

/* menu6 director-conversation-process 청장과의 대화 */
.director_conversation_process:after {
    content: "";
    display: block;
    clear: both;
}

.director_conversation_process ul li {
    float: left;
    width: calc((100% - 290px) / 3);
    position: relative;
    margin-right: 145px;
}

.director_conversation_process ul li:last-child {
    margin-right: 0;
}

.director_conversation_process ul li em {
    display: block;
    font-size: 20px;
    border: 2px solid #006060;
    border-radius: 50px;
    text-align: center;
    padding: 33px 0;
}

.director_conversation_process ul li:nth-child(1) em {
    color: #00babd;
    border-color: #006060;
}

.director_conversation_process ul li:nth-child(2) em {
    color: #004080;
    border-color: #004080;
}

.director_conversation_process ul li:nth-child(3) em {
    color: #00588B;
    border-color: #00588B;
}

.director_conversation_process ul li:nth-child(4) em {
    color: #0053a8;
    border-color: #0053a8;
}

.director_conversation_process ul li.on em {
    color: #fff;
}

.director_conversation_process ul li:nth-child(1).on em {
    background-color: #006060;
}

.director_conversation_process ul li:nth-child(2).on em {
    background-color: #004080;
}

.director_conversation_process ul li:nth-child(3).on em {
    background-color: #00588B;
}

.director_conversation_process ul li:nth-child(4).on em {
    background-color: #0053a8;
}

.director_conversation_process ul li .arr {
    position: absolute;
    top: 40px;
    right: -87px;
    width: 29px;
    height: 22px;
    background: url('../images/common/sprite256.png') no-repeat -616px -516px;
    background-size: 1000px;
    text-indent: -999em;
}

/* menu6 kma_intro 기상청소개 */
.pr_wrap {
    margin-top: 15px;
}

.pr_wrap:after {
    clear: both;
    content: "";
    display: block;
}

.pr_wrap .kma_thumb {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 340px;
    text-indent: -999em;
}

.pr_wrap .l {
    width: 604px;
}

.pr_wrap .r {
    width: 520px;
    height: 340px;
    position: relative;
}

.pr_wrap .r .txt {
    border: 1px solid #ddd;
    height: 220px;
    padding: 20px;
    overflow-y: scroll;
}

.pr_wrap .r .tit {
    font-size: 22px;
    color: #0153a9;
    margin-top: 20px;
    position: relative;
    padding-left: 33px;
}

.pr_wrap .r .tit:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 22px;
    height: 22px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -322.5px -22px;
    background-size: 1000px;
    text-indent: -999em;
}

.pr_wrap .r .box {
    position: absolute;
    left: 0;
    bottom: 0;
}

.mi_wrap1 {
    margin-top: 20px;
}

.mi_wrap1:after {
    content: "";
    display: block;
    clear: both;
}

.mi_wrap1 .l {
    width: 430px;
    height: 260px;
    border: 1px solid #ddd;
    text-align: center;
}

.mi_wrap1 .l .img {
    display: inline-block;
    width: 120px;
    height: 180px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -19px -58px;
    background-size: 1000px;
    text-indent: -999em;
    margin-top: 40px;
}

.mi_wrap1 .r {
    width: 680px;
    height: 260px;
    padding-left: 50px;
    position: relative;
}

.mi_wrap1 .r > ul {
    margin-top: -10px;
}

.mi_wrap1 .r > .btn_large {
    position: absolute;
    left: 50px;
    bottom: 0;
}

.mi_color ul:after {
    clear: both;
    content: "";
    display: block;
}

.mi_color li {
    float: left;
    width: 25%;
}

.mi_color li .color {
    width: 222px;
    height: 90px;
    border-radius: 100px;
    display: block;
    margin: 0 auto;
}

.mi_color li p {
    text-align: center;
    margin-top: 12px;
}

.mi_color li:nth-child(1) .color {
    background: #003664;
}

.mi_color li:nth-child(2) .color {
    background: #e3022c;
}

.mi_color li:nth-child(3) .color {
    background: #575757;
}

.mi_color li:nth-child(4) .color {
    border: 1px solid #ddd;
}

.signiture {
    text-align: center;
    border: 1px solid #ddd;
    height: 250px;
    line-height: 250px;
    margin-top: 20px;
}

.signiture > img {
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
}

.signiture > img:nth-child(1) {
    width: 201px;
}

.signiture > img:nth-child(2) {
    width: 332px;
}

.signiture > img:nth-child(3) {
    width: 155px;
}

.signiture > img:nth-child(4) {
    width: 250px;
}

.pr_sns {border: 1px solid #D9D9D9; display: flex; margin-top: 48px;}
.pr_sns > div {width: 25%; border-right: 1px solid #d9d9d9; padding: 13px 0 18px; position: relative;}
.pr_sns .pr_sns_title {width: 90%; margin: 0 auto 16px;}
.pr_sns .pr_sns_title span {font-size: 16px; color: #191919; font-weight: bold; padding-left: 33px; height: 27px; display: block;}
.pr_sns .pr_sns_title span.youtube {background: url(../images/sub/icon_pr_youtube.png) center left no-repeat;}
.pr_sns .pr_sns_title span.short {background: url(../images/sub/icon_pr_short.png) center left no-repeat;}
.pr_sns .pr_sns_title span.insta {background: url(../images/sub/icon_pr_insta.png) center left no-repeat;}
.pr_sns .pr_sns_title span.blog {background: url(../images/sub/icon_pr_blog.png) center left no-repeat;}
.pr_sns > div:last-child {border-right: 0;}
.pr_sns .swiper {width: 90%; margin: 0 auto; overflow: hidden;}
.pr_sns .swiper-control {margin: 0 auto; display: flex; position: absolute; top: 18px; right: 15px;}
.pr_sns .swiper-pagination {font-size: 13px; color: #8D8D8D; margin-right: 8px; position: relative; bottom: unset; width: auto;}
.pr_sns .swiper-pagination span {font-size: 13px; color: #8D8D8D;}
.pr_sns .swiper-pagination .swiper-pagination-current {color: #0A45B3;}

.pr_sns .swiper-button-next,
.pr_sns .swiper-button-prev {
    background: url(../images/main/photo_news_arrow.png) center no-repeat;
    width: 18px;
    height: 18px;
    margin-top: 0;
    opacity: 1;
    position: relative;
}
.pr_sns .swiper-button-next::after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #B9B9B9;
    position: absolute;
    left: 21px;
}
.pr_sns .swiper-button-next {
    right: unset; left: unset; margin-right: 8px;
}
.pr_sns .swiper-button-prev {
    transform: rotate(180deg);
    left: unset;
    right: unset;
    opacity: 1 !important;
}
.pr_info_box {
    background: #83ACEA;
    margin-top: 18px;
}
.pr_info_box > div {display: flex; width: 90%; margin: 0 auto; justify-content: center;}
.pr_info_box span {font-size: 19px; color: #0A45B3; padding: 21px 28px 21px 0; display: block;}
.pr_info_box > div > div {padding: 15px 0 11px; display: flex; gap: 17px;}
.pr_info_box > div > div a {width: 80px; height: 80px; border-radius: 40px; background-color: #fff; display: block; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.pr_info_box > div > div a::after {display: block; content: ""; width: 21px; height: 18px; margin-top: 7px; background: url(../images/sub/icon_gallery_down.png) center no-repeat;}


/* 청장인사말 */
.chief_greeting02 {
    display: flex;
    justify-content: center;
}

.chief_greeting02 > div:nth-child(2) {
    padding-left: 50px;
}

.chief_greeting02 p {
    display: none;
}

/* menu3 gallery-invite_prize_list 기상사진전 */
.prev_next_wrap.ver2 {
    position: relative;
    margin-top: 30px;
}

.prev_next_wrap.ver2 .ll {
    border: 1px solid #e6e6e6;
    border-right: 0;
    height: 80px;
    padding: 25px 20px 0 40px;
}

.prev_next_wrap.ver2 .rr {
    border: 1px solid #e6e6e6;
    border-left: 0;
    height: 80px;
    padding: 25px 40px 0 20px
}

.prev_next_wrap.ver2 .rr .tit {
    padding-left: 20px;
}

.prev_next_wrap.ver2 .ctr {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -80px;
    margin-top: 0;
}

.prev_next_wrap.ver2 .ctr a {
    display: block;
    background: #000;
    color: #fff;
    width: 160px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
}

.gallery_prize {
    text-align: center;
}

.gallery_prize img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/* menu3 recommend_contents 추천컨텐츠 */
.rcmd_con {
    border-top: 3px solid #0153a9;
}

.rcmd_con li {
    border-bottom: 1px solid #e0e0e0;
    padding: 55px 40px;
    position: relative;
}

.rcmd_con li h3 {
    font-size: 26px;
}

.rcmd_con li p.txt {
    margin: 30px 0;
}

.rcmd_con li .opt em {
    font-size: 20px;
    position: relative;
    padding-left: 33px;
}

.rcmd_con li .opt em:after {
    width: 22px;
    height: 22px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -357px -21.5px;
    background-size: 1000px;
    text-indent: -999em;
    position: absolute;
    top: 2px;
    left: 0;
}

.rcmd_con li .opt a {
    margin-left: 40px;
}

.rcmd_con li .opt a span {
    font-size: 20px;
}

.rcmd_con li .opt a .arr {
    position: relative;
    padding-right: 25px;
}

.rcmd_con li .opt a .arr:after {
    width: 22px;
    height: 17.5px;
    content: "";
    background: url('../images/common/sprite256.png') no-repeat -235.5px -466px;
    background-size: 1000px;
    text-indent: -999em;
    position: absolute;
    top: 0;
    right: -4px;
}

.rcmd_con li .share {
    position: absolute;
    right: 50px;
    top: 60px;
    display: block;
    width: 20px;
    height: 24px;
    background: url('../images/common/sprite256.png') no-repeat -264px -461.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.rcmd_con li .share_box {
    display: none;
    position: absolute;
    right: 30px;
    top: 100px;
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #cecece;
}

.rcmd_con li .share_box .inbox {
    position: relative;
}

.rcmd_con li .share_box .inbox > a {
    display: inline-block;
    width: 30px;
    height: 40px;
    background: url('../images/common/sprite256.png');
    background-size: 1000px;
    text-indent: -999em;
}

.rcmd_con li .share_box .inbox > a.fb {
    background-position: -130px -451.5px;
}

.rcmd_con li .share_box .inbox > a.tw {
    background-position: -169.5px -451.5px;
}

.rcmd_con li .share_box .inbox:after {
    clear: both;
    content: "";
    display: block;
}

.rcmd_con li .share_box .inbox .arr {
    position: absolute;
    right: 0;
    top: -22px;
    width: 20px;
    height: 13px;
    background: url('../images/common/sprite2.png') no-repeat -810.5px -27px;
    background-size: 1000px;
    text-indent: -999em;
    margin-left: -10px
}

/* menu1 info_open-realname_people 국민신청실명제  */
.open_realname ul li .open_realname_box:after {
    content: "";
    clear: both;
    display: block;
}

.open_realname ul li .l {
    background: #005090;
    width: 180px;
    height: 80px;
    text-align: center;
    line-height: 80px;
}

.open_realname ul li .l em {
    color: #fff;
    font-size: 20px;
}

.open_realname ul li .r {
    border: 5px solid #dedede;
    width: calc(100% - 190px);
    padding: 20px 25px;
}

.underbar {
    border-bottom: 1px solid #114da7;
}

.open_realname ul li .arr {
    display: block;
    width: 60px;
    height: 25px;
    background: url('../images/common/sprite2.png') no-repeat -153px -822px;
    margin: 20px auto;
}

.open_realname ul li:nth-child(2) .l {
    height: 195px;
    line-height: 195px;
}

.open_realname ul li:nth-child(3) .l {
    height: 107px;
    line-height: 107px;
}

.open_realname ul li:nth-child(4) .l {
    height: 107px;
    line-height: 107px;
}

.open_realname_notice * {
    display: inline-block;
    vertical-align: middle;
}

.open_realname_notice .bg {
    width: 122px;
    height: 96px;
    background: url('../images/common/sprite2.png') no-repeat -9px -788px;
    margin-right: 20px;
}

.open_realname_notice span {
    font-size: 28px;
}

.open_realname_notice span em {
    font-size: 28px;
    color: #345aa3;
}

/* menu5 job_plan 주요업무계획  */
.job_plan {
    margin-top: 20px;
}

.job_plan:after {
    clear: both;
    content: "";
    display: block;
}

.job_plan .jp {
    float: left;
    width: 33.33%;
    text-align: center;
    ;}

.job_plan .jp .tit {
    background: #003C96;
    padding: 32px;
    border-radius: 100px;
    text-align: center;
    height: 120px;
    opacity: 0.9;
}

.job_plan .jp1 .tit {
    width: calc(100% + 20px);
}

.job_plan .jp2 .tit {
    padding-top: 50px;
    background: #0C2C6A;
    width: calc(100% + 40px);
    margin-left: -20px;
    position: relative;
}

.job_plan .jp2 .tit:before {
    content: "+";
    color: #fff;
    position: absolute;
    left: 12px;
    top: 43px;
    font-size: 25px;
}

.job_plan .jp3 .tit {
    /*background:#006b99;*/
    width: calc(100% + 20px);
    margin-left: -20px;
    position: relative;
}

.job_plan .jp3 .tit:after {
    content: "=";
    color: #fff;
    position: absolute;
    left: 12px;
    top: 43px;
    font-size: 25px;
}

.job_plan .jp .tit p em {
    color: #fff;
    font-size: 23px;
    display: block;
    margin-bottom: 7px;
}

.job_plan .jp .tit p span {
    color: #fff;
    font-size: 18px;
}

.job_plan .jp .con .img {
    display: inline-block;
    margin: 30px 0;
}

.job_plan .jp1 .con .img {
    width: 106px;
    height: 105px;
    background: url('../images/common/sprite2.png') no-repeat -289px -791px;
}

.job_plan .jp2 .con .img {
    width: 106px;
    height: 105px;
    background: url('../images/common/sprite2.png') no-repeat -424px -791px;
}

.job_plan .jp3 .con .img {
    width: 104px;
    height: 104px;
    background: url('../images/common/sprite2.png') no-repeat -559px -791px;
}

.job_plan .jp .con p {
    font-size: 20px;
    line-height: 28px;
}

/* menu1/information-system_intro 제도안내 */
.system_intro {
    border-top: 3px solid #0153a9;
}

.system_intro .si {
    border-bottom: 1px solid #eee;
}

.system_intro .si .tit {
    position: relative;
    height: 93px;
}

.system_intro .si .tit a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    padding: 33px 40px;
    z-index: 10;
}

.system_intro .si .tit h3 {
    font-size: 25px;
    position: relative;
    padding-left: 15px;
    line-height: 28px;
    margin-bottom: 5px;
}

.system_intro .si .tit .toggle {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    position: absolute;
    right: 40px;
    top: 20px;
    text-align: center;
    padding-top: 13px;
    z-index: 1;
}

.system_intro .si .tit .toggle .arr {
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url(../images/common/sprite2.png) no-repeat -874.5px -36.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.system_intro .si.on .tit .toggle {
    background: #006b99;
    border: 1px solid #006b99;
    padding-top: 11px;
}

.system_intro .si.on .tit .toggle .arr {
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url(../images/common/sprite2.png) no-repeat -900.5px -22px;
    background-size: 1000px;
    text-indent: -999em;
}

.system_intro .si .tit h3:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: url(../images/common/sprite256.png) no-repeat -580px -592.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.system_intro .si .target {
    display: none;
    background: #f2f2f2;
    padding: 40px;
}

.system_intro .si .target .inbox {
    background: #fff;
    padding: 40px;
}

.system_intro .si .target .inbox.img {
    padding: 20px 0;
    text-align: center;
}

.system_intro .si .target .inbox.img img {
    width: 1080px;
}

.tbl_system_intro1 td {
    vertical-align: top;
}

.tbl_system_intro1 td:nth-child(1) {
    text-align: center;
    padding-top: 25px;
}

.tbl_system_intro1 td:nth-child(2) {
    padding-top: 25px;
}

.tbl_system_intro1 table, .tbl_system_intro1 .tbl_topline, .tbl_system_intro1 .tbl_botline, .tbl_system_intro2 table, .tbl_system_intro2 .tbl_topline, .tbl_system_intro2 .tbl_botline, .tbl_system_intro3 table, .tbl_system_intro3 .tbl_topline, .tbl_system_intro3 .tbl_botline {
    width: 980px;
}

.tbl_system_intro3 td {
    vertical-align: top;
}

.tbl_system_intro3 td:nth-child(1) {
    text-align: center;
    padding-top: 25px;
}

.tbl_system_intro3 .li_type1:first-child {
    margin-top: 0;
}

.appreal_process {
    margin-top: 13px;
}

.appreal_process:after {
    content: "";
    display: block;
    clear: both;
}

.appreal_process ul li {
    float: left;
    width: calc((100% - 290px) / 3);
    position: relative;
    margin-right: 145px;
}

.appreal_process ul li * {
    vertical-align: middle;
}

.appreal_process ul li:last-child {
    margin-right: 0;
}

.appreal_process ul li em {
    display: block;
    height: 106px;
    font-size: 20px;
    border-radius: 100px;
    text-align: center;
    padding: 23px 0;
    color: #fff;
}

.appreal_process ul li:nth-child(1) em {
    /*background-color:#00babd;*/
    background-color: #005080;
}

.appreal_process ul li:nth-child(2) em {
    /*background-color:#004080;*/
    background-color: #004070;
    padding-top: 38px;
}

.appreal_process ul li:nth-child(3) em {
    /*background-color:#00588B;*/
    background-color: #003060;
    padding-top: 38px;
}

.appreal_process ul li:nth-child(4) em {
    /*background-color:#0053a8;*/
    background-color: #003060;
}

.appreal_process ul li.on em {
    color: #fff;
}

.appreal_process ul li .arr {
    position: absolute;
    top: 40px;
    right: -87px;
    width: 29px;
    height: 22px;
    background: url('../images/common/sprite256.png') no-repeat -616px -516px;
    background-size: 1000px;
    text-indent: -999em;
}

.appreal_process ul li p {
    text-align: center;
    font-size: 15px;
    /*color:#686868;*/
    color: #333;
    margin-top: 10px;
    line-height: 20px;
}

/* menu6/organization-chart 조직도 */
.org_guide:after {
    content: "";
    clear: both;
    display: block;
}

.org_guide .li_type7 {
    position: relative;
}

.org_guide .li_type7:after {
    position: absolute;
    right: -40px;
    top: 10px;
    width: 30px;
    height: 64px;
    content: "";
    background: url('../images/common/sprite2.png') no-repeat -1866px -36px;
}

.org_guide .li_type7 li {
    margin-bottom: 3px;
}

.org {
    background: url('../images/sub/org_bg.png') no-repeat 49px 55px;
    margin-top: 10px;
}

.org a {
    width: 200px;
    height: 55px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    background: #0153a9;
    text-align: center;
    line-height: 55px;
    border-radius: 50px;
    margin-bottom: 17px;
}

.org a:focus {
	outline: 2px dashed #000;
}

.org .o1 {
    width: 100%;
    text-align: center;
}

.org .o1 ul a {
    background: #555;
    margin-right: 450px;
}

.org .o2 {
    width: 100%;
    text-align: center;
}

.org > ul > .o1 > ul > .o2 > a {
    background: #01598B;
    margin-right: auto;
}

.org .o2 ul a {
    background: #555555;
    margin-right: 450px;
}

.org .o3 {
    margin-top: 125px;
    position: relative;
    padding-right: 40px;
}

.org .o3 > ul:after {
    content: "";
    clear: both;
    display: block;
}

.org .o3 > ul {
    position: relative;
}

.org .o3 .os {
    position: absolute;
    top: -84px;
    left: 102px;
    background: #555555;
    width: 175px;
}

.org .o3 > ul > li {
    float: left;
    width: calc((100% - 100px) / 6);
    margin-right: 20px;
}

.org .o3 > ul > li a {
    width: 100%;
}

.org .o3 > ul > li:nth-child(6n) {
    margin-right: 0;
}

.org .o3 > ul > li > a {
    background: #01babd;
    color: #000;
}

.org .o3 > ul > li > ul > li > a {
    background: #f0f3f5;
    color: #000;
    font-size: 17px;
    letter-spacing: -1px;
    margin-bottom: 12px;
}

.org .o4 {
    margin-top: 77px;
    position: relative;
}

.org .o4 > ul:after {
    content: "";
    clear: both;
    display: block;
}

.org .o4 > ul {
    position: relative;
}

.org .o4 .os {
    position: absolute;
    top: -100px;
    left: 100px;
    background: #555555;
    width: 183px;
}

.org .o4 > ul > li {
    float: left;
    width: calc((100% - 60px) / 7);
    margin-right: 10px;
}

.org .o4 > ul > li a {
    width: 100%;
}

.org .o4 > ul > li:nth-child(7n) {
    margin-right: 0;
}

.org .o4 > ul > li > a {
    background: #01babd;
    color: #000;
}

.org .o4 > ul > li > ul > li > a {
    background: #f0f3f5;
    color: #000;
    font-size: 17px;
    letter-spacing: -1px;
    margin-bottom: 12px;
}

.org .o4 > ul > li > ul > li > ul > li > a {
    background: #fff;
    color: #555;
    font-size: 17px;
    letter-spacing: -1px;
    border: 1px solid #b9b9b9;
    margin-bottom: 12px;
}

.org .o4 > ul > li > ul > li > ul > li > a:before {
    content: "- ";
    margin-right: 3px;
}

.org .line {
    display: none;
}

.modal {
    display: none;
    position: fixed;
    z-index: 8888;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,.7)
}

.modal a:focus {
    outline: 2px dashed #000;
}

.modal_box {
    background-color: #fefefe;
    margin: 10vh auto;
    padding: 20px;
    border: 1px solid #555;
    width: 1050px;
    position: relative;
    max-height: 80vh;
}

.modal_box .inbox {
    max-height: calc(80vh - 100px);
    overflow-y: auto;
}

.modal_box .tbl_swipe table, .modal_box .tbl_swipe .tbl_topline {
    width: 950px;
}

.modal_close {
    color: #fff;
    font-size: 80px;
    position: absolute;
    top: 37px;
    right: 35px;
    cursor: pointer;
    width: 24px;
    height: 23.5px;
    background: url('../images/common/sprite256.png') no-repeat -206px -60px;
    background-size: 1000px;
    text-indent: -999em;
    ;}

button.button {
    background: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: #02274a 1px solid;
    padding: 0 0 3px 0;
    font-size: 16px
}

button.button:hover {
    border-bottom: #a99567 1px solid;
    color: #a99567
}

.modal .tit {
    background: #274f9c;
}

.modal .tit h2 {
    color: #274f9c;
    color: #fff;
    font-size: 30px;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.modal .con {
    border: 1px solid #274f9c;
    border-top: 0;
    padding: 30px;
}

.modal .visit_tit {
    margin-top: 30px;
}

/* menu1/information-budget_year 예산·재정정보 */
/* menu1/information-openfiscaldata_vwform.php 월별 수입징수현황 */
.budget table td {
    text-align: right;
}

.budget table td:first-child {
    text-align: left;
    color: #114da7;
}

.budget table td.depth {
    padding-left: 40px;
}

.budget2 table td {
    text-align: left;
    padding: 18px 6px;
}

.budget2 table td:first-child {
    text-align: center;
}

.budget2 table td:nth-child(8) {
    text-align: right;
}

.budget2 table td:nth-child(9) {
    text-align: right;
}

.budget2 table td:nth-child(10) {
    text-align: right;
}

.budget2 table td.point {
    color: #114da7;
}

.nodata {
    text-align: center;
}

/* menu2/policy-regulation04.php 규제개혁개선 */
.regulation_box {
    margin: 20px 0 20px -100px;
    width: 125%;
    display: table;
    border-collapse: separate;
    border-spacing: 100px 0;
}

.regulation_box:after {
    content: "";
    clear: both;
    display: block;
}

.regulation_box > div {
    border: 1px solid #ddd;
    border-radius: 10px;
    display: table-cell;
    float: none;
    width: 50%;
}

.regulation_box > div > .tit {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    background: #f4f9ff;
    border-radius: 10px 10px 0 0;
}

.regulation_box > div > .bot {
    padding: 20px;
}

.regulation_box .li_type2 > li {
    color: #114da7;
}

.regulation_box .li_type2 > li > ul > li {
    color: #111;
    font-size: 16px;
}

.regulation_box .li_type3 {
    margin-bottom: 5px;
}

.regulation_box .li_type3 > li:first-child {
    margin-top: 0;
}

.regulation_box .l {
    position: relative;
}

.regulation_box .l .arr {
    position: absolute;
    top: 100px;
    right: -80px;
    width: 56px;
    height: 44px;
    background: url('../images/common/sprite2.png') no-repeat -35px -38px;
    text-indent: -999em;
}

/* .regulation_box .l .arr {position:absolute; top:100px; right:-40px; width:28px; height:22px; background: url('../images/common/sprite2.png') no-repeat -17.5px -19px; text-indent:-999em; background-size:1000px;} */
/* menu7/footer-privacy.php 개인정보 처리방침 */
.privacy_list > li > ul {
    margin-bottom: 5px;
}

.privacy_list > li > ul > li {
    position: relative;
    padding-left: 12px;
    line-height: 26px;
    margin-top: 10px;
}

.privacy_list > li > ul > li:first-child {
    margin-top: 5px;
}

.privacy_list > li > ul > li:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: url(../images/common/sprite256.png) no-repeat -590.5px -593.5px;
    background-size: 1000px;
    text-indent: -999em;
}

.privacy_list > li > ul > li > ul > li {
    position: relative;
    padding-left: 12px;
    line-height: 26px;
}

.privacy_list > li > ul > li > ul > li:first-child {
    margin-top: 5px;
}

.privacy_list > li > ul > li > ul > li:before {
    content: "-";
    display: block;
    width: 4px;
    height: 3px;
    position: absolute;
    top: 1px;
    left: 0;
}

.privacy_list > li > ul > li > ul > li > ul > li {
    position: relative;
    padding-left: 16px;
    line-height: 26px;
}

.privacy_list > li > ul > li > ul > li > ul > li:first-child {
    margin-top: 5px;
}

.privacy_list > li > ul > li > ul > li > ul > li:before {
    content: "•";
    display: block;
    width: 4px;
    height: 3px;
    position: absolute;
    top: 1px;
    left: 0;
}

.privacy_list a {
    color: #005090;
}

.privacy_list table, .privacy_list .tbl_topline {
    width: 100%;
}

.privacy_list h3 {
    margin-top: 50px;
    margin-bottom: 15px;
}

.privacy_list h3 img {
    width: 41px;
    vertical-align: middle;
    margin-right: 2px;
}

.privacy_list_box {
    width: 100%;
    display: inline-block;
    border-bottom: 1px dashed #ddd;
}

.privacy_list_box img {
    width: 150px;
}

.ol_privacy_list {
    padding-bottom: 50px;
    line-height: 50px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.ol_privacy_list li {
    margin-bottom: 7px;
}

.ol_privacy_list li a {
    color: #005090;
}

.ol_privacy_list li a:after {
    content: " ▼";
}

.ol_privacy_list li a img {
    width: 37px;
    vertical-align: middle;
    margin-right: 2px;
}

.ol_privacy_list_new {
    padding-top: 30px;
    padding-bottom: 30px;
    display: inline-block;
    margin: 0;
    line-height: 35px;
    text-align: left;
}

.ol_privacy_list_new li {
    margin-bottom: 7px;
}

.ol_privacy_list_new li a {
    color: #005090;
}

.ol_privacy_list_new li a:after {
    content: " ▼";
}

.ol_privacy_list_new li a img {
    width: 37px;
    vertical-align: middle;
    margin-right: 2px;
}

.pc_cmt {
    width: 100% !important;
    text-align: left !important;
    margin-top: 10px;
}

.pc_btn {
    display: inline-block;
    padding-bottom: 70px;
}

.pc_btn h3 {
    text-align: left;
    color: #004080;
    margin-bottom: 13px;
}

.pc_btn p {
    display: block;
    float: left;
    text-align: center;
    width: 144px;
}

.pc_btn p > a > img {
    height: 110px;
}

.pc_btn p > span {
    font-weight: 700;
}

.pc_qr_wrap {
    width: 100%;
    height: 133px;
    margin-top: 35px;
}

.pc_qr_txt {
    float: left;
    width: 90%;
}

.pc_qr_img {
    float: right;
    width: 10%;
}

.pc_qr_img img {
    width: 100px;
    height: 100px;
    float: right;
}

/* menu7/footer-viewer.php 뷰어다운로드 */
.viewer {
    display: table;
}

.viewer .tr {
    display: table-row;
}

.viewer .td {
    display: table-cell;
    border-bottom: 1px dashed #ddd;
    padding: 15px 0;
    vertical-align: middle;
}

.viewer .td:first-child a {
    color: #005090;
}

.viewer .td:first-child {
    width: 1000px;
    padding-left: 40px;
}

.viewer .td:last-child {
    width: 200px
}

.viewer .td:last-child a {
    display: inline-block;
    background: skyblue;
    color: #fff;
    border-radius: 5px;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    padding: 0;
    padding-right: 20px;
}

.viewer .td a.view_hwp {
    background: #9E0700;
}

.viewer .td a.view_doc {
    background: #2b5796;
}

.viewer .td a.view_swf {
    background: #5c6272;
    font-size: 13px;
}

.viewer .td a.view_ppt {
    background: #d14927;
}

.viewer .td a.view_pdf {
    background: #672824;
}

.viewer .td a.view_xlsx {
    background: #2e7237;
}

.viewer .td:last-child a.btn_large.cloud:before {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 9px;
    width: 18px;
    height: 14px;
    background: url('../images/common/sprite256.png') no-repeat -345.5px -290px;
    background-size: 500px;
    text-indent: -999em;
}

/* menu7/footer-return_write 오류 건의하기 */
.listing_wrapper .buttons {
    margin-bottom: 5px;
}

.listing_wrapper .buttons a {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 26px;
    font-size: 30px;
    font-family: arial;
    color: #ddd;
}

.listing_wrapper .buttons a.btn_clone {
    color: #0080ff;
}

.listing_wrapper .buttons a.btn_remove {
    color: #ff4646;
}

.listing_wrapper .element {
    margin-bottom: 5px;
}

.input-file {
    display: inline-block;
    width: 100%;
}

.input-file * {
    vertical-align: top;
}

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

.input-file .file-label {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #333;
    color: #fff;
    text-align: center;
}

.input-file .file-name {
    background: #f5f5f5;
    height: 40px;
    line-height: 26px;
    text-indent: 5px;
    border: 1px solid #dedede;
    font-size: 15px;
    width: 100%;
    max-width: 300px;
    display: inline-block;
}

.file-focus {
    outline: 1px dotted #333;
}

/* align */
.pull_left {
    float: left;
}

.bx_summary {
    background: #fff;
    color: #5c5c5c;
    border: 5px solid #dedede;
    padding: 10px;
}

/* 산하소속기관 소개 */
.org-heading-view {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
}

.org-heading-item {
    padding: 10px 10px 10px 10px ;
    width: calc(100% / 3);
    display: flex;
    justify-content: space-between;
    border-right: 1px solid #dfe6ef;
    border-bottom: 1px solid #dfe6ef;
}

.org-heading-item img {
    height: 40px;
    width: auto;
}

.org-heading-item:nth-child(3n) {
    border-right: 0;
}

.org-heading {
    position: relative;
    line-height: 40px;
    align-self: center;
    font-size: 19px;
    font-weight: 600;
    padding-left: 45px;
}

.org-heading:before {
    content: '';
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(../images/common/sprite256.png);
    background-size: 600px;
    background-repeat: no-repeat;
    background-position: 0px -23px;
}

.org-heading-item img + .org-heading {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -1px;
}

.org-heading-item img + .org-heading:before {
    display: none;
}

.org-heading-item > span:not(.org-heading) {
    display: flex;
}

/*
.org-heading-item a { position:relative; padding-right:30px; }
.org-heading-item a:after { content:'>'; position:absolute; right:9px; top:1px; font-size:20px;  font-weight:500; } 
*/
/*로딩*/
.loading_wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0,0,0,0.0);
    z-index: 999
}

.lds-spinner {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
}

.lds-spinner div {
    transform-origin: 30px 30px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    position: absolute;
    content: " ";
    display: block;
    top: 10px;
    left: 28px;
    width: 3px;
    height: 12px;
    border-radius: 1.5px;
    background: #fff;
}

.lds-spinner.light div:after {
    background: #333;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

.fs_14 thead tr th {
    font-size: 16px !important;
}

.fs_14 tr td {
    font-size: 14px;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@media print {
    #header {
        display: none
    }

    .sub_top_wrap {
        display: none
    }

    #footer {
        display: none
    }

    @page {
        margin: 0;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    div.select_box:after {
        display: none !important;
    }
}

/* popup */
.kma-popup h1 {
    font-size: 20px;
    padding: 20px;
    margin: auto;
    width: 100%;
    max-width: 1440px;
}

.kma-popup .contents .gap50:first-of-type {
    margin-top: 0;
}

.kma-popup .tbl_swipe {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
}

.kma-popup .tbl_swipe table , .kma-popup .tbl_swipe .tbl_topline , .kma-popup .tbl_swipe .tbl_botline {
    width: 100%;
    max-width: 1440px;
    min-width: 768px;
}

.kma-popup .contents {
    margin: 0 auto;
    max-width: 1440px;
}

.b_preview {
    height: 26px;
    width: auto;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .ol_privacy_list_new {
        margin-left:0px !important;
        padding-bottom: 0px;
        display: inline;
    }

    .pc_btn p {
        display: inline-block;
        float: none;
    }

    .pc_qr_txt {
        width: 100%;
    }

    .pc_qr_img {
        float: left;
        width: 100%;
    }

    .pc_qr_img img {
        float: left;
        margin-bottom: 30px;
    }

    .prv_img {
        width: 100%;
    }
}

/*기상업무 소개*/
.introduction_tack > ul {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 27px;
}
.introduction_tack .overlap {
	position: relative;
    width: 100%;
    height: 51px;
    border: 1px solid;
    border-color: #b6b6b6;
}
.introduction_tack .rectangle {
	position: absolute;
    width: 9px;
    height: 51px;
    top: -1px;
    left: -1px;
    background-color: #1788d6;
}

.introduction_tack .text-wrapper {
	position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    padding-left: 20px;
}
.introduction_tack .text-wrapper.text-plus:after {
	position: absolute;
    content: "+";
    right: 20px;
    width: 30px;
    height: 26px;
    font-size: 30px;
    text-align: right;
    top: 50%;
    transform: translate(0%, -50%);
    font-weight: 600;
    color: #8c8c8c;
}
.introduction_tack .text-wrapper span {
    font-family: "Inter-Medium", Helvetica;
    font-weight: 500;
    color: #3a3a3a;
    font-size: 22px;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
}
.introduction_tack .biz_tack {
	display: none;
}
.introduction_tack .biz_tack li{
	border: 1px solid #b6b6b6;
}
.introduction_tack .biz_tack li a{
	width: 100%;
	padding: 8px 5px;
	display: block;
}
@media only screen and (max-width: 768px) {
	.introduction_tack > ul {
		grid-template-columns: 1fr 1fr;
	}
	.introduction_tack .text-wrapper span {
		font-size: 18px;
	}
	.introduction_tack .text-wrapper.text-plus:after {
	    right: 10px;
	}
}

.pop_sub_title h3 {font-size: 38px;}
.pop_loc_line {border-top: 1px solid #bababa; margin-top: 3px; margin-bottom: 14px;}