@charset "UTF-8";

/* --------------------------------------------------------------------------------------------
    ## COMMON
       - PointColor1 : #6fbcbc; , rgba(111,188,188,1);
       - PointColor2 : #2475d0; , rgba(115,161,161,1);
-------------------------------------------------------------------------------------------- */
html,
body,
input,
select,
textarea,
button {
    font-family: 'SCoreDream', 'Malgun Gothic', '맑은 고딕', 'Helvetica', 'Apple SD Gothic Neo', -apple-system, BlinkMacSystemFont, 'Dotum', '돋움', sans-serif;
}
html,
body,
#wrap {
    height: 100vh;
}
body {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
}
a {
    color: #010101;
    text-decoration: none;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
a:hover {
    color: #2475d0;
}
button {
    padding: 0;
    color: #000;
}
#wrap {
    padding-top: 155px;
    /*
    display: flex;
    flex-direction: column;
    */
}
.inner,
.wide_inner,
.ibbs_gallery .rows {
    position: relative;
    width: 98%;
    max-width: 1280px;
    margin-left:  auto;
    margin-right: auto;
}
.wide_inner {
    width: 100%;
}
.device2,
.device3 {
    display: none;
}
.hide_overflow,
.hide_overflow2 {
    overflow: hidden;
}

.ptc_blue1 {
    color: #2475d0;
}
.ptc_blue2 {
    color: #012e57;
}

.psc .sgroup .btn_area a,
.psc .sgroup .btn_area input[type="submit"],
.psc .sgroup .btn_area button {
    display: block;
    width: 90%;
    max-width: 320px;
    padding: 25px;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    background: #2475d0;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    transition: background 300ms ease;
}
.psc .sgroup .btn_area a:hover,
.psc .sgroup .btn_area a:focus,
.psc .sgroup .btn_area input[type="submit"]:hover,
.psc .sgroup .btn_area input[type="submit"]:focus,
.psc .sgroup .btn_area button:hover,
.psc .sgroup .btn_area button:focus {
    background-color: #164e81;
}


/* --------------------------------------------------------
    -- TBANNER
-------------------------------------------------------- */
.tbanner {
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden;
    z-index: 96;
    line-height: 0;
    background: #fff;
}
.tbanner .inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.tbanner a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.tbanner a img {
    display: none;
}
.tbanner .btn_close {
    position: absolute;
    top: 5px;
    right: 0;
    overflow: hidden;
    z-index: 10;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    -webkit-transition: color 300ms ease, background 300ms, border 300ms ease;
       -moz-transition: color 300ms ease, background 300ms, border 300ms ease;
            transition: color 300ms ease, background 300ms, border 300ms ease;
}
.tbanner .btn_close:hover,
.tbanner .btn_close:focus {
    color: #fff;
    background: #2475d0;
    border-color: #2475d0;
}
.tbanner .btn_close p {
    position: relative;
    width: 35px;
    height: 35px;
    font-size: 35px;
    line-height: 35px;
}




/* --------------------------------------------------------
    -- HEADER
-------------------------------------------------------- */
#header {
    position: fixed;
    width: 100%;
    height: 155px;
    top: 0;
    left: 0;
    z-index: 97;
    background: #fff;
}
/*
.main #header {
    position: absolute;
    top: 130px;
}
.main.tb_close #header,
.main #header.sticky {
    position: fixed;
    top: 0;
}
*/
#header .inner {
    position: relative;
    height: 100%;
}


/* --------------------------------------------------------
    -- HEADER TOP
-------------------------------------------------------- */
#header .top {
    position: relative;
    width: 100%;
    height: 45px;
    z-index: 1;
    background: #012e57;
}
#header .top_left {
    float: left;
}
#header .top_right {
    float: right;
}
#header .top_left ul,
#header .top_right ul {
}
#header .top_right ul {
    display: none;
}
#header .top_right ul.active {
    display: block;
}
#header .top_left li,
#header .top_right li {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    float: left;
}
#header .top .top_left li:first-child,
#header .top .top_left li.first,
#header .top .top_right li:first-child {
    margin-left: 0;
}
#header .top .top_left li::before,
#header .top .top_right li::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    margin-top: -5px;
    top: 50%;
    left: 0;
    background: #345879;
}
#header .top .top_left li:first-child::before,
#header .top .top_left li.first::before,
#header .top .top_right li:first-child::before {
    display: none;
}
#header .top .top_left li a,
#header .top .top_right li a {
    display: block;
    height: 45px;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    -webkit-transition: color 250ms ease;
       -moz-transition: color 250ms ease;
            transition: color 250ms ease;
}
#header .top li a:hover {
    color: #eaeb7a;
}
#header .top .top_left li a i {
    display: block;
    width: 45px;
    height: 100%;
    line-height: inherit;
    font-size: 18px;
    text-align: center;
    background: #005d96;
}



/* --------------------------------------------------------
    -- HEADER BOTTOM - MENU
-------------------------------------------------------- */
#header .bottom {
    position: relative;
    height: 110px;
    background: #fff;
    border-top: 1px solid #ddd;
}
.openmenu #header .bottom {
    border-bottom: 1px solid #ddd;
}
#header .bottom h1 {
    position: absolute;
    width: 282px;
    height: 48px;
    top: 31px;
    left: 0;
    z-index: 1;
}
#header .bottom h1 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../img/common/logo.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
#header #menu {
    position: relative;
    width: calc(100% - 320px);
    margin-left: 320px;
    margin-right: 0;
    z-index: 1;
}
#header .gnbline {
    position: absolute;
    width: 100%;
    height: 0;
    top: 109px;
    left: 0;
    z-index: -1;
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 10px 3px rgba(34,31,31,0.08);
    -webkit-transition: height 150ms ease;
       -moz-transition: height 150ms ease;
            transition: height 150ms ease;
}
.openmenu #header .gnbline {
    height: 481px;
}

#header #menu #gnb {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}
#header #menu #gnb > ul > .dep1,
#header #menu #gnb > ul > .lnk_sitemap {
    position: relative;
    width: 19.4%;
    float: left;
}
#header #menu #gnb > ul > .lnk_sitemap {
    width: 3%;
}
#header #menu #gnb a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: color 250ms ease, background 250ms ease;
       -moz-transition: color 250ms ease, background 250ms ease;
            transition: color 250ms ease, background 250ms ease;
}
#header #menu #gnb .dep1 h3 {
    position: relative;
    height: 100%;
    overflow: hidden;
    font-size: 1em;
}
#header #menu #gnb .dep1 h3 a,
#header #menu #gnb .lnk_sitemap h3 a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #222;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 109px;
    text-transform: uppercase;
}
#header #menu #gnb .dep1:hover h3 a,
#header #menu #gnb .dep1.active h3 a,
#header #menu #gnb .dep1 h3.active a {
    color:  #2475d0;
}
#header #menu #gnb .dep1 h3 span {
    position: relative;
    display: inline-block;
    height: 100%;
}
#header #menu #gnb .dep1 h3 a span::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: transparent;
    opacity: 0;
    -webkit-transition: all 300ms ease;
       -moz-transition: all 300ms ease;
            transition: all 300ms ease;
}
#header #menu #gnb .dep1 h3 .toggle_gnb {
    display: none;
}
#header #menu #gnb .dep1 .dep2 {
    display: none;
    width: 100%;
    height: 480px;
    -webkit-transition: background 250ms ease;
       -moz-transition: background 250ms ease;
            transition: background 250ms ease;
}
#header #menu #gnb > ul > .dep1:hover .dep2 {
    background: #f5f5f5;
}
#header #menu #gnb li li {
    width: 100%;
    float: none;
}
#header #menu #gnb li li a {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 15px;
    color: #000;
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
    line-height: 40px;
}
#header #menu #gnb li li a:hover,
#header #menu #gnb li li.active a,
#header #menu #gnb li li.on a {
    color: #2475d0;
    /* background: #2475d0; */
}


/* --------------------------------------------------------
    -- HEADER MOBILE - MENU
-------------------------------------------------------- */
/* MOBILE MENU TOGGLE BTN */
#header #btn_m_toggle {
    position: fixed;
    width: 23px;
    height: 20px;
    top: -60px;
    left: 20px;
    z-index: 999;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: left 300ms ease, opacity 300ms ease;
       -moz-transition: left 300ms ease, opacity 300ms ease;
            transition: left 300ms ease, opacity 300ms ease;
}
#header #btn_m_toggle .toggle_group {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
#header #btn_m_toggle .toggle_group span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    border-radius: 9px;
    left: 0;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform 250ms ease;
       -moz-transition:    -moz-transform 250ms ease;
            transition:         transform 250ms ease;
}
#header #btn_m_toggle .toggle_group span:nth-child(1) { top:  1px; }
#header #btn_m_toggle .toggle_group span:nth-child(2) { top: 10px; }
#header #btn_m_toggle .toggle_group span:nth-child(3) { top: 19px; }
.open_mobilemenu #header #btn_m_toggle { top: 19px; left: 300px; }
.open_mobilemenu #header #btn_m_toggle .toggle_group span { background: #fff; }
.open_mobilemenu #header #btn_m_toggle .toggle_group span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
            transform: rotate(135deg);
}
.open_mobilemenu #header #btn_m_toggle .toggle_group span:nth-child(2) {
    opacity: 0;
    left: -30px;
}
.open_mobilemenu #header #btn_m_toggle .toggle_group span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

/* MOBILE HEADER SIDEBAR AREA */
#mobile_menu {
    position: fixed;
    width: 280px;
    height: 100%;
    padding-bottom: 10px;
    top: 0;
    left: -101%;
    z-index: 999;
    background: #fff;
    border-right: 1px solid #1f1f1f;
    -webkit-transition: left 300ms ease;
       -moz-transition: left 300ms ease;
            transition: left 300ms ease;
}
.open_mobilemenu #mobile_menu {
    left: 0;
}
#mobile_menu h1 {
    position: relative;
    width: 100%;
    height: 60px;
}
#mobile_menu h1 a {
    position: absolute;
    display: block;
    width: 118px;
    height: 32px;
    margin: -16px 0 0 -59px;
    top: 50%;
    left: 50%;
    text-indent: -9999px;
    background-image: url('../img/common/logo@3x.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
#mobile_menu .msgroup {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
    overflow: hidden;
    overflow-y: scroll;
}
.admin #mobile_menu .msgroup {
    padding-bottom: 140px;
}
#mobile_menu .colsgroup li {
    position: relative;
    width: 50%;
    float: left;
    text-align: center;
}
#mobile_menu .colsgroup li:first-child::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 12px;
    margin-top: -6px;
    top: 50%;
    right: 0;
    background: #454545;
}
#mobile_menu .colsgroup li.full_width {
    width: 100%;
    clear: left;
    background: #40b9d7;
}
#mobile_menu .colsgroup li a {
    display: block;
    padding: 0 5px;
    color: #303030;
    line-height: 39px;
    -webkit-transition: color 250ms ease, background 250ms ease;
       -moz-transition: color 250ms ease, background 250ms ease;
            transition: color 250ms ease, background 250ms ease;
}
#mobile_menu .colsgroup li.full_width a {

}
#mobile_menu .colsgroup li a:hover {
    color: #2475d0;
}

/* MOBILE LOGED AREA */
#header .mobile_loged {
    color: #fff;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
#header .mobile_loged .mob_loged {
    display: none;
}
#header .mobile_loged .mob_loged.on {
    display: block;
}
#header .mobile_loged .loged_section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding: 0 10px;
    color: #fff;
    -webkit-box-align: center;
       -moz-box-align: center;
       -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}
#header .mobile_loged .loged_icon span {
    position: absolute;
    width: 100%;
    top: -2px;
    font-size: 24px;
    text-align: center;
}
#header .mobile_loged p {
    font-size: 13px;
}

/* MOBILE MENU */
#mobile_menu #mgnb li a {
    display: block;
    padding: 10px 0 10px 15px;
    color: #8f8f8f;
    font-size: 14px;
    background: #f5f5f5;
    border-bottom: 1px solid #dcdcdc;
    -webkit-transition: color 300ms ease, background 300ms ease;
       -moz-transition: color 300ms ease, background 300ms ease;
            transition: color 300ms ease, background 300ms ease;
}
#mobile_menu #mgnb li a:hover,
#mobile_menu #mgnb li.on a {
    color: #2475d0;
}
#mobile_menu #mgnb h3 {
    position: relative;
}
#mobile_menu #mgnb h3 a {
    padding: 10px;
    color: #3f3f3f;
    font-size: 15px;
    letter-spacing: -0.05em;
    background: #f9f9f9;
}
#mobile_menu #mgnb .active h3 a {
    color: #2475d0;
}
#mobile_menu #mgnb h3 a.on,
#mobile_menu #mgnb .dep1:hover h3 a,
#mobile_menu #mgnb .dep1.openlist h3 a {
    color: #fff;
    background: rgba(36,117,208,0.75);
}
#mobile_menu .toggle_gnb {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}
#mobile_menu .btn_gnb_arrow {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
}
#mobile_menu .btn_gnb_arrow::before {
    position: absolute;
    display: block;
    content: '';
    height: 43px;
    top: 0;
    right: 15px;
    color: #8f8f8f;
    font-size: 24px;
    font-family: 'Ionicons';
    text-align: center;
    text-indent: 0;
    line-height: 43px;
    -webkit-transition: color 300ms ease, background 300ms ease, -webkit-transform 300ms ease;
       -moz-transition: color 300ms ease, background 300ms ease,    -moz-transform 300ms ease;
            transition: color 300ms ease, background 300ms ease,         transform 300ms ease;
}
#mobile_menu .dep1:hover .btn_gnb_arrow::before {
    color: #fff;
}
#mobile_menu .dep1.openlist .btn_gnb_arrow::before {
    color: #fff;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
            transform: rotate(180deg);
}
#mobile_menu #mgnb h3 a.on + .toggle_gnb .btn_gnb_arrow::before {
    color: #fff;
}
#mobile_menu #mgnb .dep2 {
    display: none;
}
#mobile_menu #mgnb .dep2 li a {
    position: relative;
    display: block;
    padding-left: 25px;
}
#mobile_menu #mgnb .dep2 li.active a {
    color: #2475d0;
}
#mobile_menu #mgnb .dep2 li a::before {
    position: absolute;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    margin-top: -2px;
    top: 50%;
    left: 15px;
    background: #8f8f8f;
    border-radius: 50%;
    -webkit-transition: background 250ms ease;
       -moz-transition: background 250ms ease;
            transition: background 250ms ease;
}
#mobile_menu #mgnb .dep2 li.active a::before {
    background: #2475d0;
}
#mobile_menu #mgnb .dep2 li a:hover::before {
    background: #2475d0;
}
.mobile_menu_overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    background: rgba(0,0,0,0.9);
}
#header .dep1 a i {
    display: none;
}




/* --------------------------------------------------------------------------------------------
    ## FOOTER
-------------------------------------------------------------------------------------------- */
#footer {
    position: relative;
    padding: 42px;
    z-index: 96;
    color: #fff;
    background: #012e57;
}
#footer a {
    color: #fff;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
#footer .inner {
    position: relative;
}
#footer .flogo {
    display: block;
    width: 234px;
    height: 40px;
    margin-bottom: 45px;
    background-image: url('../img/common/flogo.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
#footer .fnav {
    float: left;
}
#footer .fnav li {
    position: relative;
    display: block;
    height: 16px;
    margin-left: 15px;
    padding-left: 16px;
    float: left;
    font-size: 14px;
    line-height: 16px;
}
#footer .fnav li:first-child {
    margin-left: 0;
    padding-left: 0;
}
#footer .fnav li::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    top: 2px;
    left: 0;
    background: #586b83;
}
#footer .fnav li:first-child::before {
    display: none;
}
#footer .fnav li a {
    display: block;
    color: #fff;
    font-weight: 300;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
#footer .fnav li a:hover {
    color: #2475d0;
    font-weight: 500;
}
#footer .othermenu {
    position: absolute;
    top: 0;
    right: 0;
}
#footer .othermenu .omenu {
    position: relative;
    float: left;
}
#footer .othermenu .omenu1 {
    margin-right: 10px;
}
#footer .othermenu .om_btn {
    position: relative;
    display: block;
    width: 220px;
    padding: 15px;
    color: #fff;
    font-size: 1.125em;
    font-weight: 300;
    text-align: left;
    cursor: pointer;
    border: 1px solid #1b4368;
}
#footer .othermenu .om_btn i {
    position: absolute;
    top: 50%;
    right: 15px;
    line-height: 1;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
    -webkit-transition: all 300ms ease;
       -moz-transition: all 300ms ease;
            transition: all 300ms ease;
}
#footer .othermenu .om_btn.active i {
    margin-top: -9px;
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
#footer .othermenu ul {
    position: absolute;
    display: none;
    width: 100%;
    padding: 5px 0;
    left: 0;
    bottom: 100%;
    overflow: hidden;
    z-index: 1;
    background: #002241;
}
#footer .othermenu li a {
    display: block;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
}
#footer .finfo {
    float: right;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    line-height: 1.4;
}
#footer .finfo .address {
    margin-bottom: 5px;
}
#footer .finfo .number {
    margin-bottom: 10px;
}
#footer .finfo .number span:first-child {
    margin-right: 20px;
}
#footer .finfo .copyright {
    color: #5a7289;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}



/* --------------------------------------------------------------------------------------------
    ## VISUAL
-------------------------------------------------------------------------------------------- */
#visual {
    position: relative;
    width: 100%;
    height: 240px;
    margin: 0 auto 100px;
    padding: 0;
    line-height: 1.1;
    background-image: url('../img/page/page_top_bg.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid #e5e5e5;
}
#visual .inner {
    position: relative;
    height: 100%;
    z-index: 1;
}
.main #visual {
    margin-bottom: 0;
    background-image: url('../img/main/slider/visual01.jpg');
}
.main #visual,
.main #slide_wrap,
.main .swiper-container {
    height: 700px;
}
.main #visual .inner {
    position: relative;
    height: 100%;
    padding: 20px 0;
    line-height: 1.2;
}
#visual .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
#visual .swiper-slide {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
#visual .textbox {
    position: absolute;
    margin-top: -60px;
    top: 50%;
    left: 0;
    letter-spacing: -0.05em;
    opacity: 0;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
