@import"https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css";@import"//fonts.googleapis.com/earlyaccess/nanumgothic.css";@import"https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap";@font-face {
    font-family: "S-CoreDream-4Regular";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "S-CoreDream-3Light";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "DungGeunMo";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Mont-ExtraLightDEMO";
    src: url("/home/webFonts/MontExtraLightDEMO/font.woff2") format("woff2"),url("/home/webFonts/MontExtraLightDEMO/font.woff") format("woff");
    unicode-range: U+0041-005A,U+0061-007A
}

@font-face {
    font-family: "ChosunGs";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGs.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "DemiLight";
    font-style: normal;
    font-weight: 350;
    src: local("Noto Sans DemiLight"),local("NotoSans-DemiLight"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format("embedded-opentype"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format("woff"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format("opentype")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 100;
    src: local("Noto Sans Thin"),local("NotoSans-Thin"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format("embedded-opentype"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format("woff"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format("opentype")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 300;
    src: local("Noto Sans Light"),local("NotoSans-Light"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format("embedded-opentype"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format("woff"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format("opentype")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans Regular"),local("NotoSans-Regular"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format("embedded-opentype"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format("woff"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format("opentype")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: local("Noto Sans Medium"),local("NotoSans-Medium"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format("woff"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format("opentype")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format("embedded-opentype"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format("woff"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format("opentype")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 900;
    src: local("Noto Sans Black"),local("NotoSans-Black"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format("embedded-opentype"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Black-Hestia.woff) format("woff"),url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format("opentype")
}

html {
    font-family: "Noto Sans KR",나눔스퀘어,"NanumSquare",sans-serif;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased
}

input[type=text] {
    font-family: "Noto Sans KR"
}

a {
    color: #333
}

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

.containers {
    margin: 0 auto 30px;
    width: 1200px
}

.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.flex_wrap {
    display: flex;
    flex-wrap: wrap
}

.fg1 {
    flex-grow: 1
}

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

.f_right {
    float: right
}

.f_left {
    float: left
}

.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important
}

.bg_sb {
    background-color: #1099d5
}

.bg_Indigo {
    background-color: #103e91
}

.bg_gray {
    background-color: #f0f2f6
}

.co_b {
    color: #103e91
}

.pointName {
    font-family: "ChosunGs";
    font-weight: bold
}

.nanumSquare {
    font-family: 나눔스퀘어,"NanumSquare",sans-serif
}

.nanumSquare a {
    font-family: 나눔스퀘어,"NanumSquare",sans-serif
}

.txt_center {
    text-align: center
}

.strong {
    font-weight: bold
}

.en {
    font-family: "Mont-ExtraLightDEMO";
    font-weight: bold
}

.gray_font {
    color: #ccc;
    font-style: italic
}

.mg230 {
    margin-bottom: 230px
}

.list_style_dash li::before {
    content: "-";
    display: inline-block;
    margin-right: 4px
}

.beforeCircle::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 4px solid #1099d5;
    margin-right: 5px
}

#header {
    z-index: 10
}

#header .logoWrap {
    height: 138px;
    display: flex;
    align-items: center;
    justify-content: center
}

#logo {
    width: 162px
}

#logo a {
    display: block
}

#logo a img {
    display: block
}

#header .loginWrap {
    background: url("/home/img/mid_logo_txt.png") no-repeat center;
    background-color: #314757
}

#header .loginWrap ul {
    float: right
}

#header .loginWrap ul li {
    display: flex;
    align-items: center;
    position: relative
}

#header .loginWrap ul li::after {
    content: "";
    display: block;
    height: 17px;
    width: 1px;
    background-color: #6f7f8a
}

#header .loginWrap ul li a {
    display: block;
    line-height: 40px;
    color: #fff;
    padding: 0 18px
}

#gnb {
    background-color: #fff;
    height: 58px;
    position: relative
}

#gnb.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 0 3px rgba(0,0,0,.7)
}

#gnb .navWarp {
    display: flex;
    align-items: center;
    gap: 10px
}

#gnb .navWarp nav {
    width: 100%
}

#gnb .pc_nav .depth01 .depth01_btn {
    cursor: pointer
}

#gnb .pc_nav .depth01>li {
    width: 14.2857142857%;
    text-align: center;
    height: 58px;
    position: relative
}

#gnb .pc_nav .depth01>li a {
    display: block
}

#gnb .pc_nav .depth01>li>a {
    font-size: 18px;
    line-height: 52px;
    padding-top: 3px
}

#gnb .pc_nav .depth01>li>a::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background-color: #1099d5;
    transition: .5s;
    margin: 0 auto
}

#gnb .pc_nav .depth01>li:hover>a {
    color: #1099d5
}

#gnb .pc_nav .depth01>li:hover>a::after {
    width: 100%
}

#gnb .pc_nav .depth02 {
    position: absolute;
    background-color: #f5f5f5;
    top: 100%;
    overflow: hidden;
    left: 0;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    transition: .5s;
    z-index: 50;
    height: 470px;
    display: none
}

#gnb .pc_nav .depth02>ul>li {
    text-align: center;
    padding: 13px 0
}

#gnb .pc_nav .depth02>ul>li>a {
    font-size: 16px;
    font-weight: 300
}

#gnb .pc_nav .depth02>ul>li:hover>a {
    color: #1099d5
}