#visual .textbox.vtxt {
    -webkit-animation-name: vtxt;
            animation-name: vtxt;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
#visual .textbox h3 {
    margin-bottom: 40px;
    color: #fff;
    font-size: 54px;
    font-weight: 600;
}
#visual .textbox h3 span {
    display: block;
}
#visual .textbox p {
    color: #012e57;
    font-size: 1em;
}

/* Bullets */
#visual .swiper-pagination-group {
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0;
    bottom: 20px;
    z-index: 90;
    text-align: center;
    line-height: 25px;
}
#visual .swiper-pagination {
    position: static;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}
#visual .swiper-btn {
    display: inline-block;
    height: 25px;
    margin: 0 0 0 6px;
    padding: 0;
    vertical-align: top;
}
#visual .swiper-btn button {
    display: none;
    width: 18px;
}
#visual .swiper-btn button.show {
    display: block;
}
#visual .swiper-btn i {
    color: #fff;
    font-size: 23px;
    line-height: 25px;
}
#visual .swiper-pagination-bullet {
    position: relative;
    width: 25px;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-transition: background 300ms ease, border 300ms ease;
    -moz-transition:    background 300ms ease, border 300ms ease;
    transition:         background 300ms ease, border 300ms ease;
}
#visual .swiper-pagination-bullet:first-child {
    margin-left: 0;
}
#visual .swiper-pagination-bullet::before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: -webkit-translate(-50%, -50%);
       -moz-transform:    -moz-translate(-50%, -50%);
            transform:         translate(-50%, -50%);
}
#visual .swiper-pagination-bullet::after {
    position: absolute;
    display: block;
    content: '';
    width: 150%;
    height: 1px;
    top: 50%;
    left: -100%;
    z-index: -1;
    background: #fff;
}
#visual .swiper-pagination-bullet:first-child::after {
    display: none;
}
#visual .swiper-pagination-bullet-active,
#visual .swiper-pagination-bullet:hover,
#visual .swiper-pagination-bullet-active:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    border-color: #fff;
}
#visual .swiper-pagination-bullet:hover,
#visual .swiper-pagination-bullet-active:hover {
    background: rgba(255,255,255,0.35);
}
/* Arrows */
#visual .swiper-button-prev,
#visual .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    color: #fff;
    background: rgba(0,0,0,0.35);
    border: 3px solid #fff;
    -webkit-transition: background 300ms ease, border 300ms ease;
    -moz-transition:    background 300ms ease, border 300ms ease;
    transition:         background 300ms ease, border 300ms ease;
}
#visual .swiper-button-prev.swiper-button-disabled,
#visual .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    cursor: auto;
    pointer-events: none;
}
#visual .swiper-button-prev,
#visual .swiper-container-rtl .swiper-button-next {
    left: -100px;
    right: auto;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: left 300ms ease, opacity 300ms ease;
       -moz-transition: left 300ms ease, opacity 300ms ease;
            transition: left 300ms ease, opacity 300ms ease;
}
#visual:hover .swiper-button-prev,
#visual:hover .swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto;
}
#visual .swiper-button-next,
#visual .swiper-container-rtl .swiper-button-prev {
    right: -100px;
    left: auto;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: right 300ms ease, opacity 300ms ease;
       -moz-transition: right 300ms ease, opacity 300ms ease;
            transition: right 300ms ease, opacity 300ms ease;
}
#visual:hover .swiper-button-next,
#visual:hover .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto;
}

#visual:hover .swiper-button-prev:hover,
#visual:hover .swiper-container-rtl .swiper-button-next:hover,
#visual:hover .swiper-button-next:hover,
#visual:hover .swiper-container-rtl .swiper-button-prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

#visual .swiper-button-prev,
#visual .swiper-container-rtl .swiper-button-next,
#visual .swiper-button-next,
#visual .swiper-container-rtl .swiper-button-prev,
#visual .swiper-button-prev.swiper-button-black,
#visual .swiper-container-rtl .swiper-button-next.swiper-button-black,
#visual .swiper-button-prev.swiper-button-white,
#visual .swiper-container-rtl .swiper-button-next.swiper-button-white,
#visual .swiper-button-next.swiper-button-black,
#visual .swiper-container-rtl .swiper-button-prev.swiper-button-black,
#visual .swiper-button-next.swiper-button-white,
#visual .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: none;
}
#visual .swiper-button-prev::after, #visual .swiper-container-rtl #visual .swiper-button-next::after,
#visual .swiper-button-next::after, #visual .swiper-container-rtl #visual .swiper-button-prev::after {
    content: '' !important;
}
#visual .arrow-icon-position {
    position: relative;
    width: 100%;
    height: 100%;
}
#visual .arrow-icon-position span {
    position: absolute;
    display: block;
    height: 30px;
    margin-top: -15px;
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 30px;
    text-align: center;
    -webkit-transition: color 300ms ease;
    -moz-transition:    color 300ms ease;
    transition:         color 300ms ease;
}
/*
#visual .swiper-button-prev:hover,
#visual .swiper-button-next:hover {
    background: rgba(0,0,0,0.7);
    border-color: #2475d0;
}
#visual .swiper-button-prev::before,
#visual .swiper-button-next::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid #2475d0;
    opacity: 0;
    -webkit-transition: all 300ms ease;
       -moz-transition: all 300ms ease;
            transition: all 300ms ease;
}
#visual .swiper-button-prev:hover::before,
#visual .swiper-button-next:hover::before {
    opacity: 1;
}
#visual .swiper-button-prev:hover span,
#visual .swiper-button-next:hover span {
    color: #fff;
}
*/


#visual .inner .ptitle {
    position: absolute;
    margin-top: -25px;
    top: 50%;
    left: 2.5%;
    right: 2.5%;
    color: #fff;
    font-size: 2.5em;
    font-weight: 500;
    text-align: center;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
#visual .location {
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    line-height: 50px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
}
#visual .location nav,
#visual .location .depth_01 {
    position: relative;
    height: 50px;
    padding: 0;
    float: left;
}
#visual .location .depth_01::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background: #e5e5e5;
}
#visual .location .depth_01:first-child {
    width: 50px;
    padding: 0;
    text-align: center;
}
#visual .location .depth_01 button {
    position: relative;
    display: block;
    height: 100%;
    padding: 0 25px;
    overflow: hidden;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
#visual .location .depth_01 button:hover {
    color: #2475d0;
}
#visual .location .depth_01 button::after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background: #2475d0;
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
       -moz-transition: opacity 300ms ease;
            transition: opacity 300ms ease;
}
#visual .location .depth_01 button:hover::after,
#visual .location .depth_01 button.active::after {
    opacity: 1;
}
#visual .location .depth_02 {
    position: absolute;
    display: none;
    top: 100%;
    left: -1px;
    right: 0;
    overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 40px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
}
#visual .location .depth_02 li {
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
}
#visual .location .depth_02 li a {
    display: block;
    text-transform: uppercase;
}
#visual .location .depth_02.active {
    display: block;
    overflow: visible;
}



/* --------------------------------------------------------------------------------------------
    ## SITEMAP
-------------------------------------------------------------------------------------------- */
.sitemap {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow-y: auto;
    z-index: 1000;
    background: rgba(0,0,0,0.86);
}
.sitemap .inner {
    max-width: 1520px;
}
.sitemap .group {
    width: 100%;
    margin-top: 60px;
    padding-bottom: 30px;
    /*
    top: 50%;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
    */
}
.sitemap .logo {
    position: relative;
    width: 290px;
    height: 50px;
    margin: 0 auto 70px;
}
.sitemap .logo a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../img/common/slogo.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.sitemap .gnb a {
    color: #fff;
    font-weight: 500;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.sitemap .gnb a:hover {
    color: #2475d0;
}
.sitemap .dep1 {
    width: 16.8%;
    margin-left: 4%;
    float: left;
}
.sitemap .dep1:first-child {
    margin-left: 0;
}
.sitemap .dep1 h3 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 22px;
    border-bottom: 4px solid #2475d0;
}
.sitemap .dep2 > li:first-child {
    margin-top: 0;
}
.sitemap .dep2 > li {
    margin-top: 15px;
}
.sitemap .dep2 a {
    font-size: 18px;
}
.sitemap .dep3 li {
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
    color: #9f9f9f;
    font-size: 16px;
}
.sitemap .dep3 li::before {
    position: absolute;
    display: block;
    content: '-';
    left: 0;
}
.sitemap .cls_sitemap {
    position: absolute;
    display: block;
    top: 70px;
    right: 70px;
    z-index: 1;
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.sitemap .cls_sitemap:hover {
    color: #2475d0;
}



/* --------------------------------------------------------------------------------------------
    ## SIDEBAR
-------------------------------------------------------------------------------------------- */
.btn_sidebar {
    position: fixed;
    display: none !important;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 110px;
    z-index: 97;
    font-size: 30px;
    line-height: 30px;
    -webkit-transition: right 300ms ease;
       -moz-transition: right 300ms ease;
            transition: right 300ms ease;
}
.btn_sidebar .btn_open {
    display: none;
}
.sidebar_close .btn_sidebar .btn_open {
    display: block;
}
.sidebar_close .btn_sidebar .btn_close {
    display: none;
}
.sidebar_close .btn_sidebar {
    right: 10px;
}
.open_mobilemenu .btn_sidebar {
    right: -100%;
}
.sidebar {
    position: fixed;
    display: none !important;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: 97;
    background: rgba(0,0,0,0.75);
    border-left: 1px solid rgba(0,0,0,0.9);
    -webkit-transition: right 300ms ease;
       -moz-transition: right 300ms ease;
            transition: right 300ms ease;
}
.sidebar_close .sidebar,
.open_mobilemenu .sidebar {
    right: -101%;
}
.sidebar .group {
    position: relative;
    width: ;
    height: 100%;
}
.sidebar ul {
    margin-top: 60px;
}
.sidebar li {
    border-bottom: 1px solid rgba(255,255,255,0.35);
}
.sidebar li:first-child {
    border-top: 1px solid rgba(255,255,255,0.35);
}
.sidebar a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
}




/* --------------------------------------------------------------------------------------------
    ## TOP BUTTON
-------------------------------------------------------------------------------------------- */
.pageup {
    position: fixed;
    display: none;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 210px;
    overflow: hidden;
    z-index: 98;
}
.pageup button {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    background: #69a3d8;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.pageup button:hover {
    background: #164e81;
}




/* --------------------------------------------------------------------------------------------
    ## CONTAINER
-------------------------------------------------------------------------------------------- */
#container,
#content {
    position: relative;
}
#container {
    margin-bottom: 100px;
}
.main #container {
    margin-bottom: 0;
}
#content {
    min-height: 650px;
}




/* --------------------------------------------------------------------------------------------
    ## INDEX
-------------------------------------------------------------------------------------------- */
.main {}
.main [class*='msection'] {
    padding: 90px 0;
}
.ms01 {
    padding: 65px 0;
}
.ms01 .quicklnk {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.ms01 .lnk {
    display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}
.ms01 .lnk .ico {
    display: block;
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    line-height: 0;
    background-color: #f5f5f5;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.ms01 .lnk:hover .ico {
    background-color: #2475d0;
}
.ms01 .lnk .ico01 {background-image: url('../img/main/ms01_quick_01.png');}
.ms01 .lnk .ico02 {background-image: url('../img/main/ms01_quick_02.png');}
.ms01 .lnk .ico03 {background-image: url('../img/main/ms01_quick_03.png');}
.ms01 .lnk .ico04 {background-image: url('../img/main/ms01_quick_04.png');}
.ms01 .lnk .ico05 {background-image: url('../img/main/ms01_quick_05.png');}
.ms01 .lnk .ico06 {background-image: url('../img/main/ms01_quick_06.png');}
.ms01 .lnk .ico07 {background-image: url('../img/main/ms01_quick_07.png');}
.ms01 .lnk .ico08 {background-image: url('../img/main/ms01_quick_08.png');}
.ms01 .lnk span {
    font-size: 1em;
}
.ms01 .quicklnk_btn {
    width: 100%;
}
.ms01 .quicklnk_btn .owl-prev {
    left: 0;
}
.ms01 .quicklnk_btn .owl-next {
    right: 0;
}
.ms01 .quicklnk_btn button {
    position: absolute;
    margin-top: -16px;
    top: 50%;
    color: #999;
    font-size: 24px;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.ms01 .quicklnk_btn:hover button {
    color: #2475d0;
}


.main .ms02 {
    padding: 0;
}
.ms02 .group01 {
    width: 39.6875%;
    margin-left: 25.78125%;
    float: left;
}
.ms02 .group01 .tab_btn {
    position: relative;
    margin-bottom: 25px;
    font-size: 1.125em;
}
.ms02 .group01 .tab_btn button {
    position: relative;
    display: block;
    margin-left: 10px;
    padding: 10px 20px;
    float: left;
    border-radius: 30px;
    -webkit-transition: color 250ms ease 100ms, background 250ms ease 100ms;
       -moz-transition: color 250ms ease 100ms, background 250ms ease 100ms;
            transition: color 250ms ease 100ms, background 250ms ease 100ms;
}
.ms02 .group01 .tab_btn button:first-child {
    margin-left: 0;
}
.ms02 .group01 .tab_btn button:hover,
.ms02 .group01 .tab_btn button.active {
    color: #fff;
    background: #005d96;
    -webkit-transition: color 250ms ease 0ms, background 250ms ease 0ms;
       -moz-transition: color 250ms ease 0ms, background 250ms ease 0ms;
            transition: color 250ms ease 0ms, background 250ms ease 0ms;
}
.ms02 .group01 .tab_btn button::after,
.ms02 .group01 .tab_btn button::after {
    position: absolute;
    display: block;
    content: '';
    width: 13px;
    height: 13px;
    left: 50%;
    bottom: 1px;
    background: #005d96;
    opacity: 0;
    -webkit-transform: rotate(45deg) -webkit-translateX(-50%);
       -moz-transform: rotate(45deg)    -moz-translateX(-50%);
            transform: rotate(45deg)         translateX(-50%);
    -webkit-transition: bottom 250ms ease 0ms, opacity 250ms ease 0ms;
       -moz-transition: bottom 250ms ease 0ms, opacity 250ms ease 0ms;
            transition: bottom 250ms ease 0ms, opacity 250ms ease 0ms;
}
.ms02 .group01 .tab_btn button:hover::after,
.ms02 .group01 .tab_btn button.active::after {
    bottom: -9px;
    opacity: 1;
    -webkit-transition: bottom 250ms ease 50ms, opacity 250ms ease 50ms;
       -moz-transition: bottom 250ms ease 50ms, opacity 250ms ease 50ms;
            transition: bottom 250ms ease 50ms, opacity 250ms ease 50ms;
}
.ms02 .group01 .more_btn a {
    position: absolute;
    display: none;
    padding: 10px;
    top: 0;
    right: 0;
    color: #000;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.ms02 .group01 .more_btn a:hover {
    color: #005d96;
}
.ms02 .group01 .more_btn a.active {
    display: block;
}
.ms02 .group01 .bbs_tab_con {
    display: none;
}
.ms02 .group01 li {
    position: relative;
    margin-top: 19px;
}
.ms02 .group01 li a {
    display: block;
    padding: 0 90px 0 10px;
    color: #000;
    font-size: 1em;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.ms02 .group01 li a::before {
    position: absolute;
    display: block;
    content: '';
    width: 2px;
    height: 2px;
    margin-top: -1px;
    top: 50%;
    left: 0;
    background: #000;
    border-radius: 50%;
}
.ms02 .group01 li p {
    height: 18px;
    line-height: 18px;
}
.ms02 .group01 li .subject {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ms02 .group01 li .cont {
    display: none;
}
.ms02 .group01 li .date {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    font-size: 0.875em;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.ms02 .group01 li .date2 {
    display: none;
}
.ms02 .group01 li a:hover,
.ms02 .group01 li a:hover .date {
    color: #2475d0;
}
/* 첫번째 목록 디자인 */
.ms02 .group01 li:first-child {
    height: 92px;
    margin-top: 0;
}
.ms02 .group01 li:first-child .subject {
    font-size: 1.125em;
    font-weight: 500;
}
.ms02 .group01 li:first-child .cont {
    display: block;
    color: #777;
}
.ms02 .group01 li:first-child .date {
    display: none;
}
.ms02 .group01 li:first-child .date2 {
    position: absolute;
    display: block;
    width: 86px;
    height: 92px;
    top: 0;
    left: 0;
}
.ms02 .group01 li:first-child .date_group {
    position: relative;
    width: 100%;
    height: 100%;
    border: 6px solid #e5e5e5;
}
.ms02 .group01 li:first-child .day {
    position: absolute;
    width: 100%;
    margin-top: -12px;
    top: 50%;
    left: 0;
    color: #005d96;
    font-size: 2.25em;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.06em;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
.ms02 .group01 li:first-child .bottom {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 10px;
    color: #999;
    font-size: 14px;
    text-align: center;
    letter-spacing: -0.025em;
}
.ms02 .group01 li:first-child {
    padding: 0;
}
.ms02 .group01 li:first-child a {
    margin-left: 100px;
    padding: 10px 0;
}
.ms02 .group01 li:first-child a .subject,
.ms02 .group01 li:first-child a .cont {
    margin-left: 100px;
    padding-right: 0;
}
.ms02 .group01 li:first-child a .subject {
    width: 100%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ms02 .group01 li:first-child a .cont {
    display: -webkit-box;
    width: 100%;
    height: 2.7em;
    margin: 15px auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.ms02 .group02 {
    position: absolute;
    width: 21.71875%;
    padding: 25px 20px;
    top: 0;
    left: 0;
    background: #f4f4f4;
}

.ms02 .group03 {
    width: 30.46875%;
    margin-left: 4.0625%;
    padding: 25px 20px;
    float: right;
    background: #f4f4f4;
}

.ms02 .group .mst {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}
.ms02 .group .mst h4 {
    height: 20px;
    color: #000;
    font-size: 1.125em;
    font-weight: 500;
    line-height: 20px;
}
.ms02 .group .mst .btn_group {
    position: absolute;
    height: 18px;
    top: 1px;
    right: 0;
}
.ms02 .group .mst button {
    display: block;
    width: 18px;
    height: 18px;
    margin-left: 7px;
    float: left;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    background: #cfcfcf;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.ms02 .group .mst button:first-child {
    margin-left: 0;
}
.ms02 .group .mst button:hover {
    background: #005d96;
}
.ms02 .group .mst button.play {
    display: none;
}
.ms02 .banner {
    line-height: 0;
    border: 1px solid #c1c1c1;
}




.ms03 {
    
}
.ms03 .mstitle {
    margin-bottom: 30px;
    color: #000;
    font-size: 2.25em;
    font-weight: 500;
    text-align: center;
}
.ms03 .mstitle span {
    color: #01669a;
}
.ms03 .tab_menu {
    margin-bottom: 35px;
    text-align: center;
}
.ms03 .tab_menu .tab_btn {
    position: relative;
    display: inline-block;
    margin-left: -5px;
    padding: 12px 16px;
    background: transparent;
    border: 1px solid #e5e5e5;
    border-left: 0;
    -webkit-transition: color 300ms ease, background 300ms ease, border 300ms ease;
       -moz-transition: color 300ms ease, background 300ms ease, border 300ms ease;
            transition: color 300ms ease, background 300ms ease, border 300ms ease;
}
.ms03 .tab_menu .tab_btn:first-child {
    margin-left: 0;
    border-left: 1px solid #e5e5e5;
}
.ms03 .tab_menu .tab_btn:hover {
    color: #01669a;
}
.ms03 .tab_menu .active,
.ms03 .tab_menu .active:hover {
    z-index: 1;
    color: #fff;
    background: #01669a;
    border-color: #01669a;
}
.ms03 .tab_cont {
    display: none;
}
.ms03 .tab_cont .item {
    width: 23.5%;
    margin-left: 2%;
    padding: 7px;
    float: left;
}
.ms03 .tab_cont .item:first-child {
    margin-left: 0;
}
.ms03 .tab_cont .item a {
    display: block;
    border: 1px solid #e5e5e5;
    -webkit-transition: border 300ms ease, box-shadow 300ms ease;
    -moz-transition: border 300ms ease, box-shadow 300ms ease;
    transition: border 300ms ease, box-shadow 300ms ease;
}
.ms03 .tab_cont .item a:hover {
    /*box-shadow: 0 5px 18px 3px rgba(34,31,31,0.15);*/
    box-shadow: 7px 7px 0 #2475d0;
    border-color: #2475d0;
}
.ms03 .tab_cont .item .image_area {
    display: block;
    width: 100%;
    height: 190px;
    line-height: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.ms03 .tab_cont .item .txt_area {
    padding: 20px;
    line-height: 1.4;
    background: #fff;
    /*border: 1px solid #e5e5e5;*/
    border-top: 0;
}
.ms03 .tab_cont .item p {
    font-size: 1em;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.ms03 .tab_cont .item .cate {
    color: #005d96;
}
.ms03 .tab_cont .item .cont {
    display: -webkit-box;
    width: 100%;
    height: 2.7em;
    margin: 15px auto 10px;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ms03 .tab_cont .item .date {
    color: #999;
}
.ms03 .tab_cont .item a:hover .cont {
    color: #2475d0;
}


.ms04 {
    background: #f5f5f5;
}


.msection .title_area {
    position: absolute;
    width: 250px;
    top: 0;
    left: 0;
    bottom: 0;
}
.msection .title_area .group {
    position: relative;
    width: 100%;
    height: 100%;
}
.msection .title_area h3 {
    margin-bottom: 20px;
    color: #000;
    font-size: 2.25em;
    font-weight: 500;
    line-height: 1.4;
}
.msection .title_area p {
    color: #999;
    line-height: 1.6;
}
.msection .title_area h3 span,
.msection .title_area p span {
    display: block;
    letter-spacing: -0.05em;
}
.msection .mcs_btn button {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    bottom: 7px;
    color: #c4c4c4;
    font-size: 25px;
    text-align: center;
    background: #fff;
    border: 1px solid #c4c4c4;
    -webkit-transition: box-shadow 300ms ease;
       -moz-transition: box-shadow 300ms ease;
            transition: box-shadow 300ms ease;
}
.msection .owl-next {
    right: 0;
}
.msection .mcs_btn button:hover {
    box-shadow: 4px 4px 6px rgba(0,0,0,0.2);
}
.msection .mcs_counter {
    position: absolute;
    left: 50%;
    bottom: 7px;
    -webkit-transform: -webkit-translateX(-50%);
       -moz-transform:    -moz-translateX(-50%);
            transform:         translateX(-50%);
}
.msection .mcs_counter .cgroup {
    position: relative;
}
.msection .mcs_counter span {
    position: absolute;
    display: block;
    line-height: 1.1;
}
.msection .mcs_counter .itemindex {
    margin-left: -43px;
    left: 50%;
    bottom: 15px;
    color: #69a3d8;
    font-size: 2.25em;
    letter-spacing: -0.075em;
}
.msection .mcs_counter .slash {
    width: 39px;
    height: 1px;
    margin-left: -2px;
    left: 50%;
    bottom: 35px;
    background: #000;
    transform: rotate(-45deg) translateX(-50%);
}
.msection .mcs_counter .itemcount {
    margin-right: -43px;
    right: 50%;
    bottom: 0;
    color: #000;
    font-size: 1.75em;
    letter-spacing: -0.05em;
}
.msection .mcs {
    display: block;
    width: auto;
    margin-left: 315px;
}
.msection .mcs .item {
    padding: 0 7px 7px 0;
}
.msection .mcs .item a {
    display: block;
    border: 1px solid #e5e5e5;
    -webkit-transition: border 300ms ease, box-shadow 300ms ease;
       -moz-transition: border 300ms ease, box-shadow 300ms ease;
            transition: border 300ms ease, box-shadow 300ms ease;
}
.msection .mcs .item .image_area {
    display: block;
    width: 100%;
    height: 190px;
    line-height: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.msection .mcs .item .txt_area {
    padding: 20px;
    line-height: 1.4;
    background: #fff;
}
.msection .mcs .item p {
    font-size: 1em;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.msection .mcs .item .cate {
    color: #005d96;
}
.msection .mcs .item .cont {
    display: -webkit-box;
    width: 100%;
    height: 2.7em;
    margin: 15px auto 10px;
    overflow: hidden;
    color: #000;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.msection .mcs .item .date {
    color: #999;
}
.msection .mcs .item a:hover {
    border-color: #2475d0;
    box-shadow: 7px 7px 0 #2475d0;
}
.msection .mcs .item a:hover .cont {
    color: #2475d0;
}


.main .ms06 {
    padding: 35px;
    color: #fff;
    background: #0a3c69;
}
.main .ms06 .inner {
    width: 100%;
}
.ms06 .item {
    width: 23.5%;
    margin: 2% 0 0 2%;
    float: left;
}
.ms06 .item01,
.ms06 .item02,
.ms06 .item03,
.ms06 .item04 {
    margin-top: 0;
}
.ms06 .item:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
}
.ms06 .item a {
    display: block;
    width: 100%;
    padding: 25px 5px;
    color: #fff;
    font-size: 1.375em;
    text-align: center;
    background: #164e81;
    -webkit-transition: color 300ms ease, background 300ms ease;
       -moz-transition: color 300ms ease, background 300ms ease;
            transition: color 300ms ease, background 300ms ease;
}
.ms06 .item a:hover {
    background: #2475d0;
}



/* --------------------------------------------------------------------------------------------
    ## PAGE
-------------------------------------------------------------------------------------------- */
/* PAGE TITLE DESIGN */
.pstitle h3 {
    position: relative;
    padding-top: 35px;
    color: #000;
    font-size: 1.875em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    background-image: url('../img/page/pstitle.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 18px 16px;
}
.pstitle,
.psc_first {
    margin-bottom: 50px;
}
.psc_title {
    position: relative;
    margin-bottom: 15px;
    padding-left: 45px;
    background-image: url('../img/page/psc_title.png');
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 34px 26px;
}
.psc_title h4 {
    color: #000;
    font-size: 1.5em;
    font-weight: 500;
}
.psc_stitle {
    margin-left: 45px;
    margin-bottom: 15px;
    font-size: 1.125em;
}


/* PAGE LIST STYLE DESIGN */
.psc_dot,
.psc_dot1,
.psc_dot2,
.psc_dot3,
.psc_dot4,
.psc_line,
.psc_line1,
.psc_line2,
.psc_line3,
.psc_line4,
.psc_stara,
.psc_stara1,
.psc_stara2,
.psc_stara3,
.psc_stara4,
.psc_starb,
.psc_starb1,
.psc_starb2,
.psc_starb3,
.psc_starb4,
.psc_square {
    position: relative;
    padding-left: 15px;
    line-height: 1.6;
}
.psc_square {
    padding-left: 20px;
}
.psc_starb,
.psc_starb1,
.psc_starb2,
.psc_starb3,
.psc_starb4 {
    padding-left: 25px;
}
.psc_dot1,
.psc_line1,
.psc_stara1,
.psc_starb1 {
    margin-left: 45px;
}
.psc_dot2,
.psc_line2,
.psc_stara2,
.psc_starb2 {
    margin-left: 60px;
}
.psc_dot3,
.psc_line3,
.psc_stara3,
.psc_starb3 {
    margin-left: 75px;
}
.psc_dot4,
.psc_line4,
.psc_stara4,
.psc_starb4 {
    margin-left: 100px;
}
.psc_dot::before,
.psc_dot1::before,
.psc_dot2::before,
.psc_dot3::before,
.psc_dot4::before,
.psc_line::before,
.psc_line1::before,
.psc_line2::before,
.psc_line3::before,
.psc_line4::before,
.psc_stara::before,
.psc_stara1::before,
.psc_stara2::before,
.psc_stara3::before,
.psc_stara4::before,
.psc_starb::before,
.psc_starb1::before,
.psc_starb2::before,
.psc_starb3::before,
.psc_starb4::before,
.psc_square::before {
    position: absolute;
    display: block;
    content: '·';
    top: 0;
    left: 0;
    line-height: 1.6;
}
.psc_line::before,
.psc_line1::before,
.psc_line2::before,
.psc_line3::before,
.psc_line4::before {
    content: '-';
}
.psc_stara::before,
.psc_stara1::before,
.psc_stara2::before,
.psc_stara3::before,
.psc_stara4::before {
    content: '*';
}
.psc_starb::before,
.psc_starb1::before,
.psc_starb2::before,
.psc_starb3::before,
.psc_starb4::before {
    content: '※';
}
.psc_square::before {
    content: '■';
    transform: scale(0.5);
}


/* PAGE TOP TAB DESIGN */
.psc_top .inner {
    border: 1px solid #ccc;
}

.psc_first li,
.psc_first .tab_menu button {
    position: relative;
    width: 33.333333333333333%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 1;
}
.psc_first li::before,
.psc_first .tab_menu button::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #ccc;
}
.psc_first li:nth-child(3n+1)::before,
.psc_first .tab_menu button:nth-child(3n+1)::before {
    display: none;
}
.psc_first.psc25 li {
    width: 50%;
}
.psc_first.psc25 li:nth-child(2n+1)::before,
.psc_first .tab_menu button:nth-child(2n+1)::before {
    display: none;
}
.psc_first li a,
.psc_first .tab_menu button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 5px;
}
.psc_first li,
.psc_first li a,
.psc_first .tab_menu button {
    color: #333;
}
.psc_first li a:hover,
.psc_first .tab_menu button:hover {
    color: #2475d0;
}
.psc_first li.current,
.psc_first li.current a,
.psc_first li.current a:hover,
.psc_first .tab_menu button.active,
.psc_first .tab_menu button:hover {
    color: #fff;
    background: #2475d0;
}


/* PAGE SECTION CONTENT GROUP */
.psc .sgroup,
.psc54_12_01 {
    margin-top: 60px;
}
.psc .sgroup:first-child {
    margin-top: 0;
}
.bigtitle {
    margin-bottom: 30px;
    color: #012e57;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
}


/* PAGE BOX DESIGN */
.blue_box {
    padding: 20px 10px;
    color: #fff;
    background: #012e57;
}
.border_box {
    padding: 40px;
    border: 5px solid #e5e5e5;
}
.radius_box {
    position: relative;
    width: 100%;
    padding: 50px 75px;
    border: 5px solid #69a3d8;
    border-radius: 100px;
}
.radius_box .rtitle {
    position: absolute;
    font-size: 1.5em;
    font-weight: 500;
}
.radius_box p {
    margin-left: 150px;
    font-size: 1.125em;
}
.gray_box {
    position: relative;
    padding: 30px;
    background: #f8f8f8;
}
.gray_box .sgroup {
    position: relative;
    margin-top: 30px;
    padding: 30px 75px;
    font-size: 1em;
    background: #fff;
}
.gray_box .sgroup:first-child {
    margin-top: 0;
}
.gray_box .sgroup .num {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 1.125em;
    text-align: center;
    line-height: 45px;
    background: #2475d0;
}
.gray_box .sgroup .gbtitle {
    margin-bottom: 20px;
    color: #2475d0;
    font-size: 1.25em;
    font-weight: 600;
}
.gray_box .sgroup:nth-child(2n) .num {
    background: #012e57;
}
.gray_box .sgroup:nth-child(2n) .gbtitle {
    color: #012e57;
}
.gray_box .sgroup .table_area {
     margin-top: 30px;
}
.gray_box .sgroup table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.gray_box .sgroup table th {
    padding: 25px 5px;
    color: #fff;
    font-size: 1.125em;
    font-weight: 500;
    background: #2475d0;
    border: 1px solid #dadada;
}
.gray_box .sgroup table td {
    padding: 20px 5px;
    text-align: center;
    border: 1px solid #dadada;
    border-top: 0;
}
.gray_box .sgroup .help {
    margin-top: 20px;
}

.gray_box .pac_icont {
    margin-top: 20px;
}
.gray_box .ilist {
    margin: 25px 0 0 2%;
    float: left;
}
.gray_box .cols3 .ilist {
    width: 32%;
}
.gray_box .cols3 .ilist:nth-child(3n+1){
    margin-left: 0;
}
.gray_box .cols3 .ilist:nth-child(1),
.gray_box .cols3 .ilist:nth-child(2),
.gray_box .cols3 .ilist:nth-child(3) {
    margin-top: 0;
}
.gray_box .cols4 .ilist {
    width: 23.5%;
}
.gray_box .cols4 .ilist:nth-child(4n+1){
    margin-left: 0;
}
.gray_box .cols4 .ilist:nth-child(1),
.gray_box .cols4 .ilist:nth-child(2),
.gray_box .cols4 .ilist:nth-child(3),
.gray_box .cols4 .ilist:nth-child(4) {
    margin-top: 0;
}
.gray_box .ilist .image_area {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 0;
}
.gray_box .ilist p {
    color: #012e57;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
}
.gray_border_box {
    position: relative;
    padding: 30px;
    border: 5px solid #e5e5e5;
}
.gray_border_box p {
    font-size: 1.125em;
}



/* PAGE BOX-TYPE STEP LIST : ARROW-BOTTOM */
.step_list .list {
    position: relative;
}
.step_list .gap {
    width: 100%;
    height: 46px;
    text-align: center;
    line-height: 46px;
    clear: both;
}
.step_list .list .ltit {
    width: 30%;
    padding: 15px 10px;
    float: left;
    color: #fff;
    text-align: center;
    background: #2475d0;
    border: 4px solid #2475d0;
}
.step_list .list .rcon {
    width: 70%;
    padding: 15px 40px;
    float: left;
    border: 4px solid #e5e5e5;
    border-left: 0;
}


/* GRID SYSTEM */
.colgroup3 .item {
    width: 32%;
    margin: 3.5% 0 0 2%;
    padding: 0 7px 7px;
    float: left;
}
.colgroup3 .item:nth-child(1),
.colgroup3 .item:nth-child(2),
.colgroup3 .item:nth-child(3) {
    margin-top: 0;
}
.colgroup3 .item:nth-child(3n+1){
    margin-left: 0;
    clear: both;
}
.colgroup3 .item a {
    position: relative;
    display: block;
    border: 1px solid #e5e5e5;
    -webkit-transition: border 300ms ease, box-shadow 300ms ease;
       -moz-transition: border 300ms ease, box-shadow 300ms ease;
            transition: border 300ms ease, box-shadow 300ms ease;
}
.colgroup3 .item .image_area {
    display: block;
    width: 100%;
    line-height: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.colgroup3 .item .txt_area {
    padding: 20px;
    line-height: 1.4;
    background: #fff;
}
.colgroup3 .item p {
    font-size: 1em;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.colgroup3 .item .cate {
    color: #005d96;
    font-size: 1em;
}
.colgroup3 .item .cont {
    width: 100%;
    margin: 15px auto 10px;
    overflow: hidden;
    color: #000;
    font-size: 1.25em;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.colgroup3 .item .date {
    color: #999;
    font-size: 14px;
}
.colgroup3 .item a:hover {
    border-color: #2475d0;
    box-shadow: 7px 7px 0 #2475d0;
}
.colgroup3 .item a:hover .cont {
    color: #2475d0;
}


/* PAGE TABLE */
.psc .itbl {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.psc .itbl th,
.psc .itbl td {
    padding: 20px 40px;
    border: 1px solid #ccc;
    border-right: 0;
}
.psc .itbl th {
    font-weight: 500;
    border-top: 2px solid #000;
    border-bottom: 0;
}
.psc .itbl th:first-child,
.psc .itbl td:first-child {
    border-left: 0;
}
.psc .itbl td:first-child {
    text-align: center;
    background: #f8f8f8;
    border-left: 0;
}


.psc10 {}
.psc10.psc_top li {
    width: 25%;
    padding: 0;
    border-top: 1px solid #ccc;
    border-left: 0;
}
.psc10.psc_top li:nth-child(1),
.psc10.psc_top li:nth-child(2),
.psc10.psc_top li:nth-child(3),
.psc10.psc_top li:nth-child(4) {
    border-top: 0;
}
.psc10.psc_top::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #ccc;
}
.psc10.psc_top li:nth-child(3n+1)::before {
    display: block;
}
.psc10.psc_top li:nth-child(4n+1)::before {
    display: none;
}
.psc10.psc_top li a {
    padding: 30px 5px;
}
.psc10.psc_top li a i {
    line-height: 0;
}
.psc10.detail .blue_box {
    margin-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
}
.psc10.detail .blue_box:first-child {
    margin-top: 0;
}
.psc10.detail .psc_line1 {
    margin-left: 15px;
}
.psc10.detail .itbl .w1 {width: 20%; text-align: center;}
.psc10.detail .itbl .w2 {width: 20%; text-align: center;}
.psc10.detail .itbl .w3 {width: 20%; text-align: center;}
.psc10.detail .itbl .w4 {width: 40%;}


.psc20 {}
.psc20.psc_top li {
    padding: 0;
}
.psc20.psc_top li a {
    padding: 30px 5px;
}
.psc20 .psc_cont,
.psc30 .psc_cont,
.psc50 .psc_cont {
    font-size: 1.125em;
}
.psc20 .sgroup06 .itbl {
    margin-bottom: 30px;
}
.psc20.ibbs_gallery .anchorbox .ilist_subject h3 {
    padding: 25px 15px;
    text-align: center;
}
.psc20_write .list {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.psc20_write .list:first-child {
    border-top: 1px solid #ccc;
}
.psc20_write .sgl_tit {
    position: absolute;
    width: 230px;
    height: 100%;
    background: #f8f8f8;
}
.psc20_write .sgl_tit .pos {
    position: relative;
    width: 100%;
    height: 100%;
}
.psc20_write .sgl_tit strong {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
.psc20_write .sgl_con {
    width: 100%;
    padding: 25px 25px 25px 260px;
}
.psc20_write .sgl_con input,
.psc20_write .sgl_con select {
    padding: 7px 15px;
    border: 1px solid #999;
}
.psc20_write .sgl_con input:focus,
.psc20_write .sgl_con select:focus {
    outline: 1px solid #000;
}
.psc20_write .sgl_con input {
    width: 100%;
    max-width: 343px;
}
.psc20_write .sgl_con input.calendar,
.psc20_write .sgl_con select.time {
    max-width: 180px;
}
.psc20_write .sgl_con select.time {
    width: 180px;
}
.psc20_write .sgl_con .cgroup {
    float: left;
}
.psc20_write .sgl_con .cgroup:first-child {
    margin-right: 10px;
}
.psc20_write .sgl_con .colspan {
    position: relative;
    display: inline-block;
}
.psc20_write .sgl_con label {
    position: absolute;
    display: block;
    width: 39px;
    top: 1px;
    bottom: 1px;
    right: 1px;
    cursor: pointer;
    text-align: center;
    line-height: 39px;
    background: #e5e5e5;
}
.psc20_write .sgl_con .name {
    max-width: 343px;
}
.psc20_write .sgl_con .tel_num {
    max-width: 100px;
    text-align: center;
}
.psc20_write .sgl_con select {
    position: relative;
    padding-right: 35px;
    background: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
            appearance: none;
}
.psc20_write .sgl_con .gap {
    display: inline-block;
    margin: 0 5px;
    padding: 7px 0;
}
.psc20_write .agree_txt {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    padding: 25px;
    overflow-y: auto;
    color: #888;
    line-height: 1.6;
    border: 1px solid #999;
}
.psc20_write .agree_txt .agroup {
    margin-top: 30px;
}
.psc20_write .agree_txt .agroup:first-child {
    margin-top: 0;
}
.psc20_write .agree_checkbox {
    position: relative;
    overflow: hidden;
}
.psc20_write .agree_checkbox .ico {
    display: none;
    width: 18px;
}
.psc20_write .agree_checkbox .off {
    display: inline-block;
}
.psc20_write .agree_checkbox label {
    cursor: pointer;
}
.psc20_write .agree_checkbox label::selection,
.psc20_write .agree_checkbox label span::selection {
    background-color: transparent;
}
.psc20_write .agree_checkbox input {
    position: absolute;
    top: -100px;
    opacity: 0.1;
}
.psc20_write .agree_checkbox input:checked + .off {
    display: none;
}
.psc20_write .agree_checkbox input:checked + .off + .on {
    display: inline-block;
    color: #2475d0;
}
.psc20_write .help {
    margin-top: 10px;
    color: #2475d0;
}
.psc20_write .btn_area {
    text-align: center;
}
.psc20_write .btn_area a,
.psc20_write .btn_area label {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 220px;
    height: 60px;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-size: 1.125em;
    line-height: 60px;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.psc20_write .btn_area a {
    background: #999;
}
.psc20_write .btn_area a:hover {
    background: #333;
}
.psc20_write .btn_area label {
    margin-left: 6px;
    cursor: pointer;
    background: #2475d0;
}
.psc20_write .btn_area label input {
    position: absolute;
    top: -110%;
    opacity: 0;
}
.psc20_write .btn_area label:hover {
    background: #012e57;
}


.psc20_detail .cont {
    position: relative;
    float: left;
}
.psc20_detail .cont_left {
    width: 42%;
    margin-right: 4%;
}
.psc20_detail .cont_right {
    width: 54%;
}

.psc20_detail .gallery_group {
    position: relative;
}
.psc20_detail .psc_gallery {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
}
.psc20_detail .psc_gallery .item {
    line-height: 0;
}
.psc20_detail .psc_gallery .item img {
    width: 100%;
}
.psc20_detail .psc_gallery_btn {
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    z-index: 10;
}
.psc20_detail .psc_gallery_btn button {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    color: #fff;
    background: rgba(0,0,0,0.6);
}
.psc20_detail .psc_gallery_btn .owl-prev {left: 1px;}
.psc20_detail .psc_gallery_btn .owl-next {right: 1px;}


.psc20_detail .cont_right .itbl th,
.psc20_detail .cont_right .itbl td {
    font-size: 1.125em;
}
.psc20_detail .cont_right .itbl td {
    font-weight: 300;
}
.psc20_detail .cont_right .itbl td:first-child {
    min-width: 155px;
    font-weight: 400;
}
.psc20_detail .cont_right .itbl a {
    color: #2475d0;
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.psc20_detail .cont_right .itbl a:hover {
    color: #012e57;
}


.psc20_detail .cont .left_btn_area,
.psc20_detail .cont .right_btn_area {
    margin-top: 35px;
}
.psc20_detail .cont .left_btn_area {
    text-align: center;
}
.psc20_detail .cont .right_btn_area {
    text-align: right;
}
.psc20_detail .cont .left_btn_area a,
.psc20_detail .cont .right_btn_area a {
    display: inline-block;
    width: 200px;
    height: 60px;
    color: #fff;
    font-size: 1.25em;
    font-weight: 500;
    text-align: center;
    line-height: 60px;
    background: #69a3d8;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.psc20_detail .cont .right_btn_area a {
    width: 120px;
    background: #2475d0;
}
.psc20_detail .cont .left_btn_area a:hover,
.psc20_detail .cont .right_btn_area a:hover {
    background: #012e57;
}

.psc21_31_01 .sgroup02 {
    margin-top: 40px;
}
.psc20_res .cal_top span {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    background: #005d96;
}
.psc20_res .tbl_group {
    border: 1px solid #ccc;
}
.psc20_res .ctt_area {
    position: relative;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #;
}
.psc20_res .ctt {
    position: relative;
    display: block;
    width: 240px;
    margin: 0 auto;
    text-align: center;
}
.psc20_res .ctt .cal_date_area {
    display: block;
    height: 80px;
    line-height: 80px;
}
.psc20_res .ctt button,
.psc20_res .ctt a {
    position: absolute;
    display: block;
    width: 40px;
    height: 100%;
    top: 50%;
    color: #999;
    font-size: 1.25em;
    line-height: 1.1;
    text-align: center;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
    -webkit-transition: color 300ms ease;
       -moz-transition: color 300ms ease;
            transition: color 300ms ease;
}
.psc20_res .ctt .cal_btn_prev {
    left: 0;
}
.psc20_res .ctt .cal_btn_next {
    right: 0;
}
.psc20_res .ctt button:hover,
.psc20_res .ctt a:hover {
    color: #000;
}
.psc20_res .ctt .cal_date_area {
    margin: 0 15px;
    font-size: 1.5em;
    font-weight: 500;
}
.psc20_res .cal_tbl {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #000;
}
.psc20_res .cal_tbl th {
    padding: 15px 10px;
    font-size: 1.125em;
    font-weight: 500;
    background: #fafafc;
    border: 0;
}
.psc20_res .cal_tbl .w1 {
    color: #f00;
}
.psc20_res .cal_tbl td {
    position: relative;
    width: 14.28571428571429%;
    height: 140px;
    padding: 5px 0 1px;
    vertical-align: top;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.psc20_res .cal_tbl td:first-child {
    border-left: 0;
}
.psc20_res .cal_tbl td .day {
    display: block;
    padding: 0 5px;
    font-size: 1.25em;
}
.psc20_res .cal_tbl td .next_m_day {
    color: #999;
}
.psc20_res .cal_tbl td a {
    display: block;
    margin-top: 5px;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background: #005d96;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.psc20_res .cal_tbl td a:hover {
    background: #2475d0;
}
.psc20_res .cal_tbl td a .ctitle {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.psc20_res .cal_tbl td a .ctimes {
    display: block;
    font-weight: 400;
}
.psc20_res .btn_area {
    text-align: center;
}
.psc20_res .btn_area a,
.psc20_res .btn_area button,
.psc20_res .btn_area input {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    height: 60px;
    margin-left: 10px;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    line-height: 60px;
    background: #2475d0;
    border: 0;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.psc20_res .btn_area a.btn_res_gray,
.psc20_res .btn_area button.btn_res_gray,
.psc20_res .btn_area input.btn_res_gray {
    background: #999;
}
.psc20_res .btn_area a:hover,
.psc20_res .btn_area button:hover,
.psc20_res .btn_area input:hover {
    background: #005d96;
}
.psc20_res .btn_area a:first-child,
.psc20_res .btn_area button:first-child,
.psc20_res .btn_area input:first-child {
    margin-left: 0;
}

.psc20 .sgroup04.pac_icont {
    margin-top: 0;
    padding-top: 0;
    background: #fff;
}
.psc20 .sgroup04 .psc_cont {
    position: relative;
}
.psc20 .sgroup04 .download {
    position: absolute;
    display: block;
    padding: 15px 20px;
    right: 0;
    bottom: 0;
    color: #fff;
    background: #2475d0;
    -webkit-transition: color 300ms ease, background 300ms ease;
       -moz-transition: color 300ms ease, background 300ms ease;
            transition: color 300ms ease, background 300ms ease;
}
.psc20 .sgroup04 .download:hover {
    background: #012e57;
}

.psc20 .pool_g {
    padding: 45px;
    border: 4px solid #e5e5e5;
}
.psc20 .graph_title {
    margin: 0 auto 35px;
    font-size: 1.125em;
    font-weight: 500;
    text-align: center;
}
.psc20 .graph_title.blue1 {color: #2475d0;}
.psc20 .graph_title.blue2 {color: #11497c;}
.psc24_11_01 .type_table tbody td .mview {
    display: none;
}



/* 지원본부 */
.psc30 .tab_menu,
.psc410 .tab_menu {
    border: 1px solid #ccc;
}
.psc30 .tab_menu .tab_btn,
.psc410 .tab_menu .tab_btn {
    position: relative;
    display: block;
    width: 50%;
    margin-left: 0;
    padding: 30px 5px;
    float: left;
    background: transparent;
    border-left: 0;
    -webkit-transition: color 300ms ease, background 300ms ease, border 300ms ease;
       -moz-transition: color 300ms ease, background 300ms ease, border 300ms ease;
            transition: color 300ms ease, background 300ms ease, border 300ms ease;
}
.psc31 .tab_menu .tab_btn:first-child,
.psc31 .tab_menu .tab_btn:first-child {
    margin-left: 0;
}
.psc33 .tab_menu .tab_btn:nth-child(2n+2)::before {
    display: block;
}
.psc33 .tab_menu .tab_btn:nth-child(3),
.psc33 .tab_menu .tab_btn:nth-child(4) {
    border-top: 1px solid #ccc;
}

.psc30 .tab_menu.one {
    border: none;
}
.psc30 .tab_menu.one .tab_btn {
    width: 100%;
}
.psc30 .tab_menu.three .tab_btn {
    width: 33.33%;
}
.psc30 .tab_menu.three .colgroup .tab_btn::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #ccc;
    display: block !important;
}
.psc30 .tab_menu.three .colgroup .tab_btn:first-child::before {
    display: none !important;
}

.psc31 .gray_border_box p {
    margin-bottom: 25px;
    font-size: 1.125em;
}
.psc31 .gray_border_box p:last-child {
    margin-bottom: 0;
}

.psc30 .cgroup {
    margin-top: 35px;
    line-height: 1.8;
}
.psc30 .cgroup:first-child {
    margin-top: 0;
}
.psc30 .cgroup .btitle {
    color: #2475d0;
    font-size: 1.125em;
    font-weight: 600;
}
.psc30 .image_area {
    line-height: 0;
    border: 1px solid #d2d2d2;
}
.psc30 .image_area img {
    width: 100%;
}
.psc31_21_01 .sgroup02 .colgroup {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ccc;
}
.psc31_21_01 .sgroup02 .colgroup:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.psc31_21_01 .sgroup02 .cgroup {
    position: relative;
    width: 49%;
    margin: 0 0 0 2%;
    float: left;
}
.psc31_21_01 .sgroup02 .cgroup:first-child {
    margin-left: 0;
}
.psc31_21_01 .sgroup03 .image_area {
    line-height: 0;
    border: 0;
}
.psc31_21_01 .sgroup03 .image_area img {
    width: 100%;
}

.psc32 .image_area,
.psc33 .image_area {
    border: 0;
}

.psc33_11_01 .colgroup4 .col {
    position: relative;
    margin-left: 2%;
    padding: 35px 20px;
    width: 23.5%;
    float: left;
    border: 3px solid #91cf3e;
    border-radius: 10px;
}
.psc33_11_01 .colgroup4 .col:first-child {
    margin-left: 0;
}
.psc33_11_01 .colgroup4 .col1 {border-color: #91cf3e;}
.psc33_11_01 .colgroup4 .col2 {border-color: #58d09b;}
.psc33_11_01 .colgroup4 .col3 {border-color: #3ba7e4;}
.psc33_11_01 .colgroup4 .col4 {border-color: #3477b2;}
.psc33_11_01 .colgroup4 .col::before,
.psc33_11_01 .colgroup4 .col::after {
    position: absolute;
    display: block;
    content: '';
    height: 20px;
    top: -10px;
    left: 50%;
}
.psc33_11_01 .colgroup4 .col::before {
    width: 20px;
    margin-left: -10px;
    z-index: 2;
    border-radius: 50%;
}
.psc33_11_01 .colgroup4 .col1::before {background-color: #91cf3e;}
.psc33_11_01 .colgroup4 .col2::before {background-color: #58d09b;}
.psc33_11_01 .colgroup4 .col3::before {background-color: #3ba7e4;}
.psc33_11_01 .colgroup4 .col4::before {background-color: #3477b2;}
.psc33_11_01 .colgroup4 .col::after {
    width: 60px;
    margin-left: -30px;
    background: #fff;
}
.psc33_11_01 .colgroup4 .col .icon {
    display: block;
    width: 106px;
    height: 124px;
    margin: 0 auto;
    background-image: url('../img/page/page33_11_02_01.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.psc33_11_01 .colgroup4 .col1 .icon {background-image: url('../img/page/page33_11_02_01.png');}
.psc33_11_01 .colgroup4 .col2 .icon {background-image: url('../img/page/page33_11_02_02.png');}
.psc33_11_01 .colgroup4 .col3 .icon {background-image: url('../img/page/page33_11_02_03.png');}
.psc33_11_01 .colgroup4 .col4 .icon {background-image: url('../img/page/page33_11_02_04.png');}
.psc33_11_01 .colgroup4 .col .ctitle {
    position: relative;
    margin: 35px auto 30px;
    padding-bottom: 34px;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    line-height: 1.1;
}
.psc33_11_01 .colgroup4 .col .ctitle::after {
    position: absolute;
    display: block;
    content: '';
    width: 36px;
    height: 4px;
    margin-left: -18px;
    left: 50%;
    bottom: 0;
    border-radius: 5px;
}
.psc33_11_01 .colgroup4 .col1 .ctitle::after {background-color: #91cf3e;}
.psc33_11_01 .colgroup4 .col2 .ctitle::after {background-color: #58d09b;}
.psc33_11_01 .colgroup4 .col3 .ctitle::after {background-color: #3ba7e4;}
.psc33_11_01 .colgroup4 .col4 .ctitle::after {background-color: #3477b2;}
.psc33_11_01 .colgroup4 .col1 .ctitle {color: #91cf3e;}
.psc33_11_01 .colgroup4 .col2 .ctitle {color: #58d09b;}
.psc33_11_01 .colgroup4 .col3 .ctitle {color: #3ba7e4;}
.psc33_11_01 .colgroup4 .col4 .ctitle {color: #3477b2;}

.psc33_11_01 .sgroup02 .psc_stitle {
    margin-bottom: 45px;
}
.psc33_11_01 .sgroup02 .gap_margin {
    margin: 50px auto;
}
.psc33_11_01 .sgroup03 .colspan {
    float: left;
    line-height: 0;
}
.psc33_11_01 .sgroup03 .colspan1 {
    width: 32.265625%;
    margin-right: 3.125%;
}
.psc33_11_01 .sgroup03 .colspan2 {
    width: 30.625%;
}
.psc33_11_01 .sgroup04 .ptc_blue1 {
    font-weight: 500;
}
.psc33_21_01 .itbl td.w1 {
    width: 250px;
    padding: 20px;
}
.psc33_21_01 .itbl2 td.w1 span {
    display: block;
}
.psc33_21_01 .itbl2 td.w2 {
    text-align: left;
    background-color: transparent;
    border-left: 1px solid #ccc;
}
.psc33_21_01 .image_area {
    text-align: center;
}
.psc33_21_01 .image_area img {
    display: inline-block;
    width: auto;
}
.psc33_21_01 .cbox {
    width: 49%;
    margin: 0 0 2% 2%;
    padding: 20px;
    float: left;
}
.psc33_21_01 .cbox1 {background: #43d1a1;}
.psc33_21_01 .cbox2 {background: #40d4e2;}
.psc33_21_01 .cbox3 {background: #41a7e1;}
.psc33_21_01 .cbox4 {background: #4383dd;}
.psc33_21_01 .cbox:nth-child(2n+1) {
    margin-left: 0;
}
.psc33_21_01 .cbox:first-child {
    margin-left: 0;
}
.psc33_21_01 .cbox .cont {
    position: relative;
    height: 250px;
    padding: 40px;
    background: #fff;
    box-shadow: 2px 2px 7px 3px rgba(0,0,0,0.2);
}
.psc33_21_01 .cbox .cont::after {
    position: absolute;
    display: block;
    content: '';
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 1px solid #d3d3d3;
}
.psc33_21_01 .cbox .title {
    font-size: 1.0625em;
    text-align: center;
}
.psc33_21_01 .cbox p {
    margin-top: 20px;
    font-size: 0.9375em;
}
.psc33_21_01 .cbox1 .psc_square::before {color: #43d1a1;}
.psc33_21_01 .cbox2 .psc_square::before {color: #40d4e2;}
.psc33_21_01 .cbox3 .psc_square::before {color: #41a7e1;}
.psc33_21_01 .cbox4 .psc_square::before {color: #4383dd;}
.psc33_21_01 .lightblue_box {
    padding: 50px 15px;
    font-weight: 500;
    text-align: center;
    background: #e5f7fe;
}
.psc33_21_01 .lightblue_box .psc_group {
    display: inline-block;
    text-align: left;
}
.psc33_31_01 .sgroup02 .cgroup03 .colspan {
    position: relative;
    width: 24.25%;
    margin-left: 1%;
    padding: 20px 5px;
    float: left;
    text-align: center;
    border: 10px solid #4383dd;
    border-radius: 20px;
}
.psc33_31_01 .sgroup02 .cgroup03 .colspan:first-child {
    margin-left: 0;
}
.psc33_31_01 .sgroup02 .cgroup03 .title {
    margin-bottom: 25px;
    font-size: 1.125em;
    font-weight: 500;
    text-align: center;
}
.psc33_31_01 .sgroup02 .cgroup03 p {
    font-size: 0.875em;
    letter-spacing: -0.05em;
}
.psc33_31_01 .sgroup02 .cgroup03 p span {
    display: block;
}

.psc33_31_01 .sgroup03 .colspan {
    position: relative;
    width: 32%;
    margin-left: 2%;
    padding-bottom: 140px;
    float: left;
}
.psc33_31_01 .sgroup03 .colspan:first-child {
    margin-left: 0;
}
.psc33_31_01 .sgroup03 .colspan1 {height: 635px;}
.psc33_31_01 .sgroup03 .colspan2 {height: 585px;}
.psc33_31_01 .sgroup03 .colspan3 {height: 535px;}
.psc33_31_01 .sgroup03 .colspan .bg {
    padding: 15px;
    border-radius: 20px;
}
.psc33_31_01 .sgroup03 .colspan1 .bg {background: #7eb81b;}
.psc33_31_01 .sgroup03 .colspan2 .bg {background: #31b186;}
.psc33_31_01 .sgroup03 .colspan3 .bg {background: #2475d0;}
.psc33_31_01 .sgroup03 .pos {
    position: relative;
    width: 100%;
    height: 90px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 2px 2px 7px 3px rgba(0,0,0,0.2);
}
.psc33_31_01 .sgroup03 .title,
.psc33_31_01 .sgroup03 .step {
    position: absolute;
    width: 95%;
    left: 2.5%;
    right: 2.5%;
    text-align: center;
}

.psc33_31_01 .sgroup03 .title {
    bottom: 20px;
    z-index: 1;
    font-size: 1.0625em;
}
.psc33_31_01 .sgroup03 .step {
    top: 6px;
    color: #d6d6d6;
    font-size: 2.25em;
    font-weight: 200;
}
.psc33_31_01 .sgroup03 .cgroup {
    margin-top: 30px;
    font-size: 0.875em;
}
.psc33_31_01 .sgroup03 .btitle {
    
}
.psc33_31_01 .sgroup03 .colspan1 .btitle {color: #7eb81b;}
.psc33_31_01 .sgroup03 .colspan2 .btitle {color: #31b186;}
.psc33_31_01 .sgroup03 .colspan3 .btitle {color: #2475d0;}
.psc33_31_01 .sgroup03 .colspan .arrow_pos {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.psc33_31_01 .sgroup03 .colspan .arrow {
    position: relative;
    padding-right: 42px;
    height: 110px;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: 42px 110px;
}
.psc33_31_01 .sgroup03 .colspan1 .arrow {background-image: url('../img/page/page33_31_arrow_01.png');}
.psc33_31_01 .sgroup03 .colspan2 .arrow {background-image: url('../img/page/page33_31_arrow_02.png');}
.psc33_31_01 .sgroup03 .colspan3 .arrow {background-image: url('../img/page/page33_31_arrow_03.png');}
.psc33_31_01 .sgroup03 .colspan .txt {
    position: absolute;
    top: 15px;
    left: 0;
    right: 42px;
    bottom: 15px;
}
.psc33_31_01 .sgroup03 .colspan1 .txt {background-color: #e6f4cf;}
.psc33_31_01 .sgroup03 .colspan2 .txt {background-color: #d1f0e5;}
.psc33_31_01 .sgroup03 .colspan3 .txt {background-color: #cee6f4;}
.psc33_31_01 .sgroup03 .txt .tgroup {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 0;
    font-size: 14px;
    text-align: center;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
.psc33_31_01 .sgroup03 .txt p {
    display: inline-block;
    text-align: left;
}
.psc33_31_01 .sgroup03 .txt p span {
    display: block;
}

.psc33_31_01 .sgroup04 .group {
    position: relative;
    margin-top: 80px;
}
.psc33_31_01 .sgroup04 .group:first-child {
    margin-top: 0;
}
.psc33_31_01 .sgroup04 .group .image,
.psc33_31_01 .sgroup04 .group .text {
    float: left;
}
.psc33_31_01 .sgroup04 .group .image {
    width: 40%;
    margin-right: 2%;
    text-align: left;
    line-height: 0;
}
.psc33_31_01 .sgroup04 .group .text {
    width: 58%;
}
.psc33_31_01 .sgroup04 .group img {
    width: auto;
    max-width: 100%;
}

.psc33_41_01 .image_area {
    text-align: center;
}
.psc33_41_01 .image_area img {
    display: inline;
    width: auto;
}
.psc33_41_01 .itbl .w1 {
    width: 160px;
    padding: 20px 10px;
}
.psc33_41_01 .itbl .w1 span {
    display: block;
    text-align: center;
}


.psc411_11_01 .radius_box p {
    margin-left: 200px;
}
.psc411_21_01 .radius_box p {
    margin-left: 250px;
}
.psc411_21_01 .gray_box .gray_box_btn {
    display: block;
    width: 100%;
    max-width: 200px;
    height: 60px;
    margin: 10px 0 0;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 60px;
    background: #2475d0;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.psc411_21_01 .gray_box .gray_box_btn:hover {
    background: #164e81;
}
.psc411_21_01 .gray_box .sgroup table th,
.psc411_21_01 .gray_box .sgroup table td {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.psc411_21_01 .gray_box .sgroup table th {
    color: #000;
    background-color: transparent;
    border-top: 2px solid #000;
}
.psc411_21_01 .gray_box .sgroup table td {
    padding: 20px 15px;
}
.psc411_21_01 .gray_box .sgroup table td:first-child {
    width: 90px;
    background-color: transparent;
}
.psc411_21_01 .gray_box .sgroup table td.w2 {
    text-align: left;
}
.psc411_21_01 .gray_box .sgroup table .w2 {
    border-left: 1px solid #ccc;
}



/* 기관소개 */
.psc50 .tab_menu {
    border: 1px solid #ccc;
}
.psc50 .tab_menu .tab_btn {
    position: relative;
    display: block;
    width: 50%;
    margin-left: 0;
    padding: 30px 5px;
    float: left;
    background: transparent;
    border-left: 0;
    -webkit-transition: color 300ms ease, background 300ms ease, border 300ms ease;
       -moz-transition: color 300ms ease, background 300ms ease, border 300ms ease;
            transition: color 300ms ease, background 300ms ease, border 300ms ease;
}
.psc50 .tab_menu .tab_btn:first-child {
    margin-left: 0;
}
.psc50 .tab_menu.active,
.psc50 .tab_menu.active:hover {
    z-index: 1;
    color: #fff;
    background: #2475d0;
}
.tab_menu {
    text-align: center;
}
.tab_cont {
    display: none;
}
.psc51_11_01 .sgroup01 {
    background-color: #d4dce7;
}
.psc51_11_01 .sgroup01 .inner {
    position: relative;
    padding: 50px 0;
    background-image: url('../img/page/psc51_11_01_bg.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.psc51_11_01 .sgroup01 p {
    margin-bottom: 50px;
    font-size: 1.5em;
    font-weight: 200;
}
.psc51_11_01 .sgroup01 strong {
    display: block;
    font-size: 2.25em;
    font-weight: 600;
    text-align: center;
}
.psc51_11_01 .sgroup02 p {
    margin-top: 40px;
    line-height: 1.6;
}
.psc51_11_01 .sgroup02 p:first-child {
    margin-top: 0;
    font-size: 1.6875em;
}
.psc51_11_01 .sgroup02 p span {
    display: block;
}
.psc51_11_01 .sgroup02 .sign {
    height: 44px;
    padding-right: 120px;
    font-weight: 600;
    text-align: right;
    line-height: 44px;
    background-image: url('../img/page/psc51_11_01_sign.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 104px 44px;
}
.psc51_21_01 .image_area {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.psc51_21_01 .title {
    margin-bottom: 25px;
    font-size: 1.5625em;
    font-weight: 600;
}
.psc51_21_01 .title span {
    color: #2475d0;
}
.psc51_21_01 .cgroup {
    width: 50%;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
.psc51_21_01 .cgroup01 {
    margin-bottom: 120px;
}
.psc51_21_01 .cgroup .cont {
    position: relative;
}
.psc51_21_01 .cgroup .atitle {
    position: absolute;
    height: 56px;
    padding-left: 70px;
    top: 0;
    left: 0;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 56px;
    background-position: left center;
    background-repeat: no-repeat;
}
.psc51_21_01 .cgroup01 .atitle {
    background-image: url('../img/page/psc51_21_01_ico_01.png');
}
.psc51_21_01 .cgroup02 .atitle {
    background-image: url('../img/page/psc51_21_01_ico_02.png');
}
.psc51_21_01 .cgroup .flist {
    margin-left: 150px;
    padding-top: 14px;
    font-size: 0.875em;
}
.psc51_21_01 .cgroup .flist li {
    position: relative;
    width: 100%;
    padding-left: 15px;
    line-height: 2;
}
.psc51_21_01 .cgroup .flist li::before {
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 1.95em;
    top: 0;
    left: 0;
    background-image: url('../img/page/dia_dot.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 7px 7px;
}
.psc51_21_01 .cgroup02 .flist li {
    position: relative;
    padding-left: 190px;
}
.psc51_21_01 .cgroup02 .flist .date {
    position: absolute;
    left: 15px;
}


.psc52_11_01 {
    position: relative;
    padding: 65px 0;
}
.psc52_11_01::before {
    position: absolute;
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    margin-left: -1px;
    top: 0;
    left: 50%;
    z-index: -1;
    background: #eee;
}
.psc52_11_01 .list {
    position: relative;
    width: 50%;
    margin: 60px 50% 0 auto;
}
.psc52_11_01 .list:first-child {
    margin-top: 0;
}
.psc52_11_01 .list .year {
    position: relative;
    height: 1.4em;
    margin-bottom: 15px;
    padding-right: 25px;
    color: #012e57;
    font-size: 1.875em;
    font-weight: 600;
    text-align: right;
    line-height: 1.4;
    letter-spacing: -0.05em;
}
.psc52_11_01 .list .year::before {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    right: -5px;
    top: 50%;
    background: #012e57;
    border-radius: 50%;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
.psc52_11_01 .list .igroup {
    position: relative;
    margin-right: 25px;
    text-align: right;
}
.psc52_11_01 .list .date {
    position: absolute;
    height: 1.8em;
    top: 0;
    right: 0;
    font-weight: 500;
    line-height: 1.8;
}
.psc52_11_01 .list .content {
    margin-right: 105px;
    line-height: 1.8;
}
.psc52_11_01 .list:nth-child(2n+2) {
    margin: 60px auto 0 50%;
}
.psc52_11_01 .list:nth-child(2n+2) .year {
    padding-left: 25px;
    padding-right: 0;
    text-align: left;
}
.psc52_11_01 .list:nth-child(2n+2) .year::before {
    left: -5px;
    right: auto;
}
.psc52_11_01 .list:nth-child(2n+2) .igroup {
    margin-left: 25px;
    margin-right: 0;
    text-align: left;
}
.psc52_11_01 .list:nth-child(2n+2) .date {
    left: 0;
    right: auto;
}
.psc52_11_01 .list:nth-child(2n+2) .content {
    margin-right: 0;
    margin-left: 105px;
}


.psc53_11_01 .radius_box {
    border-color: #2475d0;
}
.psc53_11_01 .radius_box:first-child {
    margin-bottom: 40px;
    border-color: #69a3d8;
}
.psc53_11_01 .radius_box .rtitle {
    top: 50%;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}


.psc55_11_01 .itbl th,
.psc55_11_01 .itbl td {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.psc55_11_01 .itbl .w5,
.psc55_11_01 .itbl .w6 {
    background-color: transparent !important;
    border-left: 1px solid #ccc !important;
}
.psc55_11_01 .itbl .w6 {
    text-align: left;
}
.psc55_11_01 .w736s .list {
    padding: 15px 10px;
    line-height: 1.8;
    border-bottom: 1px solid #ccc;
}
.psc55_11_01 .w736s .list:first-child {
    border-top: 1px solid #ccc;
}
.psc55_11_01 .w736s .title {
    font-size: 1.125em;
}
.psc55_11_01 .w736s span {
    font-size: 0.875em;
}
.psc55_11_01 .w736s .list p {
    display: inline-block;
}
.psc55_11_01 .w736s .list p.psc_line {
    display: block;
}


.psc56_11_01 .cinfo {
    padding: 45px 0;
    border-bottom: 1px solid #ccc;
}
.psc56_11_01 .cinfo .list {
    display: inline-block;
    margin-right: 45px;
}
.psc56_11_01 .cinfo .list:first-child {
    margin-left: 0;
}
.psc56_11_01 .cinfo .list:last-child {
    margin-right: 0;
}
.psc56_11_01 .cinfo .list strong {
    position: relative;
    margin-right: 10px;
    padding-left: 12px;
}
.psc56_11_01 .cinfo .list strong::before {
    position: absolute;
    display: block;
    content: '·';
    top: 0;
    left: 0;
}
.psc56_11_01 .cinfo .list strong,
.psc56_11_01 .cinfo .list span {
    display: inline-block;
}
.psc56_11_01 .contact {
    position: relative;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
}
.psc56_11_01 .contact .leftarea {
    position: absolute;
    height: 50px;
    top: 50%;
    left: 35px;
    line-height: 50px;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
.psc56_11_01 .contact .leftarea .ico {
    display: inline-block;
    width: 52px;
    height: 50px;
    vertical-align: middle;
    background-image: url('../img/page/ico_bus.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.psc56_11_01 .contact .leftarea p {
    display: inline-block;
    margin-left: 20px;
    font-weight: 500;
}
.psc56_11_01 .contact .leftarea span {
    color: #2475d0;
}
.psc56_11_01 .contact .rightarea {
    margin-left: 300px;
}


.psc57_11_01 .sgroup,
.psc57_21_01 .sgroup {
    margin-top: 100px;
}
.psc57_11_01 .sgroup:first-child,
.psc57_21_01 .sgroup:first-child {
    margin-top: 0;
}
.psc57_11_01 .psc_title,
.psc57_21_01 .psc_title {
    margin-bottom: 30px;
}
.psc57_11_01 .sgroup01 .left_area,
.psc57_11_01 .sgroup01 .right_area {
    position: relative;
    width: 48%;
    float: left;
}
.psc57_11_01 .sgroup01 .left_area {
    margin-right: 4%;
}
.psc57_11_01 .sgroup01 p {
    position: relative
    padding-left: 17px;
}

.psc57_11_01 .sgroup02 .list {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}
.psc57_11_01 .sgroup02 .list01 {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.psc57_11_01 .sgroup02 .left_area,
.psc57_11_01 .sgroup02 .right_area {
    position: relative;
    width: 48%;
    float: left;
}
.psc57_11_01 .sgroup02 .left_area {
    margin-right: 4%;
}
.psc57_11_01 .sgroup02 .year {
    margin-bottom: 15px;
    color: #012e57;
    font-size: 1.875em;
    font-weight: 600;
    letter-spacing: -0.05em;
}
.psc57_11_01 .sgroup02 .item {
    position: relative;
    min-height: 1.8em;
    line-height: 1.8;
}
.psc57_11_01 .sgroup02 .item .date {
    position: absolute;
    top: 0;
    left: 0;
}
.psc57_11_01 .sgroup02 .item .cont {
    margin-left: 75px;
}

.psc57_11_01 .sgroup04 .list {
    margin-top: 25px;
}
.psc57_11_01 .sgroup04 .list:first-child {
    margin-top: 0;
}
.psc57_11_01 .sgroup04 button {
    position: relative;
    width: 100%;
    padding: 15px;
    color: #fff;
    text-align: left;
    background: #2475d0;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.psc57_11_01 .sgroup04 button i {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    -webkit-transition: -webkit-transform 300ms ease;
       -moz-transition:    -moz-transform 300ms ease;
            transition:         transform 300ms ease;
}
.psc57_11_01 .sgroup04 button:hover {
    background: #012e57;
}
.psc57_11_01 .sgroup04 button.active {
    background: #012e57;
}
.psc57_11_01 .sgroup04 button.active i {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
            transform: rotate(180deg);
}
.psc57_11_01 .sgroup04 .scont {
    display: none;
    padding: 25px;
    line-height: 1.6;
}

.psc57_11_01 .sgroup05 .psc_cont {
    position: relative;
    padding: 25px 40px;
    background: #fafafa;
}
.psc57_11_01 .sgroup05 .image_area {
    position: relative;
    display: block;
}
.psc57_11_01 .sgroup05 .cont {
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 1;
    -webkit-transform: -webkit-translateY(-50%);
       -moz-transform:    -moz-translateY(-50%);
            transform:         translateY(-50%);
}
.psc57_11_01 .sgroup05 .cgroup {
    margin-top: 40px;
}
.psc57_11_01 .sgroup05 .cgroup:first-child {
    margin-top: 0;
}
.psc57_11_01 .sgroup05 h4 {
    font-size: 1.625em;
    font-weight: 500;
}
.psc57_11_01 .sgroup05 p {
    margin-left: 15px;
    font-size: 1.25em;
}


.res_popup {
    position: fixed;
    display: none;
    width: 700px;
    top: 50%;
    left: 50%;
    z-index: 99;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    -webkit-transform: -webkit-translate(-50%, -50%);
       -moz-transform:    -moz-translate(-50%, -50%);
            transform:         translate(-50%, -50%);
}
.res_popup .top_con {
    position: relative;
    padding: 0 15px;
    background: #005d96;
}
.res_popup .top_con h5,
.res_popup .top_con p {
    display: inline-block;
    height: 50px;
    color: #fff;
    font-size: 1.125em;
    line-height: 50px;
}
.res_popup .top_con h5 {
    margin-right: 10px;
    font-weight: 500;
}
.res_popup .top_con .close_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 15px;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    border: 2px solid #fff;
}
.res_popup .btm_con {
    padding: 15px 15px 70px;
}
.res_popup .btm_con .list {
    position: relative;
    min-height: 1.4em;
    margin-bottom: 20px;
    line-height: 1.4;
}
.res_popup .btm_con .left_title {
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
}
.res_popup .btm_con .right_content {
    position: relative;
    min-height: 1.4em;
    margin-left: 100px;
    padding-left: 35px;
    color: #777;
    line-height: 1.4;
}
.res_popup .btm_con .right_content::before {
    position: absolute;
    display: block;
    content: '|';
    top: 0;
    left: 0;
    color: #e5e5e5;
    font-weight: 100;
}
.res_popup .res_pop_btn {
    position: absolute;
    width: 100%;
    height: 60px;
    padding: 15px 15px 0;
    left: 0;
    bottom: 8px;
    border-top: 1px dashed #ccc;
}
.res_popup .res_pop_btn a {
    display: block;
    width: 80px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    -webkit-transition: background 300ms ease;
       -moz-transition: background 300ms ease;
            transition: background 300ms ease;
}
.res_popup .res_pop_btn .btn_del {
    float: left;
    background: #c00;
}
.res_popup .res_pop_btn .btn_del:hover {
    background: #333;
}
.res_popup .res_pop_btn .btn_modify {
    float: right;
    background: #2475d0;
}
.res_popup .res_pop_btn .btn_modify:hover {
    background: #005d96;
}
.modal_bg {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 98;
    background: rgba(0,0,0,0.6);
}




/* CALENDAR STYLE CHANGE */
.flatpickr-months {
    position: relative;
    display: block !important;
    height: 68px;
    margin-bottom: 5px;
    border-bottom: 1px solid #999;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month {
    height: 100% !important;
}
.numInputWrapper:hover {
    background:rgba(0,0,0,0) !important;
}
.flatpickr-current-month input.cur-year {
    position: absolute;
    padding: 0 !important;
    top: 0;
    left: 50%;
    font-weight: 500 !important;
    text-align: center;
    transform: translateX(-50%);
}
.flatpickr-current-month .numInputWrapper {
    position: absolute !important;
    display: block !important;
    width: 100px !important;
    height: 25px !important;
    margin: 10px auto 0 !important;
    top: 0 !important;
    left: 50%;
    -webkit-transform: -webkit-translateX(-50%);
       -moz-transform:    -moz-translateX(-50%);
            transform:         translateX(-50%);
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    height: 100% !important;
    top: 0;
    line-height: 50px;
}
.flatpickr-current-month span.cur-month {
    position: absolute;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    left: 50% !important;
    bottom: 10px !important;
    font-weight: 500 !important;
    text-align: center;
    -webkit-transform: -webkit-translateX(-50%);
       -moz-transform:    -moz-translateX(-50%);
            transform:         translateX(-50%);
}
.flatpickr-calendar.animate.open,
.flatpickr-current-month span.cur-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    font-size: 16px !important;
    font-weight: 400;
}
.flatpickr-current-month .numInputWrapper {
    /* display: none !important; */
}
.flatpickr-calendar,
.flatpickr-weekdays,
.flatpickr-days,
.dayContainer {
    width: 100% !important;
    min-width: 250px !important;
    max-width: 300px !important;
}



/* --------------------------------------------------------------------------------------------
    ## BOARD
-------------------------------------------------------------------------------------------- */
.board {}



/* --------------------------------------------------------------------------------------------
    ## KEYFRAMES
-------------------------------------------------------------------------------------------- */
@-webkit-keyframes vtxt {
    0% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
@keyframes vtxt {
    0% {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}



/* --------------------------------------------------------------------------------------------
    ## INTERNET EXPLORER 9 - 11
-------------------------------------------------------------------------------------------- */
body.msie {
    overflow-x: hidden;
}
body.msie #header .top .othermenu {
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;
}
body.msie #header #btn_m_toggle {
    -webkit-transition: top 300ms ease, left 300ms ease;
       -moz-transition: top 300ms ease, left 300ms ease;
            transition: top 300ms ease, left 300ms ease;
}



/* --------------------------------------------------------------------------------------------
    ## MOBILE ONLY
-------------------------------------------------------------------------------------------- */
/* Mobile Common */
.mobile {}
    /* 모바일 전용 이미지 */
    .mobile #header .bottom h1 a                   {background-image: url('../img/common/logo.png');}
    .mobile #mobile_menu h1 a                      {background-image: url('../img/common/logo@2x.png');}
    .mobile #footer .flogo                         {background-image: url('../img/common/flogo.png');}
    .mobile .sitemap .logo a                       {background-image: url('../img/common/slogo.png');}

    .mobile .ms01 .lnk .ico01                      {background-image: url('../img/main/ms01_quick_01@3x.png');}
    .mobile .ms01 .lnk .ico02                      {background-image: url('../img/main/ms01_quick_02@3x.png');}
    .mobile .ms01 .lnk .ico03                      {background-image: url('../img/main/ms01_quick_03@3x.png');}
    .mobile .ms01 .lnk .ico04                      {background-image: url('../img/main/ms01_quick_04@3x.png');}
    .mobile .ms01 .lnk .ico05                      {background-image: url('../img/main/ms01_quick_05@3x.png');}
    .mobile .ms01 .lnk .ico06                      {background-image: url('../img/main/ms01_quick_06@3x.png');}
    .mobile .ms01 .lnk .ico07                      {background-image: url('../img/main/ms01_quick_07@3x.png');}
    .mobile .ms01 .lnk .ico08                      {background-image: url('../img/main/ms01_quick_08@3x.png');}

    .mobile .pstitle h3                            {background-image: url('../img/page/pstitle@3x.png');}
    .mobile .psc_title                             {background-image: url('../img/page/psc_title@3x.png');}
    /*.mobile .psc51_11_01 .sgroup02 .sign           {background-image: url('../img/page/psc51_11_01_sign@3x.png');}*/
    /*.mobile .psc51_21_01 .cgroup01 .atitle         {background-image: url('../img/page/psc51_21_01_ico_01@3x.png');}*/
    /*.mobile .psc51_21_01 .cgroup02 .atitle         {background-image: url('../img/page/psc51_21_01_ico_02@3x.png');}*/
    .mobile .psc51_21_01 .cgroup .flist li::before {background-image: url('../img/page/dia_dot@3x.png');}
    .mobile .psc56_11_01 .contact .leftarea .ico   {background-image: url('../img/page/ico_bus@3x.png');}


/* iOS Only */
.ios {}


/* Android Only */
.android {}



/* --------------------------------------------------------------------------------------------
    ## RESPONSIVE
-------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1200px) {
    .ms03 .tab_cont .item {
        width: 25%;
        margin-left: 0;
        padding: 10px;
    }


    .psc33_11_01 .colgroup4 .col {
        height: 500px;
    }
    .psc33_11_01 .colgroup4 .col .ctitle {
        font-size: 1.650em;
    }
    .psc33_21_01 .cbox .cont {
        height: 260px;
    }

    .psc51_21_01 .cgroup02 .flist li {
        position: relative;
        padding-left: 15px;
    }
    .psc51_21_01 .cgroup02 .flist .date {
        position: static;
    }
    .psc51_21_01 .cgroup02 .flist .hlist {
        padding-left: 0;
    }
    .psc51_21_01 .cgroup02 .flist li {
        margin-bottom: 20px;
    }
    .psc51_21_01 .cgroup .flist li p {
        position: relative;
        padding-left: 15px;
    }
    .psc51_21_01 .cgroup .flist li p::before {
        position: absolute;
        display: block;
        content: '-';
        top: 0;
        left: 0;
    }
}


@media screen and (max-width: 1120px) {
    #header #menu #gnb li li a {
        padding: 0 7px;
        font-size: 13px;
    }

    .ms02 .group01 {
        width: 100%;
        margin: 0 0 80px 0;
        float: none;
    }
    .ms02 .group02,
    .ms02 .group03 {
        position: static;
        margin: 0;
        padding: 0;
        background: #fff;
    }
    .ms02 .group02 {
        width: 39.45%;
        float: left;
    }
    .ms02 .group03 {
        width: 58%;
        float: right;
    }


    .psc33_11_01 .colgroup4 .col {
        height: 520px;
    }
    .psc33_11_01 .colgroup4 .col .ctitle span {
        display: block;
    }
}


@media screen and (max-width: 1024px) {
    /* Tablet Landscape */
    /* FONT-SIZE */
    #visual .textbox h3 {
        font-size: 2.75em;
    }
    #visual .inner .ptitle {
        font-size: 2.125em;
    }
    .ms02 .group01 li:first-child .day,
    .ms03 .mstitle,
    .msection .title_area h3,
    .msection .mcs_counter .itemindex,
    .psc51_11_01 .sgroup01 strong {
        font-size: 2em;
    }
    .pstitle h3,
    .bigtitle,
    .psc33_11_01 .colgroup4 .col .ctitle,
    .psc51_11_01 .sgroup02 p:first-child,
    .psc52_11_01 .list .year,
    .psc57_11_01 .sgroup02 .year {
        font-size: 1.625em;
    }
    .msection .mcs_counter .itemcount {
        font-size: 1.5em;
    }
    .psc_title h4,
    .radius_box .rtitle,
    .psc20_res .ctt .cal_date_area,
    .psc51_11_01 .sgroup01 p {
        font-size: 1.25em;
    }
    .ms06 .item a,
    .gray_box .sgroup .gbtitle,
    .colgroup3 .item .cont,
    .psc20_detail .cont .left_btn_area a,
    .psc20_detail .cont .right_btn_area a,
    .psc20_res .ctt button,
    .psc20_res .ctt a,
    .psc20_res .cal_tbl td .day,
    .psc20_res .btn_area a,
    .psc20_res .btn_area button,
    .psc20_res .btn_area input,
    .psc51_21_01 .cgroup .atitle,
    .psc57_11_01 .sgroup05 p {
        font-size: 1.125em;
    }
    .radius_box p,
    .gray_box .sgroup .num,
    .gray_box .sgroup table th,
    .psc20 .psc_cont,
    .psc30 .psc_cont,
    .psc50 .psc_cont,
    .psc20_write .btn_area a,
    .psc20_write .btn_area label,
    .psc20_detail .cont_right .itbl th,
    .psc20_detail .cont_right .itbl td,
    .psc20_res .cal_tbl th,
    .psc20 .graph_title,
    .res_popup .top_con h5,
    .res_popup .top_con p {
        font-size: 1em;
    }
    .psc_first li,
    .psc_first .tab_menu button {
        font-size: 16px;
    }
    .msection .mcs .item p {
        font-size: 15px;
    }

    .psc33_11_01 .colgroup4 .col {
        height: 500px;
    }
    .psc33_21_01 .itbl td.w1 {
        width: auto;
    }

    .psc411_11_01 .radius_box p {
        margin-left: 160px;
    }
    .psc411_21_01 .radius_box p {
        margin-left: 220px;
    }


    /* HEADER */
    #header {
        width: 100%;
        height: 90px;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.85);
        border-bottom: 1px solid #dcdcdc;
        box-shadow: 0 0 10px 3px rgb(34 31 31 / 8%);
    }
    #header .top {
        /*height: 30px;*/
        height:fit-content;
    }
    #header .top_left {
        float: none;
    }
    #header .top .top_left {
        text-align: center;
    }
    #header .top .top_left ul {
        display:flex;flex-wrap:wrap;justify-content:space-around;
    }
    #header .top .top_left li {
        display: inline-block;
        margin-left: 6px;
        float: none;
        white-space:nowrap;
    }
    #header .top .top_left li:nth-child(2){
        margin-left: 0;
    }
    #header .top .top_left li::before, #header .top .top_right li::before {
        display: none;
    }
    #header .top .top_left li a {
        height: 30px;
        font-size: 13px;
        line-height: 30px;
    }
    #header .bottom {
        height: 60px;
    }
    #header .bottom h1,
    #mobile_menu h1 a {
        width: 164px;
        height: 28px;
        margin: -14px 0 0 -82px;
        top: 50%;
        left: 50%;
    }
    #header .bottom h1 a,
    #mobile_menu h1 a {
        background-image: url('../img/common/mlogo.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .mobile #header .bottom h1 a,
    .mobile #mobile_menu h1 a {
        background-image: url('../img/common/mlogo@3x.png');
    }
    #header .top .top_left li.home,
    #header .top_right,
    #header .gnbline,
    #header #menu {
        display: none;
    }
    #mobile_menu .colsgroup {
        border-bottom: 1px solid #ccc;
    }
    #mobile_menu .colsgroup li a {
        font-size: 14px;
    }
    #mobile_menu #mgnb .lnk_sitemap {
        display: none;
    }

    /* MOBILE MENU TOGGLE BTN */
    #header #btn_m_toggle {
        /*top: 49px;*/
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        position:relative;;
        top: -45px;
    }


    /* VISUAL */
    #wrap {
        padding-top: 90px;
    }
    #visual .textbox {
        margin-top: -30px;
        left: 10px;
    }
    #visual .swiper-button-prev,
    #visual .swiper-button-next {
        display: none;
    }


    .btn_sidebar {
        display: block;
    }
    .sidebar {
        display: block;
    }

    .psc32_11_01 .sgroup03 .psc_stara4,
    .psc32_21_01 .sgroup02 .psc_starb4 {
        margin-left: 7.8125%;
    }
    .psc10.psc_top li a,
    .psc20.psc_top li a,
    .psc50 .tab_menu .tab_btn {
        padding: 15px 5px;
    }
    .psc20 .psc_cont,
    .psc30 .psc_cont,
    .psc50 .psc_cont {
        font-size: 1em;
    }

    .psc20_write .sgl_con label {
        line-height: 37px;
    }

    .psc51_21_01 .cgroup {
        width: 100%;
    }

    .psc51_11_01 .sgroup01 .inner {
        background-size: 606px 110px;
    }
    .psc51_21_01 .cgroup01 {
        margin-bottom: 60px;
    }
    .psc51_21_01 .image_area {
        position: relative;
        margin-bottom: 50px;
        top: auto;
        right: auto;
        z-index: 0;
    }
    .psc51_21_01 .image_area img {
        width: 100%;
    }

    .psc57_11_01 .sgroup05 .psc_cont {
        padding: 25px 15px;
    }
    .psc57_11_01 .sgroup05 .cont {
        position: static;
        -webkit-transform: -webkit-translateY(0);
           -moz-transform:    -moz-translateY(0);
                transform:         translateY(0);
    }
    .psc57_11_01 .sgroup05 .cgroup {
        margin-top: 20px;
    }
    .psc57_11_01 .sgroup05 h4 {
        font-size: 1.125em;
    }
    .psc57_11_01 .sgroup05 p {
        font-size: 1em !important;
    }


    .pageup {
        width: 40px;
        height: 40px;
        bottom: 30px;
    }
    .pageup button {
        font-size: 20px;
        line-height: 40px;
    }
}


@media screen and (max-width: 960px) {
    /* Google Nexus 7 Landscape */
    #footer {
        padding: 35px 0;
        text-align: center;
    }
    #footer .flogo {
        margin-left: auto;
        margin-right: auto;
    }
    #footer .othermenu {
        position: static;
        margin: 30px auto;
        text-align: center;
    }
    #footer .othermenu .colgroup {
        display: inline-block;
    }
    #footer .othermenu .om_btn {
        width: 180px;
        padding: 10px;
        font-size: 14px;
    }
    #footer .othermenu ul {
        height: 9.6em;
        overflow-y: auto;
        line-height: 1.6;
    }
    #footer .fnav {
        display: inline-block;
        float: none;
    }
    #footer .finfo {
        float: none;
        text-align: center;
    }
    #footer .finfo .address,
    #footer .finfo .number {
        display: inline-block;
    }
    #footer .finfo .address {
        margin-right: 20px;
    }

    #footer .finfo .copyright {
        margin-top: 20px;
    }


    /* VISUAL */
    .main #visual,
    .main #slide_wrap,
    .main .swiper-container {
        height: 400px;
    }
    .main #visual {
        font-size: 14px;
    }
    .main #visual .text_box {
        display: grid;
        width: 380px;
        height: 260px;
        margin: -130px 0 0 -190px;
        top: 50%;
        left: 50%;
    }
    .main #visual .box_group {
        padding: 0 30px;
    }
    .main #visual .box_group:after {
        position: absolute;
        display: block;
        content: '';
        top:    10px;
        left:   10px;
        right:  10px;
        bottom: 10px;
        background: rgba(0,0,0,0.35);
    }
    .main #visual .txt_top,
    .main #visual .txt_btm {
        position: relative;
        color: #fff;
        z-index: 1;
    }
    .main #visual .txt_btm {
        font-size: 2em;
        line-height: 1.4;
    }
    .main #visual .text_box p span {
        display: block;
    }
    .main #visual .line {
        position: absolute;
        display: block;
        width: 40px;
        height: 40px;
    }
    .main #visual .line1 {
        top:  -2px;
        left: -2px;
        border-top:  5px solid #fff;
        border-left: 5px solid #fff;
    }
    .main #visual .line2 {
        top:   -2px;
        right: -2px;
        border-top:   5px solid #fff;
        border-right: 5px solid #fff;
    }
    .main #visual .line3 {
        left:   -2px;
        bottom: -2px;
        border-left:   5px solid #fff;
        border-bottom: 5px solid #fff;
    }
    .main #visual .line4 {
        right:  -2px;
        bottom: -2px;
        border-right:  5px solid #fff;
        border-bottom: 5px solid #fff;
    }
    #visual .swiper-button-prev,
    #visual .swiper-button-next {
        margin-top: -25px;
    }

    .ms04 .inner,
    .ms05 .inner {
        width: 100%;
        padding-bottom: 75px;
    }
    .msection .title_area {
        position: static;
        width: 100%;
        margin-bottom: 30px;
        padding: 0 65px;
        text-align: center;
    }
    .msection .title_area .group {
        position: static;
    }

    .msection .title_area h3 {
        margin-bottom: 5px;
    }
    .msection .title_area h3 span,
    .msection .title_area p span {
        display: inline;
    }
    .msection .mcs_btn {
        position: absolute;
        width: 100%;
        margin-top: 20px;
        top: 0;
        left: 0;
        bottom: auto;
        z-index: 10;
        opacity: 0;
        -webkit-transform: -webkit-translateY(-50%);
           -moz-transform:    -moz-translateY(-50%);
                transform:         translateY(-50%);
        -webkit-transition: opacity 300ms ease;
           -moz-transition: opacity 300ms ease;
                transition: opacity 300ms ease;
    }
    .ms04 .inner:hover .mcs_btn,
    .ms05 .inner:hover .mcs_btn {
        opacity: 1
    }
    .msection .mcs_btn button {
        top: 0;
        bottom: auto;
    }
    .msection .mcs_counter {
        
    }
    .msection .mcs {
        margin-left: 0;
    }
    .msection .mcs:hover ~ .title_area .mcs_btn {
        opacity: 1 !important;
    }


    .psc20_detail .cont_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
    .psc20_detail .cont_right {
        width: 100%;
    }

    .psc33_31_01 .sgroup02 .cgroup03 p span {
        display: inline;
    }
}


@media screen and (max-width: 880px) {
    .psc31_21_01 .sgroup02 .cgroup {
        width: 100%;
        margin-left: 0;
    }
    .psc31_21_01 .sgroup02 .cgroup:nth-child(2) {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #ccc;
    }
    .psc33_21_01 .cbox .cont {
        height: 270px;
    }
}


@media screen and (max-width: 800px) {
    /* Google Nexus 7 Landscape */
    .ms03 .tab_cont .item {
        width: 50%;
    }

    .psc56_11_01 .contact .leftarea {
        position: static;
        margin-bottom: 15px;
        -webkit-transform: -webkit-translateY(0);
           -moz-transform:    -moz-translateY(0);
                transform:         translateY(0);
    }
    .psc56_11_01 .contact .rightarea {
        margin-left: 0;
    }
    .psc56_11_01 .contact .rightarea p {
        display: inline-block;
    }
}


@media screen and (max-width: 768px) {
    /* Tablet Portrait */
    /* FONT-SIZE */
    body {
        font-size: 15px;
    }
    #visual .textbox h3 {
        font-size: 2.25em;
    }
    #visual .inner .ptitle {
        font-size: 2em;
    }
    .ms02 .group01 li:first-child .day,
    .ms03 .mstitle,
    .msection .title_area h3,
    .msection .mcs_counter .itemindex {
        font-size: 1.625em;
    }
    .pstitle h3,
    .bigtitle,
    .psc33_11_01 .colgroup4 .col .ctitle,
    .psc51_11_01 .sgroup01 strong,
    .psc51_11_01 .sgroup02 p:first-child,
    .psc52_11_01 .list .year,
    .psc57_11_01 .sgroup02 .year {
        font-size: 1.375em;
    }
    .msection .mcs_counter .itemcount {
        font-size: 1.25em;
    }
    .psc_title h4,
    .radius_box .rtitle,
    .psc20_res .ctt .cal_date_area {
        font-size: 1.125em;
    }
    .ms06 .item a,
    .colgroup3 .item .cont,
    .gray_box .sgroup .gbtitle,
    .colgroup3 .item .cont,
    .psc20_detail .cont .left_btn_area a,
    .psc20_detail .cont .right_btn_area a,
    .psc20_res .ctt button,
    .psc20_res .ctt a,
    .psc20_res .cal_tbl td .day,
    .psc20_res .btn_area a,
    .psc20_res .btn_area button,
    .psc20_res .btn_area input,
    .psc51_11_01 .sgroup01 p,
    .psc51_21_01 .cgroup .atitle,
    .psc57_11_01 .sgroup05 p {
        font-size: 1.0625em;
    }
    .psc_first li,
    .psc_first .tab_menu button {
        font-size: 15px;
    }
    .msection .mcs .item p {
        font-size: 14px;
    }
    #footer .othermenu ul {
        height: 12.4em;
    }


    .psc33_11_01 .colgroup4 .col {
        width: 49%;
        height: 420px;
    }
    .psc33_11_01 .colgroup4 .col1,
    .psc33_11_01 .colgroup4 .col2 {
        margin-top: 0;
        margin-bottom: 2%;
    }
    .psc33_11_01 .colgroup4 .col3,
    .psc33_11_01 .colgroup4 .col4 {
        margin-top: 0;
        margin-bottom: 2%;
    }
    .psc33_11_01 .colgroup4 .col:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }
    .psc33_11_01 .colgroup4 .col .ctitle span {
        display: inline;
    }
    .psc33_31_01 .sgroup02 .cgroup03 .colspan {
        width: 49.5%;
        min-height: 188px;
        margin-bottom: 1%;
    }
    .psc33_31_01 .sgroup02 .cgroup03 .colspan:nth-child(2n+1){
        margin-left: 0;
        clear: both;
    }


    .psc411_11_01 .radius_box p {
        margin-left: 140px;
    }
    .psc411_21_01 .radius_box p {
        margin-left: 200px;
    }


    .ms06 .item a {
        padding: 15px 5px;
    }


    .psc20_write .sgl_tit {
        position: static;
        width: 100%;
    }
    .psc20_write .sgl_tit strong {
        position: static;
        padding: 15px 10px;
        text-align: left;
        -webkit-transform: -webkit-translateY(0);
           -moz-transform:    -moz-translateY(0);
                transform:         translateY(0);
    }
    .psc20_write .sgl_con {
        padding: 15px 10px;
    }
    .psc20_write .sgl_con label {
        line-height: 35px;
    }


    /* TABLE LIST TYPE */
    .listdot p,
    .listdot li {
        position: relative;
        margin: 5px 0;
        padding-left: 12px;
        line-height: 1.4;
    }
    .listdot p::before,
    .listdot li::before {
        position: absolute;
        display: block;
        content: '';
        width: 4px;
        height: 4px;
        top: 9px;
        left: 0;
        background: #6e6e6e;
        border-radius: 50%;
    }
}


@media screen and (max-width: 736px) {
    /* iPhone 6 Plus Landscape */
    /* CONTAINER */
    #container {
        margin-bottom: 50px;
    }
    .main #container {
        margin-bottom: 0;
    }


    /* VISUAL */
    #visual {
        height: 220px;
        margin-bottom: 50px;
    }
    .main #visual {
        margin-bottom: 0;
    }
    #visual .vct .text {
        font-size: 2.5em;
    }


    .main .ms01 {
        padding: 50px 0 80px;
    }


    .colgroup3 .item {
        width: 49%;
        margin: 0 0 20px 2%;
    }
    .colgroup3 .item:nth-child(3n+1) {
        margin-left: 2%;
        clear: none;
    }
    .colgroup3 .item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .border_box {
        padding: 20px;
    }


    .psc10.detail .blue_box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .radius_box {
        padding: 20px;
        border-radius: 0;
    }
    .radius_box .rtitle {
        position: static;
        margin-bottom: 10px;
    }
    .radius_box p {
        margin-left: 0 !important;
    }
    .gray_box {
        padding: 15px;
    }
    .gray_box .sgroup {
        margin-top: 15px;
        padding: 70px 15px 15px;
    }
    .gray_box .sgroup:first-child {
        margin-top: 0;
    }
    .psc .itbl td {
        padding: 15px;
    }
    .psc .itbl th,
    .psc33_21_01 .itbl td.w1,
    .psc33_41_01 .itbl td.w1 {
        padding: 15px 5px;
    }

    .step_list .list .ltit {
        padding: 15px 5px;
    }
    .step_list .list .rcon {
        padding: 15px;
    }

    .psc20_res .tbl_group,
    .psc23_11_02 .gray_box .sgroup .table_area {
        width: 100%;
        overflow-x: auto;
    }
    .psc20_res .cal_tbl,
    .psc23_11_02 .gray_box .sgroup table {
        width: 719px;
    }

    .psc33_31_01 .sgroup03 .colspan {
        width: 100%;
        height: auto;
        margin: 50px auto 0;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 0;
        float: none;
    }
    .psc33_31_01 .sgroup03 .colspan:first-child {
        margin-top: 0;
    }
    .psc33_31_01 .sgroup03 .colspan .arrow_pos {
        position: static;
        width: 100%;
        margin-top: 30px;
    }
    .psc33_31_01 .sgroup03 .colspan .arrow {
        height: auto;
        padding: 0;
        background-image: none !important;
    }
    .psc33_31_01 .sgroup03 .colspan .txt,
    .psc33_31_01 .sgroup03 .txt .tgroup {
        position: static;
        width: 100%;
    }
    .psc33_31_01 .sgroup03 .txt .tgroup {
    -webkit-transform: -webkit-translateY(0);
       -moz-transform:    -moz-translateY(0);
            transform:         translateY(0);
    }
    .psc33_31_01 .sgroup03 .txt p {
        display: block;
        padding: 25px 10px;
        text-align: center;
    }
    .psc33_31_01 .sgroup03 .txt p span {
        display: inline;
    }

    .psc52_11_01 {
        padding: 0;
    }
    .psc52_11_01::before {
        height: auto;
        top: 8px;
        left: 15px;
        bottom: 5px;
    }
    .psc52_11_01 .list {
        position: relative;
        width: 100%;
        margin: 60px auto 0 0;
        padding-left: 8px;
    }
    .psc52_11_01 .list:first-child {
        margin-top: 0;
    }
    .psc52_11_01 .list .year {
        padding-left: 15px;
        padding-right: 0;
        text-align: left;
        line-height: 1.4;
    }
    .psc52_11_01 .list .year::before {
        left: -5px;
        right: auto;
    }
    .psc52_11_01 .list .igroup {
        margin-left: 25px;
        margin-right: 0;
        text-align: left;
    }
    .psc52_11_01 .list .date {
        left: 0;
        right: auto;
    }
    .psc52_11_01 .list .content,
    .psc52_11_01 .list:nth-child(2n+2) .content {
        margin-left: 90px;
        margin-right: auto;
    }
    .psc52_11_01 .list:nth-child(2n+2) {
        margin: 60px auto 0 0;
    }


    .psc56_11_01 .cinfo {
        padding: 15px 10px;
        line-height: 1.8;
    }
    .psc56_11_01 .cinfo .list {
        display: block;
    }
    .psc56_11_01 .contact {
        padding: 15px 10px;
    }

    .psc57_11_01 .sgroup01 .left_area,
    .psc57_11_01 .sgroup01 .right_area,
    .psc57_11_01 .sgroup02 .left_area,
    .psc57_11_01 .sgroup02 .right_area {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .psc57_11_01 .sgroup01 .left_area,
    .psc57_11_01 .sgroup02 .left_area {
        margin-bottom: 30px;
    }
    .psc57_11_01 .sgroup02 .left_area {
        padding: 0 0 30px;
        border-bottom: 1px solid #ccc;
    }
    .psc57_11_01 .sgroup02 .list01 .left_area {
        padding-top: 30px;
        border-top: 1px solid #ccc;
    }


    /* 기업정보 리스트 */
    .psc24_11_01 .type_table thead {
        display: none;
    }
    .psc24_11_01 .type_table tbody,
    .psc24_11_01 .type_table tr {
        display: block;
    }
    .psc24_11_01 .type_table tr::before,
    .psc24_11_01 .type_table tr::after {
        display: block;
        content: '';
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
    .psc24_11_01 .type_table tr::after {
        clear: both;
    }
    .psc24_11_01 .type_table tr {
        position: relative;
        padding: 20px 10px;
        clear: both;
        border-bottom: 1px solid #ccc;
    }
    .psc24_11_01 .type_table tr:first-child {
        border-top: 1px solid #ccc;
    }
    .psc24_11_01 .type_table td.w1 {
        position: absolute !important;
        width: auto !important;
        top: 15px !important;
        left: auto !important;
        right: 8px !important;
        width: auto !important;
        padding: 3px 0 !important;
        font-size: 1em !important;
        border: 0 !important;
    }
    .psc24_11_01 .type_table td.w2,
    .psc24_11_01 .type_table td.w3,
    .psc24_11_01 .type_table td.w4,
    .psc24_11_01 .type_table td.w5,
    .psc24_11_01 .type_table td.w6,
    .psc24_11_01 .type_table td.w7 {
        display: block !important;
        width: auto !important;
        padding: 3px 0 !important;
        font-size: 1em !important;
        text-align: left !important;
        border: 0 !important;
    }
    .psc24_11_01 .type_table tbody td .mview {
        display: inline-block;
        width: 80px;
        margin-right: 10px;
        color: #313131;
        text-align: justify;
        line-height: 0;
    }
    .psc24_11_01 .type_table tbody td .mview::before,
    .psc24_11_01 .type_table tbody td .mview::after {
        display: inline-block;
        width: 100%;
        content: '';
    }
    .psc24_11_01 .type_table tbody td p {
        display: inline-block;
        width: auto !important;
    }
    .psc24_11_01 .type_table tbody .w7 {
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: -webkit-translateY(-50%);
           -moz-transform:    -moz-translateY(-50%);
                transform:         translateY(-50%);
    }

}


@media screen and (max-width: 720px) {
    .res_popup {
        width: 600px;
    }

    .gray_box .cols3 .ilist {
        margin-top: 30px;
    }
    .gray_box .cols3 .ilist,
    .gray_box .cols4 .ilist {
        width: 48%;
        margin-left: 4%;
    }
    .gray_box .cols3 .ilist img,
    .gray_box .cols4 .ilist img {
        width: 100%;
    }
    .gray_box .cols3 .ilist:nth-child(3n+1) {
        margin-left: 4%;
        clear: none;
    }
    .gray_box .cols3 .ilist:nth-child(2n+1),
    .gray_box .cols4 .ilist:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }
    .gray_box .cols3 .ilist:nth-child(1),
    .gray_box .cols3 .ilist:nth-child(2),
    .gray_box .cols4 .ilist:nth-child(1),
    .gray_box .cols4 .ilist:nth-child(2) {
        margin-top: 0;
    }
    .gray_box .cols3 .ilist:nth-child(3),
    .gray_box .cols4 .ilist:nth-child(3),
    .gray_box .cols4 .ilist:nth-child(4) {
        margin-top: 30px;
    }

    .psc33_31_01 .sgroup04 .group .image,
    .psc33_31_01 .sgroup04 .group .text {
        width: 100%;
        float: none;
    }
    .psc33_31_01 .sgroup04 .group .image {
        margin-bottom: 20px;
        text-align: center;
    }
    .psc33_31_01 .sgroup04 .group .text {
        padding: 0 10px;
    }
    .psc33_31_01 .sgroup04 .group .btitle {
        text-align: center;
    }
}


@media screen and (max-width: 667px) {
    /* iPhone 6 Landscape */
    .ms03 .tab_menu::before,
    .ms03 .tab_menu::after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
    .ms03 .tab_menu::after {
        clear: both;
    }
    .ms03 .tab_menu .tab_btn {
        width: 16.66666666666667%;
        float: left;
        margin-left: 0;
        padding: 12px 5px;
    }
    .ms03 .tab_menu .tab_btn:first-child {
        width: 100%;
        float: none;
        border-bottom: 0;
    }
    .ms03 .tab_menu .tab_btn:nth-child(2) {
        border-left: 1px solid #e5e5e5;
    }
}


@media screen and (max-width: 640px) {
    /* Mobile Landscape */
    .psc .sgroup .btn_area a,
    .psc .sgroup .btn_area input[type="submit"],
    .psc .sgroup .btn_area button {
        width: 150px;
        padding: 15px;
        font-size: 14px;
    }


    /* VISUAL */
    .main #visual,
    .main #slide_wrap,
    .main .swiper-container {
        height: 350px;
    }
    .main #visual .text_box {
        display: grid;
        width: 320px;
        height: 220px;
        margin: -110px 0 0 -160px;
        top: 50%;
        left: 50%;
    }
    .main #visual .box_group {
        padding: 0 30px;
    }
    #visual .swiper-button-prev,
    #visual .swiper-button-next {
        transform: scale(0.7);
    }
    #visual:hover .swiper-button-prev,
    #visual:hover .swiper-container-rtl .swiper-button-next {
        left: 10px;
    }
    #visual:hover .swiper-button-next,
    #visual:hover .swiper-container-rtl .swiper-button-prev {
        right: 10px;
    }


    .ms06 .item {
        width: 49%;
        margin: 2% 0 0 2%;
    }
    .ms06 .item:nth-child(3),
    .ms06 .item:nth-child(4) {
        margin-top: 2%;
    }
    .ms06 .item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .psc_first li,
    .psc_first .tab_menu button {
        letter-spacing: -0.075em;
    }

    .psc23_11_02 .gray_box .sgroup table td {
        background: #fff;
    }

    .psc30 .tab_menu .tab_btn {
        padding: 15px 5px;
    }
    .psc30 .tab_menu .tab_btn span {
        display: block;
        line-height: 1.5;
    } 
    .psc33_21_01 .cbox {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
    }
    .psc33_21_01 .cbox:nth-child(2n+1) {
        margin-left: 0;
    }
    .psc33_21_01 .cbox .cont {
        height: auto;
    }

    .psc51_11_01 .sgroup01 .inner {
        background-size: 320px 58px;
    }

    .res_popup {
        width: 500px;
    }

    .psc30 .tab_menu.three .tab_btn {
        width: 100%;
    }
    .psc30 .tab_menu.three .colgroup .tab_btn::before {
        width: 100%;
        height: 1px;
    }
}


@media screen and (max-width: 568px) {
    /* iPhone 5 Landscape */
    .ms02 .group01 {
        width: 100%;
        margin: 0 0 50px 0;
        float: none;
    }
    .ms02 .group02,
    .ms02 .group03 {
        width: 100%;
        margin: 0;
        float: none;
    }
    .ms02 .group02 {
        margin-bottom: 50px;
    }

    /* VISUAL */
    #visual {
        height: 200px;
    }
    #visual .vct .text {
        font-size: 2em;
    }


    /* PAGE */
    h3.stitle {
        height: 20px;
        margin-bottom: 25px;
        font-size: 1.5em;
        line-height: 20px;
        padding-left: 30px;
    }
    h3.stitle::before {
        width: 20px;
        background-size: 20px 20px;
    }
    h4.ps_title {
        font-size: 18px;
    }

    .step_list .list .ltit,
    .step_list .list .rcon {
        width: 100%;
    }
    .step_list .list .rcon {
        border-left: 4px solid #e5e5e5;
    }

    .psc10.psc_top li {
        width: 50%;
    }
    .psc10.psc_top li:nth-child(3),
    .psc10.psc_top li:nth-child(4) {
        border-top: 1px solid #ccc;
    }
    .psc10.psc_top li:nth-child(2n+1)::before {
        display: none;
    }

    .psc411_21_01 .gray_box .gray_box_btn {
        width: 120px;
        max-width: auto;
        height: 40px;
        margin: 20px auto 0;
        padding: 0 20px;
        line-height: 40px;
    }

    .psc52_11_01::before {
        left: 13px;
    }
}


@media screen and (max-width: 560px) {

}


@media screen and (max-width: 520px) {
    #footer .fnav {
        display: block;
    }
    #footer .fnav li {
        width: 50%;
        height: auto;
        margin: 0;
        padding-left: 0;
        float: left;
        line-height: 1;
        border-right: 1px solid #1b4368;
        border-bottom: 1px solid #1b4368;
    }
    #footer .fnav li:nth-child(2n+1) {
        border-left: 1px solid #1b4368;
    }
    #footer .fnav li:nth-child(1),
    #footer .fnav li:nth-child(2) {
        border-top: 1px solid #1b4368;
    }
    #footer .fnav li::before {
        display: none;
    }
    #footer .fnav li a {
        display: block;
        padding: 10px;
    }

    #footer .othermenu .colgroup {
        display: block;
    }
    #footer .othermenu .omenu {
        width: 49.5%;
    }
    #footer .othermenu .omenu1 {
        margin-right: 1%;
    }
    #footer .othermenu .om_btn {
        width: 100%;
        text-align: center;
    }


    .ms03 .tab_menu .tab_btn {
        width: 33.33333333333333333%;
    }
    .ms03 .tab_menu .tab_btn:first-child {
        width: 100%;
    }
    .ms03 .tab_menu .tab_btn:nth-child(2),
    .ms03 .tab_menu .tab_btn:nth-child(3),
    .ms03 .tab_menu .tab_btn:nth-child(4) {
        border-bottom: 0;
    }
    .ms03 .tab_menu .tab_btn:nth-child(5) {
        border-left: 1px solid #e5e5e5;
    }


    .psc20_write .sgl_con .cgroup {
        display: block;
    }
    .psc20_write .sgl_con .cgroup:first-child {
        margin-bottom: 10px;
    }

    .psc30 .tab_menu .tab_btn {
        height: 75px;
    }
    .psc30 .tab_menu .tab_btn span.small {
        font-size: 12px;
    }

    .res_popup {
        width: 400px;
    }
    .res_popup .btm_con .left_title {
        position: static;
        margin-bottom: 5px;
    }
    .res_popup .btm_con .right_content {
        margin-left: 0;
        padding-left: 11px;
    }

    .psc20 .sgroup04 .download {
        position: static;
        margin-top: 15px;
        text-align: center;
    }
}