#gnb .pc_nav .depth01>li:hover .depth02 {
    background-color: #ededed
}

#gnb .pc_nav .depth01.on::before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 470px;
    background-color: #f5f5f5;
    z-index: 49
}

#gnb .pc_nav .depth01.on .depth02 {
    display: block
}

#gnb .pc_navWrap .gnb_button {
    flex-shrink: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer
}

#gnb .pc_navWrap .gnb_button span {
    display: block;
    width: 30px;
    height: 3px;
    margin: 5px auto;
    background-color: #0049b3;
    transition: .6s;
    border-radius: 2px
}

#gnb .pc_navWrap .gnb_button.on span:first-child {
    transform: rotate(405deg);
    margin: 12px 0px -1px -1px
}

#gnb .pc_navWrap .gnb_button.on span:nth-child(2) {
    width: 0
}

#gnb .pc_navWrap .gnb_button.on span:last-child {
    transform: rotate(-405deg);
    margin: -15px -8px 13px -2px
}

#gnb .m_gnb_button {
    display: none
}

#gnb .mobile_navWrap {
    display: none
}

#gnb .btn03 {
    flex-shrink: 0
}

#gnb .btn03 svg {
    width: 30px;
    fill: #ff8f00
}

#gnb .searchBox {
    flex-shrink: 0;
    position: relative;
    height: 58px;
    margin-left: 10px
}

#gnb .searchBox .searchBtn {
    width: 30px;
    text-align: center;
    background-color: rgba(0,0,0,0);
    border: none;
    height: 100%;
    cursor: pointer
}

#gnb .searchBox .searchBtn img {
    vertical-align: middle
}

#gnb .searchBox .searchWrap {
    display: block;
    position: absolute;
    width: 900px;
    height: 0;
    overflow: hidden;
    bottom: 0px;
    right: 0;
    background-color: #fff;
    box-sizing: border-box;
    text-align: right;
    transition: .6s;
    z-index: 50
}

#gnb .searchBox .searchWrap .innerBox {
    padding: 10px 10px 50px 50px
}

#gnb .searchBox .searchWrap .btnClose {
    width: 25px;
    height: 25px;
    border: none;
    background-color: rgba(0,0,0,0);
    margin-bottom: 20px;
    cursor: pointer
}

#gnb .searchBox .searchWrap .btnClose span {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #333
}

#gnb .searchBox .searchWrap .btnClose span:nth-child(1) {
    transform: rotate(45deg)
}

#gnb .searchBox .searchWrap .btnClose span:nth-child(2) {
    transform: rotate(315deg);
    margin-top: -2px
}

#gnb .searchBox .searchWrap form {
    display: flex;
    align-items: center;
    border: 3px solid #0c76f3;
    border-radius: 24px;
    padding: 0 24px
}

#gnb .searchBox .searchWrap form input[type=text] {
    outline: none;
    height: 45px;
    width: calc(100% - 30px);
    border: none;
    font-family: "NanumSquare"
}

#gnb .searchBox .searchWrap .submitBtn {
    border: none;
    background-color: rgba(0,0,0,0);
    width: 30px;
    height: 30px;
    cursor: pointer
}

#gnb .searchBox.on .searchWrap {
    border-top: 1px solid #ccc;
    bottom: -157px;
    height: 157px
}

#footer {
    background-color: #40454f;
    color: #fbfbfb;
    font-size: 13px;
    padding: 50px 0
}

#foot_logo {
    margin-right: 45px;
    padding-top: 13px
}

#foot_logo a {
    display: block
}

#foot_logo a img {
    display: block;
    width: 108px
}

#footer .foot_left .top,#footer .foot_right .top {
    margin-bottom: 20px
}

#footer .foot_left .info li,#footer .foot_right .info li {
    line-height: 20px
}

#footer .foot_left .info li address,#footer .foot_right .info li address {
    line-height: 20px
}

#footer .foot_left .info li strong,#footer .foot_right .info li strong {
    margin-right: 13px
}

#footer .foot_left .info .telBox span,#footer .foot_right .info .telBox span {
    margin-right: 13px
}

#footer .foot_left .info .telBox span::after,#footer .foot_right .info .telBox span::after {
    content: "";
    display: inline-block;
    height: 13px;
    width: 1px;
    background-color: #fbfbfb;
    margin-left: 13px;
    margin-top: -2px;
    vertical-align: middle
}

#footer .foot_left .info .telBox span:last-child,#footer .foot_right .info .telBox span:last-child {
    margin: 0
}

#footer .foot_left .info .telBox span:last-child::after,#footer .foot_right .info .telBox span:last-child::after {
    display: none
}

#footer .foot_right .info li .acrc_logo{
    display: block;
    width: 180px;
    margin-top: 35px;
    background: #fff;
    padding: 6px 10px;
}

#footer .foot_right .info li .acrc_logo a{
    display: flex;
    width: 100%;
}

#footer .foot_right .info li .acrc_logo a img{
    display: flex;
    width: 100%;
}

#footer .mob_ver {
    display: block;
    margin-top: 20px
}

#footer .mob_ver .mob_verBtn {
    display: block;
    margin: 0 auto;
    background-color: rgba(0,0,0,0);
    border: 1px solid #ccc
}

#footer .mob_ver .mob_verBtn a {
    color: #fff;
    display: block;
    padding: 15px 24px;
    font-size: 28px
}