@media screen and (max-width: 480px) {
    .psc20_write .btn_area a,
    .psc20_write .btn_area label,
    .psc20_res .btn_area a,
    .psc20_res .btn_area button,
    .psc20_res .btn_area input {
        width: 160px;
    }
}


@media screen and (max-width: 428px) {
    /* iPhone 12/13 Pro Max Portrait */
    /* FONT-SIZE */
    #visual .textbox h3 {
        font-size: 1.725em;
    }
    #visual .inner .ptitle {
        font-size: 1.5em;
    }
    .ms02 .group01 li:first-child .day,
    .ms03 .mstitle,
    .msection .title_area h3,
    .msection .mcs_counter .itemindex {
        font-size: 1.375em;
    }
    .pstitle h3,
    .bigtitle,
    .psc33_11_01 .colgroup4 .col .ctitle,
    .psc51_11_01 .sgroup01 strong,
    .psc52_11_01 .list .year,
    .psc57_11_01 .sgroup02 .year {
        font-size: 1.1875em;
    }
    .msection .mcs_counter .itemcount {
        font-size: 1.25em;
    }
    .psc_first li,
    .psc_first .tab_menu button,
    .ms06 .item a,
    .colgroup3 .item .cont,
    .gray_box .sgroup .gbtitle,
    .colgroup3 .item .cont,
    .psc20_detail .cont .left_btn_area a,
    .psc20_detail .cont .right_btn_area a,
    .psc20_res .ctt button,
    .psc20_res .ctt a,
    .psc20_res .cal_tbl td .day,
    .psc20_res .btn_area a,
    .psc20_res .btn_area button,
    .psc20_res .btn_area input,
    .psc51_21_01 .cgroup .atitle,
    .psc57_11_01 .sgroup05 p {
        font-size: 1em;
    }
    .msection .mcs .item p,
    .gray_border_box p {
        font-size: 0.9375em !important;
    }
    #footer .othermenu .om_btn,
    #footer .othermenu li a {
        font-size: 13px;
    }
    #footer .othermenu li a {
        padding: 0 7px;
    }


    #visual .inner {
        width: 100%;
    }


    .ms02 .group01 .tab_btn button {
        margin-left: 5px;
        padding: 7px 12px;
        font-size: 14px;
        background-color: #f5f5f5;
    }
    .ms02 .group01 .more_btn a {
        padding: 7px;
    }
    .msection .title_area {
        padding: 0 10px;
    }
    .msection .mcs_btn {
        display: none;
    }


    .psc_first li span,
    .psc_first .tab_menu button {
        display: inline-block;
    }

    .gray_border_box {
        padding: 15px;
    }

    .psc20_write .sgl_con .cgroup {
        width: 100%;
    }
    .psc20_write .list22 .cgroup .colspan:first-child,
    .psc20_write .list23 .cgroup .colspan:first-child {
        width: calc(100% - 40px);
    }
    .psc20_write .sgl_con input.calendar,
    .psc20_write .sgl_con select.time {
        max-width: 100%;
        width: 100%;
    }
    .psc20_detail .cont .right_btn_area {
        text-align: center;
    }
    .psc20_detail .cont .left_btn_area a,
    .psc20_detail .cont .right_btn_area a {
        width: 160px;
        height: 50px;
        line-height: 50px;
    }

    .psc33_11_01 .colgroup4 .col,
    .psc33_11_01 .sgroup03 .colspan {
        width: 90%;
        height: auto;
        margin: 20px auto 0 !important;
        float: none;
    }
    .psc33_11_01 .colgroup4 .col:first-child,
    .psc33_11_01 .sgroup03 .colspan:first-child {
        margin-top: 0 !important;
    }
    .psc33_21_01 .itbl td.w1 {
        width: 80px;
        letter-spacing: -0.05em;
    }
    .psc33_21_01 .itbl2 td.w1 span {
        display: inline;
    }
    .psc33_31_01 .sgroup02 .cgroup03 .colspan {
        width: 100%;
        min-height: auto;
        margin-top: 20px;
        margin-bottom: 0;
        float: none;
    }
    .psc33_31_01 .sgroup02 .cgroup03 .colspan:nth-child(2n+1){
        margin-left: 0;
        clear: both;
    }
    .psc33_31_01 .sgroup02 .cgroup03 .colspan:first-child {
        margin-top: 0;
    }
    .psc33_31_01 .sgroup03 .colspan {
        padding-left: 0;
        padding-right: 0;
    }
    .psc33_31_01 .sgroup03 .cgroup {
        padding: 0 15px;
    }
    .psc33_41_01 .itbl td.w1 {
        width: 110px;
        padding-left: 5px;
        padding-right: 5px;
        letter-spacing: -0.05em;
    }


    .psc51_21_01 .cgroup .flist {
        margin-left: 120px;
    }
    .psc52_11_01::before {
        left: 12px;
    }

    .res_popup {
        width: 340px;
    }
}


@media screen and (max-width: 414px) {
    /* iPhone 6 Plus Portrait */

    /* VISUAL */
    #visual .vct .text {
        font-size: 1.5em;
    }
    .map .map_area {
        height: 350px;
        margin-bottom: 10px;
    }
    .map .map_wrap {
        width: 240px;
        margin-left: -120px;
        bottom: -40px;
        font-size: 13px;
    }
    .map .map_title {
        height: 26px;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        line-height: 24px;
    }
    .map .close {
        top: -2px;
        font-size: 28px;
        line-height: 20px;
    }
}


@media screen and (max-width: 412px) {
    /* Galaxy Note 20, Galaxy S20 Ultra Portrait */

}


@media screen and (max-width: 390px) {
    /* iPhone 12 Plus Pro Portrait */

}


@media screen and (max-width: 384px) {
    /* Galaxy Note 20/S20 Plus Portrait */

}


@media screen and (max-width: 375px) {
    /* iPhone 6/7/8/11Pro/12/13Mini/se2 Portrait */
    /* 모바일 전용 이미지 */
    .mobile #header .bottom h1 a                   {background-image: url('../img/common/mlogo@2x.png');}
    .mobile #mobile_menu h1 a                      {background-image: url('../img/common/mlogo@2x.png');}
    .mobile #footer .flogo                         {background-image: url('../img/common/flogo@2x.png');}
    .mobile .sitemap .logo a                       {background-image: url('../img/common/slogo@2x.png');}

    .mobile .ms01 .lnk .ico01                      {background-image: url('../img/main/ms01_quick_01@2x.png');}
    .mobile .ms01 .lnk .ico02                      {background-image: url('../img/main/ms01_quick_02@2x.png');}
    .mobile .ms01 .lnk .ico03                      {background-image: url('../img/main/ms01_quick_03@2x.png');}
    .mobile .ms01 .lnk .ico04                      {background-image: url('../img/main/ms01_quick_04@2x.png');}
    .mobile .ms01 .lnk .ico05                      {background-image: url('../img/main/ms01_quick_05@2x.png');}
    .mobile .ms01 .lnk .ico06                      {background-image: url('../img/main/ms01_quick_06@2x.png');}
    .mobile .ms01 .lnk .ico07                      {background-image: url('../img/main/ms01_quick_07@2x.png');}
    .mobile .ms01 .lnk .ico08                      {background-image: url('../img/main/ms01_quick_08@2x.png');}

    .mobile .pstitle h3                            {background-image: url('../img/page/pstitle@2x.png');}
    .mobile .psc_title                             {background-image: url('../img/page/psc_title@2x.png');}
    /*.mobile .psc51_11_01 .sgroup02 .sign           {background-image: url('../img/page/psc51_11_01_sign@2x.png');}*/
    /*.mobile .psc51_21_01 .cgroup01 .atitle         {background-image: url('../img/page/psc51_21_01_ico_01@2x.png');}*/
    /*.mobile .psc51_21_01 .cgroup02 .atitle         {background-image: url('../img/page/psc51_21_01_ico_02@2x.png');}*/
    .mobile .psc51_21_01 .cgroup .flist li::before {background-image: url('../img/page/dia_dot@2x.png');}
    .mobile .psc56_11_01 .contact .leftarea .ico   {background-image: url('../img/page/ico_bus@2x.png');}


    .psc20_write .sgl_con input,
    .psc20_write .sgl_con select {
        padding-top: 7px;
        padding-left: 10px;
        padding-bottom: 7px;
    }
    .psc20_write .sgl_con input {
        padding-right: 10px;
    }
    .psc20_write .sgl_con .gap {
        margin: 0 2px;
    }
    .psc20_write .sgl_con .tel_num {
        max-width: 80px;
    }

    .psc51_21_01 .cgroup .flist {
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 80px;
    }
}


@media screen and (max-width: 360px) {
    /* Mobile Portrait */
}


@media screen and (max-width: 359px) {
    /* iPhone 5 Portrait */
    body {
        font-size: 14px;
    }


    /* HEADER */
    .open_mobilemenu #header #btn_m_toggle {
        left: 280px;
        z-index: 1000;
    }
    .open_mobilemenu #header #btn_m_toggle .toggle_group span {
        background: #222;
    }
    #mobile_menu {
        width: 100%;
    }

    .psc20_write .sgl_con label {
        line-height: 33px;
    }
    .psc20_write .btn_area a,
    .psc20_write .btn_area label,
    .psc20_res .btn_area a,
    .psc20_res .btn_area button,
    .psc20_res .btn_area input {
        width: 90%;
        margin: 5px auto;
    }

    .psc24_11_01 .type_table tbody td .mview {
        width: 74px;
        margin-right: 6px;
    }

    .psc51_11_01 .sgroup01 .inner {
        background-size: 264px 48px;
    }
    .psc52_11_01::before {
        left: 11px;
    }

    .res_popup {
        width: 310px;
    }

    .flatpickr-calendar {
        transform: scale(0.9);
    }
}


@media screen and (max-width: 319px) {
    body {
        font-size: 12px;
    }

    #header .top .top_left li a {
        font-size: 11px;
    }

    .open_mobilemenu #header #btn_m_toggle {
        left: 240px;
        z-index: 1000;
    }


    .psc20_write .sgl_con label {
        line-height: 30px;
    }
    .psc20_write .sgl_con .tel_num {
        width: 74px;
    }
    .psc20_write .sgl_con input,
    .psc20_write .sgl_con select {
        padding-left: 5px;
    }
    .psc20_write .sgl_con input {
        padding-right: 5px;
    }

    .psc24_11_01 .type_table tbody td .mview {
        width: 65px;
    }

    .res_popup {
        width: 270px;
    }
}