@charset "UTF-8";

/* common */
input[type="text"]:focus{
    border: 2px solid #000;
}

.cf {}

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

.tablize {
    display: table;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.tablize>* {
    display: inline-block;
    width: auto;
    font-size: 13px;
    line-height: 1.6;
    vertical-align: top;
}

.tablize>.tablize {
    font-size: 0;
    line-height: 0;
}

.tablize>.tablize>* {
    font-size: 13px;
    line-height: 1.6;
}

.split>* {
    position: relative;
}

.split>*+*:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    width: 1px;
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
}

.JS,
.JS *,
[class*="JS"],
[class*="JS"] *,
[class*=" JS-"],
[class^="JS-"] *,
[class*=" JS-"] *,
[class^="JS-"] {
    box-sizing: border-box;
}

.hide {
    display: none !important;
}

*[use="x"] {
    display: none !important;
}


/* button */
[class^='btnNormal'],
a[class^='btnNormal'],
[class^='btnSubmit'],
a[class^='btnSubmit'],
[class^='btnEm'],
a[class^='btnEm'],
[class^='btnBasic'],
a[class^='btnBasic'],
[class^='btnLine'],
a[class^='btnLine'] {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.035);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.035);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.035);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.035);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.035);
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 8px;
    font-size: 13px;
    line-height: 2;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}


[class^='btnNormal'],
a[class^='btnNormal'] {
    border: 1px solid #d1d1d1;
    color: #222;
    background: linear-gradient(to bottom, #ffffff 40%, #f4f4f4 100%);
    border-radius: 1rem;
}

[class^='btnSubmit'],
a[class^='btnSubmit'] {
    border: 1px solid transparent;
    color: #fff;
    background-color: #1D4E8F;
    border-radius: 1rem;
}

[class^='btnEm'],
a[class^='btnEm'] {
    border: 1px solid transparent;
    color: #fff;
    background-color: #84868b;
}

[class^='btnBasic'],
a[class^='btnBasic'] {
    border: 1px solid #d1d1d1;
    color: #222;
    background-color: #f0f0f0;
    background: linear-gradient(to bottom, #ffffff 40%, #f4f4f4 100%);
}

[class^='btnLine'],
a[class^='btnLine'] {
    border: 1px solid #d1d1d1;
    color: #222;
    background-color: #fff;
}


[class^='btnNormal']:not(.disabled):hover {
    border-color: #999;
}

[class^='btnSubmit']:not(.disabled):hover {
    background-color: #000;
}

[class^='btnEm']:not(.disabled):hover {
    background-color: #666;
}

[class^='btnBasic']:not(.disabled):hover {
    background-color: #e5e5e5;
}

[class^='btnLine']:not(.disabled):hover {
    border-color: #999;
}

[class^='btnNormal'].disabled {
    border-color: #e3e3e3;
    color: #999;
}

[class^='btnSubmit'].disabled {
    background-color: #9297a2;
    color: #f0f0f0;
}

[class^='btnEm'].disabled {
    background-color: #b5b6b9;
    color: #f0f0f0;
}

[class^='btnBasic'].disabled {
    color: #999;
}

[class^='btnLine'].disabled {
    border-color: #e3e3e3;
    color: #999;
}

/* size */
[class^='btn'].sizeS {
    padding: 6px 8px;
}

[class^='btn'].sizeM {
    padding: 10px 16px;
}

[class^='btn'].sizeL {
    padding: 14px 16px;
    min-width: 80px;
    font-weight: bold;
}

/* width Fix */
[class^='btn'][class*='Fix'] {
    width: 72px;
    word-break: keep-all;
    word-wrap: break-word;
}

[class^='btn'][class*='Fix'].sizeS {
    width: 96px;
}

[class^='btn'][class*='Fix'].sizeM {
    width: 120px;
    padding-left: 8px;
    padding-right: 8px;
}

[class^='btn'][class*='Fix'].sizeL {
    width: 160px;
    padding-left: 8px;
    padding-right: 8px;
}

/* unique */
.btnLogin,
a.btnLogin {
    display: inline-block;
    box-sizing: border-box;
    width: 100px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #333;
}

.btnLogin:hover {
    background-color: #000;
}

.btnAgree,
a.btnAgree {
    display: inline-block;
    box-sizing: border-box;
    width: 80px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #d1d1d1;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    background-color: #fff;
}

.btnAgree:hover {
    background-color: #f3f3f3;
}

.btnToggle {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.btnToggle button {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    margin: 0 -1px 0 0;
    padding: 0 7px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    outline: 0;
    text-decoration: none;
    color: #222;
    background: #fff;
}

.btnToggle button:first-child {}

.btnToggle button:last-child {}

.btnToggle button.selected {
    position: relative;
    border: 1px solid #84868b;
    color: #fff;
    background: #84868b;
}

/* ec-base-button */
.ec-base-button {
    text-align: center;
    margin-top: 20px;
}

.ec-base-button.justify {
    position: relative;
}

.ec-base-button:after {
    display: block;
    content: "";
    clear: both;
}

.ec-base-button.gLeft {
    text-align: left;
}

.ec-base-button.gRight {
    text-align: right;
}

.ec-base-button.justify .gLeft {
    position: absolute;
    left: 0;
}

.ec-base-button.justify .gRight {
    position: absolute;
    right: 0;
}

.ec-base-button .text {
    margin: 0 6px 0 10px;
    color: #353535;
    line-height: 24px;
}

/* type */
.ec-base-button.typeBorder {
    padding: 10px 0;
}

.ec-base-button.typeBG {
    padding: 20px 0;
}

/* gColumn */
.ec-base-button[class*="gColumn"] {
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.ec-base-button[class*="gColumn"]:after {
    display: none;
}

.ec-base-button[class*="gColumn"] [class^='btn'] {
    margin: 0 2px;
    padding-left: 8px;
    padding-right: 8px;
    word-break: keep-all;
    word-wrap: break-word;
    white-space: normal;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix'] {
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
}

/* gFlex */
.ec-base-button[class*="gColumn"] .gFlex2 {
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.ec-base-button[class*="gColumn"] .gFlex3 {
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.ec-base-button[class*="gColumn"] .gFlex4 {
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
}



b.required- {
    display: inline-block;
    margin-right: 10px;
    color: #ff0000;
}

b.unrequired- {
    display: inline-block;
    margin-right: 10px;
}




/* layout */
.q-menu {
    display: none !important;
}


/* bbs */
#bo_list_total {
    display: none;
}

#bo_v_con {
    word-break: keep-all !important;
    overflow-x: auto;
}




/* calendar */
.ui-dialog.ui-widget {
    display: none !important;
}

.ui-widget-overlay {
    display: none !important;
}

.fc-row .fc-content-skeleton tbody td a.ca1 {
    background: #0f52a1;
    border-color: #0f52a1;
}

.fc-row .fc-content-skeleton tbody td a.ca2 {
    background: #3aad6d;
    border-color: #3aad6d;
}

.fc-row .fc-content-skeleton tbody td a.ca3 {
    background: #7b3aad;
    border-color: #7b3aad;
}

.fc-row .fc-content-skeleton tbody td a.ca4 {
    background: #3a93ad;
    border-color: #3a93ad;
}

.fc-row .fc-content-skeleton tbody td a.ca5 {
    background: #3aad6d;
    border-color: #3aad6d;
}

.fc-row .fc-content-skeleton tbody td a.ca6 {
    background: #3a93ad;
    border-color: #3a93ad;
}

.fc-row .fc-content-skeleton tbody td a.ca7 {
    background: #ad7f3a;
    border-color: #ad7f3a;
}

.input_wrap {
    position: relative;
}



/* header */
#header_wrap {
    overflow: visible !important;
}

#header {
    height: auto !important;
    position: relative !important;
}

#header h1 {
    top: -4px;
    z-index: 10;
}

#gnbbb {
    background: #1d4e8f;
}

#gnbbb .in {
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
}

#gnbbb .in ul {}

#gnbbb .in ul li {
    margin-left: 10px;
    padding-left: 10px;
}

#gnbbb .in ul li+li:after {
    top: 12px;
    height: 10px;
    background: #888;
    display: none;
}

#gnbbb .in ul li a {
    font-size: 13px;
    line-height: 35px;
    color: #fff;
}

#gnbbb .in ul li a i {
    font-size: 11px;
    margin-right: 4px;
    display: none;
}

#gnbbb .in ul li a:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* #gnbbb .in ul li.lan { margin-right:50px; } */
#gnbbb .in ul li.lan+li:after {
    display: none;
}

#gnbbb .in ul li.lan+li.lan:after {
    display: block;
}

#gnbbb .in ul li.sns {
    margin: 0;
    padding: 0;
}

#gnbbb .in ul li.sns+li:after {
    display: none;
}

#gnbbb .in ul li.sns a {}

#gnbbb .in ul li.sns a i {
    position: relative;
    top: 2px;
    font-size: 17px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
}

#gnbbb .in ul li.sns.f {}

#gnbbb .in ul li.search {}

#gnbbb .in ul li.search form {}

#gnbbb .in ul li.search fieldset {
    position: relative;
    top: 4px;
    display: inline-block;
}

#gnbbb .in ul li.search .area {
    width: 200px;
    height: 26px;
    padding-right: 30px;
}

#gnbbb .in ul li.search .button {
    width: 30px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border: 0;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
}

/*
#gnbbb .in ul li.sns.f i { background:#3b5693; color:#3b5693; background:#fff; } 
#gnbbb .in ul li.sns.n i { background:#01d677; } 
#gnbbb .in ul li.sns.i i { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } 
#gnbbb .in ul li.sns.y i { background:#e71b24; } 
*/
body.lan-kr #gnbbb .in ul li.lan.kr {
    display: none;
}

body.lan-kr #gnbbb .in ul li.lan.en {
    display: inline-block;
}

body.lan-en #gnbbb .in ul li.lan.kr {
    display: inline-block;
}

body.lan-en #gnbbb .in ul li.lan.en {
    display: none;
}

body.lan-en .kr-only,
body.lan-en .kr-only.kr-block {
    display: none !important;
}

body.lan-kr .en-only,
body.lan-kr .en-only.en-block {
    display: none !important;
}

body.lan-kr .kr-only.kr-inline-block {
    display: inline-block !important;
}

body.lan-en .en-only.en-inline-block {
    display: inline-block !important;
}


body .lnb_wrap {
    overflow: visible !important;
    height: auto !important;
    margin-right: 0;
    text-align: right;
}

body #lnb {
    float: none;
}

body #lnb #mainMenu {
    display: table;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

body #lnb #mainMenu>li {
    position: relative;
    display: inline-block;
    margin-left: 35px;
    float: none !important;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
}

body #lnb #mainMenu>li>a {
    position: relative;
    padding: 0 0 !important;
    font-size: 17px !important;
}

body #lnb #mainMenu>li>a>span {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 0;
    height: 2px;
    transition: 0.2s;
}

body #lnb #mainMenu>li:hover>a>span {
    width: 100%;
}

body #lnb #mainMenu>li>ul.lnb_sub {
    display: none;
    border: 0;
    position: absolute;
    padding: 0;
    top: 80px;
    left: -20px;
    width: 210px;
    margin: 0;
    background: #fff;
    text-align: left;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

body #lnb #mainMenu>li:hover>ul.lnb_sub {
    display: block;
    animation: fadeIn 0.1s linear;
}

body #lnb #mainMenu>li>ul.lnb_sub li {
    line-height: 1.1;
}

body #lnb #mainMenu>li>ul.lnb_sub li a {
    display: block;
    color: #333;
    transition: 0.2s;
    font-size: 14px;
    margin: 0;
    padding: 10px 20px;
    line-height: normal;
    height: auto;
}

body #lnb #mainMenu>li>ul.lnb_sub li a:hover {
    color: #fff;
    background-color: #0f52a1;
}

body #lnb #mainMenu>li.btnArea {}

body #lnb #mainMenu>li.btnArea>.in {
    position: relative;
    width: 58px;
    height: 50px;
    cursor: pointer;
    ;
}

body #lnb #mainMenu>li.btnArea>.in>.l {
    display: block;
    position: absolute;
    width: 17px;
    height: 2px;
    left: 22px;
    background: #444;
    border-radius: 1px;
}

body #lnb #mainMenu>li.btnArea>.in>.l1 {
    top: 18px;
    transition: 0.3s 0.2s;
}

body #lnb #mainMenu>li.btnArea>.in>.l2 {
    top: 24px;
    transition: 0.5s;
}

body #lnb #mainMenu>li.btnArea>.in>.l3 {
    width: 13px;
    top: 30px;
    transition: 0.3s 0.2s;
}

body #lnb #mainMenu>li.btnArea:hover {
    border-left-color: #999;
    height: 51px;
    z-index: 1111;
}

body #lnb #mainMenu>li.btnArea:hover .l1 {
    width: 18px;
    transition: 0.2s;
}

body #lnb #mainMenu>li.btnArea:hover .l2 {
    width: 12px;
    transition: 0.2s;
}

body #lnb #mainMenu>li.btnArea:hover .l3 {
    width: 20px;
    transition: 0.2s;
}

body #lnb #mainMenu>li.btnArea:hover:after {
    opacity: 1;
}

body #lnb #mainMenu>li.btnArea:hover:before {
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

body #lnb #mainMenu>li.btnArea.on {}

body #lnb #mainMenu>li.btnArea.on>.in {}

body #lnb #mainMenu>li.btnArea.on>.in>.l1 {
    width: 25px;
    top: 20px;
    background: #fff;
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: 0.3s 0.2s;
}

body #lnb #mainMenu>li.btnArea.on>.in>.l2 {
    width: 0;
    margin-left: 10px;
}

body #lnb #mainMenu>li.btnArea.on>.in>.l3 {
    width: 25px;
    top: 20px;
    background: #fff;
    transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transition: 0.3s 0.2s;
}


body .scontents {
    position: relative;
    /*padding-left:300px; */
    box-sizing: border-box;
    min-height: 700px;
}

.JS-lnb {
    position: absolute;
    top: 40px;
    left: 0;
    width: 250px;
    display: none;
}

.JS-lnb .in {}

.JS-lnb ul>li>span {
    display: none;
}

.JS-lnb ul ul {
    width: 100%;
}

.JS-lnb ul ul li {
    position: relative;
    border: 1px solid #ddd;
    margin-top: -1px;
    background: #fff;
    transition: 0.1s;
}

.JS-lnb ul ul li:hover {
    background: #f4f4f4;
}

.JS-lnb ul ul li:after {
    font-family: xeicon !important;
    content: "\e940";
    position: absolute;
    color: #ccc;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin-top: -5px;
    font-size: 10px;
}

.JS-lnb ul ul li:hover:after {
    color: #000;
}

.JS-lnb ul ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    line-height: 17px;
    color: #666;
}

.JS-lnb ul ul li.on {
    background: #0f52a1;
}

.JS-lnb ul ul li.on a {
    color: #fff;
}

.JS-lnb ul ul li.on:after {
    color: #fff;
}


/* 대메뉴 */
.JS-header {}

.JS-header ul.gnb.cf {}

.JS-header ul.gnb.cf>li {
    text-align: center;
    font-size: 1rem;
    height: 80px;
    line-height: 80px;
    position: relative;
    transition: 0.3s;
    z-index: 12;
}

.JS-header ul.gnb.cf>li:after {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 0;
    height: 2px;
    display: block;
    float: left;
    content: "";
    background: #000;
    opacity: 0;
    transition: 0.2s;
    z-index: 11;
}

.JS-header ul.gnb.cf>li:hover:after {
    opacity: 1;
    left: 25%;
    width: 50%;
}

.JS-header ul.gnb.cf>li.on {}

.JS-header ul.gnb.cf>li:hover {
    z-index: 14;
}

.JS-header ul.gnb.cf>li+li:before {
    display: block;
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 1px;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
}

.JS-header ul.gnb.cf>li+li:before {
    opacity: 0;
}

.JS-header ul.gnb.cf>li>a {
    position: relative;
    display: block;
    color: #002139;
    font-weight: 600;
    padding: 0 15px;
    letter-spacing: 0.5px;
}

.JS-header ul.gnb.cf>li:hover>a {
    color: #000;
}

.JS-header ul.gnb.cf>li.over>a {
    color: #000;
    font-weight: bold;
}

.JS-header ul.gnb.cf>li.over:after {
    opacity: 1;
    width: 100%;
    left: 0;
    height: 2px;
}

.JS-header ul.gnb.cf>li.over:hover:after {
    opacity: 1;
    bottom: -1px;
    left: 25%;
    width: 50%;
    height: 2px;
}

.JS-header ul.gnb.cf>li.this {}

.JS-header ul.gnb.cf>li.this>a {}

.JS-header ul.gnb.cf>li.this>a:after {
    position: absolute;
    bottom: 7px;
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333;
    content: "";
    opacity: 0.2;
    display: none;
}

.JS-header.on ul.gnb.cf>li:after {}

.JS-header.on ul.gnb.cf>li.over {}

.JS-header.on ul.gnb.cf>li.over:after {
    /*width:74%; left:13%; height:7px; bottom:16px; background:rgba(0,0,0,0.06); */
}

.JS-header.on ul.gnb.cf>li.over>a {}

.JS-header .depthArea li+li:after {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 1px;
    background: #eee;
    display: block;
    content: "";
    z-index: 9;
}


/* 중/소/상세 공통 (depthArea) 2차메뉴부터 */
.JS-header ul.gnb.cf .depthArea {
    position: relative;
}

.JS-header ul.gnb.cf .depthArea:after {}

.JS-header ul.gnb.cf .depthArea>ul {
    padding: 10px 5px;
}

.JS-header ul.gnb.cf .depthArea>ul>li {
    position: relative;
    min-width: 150px;
    padding: 0;
    line-height: 15px;
    text-align: left;
    transition: 0.4s;
}

.JS-header ul.gnb.cf .depthArea>ul>li>a {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    color: #333;
    z-index: 10;
    font-weight: 700;
}

.JS-header ul.gnb.cf .depthArea>ul>li:hover {
    background: ;
    transition: 0s;
}

.JS-header ul.gnb.cf .depthArea>ul>li.over {}

.JS-header ul.gnb.cf .depthArea>ul>li:hover>a {
    color: #000;
    font-weight: 500;
}

/* 화살표 */
.JS-header ul.gnb.cf .depthArea>ul>li>a>i {
    display: none;
    color: #aaa;
    position: absolute;
    top: 50%;
    right: 10px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    margin-top: -8px;
    transition: 0.2s;
}

.JS-header ul.gnb.cf .depthArea>ul>li:hover>a>i {
    right: 6px;
    color: #000;
}

.JS-header ul.gnb.cf .depthArea>ul>li.this>a>i {
    /*display:inline-block; */
}

/* 점찍는 방식 */
.JS-header ul.gnb.cf .depthArea>ul>li>a:after {
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    right: 15px;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: transparent;
    content: "";
    display: block;
    transition: 0.2s;
}

.JS-header ul.gnb.cf .depthArea>ul>li.this>a:after {
    background: #999;
}

.JS-header ul.gnb.cf .depthArea>ul>li.this:hover>a:after {
    background: #fff;
    right: 11px;
}


.JS-header ul.gnb.cf li.d:hover>div.depthArea {
    display: block;
    animation: fadeIn 0.1s linear;
}


.JS-header ul.gnb.cf div.depth02Area {
    display: none;
    position: absolute;
    top: 80px;
    /*left:0; width:auto; */
    left: 0;
    width: 200px;
    margin-left: 0;
    background: #fff;
    opacity: 1;
    transition: 0.2s;
    z-index: 11;
    box-shadow: 0 25px 25px -25px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
}

.JS-header ul.gnb.cf div.depth02Area:after {
    display: none;
}

.JS-header ul.gnb.cf div.depth02Area>ul {
    padding: 0;
}

.JS-header ul.gnb.cf div.depth02Area>ul>li.d2 {}

.JS-header ul.gnb.cf div.depth02Area>ul>li.d2>a {}

.JS-header ul.gnb.cf div.depth02Area>ul>li.d2>a>i {}

.JS-header ul.gnb.cf div.depth02Area>ul>li.d2:hover>a {
    background: #0f52a1;
    color: #fff;
}

.JS-header ul.gnb.cf>li.reverse div.depth02Area {
    left: auto;
    right: 0;
}

.JS-header ul.gnb.cf div.depth03Area {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 100%;
    width: auto;
    background: #fff;
    opacity: 1;
    transition: 0.2s;
    z-index: 12;
    box-shadow: 0 25px 25px -25px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
}

.JS-header ul.gnb.cf div.depth03Area>ul {}

.JS-header ul.gnb.cf div.depth03Area>ul>li.d3 {}

.JS-header ul.gnb.cf div.depth03Area>ul>li.d3>a {
    padding: 10px 15px;
}

.JS-header ul.gnb.cf div.depth03Area>ul>li.d3>a>i {}

.JS-header ul.gnb.cf div.depth03Area>ul>li.d3:hover>a {
    background: #eee;
}

.JS-header ul.gnb.cf div.depth04Area {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 100%;
    width: auto;
    background: #fff;
    opacity: 1;
    transition: 0.2s;
    z-index: 13;
    box-shadow: 0 25px 25px -25px rgba(0, 0, 0, 0.1);
}

.JS-header ul.gnb.cf div.depth04Area>ul {}

.JS-header ul.gnb.cf div.depth04Area>ul>li.d4 {}

.JS-header ul.gnb.cf div.depth04Area>ul>li.d4>a {}

.JS-header ul.gnb.cf div.depth03Area>ul>li.d4>a>i {}


.JS-header li.btnArea {}

.JS-header li.btnArea:after {
    opacity: 0;
    display: none !important;
}

.JS-header li.btnArea>.in {
    position: relative;
    width: 58px;
    height: 50px;
    top: 14px;
    cursor: pointer;
    ;
}

.JS-header li.btnArea>.in>.l {
    display: block;
    position: absolute;
    width: 17px;
    height: 2px;
    left: 22px;
    background: #444;
    border-radius: 1px;
}

.JS-header li.btnArea>.in>.l1 {
    top: 18px;
    transition: 0.3s 0.2s;
}

.JS-header li.btnArea>.in>.l2 {
    top: 24px;
    transition: 0.5s;
}

.JS-header li.btnArea>.in>.l3 {
    width: 13px;
    top: 30px;
    transition: 0.3s 0.2s;
}

.JS-header li.btnArea:hover {
    border-left-color: #999;
    height: 51px;
    z-index: 1111;
}

.JS-header li.btnArea:hover .l1 {
    width: 18px;
    transition: 0.2s;
}

.JS-header li.btnArea:hover .l2 {
    width: 12px;
    transition: 0.2s;
}

.JS-header li.btnArea:hover .l3 {
    width: 20px;
    transition: 0.2s;
}

.JS-header li.btnArea:hover:after {
    opacity: 1;
}

.JS-header li.btnArea:hover:before {
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.JS-header li.btnArea.on {}

.JS-header li.btnArea.on>.in {}

.JS-header li.btnArea.on>.in>.l1 {
    width: 25px;
    top: 20px;
    background: #fff;
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: 0.3s 0.2s;
}

.JS-header li.btnArea.on>.in>.l2 {
    width: 0;
    margin-left: 10px;
}

.JS-header li.btnArea.on>.in>.l3 {
    width: 25px;
    top: 20px;
    background: #fff;
    transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transition: 0.3s 0.2s;
}

.JS-lnb2 {
    position: absolute;
    top: 40px;
    left: 0;
    width: 250px;
}

.JS-lnb2 .in {}

.JS-lnb2 ul.gnb {}

.JS-lnb2 ul.gnb>li {
    display: none;
}

.JS-lnb2 ul.gnb>li.show {
    display: block;
}

.JS-lnb2 ul.gnb>li>a {
    display: none;
}

.JS-lnb2 ul.gnb>li.btnArea {
    display: none;
}

.JS-lnb2 .depth02Area>ul>li>span {
    display: none;
}

.JS-lnb2 .depth02Area>ul {
    width: 100%;
}

.JS-lnb2 .depth02Area>ul>li {
    position: relative;
    border: 1px solid #ddd;
    margin-top: -1px;
    background: #fff;
    transition: 0.1s;
    font-size: 1rem;
    font-weight: 500
}

.JS-lnb2 .depth02Area>ul>li>a:hover {
    background: #f4f4f4;
}

/*
.JS-lnb2 .depth02Area>ul>li>a:after { font-family:xeicon!important; content:"\e940"; position:absolute; color:#ccc; 
top:50%; right:10px; width:10px; height:10px; line-height:10px; margin-top:-5px; font-size:10px; } 
*/
.JS-lnb2 .depth02Area>ul>li.this>a:after {
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    right: 15px;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #ccc;
    content: "";
    display: block;
    transition: 0.2s;
}

.JS-lnb2 .depth02Area>ul>li:hover>a:after {
    color: #000;
}

.JS-lnb2 .depth02Area>ul>li>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    line-height: 17px;
    color: rgb(34, 31, 32);
    font-weight: 600;
}

.JS-lnb2 .depth02Area>ul>li.on {}

.JS-lnb2 .depth02Area>ul>li.show>a {
    color: #fff;
    background: #1d4e8f;
    font-weight: 600;
}

.JS-lnb2 .depth02Area>ul>li.show.this>a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.JS-lnb2 .depth02Area>ul>li.show>a:after {
    color: #fff;
}


.JS-lnb2 .depth03Area {
    display: none;
}

.JS-lnb2 .depth02Area>ul>li.show .depth03Area {
    display: block;
}

.JS-lnb2 .depth03Area ul {}

.JS-lnb2 .depth03Area ul li {}

.JS-lnb2 .depth03Area ul li a {
    display: block;
    font-size: 12px;
    width: 100%;
    height: 100%;
    padding: 7px 10px 7px 25px;
    line-height: 17px;
    color: #000;
    font-weight: bold;
}

.JS-lnb2 .depth03Area ul li.show a {
    background: #f4f4f4;
}

.JS-lnb2 .depth03Area ul li a:hover {
    background: #1d4e8f;
    color: #fff;
}

/* .scontents { padding-left:300px } */
/* sitemap */
body.un-overflow {
    overflow: hidden;
}

.JS-sitemap {
    right: -100%;
    will-change: transform;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
    transition: 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.JS-sitemap.on {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.JS-sitemap>.in {
    position: relative;
    width: 100%;
    height: 100%;
}

.JS-sitemap h1 {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 50px;
    z-index: 199;
}

.JS-sitemap .close {
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 30px;
    z-index: 50;
    cursor: pointer;
    padding: 5px;
    transition: 0.2s;
}

.JS-sitemap .close:hover {
    color: #ccc;
}

.JS-sitemap .all {
    position: relative;
    height: 100%;
}

.JS-sitemap .all .link {
    display: table-cell;
    display: none;
    position: relative;
    width: 25%;
    height: 100%;
    padding: 0 3%;
    vertical-align: middle;
    background: #000;
}

.JS-sitemap .all .link:after {
    position: absolute;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    content: "";
    background-image: url('../image/n/side-vertical.jpg');
    background-position: center;
    background-size: cover;
}

.JS-sitemap .all .link ul {
    position: relative;
    z-index: 11;
}

.JS-sitemap .all .link ul li {
    width: 100%;
    margin: 2px 0;
    transition: 0.2s;
}

.JS-sitemap .all .link ul li+li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.JS-sitemap .all .link ul li a {
    display: block;
    padding: 5px 30px 5px 10px;
    font-size: 15px;
    position: relative;
    color: #fff;
}

.JS-sitemap .all .link ul li a i {
    position: absolute;
    top: 30%;
    right: 10px;
}

.JS-sitemap .all .link ul li:hover {
    background: transparent;
}

.JS-sitemap .all .link ul li a:hover {
    color: #ccc;
}

.JS-sitemap .all .lnb {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 5%;
    background: #fff;
    vertical-align: middle;
}

.JS-sitemap .all .lnb ul {
    padding: 30px 0;
    position: relative;
    padding-left: 20%;
}

.JS-sitemap .all .lnb ul+ul {
    border-top: 1px solid #eee;
}

.JS-sitemap .all .lnb ul li {
    margin: 5px 15px;
    vertical-align: middle;
    ;
}

.JS-sitemap .all .lnb ul li a {
    font-size: 1rem;
    position: relative;
    color: #999;
}

.JS-sitemap .all .lnb ul li.title {
    width: 20%;
    position: absolute;
    top: 25px;
    left: 0;
    line-height: 0;
    font-size: 0;
}

.JS-sitemap .all .lnb ul li.title a {
    font-size: 20px;
    color: #333;
    line-height: 1;
}

.JS-sitemap .all .lnb ul li a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #333;
    position: absolute;
    right: 0;
    bottom: -5px;
    transition: 0.5s;
}

.JS-sitemap .all .lnb ul li a:hover {
    color: #000;
}

.JS-sitemap .all .lnb ul li a:hover:after {
    width: 100%;
    right: auto;
    left: 0;
}

.JS-sitemap .all .lnb ul li.title {
    display: block;
    height: 100%;
    top: 0;
}

.JS-sitemap .all .lnb ul li.title>div {
    display: table;
    width: 100%;
    height: 100%;
}

.JS-sitemap .all .lnb ul li.title>div>div {
    display: table-row;
    width: 100%;
    height: 100%;
}

.JS-sitemap .all .lnb ul li.title>div>div>div {
    display: table-cell;
    vertical-align: middle;
}

.JS-sitemap .all .lnb ul ul {
    padding: 0;
}

/* sub */
body #sub_tit [class~=title]:after {
    display: none;
}

.map_info img {
    width: 100%;
    height: auto;
}

/* main */
.JS-mainVisual {
    position: relative;
    width: 100%;
    border-top: 1px solid #ccc;
}

.JS-mainVisual:after {
    position: absolute;
    top: 0;
    left: 30%;
    width: 70%;
    height: 100%;
    background: #d8e5f7;
    content: "";
    opacity: 0.5;
    z-index: 10;
}

.JS-mainVisual:before {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: 0.0;
    z-index: 11;
}

._JS-mainVisual:after {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 1;
    z-index: 10;
    background-image: url('../image/n/mainVIsual-05.jpg');
    background-position: center;
    background-size: cover;
}

.JS-mainVisual>.in {
    position: relative;
    max-width: 1300px;
    width: 100%;
    padding-left: 550px;
    margin: 0 auto;
    min-height: 600px;
    z-index: 12;
}

.JS-mainVisual .left {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 500px;
    width: 100%;
}

.JS-mainVisual .left h2 {
    font-size: 20px;
    background: #f4f4f4;
}

.JS-mainVisual .left img {
    border-radius: 10px;
    width: 100%;
}

.JS-mainVisual .left .sliderArea {
    padding-top: 50px;
}

.JS-mainVisual .left .slick-slider button.slick-arrow {
    font-size: 30px;
    background-color: transparent;
}

.JS-mainVisual .left .slick-slider button.slick-prev {
    left: -50px;
}

.JS-mainVisual .left .slick-slider button.slick-next {
    right: -50px;
}

.JS-mainVisual .left .slick-slider ul.slick-dots {
    bottom: auto;
    top: 0;
    width: auto;
}

.JS-mainVisual .left .slick-slider ul.slick-dots li.slick-active button {
    background: #2055a1;
}

.JS-mainVisual .right {
    padding: 80px 0;
    position: relative;
    width: 100%;
}

.JS-mainVisual .right h2 {
    font-size: 25px;
    font-weight: bold;
}

.JS-mainVisual .right h2 span {
    color: #437dee;
}

.JS-mainVisual .right .top {
    width: 80%;
    margin-top: 30px;
    position: relative;
    z-index: 80;
}

.JS-mainVisual .right .top ul {}

.JS-mainVisual .right .top ul li {
    font-size: 18px;
    margin-right: 15px;
    padding-right: 15px;
    opacity: 0.7;
    cursor: pointer;
}

.JS-mainVisual .right .top ul li+li:after {
    top: 12px;
    left: -15px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
}

.JS-mainVisual .right .top ul li.on {
    font-weight: 500;
    opacity: 1;
}

.JS-mainVisual .right .top ul li i {
    font-size: 19px;
    position: absolute;
    top: 5px;
    right: -10px;
}

.JS-mainVisual .right div[cate] {
    position: absolute;
    top: -9999px;
    left: 0;
    width: 100%;
}

.JS-mainVisual .right div[cate].on {
    position: static;
}

.JS-mainVisual .right .sliderArea {
    padding-top: 50px;
    margin-top: -40px;
}

.JS-mainVisual .right .sliderArea img {
    height: auto;
}

.JS-mainVisual .right .sliderArea .slick-track {
    padding-bottom: 15px;
    margin-left: -7px;
}

.JS-mainVisual .right .sliderArea .item {
    text-align: left !important;
    box-sizing: border-box;
    margin: 7px 7px;
}

.JS-mainVisual .right .sliderArea .item a {
    display: block;
    padding: 20px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: 0.2s;
}

.JS-mainVisual .right .sliderArea .item .category {
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 5px;
}

.JS-mainVisual .right .sliderArea .item .title {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    transition: 0.2s;
}

.JS-mainVisual .right .sliderArea .item .overview {
    font-size: 15px;
    color: #999;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.JS-mainVisual .right .sliderArea .item .date {
    color: #666;
    margin-top: 15px;
}

.JS-mainVisual .right .sliderArea .item:hover {}

.JS-mainVisual .right .sliderArea .item:hover a {
    border-color: #437dee;
    box-shadow: 5px 5px 5px rgba(67, 125, 238, 0.2);
}

.JS-mainVisual .right .sliderArea .item:hover .title {
    color: #437dee;
}

.JS-mainVisual .right .slick-slider button.slick-arrow {
    color: #000;
    top: 0;
    margin-top: 0;
    font-size: 20px;
    background-color: transparent;
}

.JS-mainVisual .right .slick-slider button.slick-prev {
    right: -40px;
    top: 0;
}

.JS-mainVisual .right .slick-slider button.slick-next {
    right: -40px;
    top: 40px;
}

.JS-mainVisual .right .slick-slider ul.slick-dots {
    width: auto;
    right: 10px;
    bottom: -30px;
    left: auto;
}

.JS-mainVisual .right .slick-slider ul.slick-dots li.slick-active button {
    background: #2055a1;
}

.JS-mainVisual .in2 {
    width: 1300px;
    margin: 0 auto;
}

.JS-mainVisual .bottom {
    position: relative;
    z-index: 11;
}

.JS-mainVisual .bottom h2 {
    text-align: left;
    font-size: 25px;
    font-weight: bold;
}

.JS-mainVisual .bottom ul {
    text-align: center;
}

.JS-mainVisual .bottom ul li {
    width: 16.6666%;
    text-align: left;
    border: 1px solid #eee;
    margin-left: -1px;
    background: #fff
}

.JS-mainVisual .bottom ul li a {
    position: relative;
    display: block;
    padding: 20px;
}

.JS-mainVisual .bottom ul li a:after {
    font-family: xeicon !important;
    content: "\e940";
    position: absolute;
    top: 0;
    left: 0;
}

.JS-mainVisual .bottom ul li h2 {
    font-size: 20px;
}


.mainVideo {}

.mainVideo .in {
    padding: 0 7%;
}

.mainVideo iframe {
    width: 100% !important;
    height: 500px !important;
}




.JS-main20 {
    padding: 70px 0;
    position: relative;
}

.JS-main20:after {
    position: absolute;
    top: 0;
    right: 70%;
    width: 30%;
    height: 100%;
    background: #d8e5f7;
    content: "";
    opacity: 0.5;
    z-index: 10;
}

.JS-main20>.in {
    position: relative;
    width: 1300px;
    margin: 0 auto;
    z-index: 80;
}

.JS-main20 .boxes {}

.JS-main20 .box {
    width: 23%;
    min-height: 300px;
    margin: 1%;
    padding: 40px;
    border: 1px solid #999;
    background: #fff;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
}

.JS-main20 .box h2 {
    font-size: 17px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    font-weight: bold;
}

.JS-main20 .box ul {}

.JS-main20 .box ul li {
    margin: 2px 0;
}

.JS-main20 .box ul li a {
    font-size: 15px;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: #333;
}

.JS-main20 .box ul li a:hover {
    color: #437dee;
}

.JS-main20 .box ul li a:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: xeicon;
    content: "\e92e";
}

.JS-mainVideo-01 {}

.JS-mainVideo-01>.in {}


/* sub- common */
.con_arrow {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #000;
    margin: 20px 0 20px 0;
}

.con_arrow:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 3px #0f52a1 solid;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    margin-right: 10px;
}

.con_arrow:first-child {
    margin: 0 0 20px 0;
}

.con_arrow2 {
    font-size: 1.3em;
    font-weight: 500;
    line-height: 30px;
    color: #000;
    margin: 50px 0 20px 0;
}

.con_arrow2:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 3px #000 solid;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    margin-right: 10px;
}

.con_arrow2:first-child {
    margin: 0 0 20px 0;
}


body [class~=map_wrap] [class~=map_info] table th {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

body [class~=map_wrap] [class~=map_info] table td {
    padding: 10px;
    line-height: 1.7em;
}

[class~=map_wrap] [class~=map_info] table.th-all-left th {
    text-align: left;
}

[class~=map_wrap] [class~=map_info] table.td-all-left td {
    text-align: left;
}

[class~=map_wrap] [class~=map_info] table.th-all-center th {
    text-align: center;
}

[class~=map_wrap] [class~=map_info] table.td-all-center td {
    text-align: left;
}

.google_map {
    width: 100% !important;
}

table.td-all-left td {
    text-align: left;
}

table.th-all-left th {
    text-align: left;
}



.company.center-intro {}

.company.center-intro .ceo_txt p {
    margin-top: 0;
    font-size: 1rem;
}





@media all and (min-width:768px) {
    body .company .ceo_img {
        width: 40%;
    }

    body .company .ceo_txt {
        width: 60%;
        font-size: 1rem;
    }


}




/* sub - history */

.history_type1 {
    width: 100%;
    min-width: 320px;
    max-width: 1200px;
    margin: 0 auto;
}

.history_type1 .innerBox {
    position: relative;
    width: 100%;
}

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

.history_type1 h3 {
    text-align: center;
    padding-bottom: 20px;
    font-size: 2em;
    font-weight: 100;
    color: #aaa;
}

.history_type1:first-child h3 {
    padding: 0px 0 50px 0;
}

.history_type1 .history {
    position: relative;
    margin-bottom: 100px;
}

.history_type1 .history:last-child {
    margin-bottom: 0px;
}

.history_type1 .history:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #eee;
}

/* 라인색상 */
.history_type1 .history .img_box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 50%;
    text-align: left;
}

.history_type1 .history .img_box img {
    width: 90%;
    max-width: 500px;
    height: auto;
}

.history_type1 .history>div {
    position: relative;
    margin-left: 50%;
    padding-left: 90px;
    margin-bottom: 45px;
}

.history_type1 .history>div:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #555;
}

/* 라인포인트색상 */
.history_type1 .history>div .year {
    position: absolute;
    top: 0;
    left: 20px;
    font-size: 1.1em;
    color: #555;
    padding: 0 10px;
    margin-bottom: 15px;
    display: inline-block;
    border: 1px solid #ddd;
}

.history_type1 .history>div ul {
    padding: 0;
    margin: 0;
}

.history_type1 .history>div ul li {
    padding: 0;
    margin: 0;
}

.history_type1 .history>div ul li p {
    margin-top: 0px;
}

.history_type1 .history>div ul li p strong {
    width: 15%;
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    text-align: center;
}

.history_type1 .history>div ul li p span {
    width: 85%;
    display: inline-block;
    font-size: 1em;
}

.history_new {}

.history_new>.in {
    position: relative;
    z-index: 10;
}

.history_new>.in:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #999;
    content: "";
}

.history_new .item {
    position: relative;
    top: -10px;
    width: 50%;
    margin-left: 50%;
    margin-bottom: 15px;
    padding-left: 50px;
    z-index: 11;
}

.history_new .item:after {
    position: absolute;
    top: 10px;
    left: -5px;
    width: 12px;
    height: 12px;
    border: 3px solid #0f52a1;
    background: #fff;
    content: "";
    border-radius: 50%;
}

.history_new .item:nth-child(even) {
    margin-left: 0;
    text-align: right;
    padding: 0 50px 0 0;
}

.history_new .item:nth-child(even):after {
    left: auto;
    right: -7px;
}

.history_new .item .year {
    font-size: 18px;
    font-weight: bold;
    color: #1D4E8F;
}

.history_new .item .month {}

.history_new .item .text_kr {
    font-size: 14px;
    margin-top: 10px;
}

.history_new .item .text_en {
    font-size: 14px;
}

.history_new .item .img {
    margin-top: 10px;
}

.history_new .item .img img {
    max-width: 100%;
    height: auto;
}

.company_type2 {
    width: 100%;
    min-width: 320px;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 100px;
}

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

.company_type2 .ceo_img {
    width: 100%;
    background: #fafbfc;
    border-radius: 30px;
    padding: 30px;
    margin-top: 30px;
    gap: 20px;
}

.company_type2 .ceo_img img {
    width: 100%;
    height: auto;
}

.company_type2 .ceo_area {
    position: relative;
    left: 0;
    top: -40px;
    width: 90%;
    padding: 30px;
    z-index: 1;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 20px;
}

.company_type2 .ceo_area .ceo_tit {
    position: relative;
    float: left;
    width: 30%;
    font-size: 2em;
    text-align: center;
    line-height: 1.4em;
    letter-spacing: -0.05em;
    padding-bottom: 200px;
}

.company_type2 .ceo_area .ceo_tit:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 150px;
    background-color: #aaa;
    bottom: 0;
    left: 50%;
}

.company_type2 .ceo_area .ceo_txt {
    position: relative;
    width: 100%;
    height: auto;
}

.company_type2 .ceo_area .ceo_txt h4 {
    font-size: 2em;
    line-height: 1.5em;
    color: #000;
}

.company_type2 .ceo_area .ceo_txt p {
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.5em;
    color: #333;
    word-break: keep-all;
}

.company_type2 .ceo_area .ceo_txt span.ceo_sign {
    display: block;
    font-size: 1.1em;
    color: #000;
    margin-top: 50px;
    font-family: 'Satisfy', 'Noto Sans KR', sans-serif;
}

.s_tit {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border-left: 5px solid #000;
    margin: 50px auto;
    margin-bottom: 10px;
    font-size: 1.5em;
    text-indent: 10;
}

.tbla {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-bottom: 0px;
}

.tbla tr th {
    width: 20%;
    height: 45px;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #666;
    font-size: 1em;
}

.tbla tr td {
    width: 80%;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
    height: 45px;
    text-align: left;
}

.company_type4 {
    width: 100%;
    min-width: 320px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
}

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

.company_type4 .ceo_img {
    width: 100%;
    position: relative;
    background: url('../image/img_1200.jpg')no-repeat center top;
    background-size: cover;
}

.company_type4 .ceo_img em {
    position: absolute;
    top: 15%;
    padding-left: 7%;
    font-size: 1.25em;
    color: #21b8ce;
    line-height: 1.4em;
    word-break: keep-all;
    font-style: normal;
}

.company_type4 .ceo_img p {
    position: absolute;
    top: 25%;
    padding-left: 7%;
    font-size: 2em;
    color: #fff;
    line-height: 1.4em;
    word-break: keep-all;
    letter-spacing: 0.05em;
    text-shadow: 0 2px 0px #000;
    font-family: 'Satisfy', 'Noto Sans KR', sans-serif;
}

.company_type4 .ceo_img img {
    width: 100%;
    height: auto;
}

.company_type4 .ceo_message {
    width: 100%;
    padding-top: 50px;
    margin: 0 auto;
}

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

.company_type4 .ceo_message .left {
    float: left;
    width: 48%;
    font-size: 1em;
    line-height: 1.5em;
    text-align: justify;
}

.company_type4 .ceo_message .right {
    float: right;
    width: 48%;
    font-size: 1em;
    line-height: 1.5em;
    text-align: justify;
}

.company_type4 .sign {
    text-align: right;
    font-size: 1em;
    color: #000;
    margin-top: 50px;
}

.company_type4 .sign .ceo_sign {
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: 0.3em;
    font-family: 'Satisfy', 'Noto Sans KR', sans-serif;
}

.s_tit {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 50px auto;
    margin-bottom: 30px;
    font-size: 1.6em;
    letter-spacing: 0.3em;
}

.s_tit .slash {
    color: #aaa;
    font-size: 0.5em;
}

.company_type4_tbl {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 50px 0;
    padding-bottom: 30px;
}

.company_type4_tbl li {
    float: left;
    display: inline-block;
    padding: 0;
    width: 24.5%;
    height: 200px;
    text-align: center;
    border-right: 1px solid #f7f7f7;
}

.company_type4_tbl li:nth-child(4) {
    border-right: 0;
}

.company_type4_tbl li .icon {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #f7f7f7;
    border-top-left-radius: 20px;
    border: 1px solid #ddd;
}

.company_type4_tbl li .icon i {
    display: inline-block;
    font-size: 3em;
    line-height: 100px;
}

.company_type4_tbl li p {
    display: block;
    font-size: 1.6em;
    color: #0078D7;
    margin-top: 10px;
}

.company_type4_tbl li span {
    display: block;
    font-size: 1.1em;
    color: #555;
    margin-top: 10px;
    line-height: 1.5em;
}

.company_type5 {
    width: 100%;
    min-width: 320px;
}

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

.company_type5 .ceo_img {
    position: relative;
    width: 100%;
    height: 500px;
    min-height: 250px;
    margin: 0 auto;
    background: url('../image/img_2000.jpg') no-repeat center top;
    background-size: cover;
}

.company_type5 .ceo_area {
    position: relative;
    clear: both;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.company_type5 .ceo_area .ceo_txt {
    padding: 40px 0px;
    text-align: left;
    z-index: 0;
}

.company_type5 .ceo_area .ceo_txt h4 {
    font-size: 2em;
    line-height: 1.5em;
    color: #000;
}

.company_type5 .ceo_area .ceo_txt p {
    margin-top: 20px;
    line-height: 1.5em;
    color: #333;
    word-break: keep-all;
}

.company_type5 .ceo_area .ceo_txt span.ceo_sign {
    display: block;
    float: right;
    font-size: 1.5em;
    color: #000;
    margin-top: 50px;
    font-family: 'Satisfy', 'Noto Sans KR', sans-serif;
}

.company_type5 .ceo_area .ceo_txt span.ceo_sign span {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 0.8em;
}

.s_tit {
    width: 100%;
    max-width: 1200px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border-left: 5px solid #000;
    margin: 50px auto;
    margin-bottom: 10px;
    font-size: 1.5em;
    text-indent: 10;
}

.company_type5_tbl {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    background: rgba(29, 102, 185, .9);
}

.company_type5_tbl .slogan {
    float: left;
    width: 40%;
    text-align: left;
    color: #fff;
    overflow: hidden;
    z-index: 1;
}

.company_type5_tbl .slogan div {
    margin: 30px;
    height:
}

.company_type5_tbl .slogan div .b_title {
    font-size: 2em;
    color: #fff;
    line-height: 1.4em;
    letter-spacing: -0.05em;
}

.company_type5_tbl .slogan div .s_title {
    position: relative;
    top: 0;
    font-size: 1em;
    color: #fff;
    line-height: 1.4em;
    font-weight: 300;
    padding-top: 20px;
    margin-top: 20px;
}

.company_type5_tbl .slogan div .s_title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background: #fff;
}

.company_type5_tbl .tbl_t {
    float: left;
    width: 60%;
    background-color: #fff;
}

.tbla {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-bottom: 0px;
}

.tbla tr th {
    width: 20%;
    height: 45px;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #666;
    font-size: 1em;
}

.tbla tr td {
    width: 80%;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
    height: 45px;
    text-align: left;
}

.logo_area {}

.logo_area img {
    max-width: 100%;
    height: auto;
}

/* sub people */

.tabArea {}

.tabArea li {
    margin-right: 30px;
    line-height: 20px;
    height: 20px;
}

.tabArea li+li:after {
    top: 7px;
    left: -15px;
}

.tabArea li a {
    color: #999;
}

.tabArea li.over {
    text-decoration: underline;
}

.tabArea li.over a {
    font-size: 20px;
    color: #333;
}


.peoples {}

.peoples ul {
    display: flex;
    flex-wrap: wrap;
}

.yst__peoples>ul {
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
    background-color: #fafbfc;
    justify-content: flex-start;
    gap: 3%;
}

.peoples__2022 ul {
    background: #fafbfc;
    border-radius: 30px;
    padding: 30px;
    margin-top: 30px;
}

.peoples ul.type10,
.peoples ul.type11 {
    padding: 40px;
    background-color: #fafbfc;
    justify-content: flex-start;
    gap: 3%;
}

.peoples ul li.person {
    padding: 2% 2% 5% 2%;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
    transition: 0.2s;
}

.peoples ul li.person:hover {}

.peoples ul li.person .imgArea {
    position: relative;
    margin-bottom: 10px;
}

.peoples ul li.person .imgArea img {
    width: 100%;
    height: auto;
    transition: all .3s ease-out;
    transform: scale(1);
}

.peoples ul li.person .imgArea img:hover{
    transform: scale(1.1);
}

.peoples ul li.person .infoArea {}

.peoples ul li.person .infoArea {}

/* 2022-11-9 */
.new__people {
    margin-top: 30px;
    background: #fafbfc;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 1.67%;
}

.peoples ul.grid2 li.person {
    width: 50%;
}

.peoples ul.grid3 li.person {
    width: 33.3333%;
}

.peoples ul.grid4 li.person {
    width: 25%;
}

.peoples ul.grid5 li.person {
    width: 20%;
}

.peoples ul.gridx1 li.person {
    width: 100%;
    margin: 0;
    padding: 15px 0 15px 0;
}

.peoples ul.gridx1 li.person:nth-child(1) {
    padding-top: 0;
}

.peoples ul.gridx1 li.person+li {
    border-top: 1px solid #ddd;
}

.peoples ul.gridx1 li.person .imgArea {
    float: left;
    width: 20%;
    padding-right: 3%;
    padding-bottom: 0;
}

.peoples ul.gridx1 li.person .infoArea {
    float: left;
    width: 80%;
}

.peoples ul.gridx1 li.person .infoArea b {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
}

.peoples ul li.person .file {
    margin-top: 5px;
}

.peoples ul li.person .file a {
    display: inline-block;
    margin-right: 2px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-radius: 7px;
    background: #fff;
    text-align: center;
    color: #666;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    transition: 0.2s;
}

.peoples ul li.person .file i {
    font-size: 17px;
    line-height: 24px;
}

.peoples ul li.person .file a:hover {
    background: #666;
    color: #fff;
}

.peoples ul.grid2.type10 li.person {
    display: flex;
    align-items: center;
    width: calc(100% / 2 - 20px);
    padding: 40px;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    margin-bottom: 20px;
}

.peoples ul.grid2.type10 li.person:after {
    display: block;
    content: "";
    clear: both;
}

.peoples ul.grid2.type10 li.person .imgArea {
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 20px;
}

/* .peoples ul.grid2.type10 li.person .imgArea img { border-radius:10px; } */
.peoples ul.grid2.type10 li.person .infoArea {
    width: 65%;
    padding: 0 0 0 30px;
}

.peoples ul.grid2.type10 li.person .infoArea li {
    margin-bottom: 3px;
}

.peoples ul.grid2.type10 li.person .infoArea li span {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    color: #333;
    width: 30%;
}

.peoples ul.grid2.type10 li.person .infoArea li p {
    display: inline-block;
    vertical-align: top;
    color: #999;
    word-break: break-all;
}

.peoples ul.grid2.type10 li.person .infoArea .s1 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.peoples ul.grid2.type10 li.person .infoArea .s1 span {
    display: none;
}

.peoples ul.grid2.type10 li.person .infoArea .s1 p {
    font-size: 17px;
    font-weight: 500;
    color: #333;
}

.peoples ul.grid2.type10 li.person .infoArea .s2 {}

.peoples ul.grid2.type10 li.person .infoArea .s3 {}

.peoples ul.grid2.type10 li.person .infoArea .s4 {}

.peoples ul.grid2.type10 li.person .infoArea .s5 {}



.peoples ul.grid2.type11 li.person {
    display: flex;
    align-items: center;
    width: calc(100% / 2 - 20px);
    padding: 40px;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    margin-bottom: 20px;
}

/* 2022-11-9 */
.new__person {
    width: 32%;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    padding: 40px 50px !important;
    margin-bottom: 1.67%;
}

/* New YST List */
.yst__person {
    display: flex;
    width: 100%;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    margin-bottom: 20px;
    padding: 40px;
}

.yst__person .imgArea a {
    display: block;
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 20px;
    margin-right: 40px;
}

.yst__person .imgArea div {
    display: block;
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 20px;
    margin-right: 40px;
}

.yst__person .imgArea {
    display: flex;
    align-items: center;
}

.yst__person .imgArea img {
    width: 100%;
    height: auto;
    transition: all .3s ease-out;
    transform: scale(1);
}

.yst__person .imgArea img:hover{
    transform: scale(1.1);
}

.yst__person .infoArea {
    display: flex;
    align-items: center;
}

.yst__person .infoArea ol li {
    display: flex;
    margin-bottom: 10px;
}

.yst__person .infoArea ol li ul {
    display: flex;
}

.yst__person .infoArea ol li ul li {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.yst__person .infoArea ol li ul li i {
    margin-right: 10px;
}

.peoples ul.grid2.type11 li.person:after {
    display: block;
    content: "";
    clear: both;
}

.peoples ul.grid2.type11 li.person .imgArea {
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 20px;
    margin-right: 40px;
	min-width: 145px;
}

/* .peoples ul.grid2.type11 li.person .imgArea img { border-radius:10px; } */
.peoples ul.grid2.type11 li.person .infoArea {
    padding-top: 15px;
}

.peoples ul.grid2.type11 li.person .infoArea ol li {
    display: flex;
}

.peoples ul.grid2.type11 li.person .infoArea li {
    margin-bottom: 3px;
}

.peoples ul.grid2.type11 li.person .infoArea li span {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    font-weight: 500;
    color: #333;
    margin-right: 10px;
}

.peoples ul.grid2.type11 li.person .infoArea li p {
    display: inline-block;
    /* width:70%; */
    width: 100%;
    vertical-align: top;
    color: #999;
}

.peoples ul.grid2.type11 li.person .infoArea .s1 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.peoples ul.grid2.type11 li.person .infoArea .s1 span {
    display: none;
}

.peoples ul.grid2.type11 li.person .infoArea .s1 p {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.peoples ul.grid2.type11 li.person .infoArea .s2 {
    margin-bottom: 10px;
}

.peoples ul.grid2.type11 li.person .infoArea .s3 {}

.peoples ul.grid2.type11 li.person .infoArea .s4 {}

.peoples ul.grid2.type11 li.person .infoArea .s5 {}


.peoples ul.grid2.type11.typeVertical li.person {
    width: 18%;
}

.peoples ul.grid2.type11.typeVertical li.person .imgArea {
    float: none;
    margin-bottom: 10px;
}

/* .peoples ul.grid2.type11.typeVertical li.person .imgArea { float:none; width:100%; margin-bottom:10px; } */
.peoples ul.grid2.type11.typeVertical li.person .infoArea {
    float: none;
    width: 100%;
    padding: 0;
}

.peoples ul.grid2.type11.typeVertical li.person .infoArea .s1 p {
    font-size: 14px;
    word-break: keep-all;
    padding: 0;
}

.peoples ul.grid2.type11.typeVertical li.person .infoArea .s2 p {
    padding: 0;
}

.peoples ul.grid2.type11.typeVertical li.person .infoArea p {
    word-break: break-all;
    width: 90%;
    padding-left: 5px;
}


.peoples ul.grid1.type12 li.person {
    width: 100%;
    margin: 0 0 5% 0;
}

.peoples ul.grid1.type12 li.person:after {
    display: block;
    content: "";
    clear: both;
}

.peoples ul.grid1.type12 li.person .imgArea,
.peoples ul.jrg_member_list li.person .imgArea {
    float: left;
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 20px;
}

/* .peoples ul.grid1.type12 li.person .imgArea img { border-radius:10px; } */
.peoples ul.grid1.type12 li.person .infoArea {
    float: left;
    width: 83%;
    padding: 0 0 0 30px;
}

.peoples ul.grid1.type12 li.person .infoArea li {
    margin-bottom: 3px;
}

.peoples ul.grid1.type12 li.person .infoArea li span {
    display: inline-block;
    min-width: 50px;
    vertical-align: top;
    font-weight: 500;
    color: #333;
}

.peoples ul.grid1.type12 li.person .infoArea li p {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    color: #999;
}

.peoples ul.grid1.type12 li.person .infoArea .s1 {
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.peoples ul.grid1.type12 li.person .infoArea .s1 span {
    display: none;
}

.peoples ul.grid1.type12 li.person .infoArea .s1 p {
    font-size: 20px;
    font-weight: 500;
    color: #333;
}

.peoples ul.grid1.type12 li.person .infoArea .s10 {}

.peoples ul.grid1.type12 li.person .infoArea .s2 {
    margin-bottom: 10px;
}

.peoples ul.grid1.type12 li.person .infoArea .s3 {}

.peoples ul.grid1.type12 li.person .infoArea .s4 {}

.peoples ul.grid1.type12 li.person .infoArea .s5 {}


.peoples .jrg-content {
    margin: -2% 0 10% 0;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 10px;
}

.peoples .jrg-content h2 {
    font-size: 15px;
    margin-bottom: 5px;
}

/* JRG New Design */

.jrg_group {
    display: flex;
    background: #fafbfc;
    border-radius: 30px;
    padding: 30px;
    margin-top: 30px;
    gap: 20px;
    justify-content: space-between;
}

.jrg_list {
    width: 270px;
}

.jrg_group .jrg_member_list {
    width: calc(100% - 270px);
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.peoples ul.grid1.type12.jrg_list>li,
.peoples .jrg_group ul.jrg_member_list li.person {
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    padding: 20px 39px;
}

.peoples ul.grid1.type12.jrg_list>li {
    margin-bottom: 0;
}

.jrg_group .jrg_member_list li {
    height: fit-content;
    width: 31.89%;
}

.jrg_group .jrg_member_list p {
    text-align: center;
}

.peoples ul.grid1.type12.jrg_list>li.leader {
    padding-top: 30px;
    position: relative;
}

.peoples ul.grid1.type12.jrg_list>li.leader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102px;
    background: #1d4e90 url(/theme/d/html/image/n/research/jrg_leader_bg.png) 0 center no-repeat;
    border-radius: 16px 16px 0 0;
}

.peoples ul.grid1.type12.jrg_list>li.member {
    height: fit-content;
    padding: 20px;
    text-align: center;
}

.peoples ul.grid1.type12.jrg_list li.person .imgArea,
.peoples ul.jrg_member_list li.person .imgArea {
    float: none;
    box-shadow: none;
    margin: 0 auto 18px;
}

.peoples ul.grid1.type12.jrg_list li.person .infoArea {
    float: none;
    width: 100%;
    padding: 0;
}

.peoples ul.grid1.type12.jrg_list li.person .infoArea li:not(.s10) {
    margin-bottom: 26px;
}

.peoples ul.grid1.type12.jrg_list li.person .infoArea li:not(.s10):last-child {
    margin-bottom: 0;
}

.peoples ul.grid1.type12.jrg_list li.person .infoArea li:not(.s10) img {
    margin-right: 20px;
}

.peoples ul.grid1.type12.jrg_list li.person .infoArea li p {
    color: #000;
}

.peoples ul.grid1.type12 li.person .infoArea li.s7 p {
    letter-spacing: -0.04em;
    white-space: nowrap;
}


.peoples ul.grid1.type12.jrg_list li.person .infoArea li.s10 p {
    width: 100%;
    margin: 40px 0;
}

.peoples ul.grid1.type12.jrg_list li.person .infoArea .s10 {
    text-align: center;
}

.group_name {
    font-size: 30px;
    font-weight: bold;
}

.group_intro>p {
    margin-top: 20px;
    color: #221F20;
}

.group_leader>ul {
    background: #fafbfc;
    padding: 30px 40px;
    border-radius: 16px;
    margin-top: 30px;
}

.group_leader>ul>li {
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    padding: 30px 40px 30px 60px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: space-between;
}

.group_leader>ul>li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102px;
    background: #1d4e90 url(/theme/d/html/image/n/research/jrg_leader_bg.png) 0 center no-repeat;
    z-index: 0;
}

.group_leader>ul>li>div {
    position: relative;
    z-index: 1;
}

.group_leader .area_left {
    text-align: center;
}

.group_leader .area_left .position {
    font-weight: bold;
    color: #1d4e8f;
    margin: 13px 0;
}

.group_leader .area_left .en-only, .group_leader .area_left .kr-only{max-width: 145px;}

.group_leader .imgArea,
.group_members .imgArea {
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
}

.group_leader .imgArea img:hover,
.group_members .imgArea img:hover{
    transform: scale(1.1);
}

.group_leader .imgArea img,
.group_members .imgArea img {
    width: 100%;
    height: auto;
    transition: all .3s ease-out;
    transform: scale(1);
}

.group_leader .area_right {
    width: 80%;
    margin-top: 112px;
}

.group_leader .area_right>p {
    font-size: 14px;
    color: #221F20;
}


.group_intro > p{
    font-family: 'NanumBarunGothic', sans-serif;
    font-size: 16px;
}

.leader_info {
    margin-top: 30px;
    overflow: hidden;
    display: flex;
}

.leader_info li {
    display: flex;
    margin-right: 20px;
    align-items: center;
}

.leader_info li img {
    margin-right: 10px;
}

.group_members>ul {
    margin-top: 30px;
    background: #fafbfc;
    border-radius: 16px;
    padding: 30px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 1.67%;
}

.group_members>ul>li {
    width: 32%;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    padding: 40px 50px;
    margin-bottom: 1.67%;
}

.group_members>ul>li div:nth-child(2) {
    text-align: center;
}

.group_members .imgArea {
    margin: 0 auto 20px;
}

.group_members>ul>li>a {
    display: block;
    text-align: center;
}

.group_members>ul>li>a:hover {
    color: var(--text-primary-color);
}

.group_members .member_info {
    margin-top: 20px;
}

.group_members .member_info li {
    display: flex;
    margin-top: 20px;
}

.group_members .member_info li img {
    margin-right: 10px;
    object-fit: contain;
}

.group_public>ul {
    border-top: 1px solid #d7d7d7;
    margin-top: 30px;
}

.group_public>ul>li {
    padding: 30px 0;
    border-bottom: 1px solid #d7d7d7;
}

.group_public>ul>li>p {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;

}

.group_public>ul>li ul {
    display: flex;
}

.group_public>ul>li ul li {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}

.group_public>ul>li ul li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 13px;
    right: 0;
    top: 50%;
    margin-top: -5px;
    background: #d7d7d7;
}

.group_public>ul>li ul li:last-child::after {
    display: none;
}

.peoples ul.typeR li.person {
    position: relative;
}

.peoples ul.typeR li.person p.title {
    border: 1px dotted #ccc;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    background: #f9f9f9;
}

.peoples ul.typeR li.person p.leader {
    position: absolute;
    top: 10%;
    left: 0;
    background: #000;
    padding: 5px 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.peoples ul.typeR li.person p.name {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    font-size: 15px;
}

.peoples ul.typeR li.person p.number {
    display: none;
}

.peoples ul.typeR li.person p.lab {
    display: none;
}

.peoples ul.typeR li.person li p {}

.peoples ul.typeR li.person li p span {
    display: inline-block;
    width: 30%;
    font-weight: 500;
}

.peoples ul.typeR li.person li p b {
    display: inline-block;
    width: 70%;
    font-weight: normal;
    color: #999;
}




.peoples table.type1 {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 2px solid #333;
}

.peoples table.type1 tr {}

.peoples table.type1 th {
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #f4f4f4;
    font-weight: 500;
}

.peoples table.type1 td {
    text-align: center;
    padding: 7px 7px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.peoples table.type1 tr:nth-child(even) {
    background: #f9f9f9;
}

.peoples table.type1 tr:hover {
    background: #eee;
}


.peoples ul.grid1.typeBen li.person {
    width: 100%;
    padding: 0;
    margin: 0 0 5% 0;
}


.peoples ul.grid1.typeBen li.person:after {
    display: block;
    content: "";
    clear: both;
}

.peoples ul.grid1.typeBen li.person .imgArea {
    float: left;
    width: 17%;
    margin: 0;
    padding: 0;
}

.peoples ul.grid1.typeBen li.person .imgArea img {
    border-radius: 10px;
}

.peoples ul.grid1.typeBen li.person .infoArea {
    float: left;
    width: 83%;
    padding: 0 0 0 30px;
}

.peoples ul.grid1.typeBen li.person .infoArea li {
    margin-bottom: 3px;
}

.peoples ul.grid1.typeBen li.person .infoArea li span {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    font-weight: 500;
    color: #333;
}

.peoples ul.grid1.typeBen li.person .infoArea li p {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    color: #999;
}

.peoples ul.grid1.typeBen li.person .infoArea .s1 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.peoples ul.grid1.typeBen li.person .infoArea .s1 span {
    display: none;
}

.peoples ul.grid1.typeBen li.person .infoArea .s1 p {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.peoples ul.grid1.typeBen li.person .infoArea .s2 {
    margin-bottom: 0;
}

.peoples ul.grid1.typeBen li.person .info1 {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.peoples ul.grid1.typeBen li.person .info1 span {
    margin: 0;
}

.peoples ul.grid1.typeBen li.person .info1 strong {
    font-size: 17px;
    font-weight: bold;
}

.peoples ul.grid1.typeBen li.person table td {
    background: #fff;
}

.peoples ul.grid1.typeBen li.person table.th-all-line th {
    border: 1px solid #ddd;
}

.peoples ul.grid1.typeBen li.person table.td-all-line td {
    border: 1px solid #ddd;
}


.peoples ul.typej {}

.peoples ul.typej li.person {
    background: #f4f4f4;
}

.peoples ul.typej li.person .group {
    width: 100%;
}

.peoples ul.typej li.person .imgArea {
    width: 10%;
}

.peoples ul.typej li.person .imgArea img {
    max-width: 100%;
    height: auto;
}

.peoples ul.typej li.person .infoArea {
    width: 90%;
}



.org-map {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.org-map img {
    max-width: 800px;
    width: 100%;
    height: auto;
}

.org-map span {}

.org-map a {
    display: none;
    position: absolute;
    width: 21.5%;
    height: 9.5%;
    background: rgba(0, 0, 0, 0);
    z-index: 11;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.org-map a.z1 {
    top: 4.5%;
    left: 3%;
}

.org-map a.z2 {
    top: 4.5%;
    left: 37.5%;
}

.org-map a.z3 {
    top: 4.5%;
    left: 74.5%;
}

.org-map a.z4 {
    top: 25%;
    left: 37.5%;
}

.org-map a.z5 {
    top: 46%;
    left: 37.5%;
}

.org-map a.z6 {
    top: 36.5%;
    left: 74.5%;
}

.org-map a.z7 {
    top: 57%;
    left: 74.5%;
}

.org-map a.z8 {
    top: 84.5%;
    left: 3%;
}

.org-map a.z9 {
    top: 84.5%;
    left: 27%;
}

.org-map a.z10 {
    top: 84.5%;
    left: 50.5%;
}

.org-map a.z11 {
    top: 84.5%;
    left: 74.5%;
}

/* network */
/* worldMap */
world-map {
    display: block;
    position: relative;
    max-width: 1200px;
    margin: auto;
}

.network-01 {
    position: relative;
}

.network-01:after {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.08;
    background-image: url('../image/n/world-map.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.network-01>.in {
    position: relative;
    z-index: 11;
}

.network-01 .map {
    margin-bottom: 50px;
}

.network-01 .country {
    width: 50%;
    position: relative;
    padding: 0 20px 40px 80px;
}

.network-01 .country .img {
    position: absolute;
    top: 5px;
    left: 0;
    width: 60px;
}

.network-01 .country .img img {
    max-width: 100%;
    height: auto;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.network-01 .country p {
    font-size: 16px;
    font-weight: 500;
}

.network-01 .country span {}

.network-01 .country .file {
    margin-top: 5px;
}

.network-01 .country .file a {
    display: inline-block;
    margin-right: 2px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-radius: 7px;
    background: #fff;
    text-align: center;
    color: #666;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    transition: 0.2s;
}

.network-01 .country .file i {
    font-size: 17px;
    line-height: 24px;
}

.network-01 .country .file a:hover {
    background: #666;
    color: #fff;
}

.network-01.type2 .country {}

.network-01.type2 .country:hover {
    background: #f4f4f4;
}

.network-01.type2 .country:nth-child(4n),
.network-01.type2 .country:nth-child(4n+1) {}

.network-01.type2 .country {
    width: 50%;
    position: relative;
    padding: 20px 30px 20px 150px;
}

.network-01.type2 .country p {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 110px;
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
}

.network-01.type2 a.normal_link {
    margin-bottom: 5px;
}

.network-01.type2 ul {}

.network-01.type2 ul li {
    width: 31.3333%;
    margin: 1%;
    border: 1px solid #ddd;
    text-align: center;
}

.network-01.type2 ul li a {
    text-shadow: none;
    color: #444;
    font-size: 14px;
}

.network-01.type2 ul li a:hover {
    color: #999;
}

.network-01.type2 ul li+li {}

.network-01.type2 ul li span {
    display: block;
    padding: 10px;
}

.network-01.type2 ul li span img {
    max-width: 100%;
    height: auto;
}

.network-01.type2 ul li p {
    display: block;
    padding: 34px;
}

.network-01.type2 ul li.no-img img {
    opacity: 0;
}


.network-01.type2 ul li.has-img span {}

.network-01.type2 ul li.has-img p {
    display: none;
}

.network-01.type2 ul li.no-img span {
    display: none;
}

.network-01.type2 ul li.no-img p {}


.network-01.type3:after {
    display: none;
}

.network-01.type3 li {
    position: relative;
    width: 33.3333%;
    border: 1px solid #ddd;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
    transition: 0.2s;
}

.network-01.type3 li:hover {
    border-color: #999;
    z-index: 11;
}

.network-01.type3 a {
    display: block;
    padding: 20px 50px;
}

.network-01.type3 a img {
    width: 100%;
    height: auto;
}

.top-cate.type1 {
    margin-bottom: 30px;
    position: relative;
    /* top: 176px;
    z-index: 95; */
}

.sticky__none{   
    
}

.top-cate.type1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.top-cate.type1 ul li:first-child {
    border-left: 1px solid #ccc;
}

.top-cate.type1 ul li {
    flex: 1 1 auto;
    position: relative;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    transition: 0.1s;
    text-align: center;
    height: 100%;
}

.top-cate.type1 ul li:hover {
    border-color: #000;
    background-color: #1d4e8f;
}

.top-cate.type1 ul li+li:after {
    display: none;
}

.top-cate.type1 ul li a {
    display: block;
    color: #000;
    font-size: .9rem;
    font-weight: bold;
    padding: 10px;
}

.top-cate.type1 ul li a:hover {
    color: #fff;
    font-weight: bold;
}

.top-cate.type1 ul li.on {
    border: 1px solid #1d4e8f;
    z-index: 11;
}

.top-cate.type1 ul li.on a {
    color: #fff;
    background-color: #1d4e8f;
    font-weight: bold;
    height: 100%;
}

/* organization */

.en__oz {
    margin-bottom: 30px;
    position: sticky;
    top: 176px;
    z-index: 95;
}

.en__oz ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.en__oz ul li:first-child {}

.en__oz ul li {
    flex: 1 1 auto;
    position: relative;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
    transition: 0.1s;
    text-align: center;
    height: 100%;
}

.en__oz ul li:hover {
    border-color: #000;
    background-color: #1d4e8f;
}

.en__oz ul li+li:after {
    display: none;
}

.en__oz ul li a {
    display: block;
    color: #000;
    font-size: .9rem;
    font-weight: bold;
    padding: 10px;
}

.en__oz ul li a:hover {
    color: #fff;
    font-weight: bold;
}

.en__oz ul li.on {
    border: 1px solid #1d4e8f;
    z-index: 11;
}

.en__oz ul li.on a {
    color: #fff;
    background-color: #1d4e8f;
    font-weight: bold;
    height: 100%;
}

/*
.top-cate.type1 ul li { position:relative; border:1px solid #ddd; border-bottom-color:#999; margin:0 0 -1px -1px; background:#f4f4f4; } 
.top-cate.type1 ul li + li:after { display:none; } 
.top-cate.type1 ul li.on { border-color:#999; border-bottom-color:#fff; background:#fff; z-index:11; } 
.top-cate.type1 ul li a { display:block; color:#999; padding:10px 20px; } 
.top-cate.type1 ul li a:hover { color:#333; } 
.top-cate.type1 ul li.on a { color:#000; font-weight:bold; } 
*/
.top-cate.type2 {
    margin-bottom: 30px;
}

.top-cate.type2 ul {
    background: #f9f9f9;
    border: 0;
    padding: 10px 15px;
}

.top-cate.type2 ul li {
    margin-right: 30px;
}

.top-cate.type2 ul li+li:after {
    left: -10px;
    top: 14px;
}

.top-cate.type2 ul li.on {}

.top-cate.type2 ul li a {
    display: inline-block;
    color: #999;
    padding: 7px;
}

.top-cate.type2 ul li a:hover {
    color: #333;
}

.top-cate.type2 ul li.on a {
    color: #000;
    font-weight: bold;
}

.top-cate.type3 {
    margin-bottom: 30px;
}

.top-cate.type3 ul {
    background: #f9f9f9;
    border: 0;
    padding: 10px 15px;
}

.top-cate.type3 ul li {
    margin-right: 20px;
}

.top-cate.type3 ul li+li:after {
    left: -10px;
    top: 14px;
}

.top-cate.type3 ul li.on {}

.top-cate.type3 ul li a {
    display: inline-block;
    color: #999;
    padding: 7px;
}

.top-cate.type3 ul li a:hover {
    color: #333;
}

.top-cate.type3 ul li.on a {
    color: #000;
    font-weight: bold;
}

.research-cate {
    padding: 30px;
    background: #f9f9f9;
}

.research-cate ul {}

.research-cate ul li {
    width: 50%;
    margin: 2px 0;
}

.research-cate ul li a {}

.top.right {
    text-align: right;
}

.research-listup {}

/* .research-listup ul { margin-top: 30px; background: #fafbfc; border-radius: 16px; padding: 30px 40px; display: flex; flex-wrap: wrap; gap: 2%; } */
.research-listup ul {
    background: #fafbfc;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 1.67%;
    padding: 40px;
}

.research-listup ul li {
    width: 100%;
    padding: 20px 0;
}

/* .research-listup ul li + li { border-top:1px solid #ddd; } */
.research-listup ul li {}

/* .research-listup ul li { display:inline-block; width: 100%; background: #fff; box-shadow: 0px 8px 16px #00000014; border-radius: 16px; padding: 40px 50px; margin-bottom: 1.67%; } */

.research-listup>ul>li {
    padding: 40px;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    margin-bottom: 30px;
}

.research-listup ul li p {}

.research-listup ul li p.no span {
    color: #333;
}

.research-listup ul li p span {
    display: inline-block;
    font-weight: 500;
    vertical-align: top;
    color: #868686;
    white-space: normal;
}

/* .research-listup ul li p span { display:inline-block; max-width:130px; width:20%; font-weight:500; vertical-align:top; } */
.research-listup ul li p b {
    display: inline-block;
    font-weight: normal;
}

.research-listup ul li p.title b {
    color: #333;
    font-size: 20px;
    margin-bottom: 20px;
}

/* .research-listup ul li a:hover { text-decoration:underline; } */
.research-listup>ul>li>div {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.research-listup>ul>li>div>p {
    position: relative;
    margin-right: 20px;
    white-space: nowrap;
    border-right: 1px solid #d7d7d7;
    padding-right: 10px;
    margin-bottom: 10px;
}

.research-listup>ul>li>div>p:last-child {
    border-right: 1px solid #fff;
}

/* new publication 2022-11-10 */
.research-listup>ul>li>p>b>a {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(29, 78, 143, 1), rgba(29, 78, 143, 1), rgba(29, 78, 143, 1));
    background-size: 10% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    font-weight: 700;
}

.research-listup>ul>li>p>b>a:hover {
    background-size: 0 0.1em, 100% 0.1em;
    color: var(--text-primary-color);
}




.research-read {}

.research-read table.type1 {
    width: 100%;
    border-collapse: collapse;
}

.research-read table.type1 tr {}

.research-read table.type1 th {
    width: 20%;
    text-align: left;
    padding: 5px 20px;
    font-weight: 500;
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.research-read table.type1 td {
    padding: 5px 7px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.research-read table.type1 tr:nth-child() {}

.research-read table.type1 tr:hover {}

.research-read table.type1 thead {}

.research-read table.type1 thead tr {}

.research-read table.type1 thead tr th {}

.research-read table.type1 tbody {}

.research-read table.type1 tbody tr {}

.research-read table.type1 tbody tr td {}

.research-read table.type1 tr.title1 {}

.research-read table.type1 tr.title1 td {
    border: 0;
    font-weight: 500;
    font-size: 16px;
}





.activities-listup ul {}

.activities-listup ul li {
    border-top: 1px solid #d7d7d7;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
}

.activities-listup ul li .seminar_img {
    width: 25%;
    border-right: 1px solid #d7d7d7;
}

.activities-listup ul li>div>a>img {
    display: block;
    width: 50%;
    height: auto;
    margin: 0 auto;
    box-shadow: rgb(50 50 93 / 10%) 0px 10px 20px -5px, rgb(0 0 0 / 20%) 0px 9px 18px -9px;
}

.activities-listup ul li .seminar_right {
    width: 70%;
    padding-left: 72px;
}

.activities-listup ul li+li {
    border-top: 1px solid #ddd;
}

.activities-listup ul li {}

/* .activities-listup ul li p { padding: 3px 0; } */
.activities-listup ul li .seminar_right div p {
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
    white-space: nowrap;
}

.activities-listup ul li .seminar_right div p::after {
    content: '';
    position: absolute;
    background: #d7d7d7;
    width: 1px;
    height: 15px;
    right: 0;
    top: 3px;
}

.activities-listup ul li .seminar_right div p.organizer a {
    position: absolute;
}

.activities-listup ul li .seminar_right div p.organizer:after {
    content: '';
    position: absolute;
    background: #fff;
    width: 1px;
    height: 15px;
    right: 0;
    top: 3px;
}

/* .activities-listup ul li p span { display:inline-block; width: 80px; font-weight:500; vertical-align: top; } */
.activities-listup ul li p span {}

.activities-listup ul li p b {
    width: auto;
    font-weight: normal;
    color: #333;
}

.activities-listup ul li p.title b {
    display: inline-block;
    color: #333;
}



.activities-listup ul>li>.seminar_right .title {
    font-size: 20px;
    font-weight: bold;
}

.activities-listup ul>li>.seminar_right .title a {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(29, 78, 143, 1), rgba(29, 78, 143, 1), rgba(29, 78, 143, 1));
    background-size: 10% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    font-weight: 700;
}

.activities-listup ul>li>.seminar_right .title a:hover {
    background-size: 0 0.1em, 100% 0.1em;
    color: var(--text-primary-color);
}

.activities-listup ul li.has-img {
    position: relative;
    padding-left: 200px;
}

.activities-listup ul li.has-img .img {
    display: block;
    position: absolute;
    top: 1%;
    left: 0;
    width: 180px;
    height: 98%;
    background-position: center top;
    background-size: cover;
}

.activities-listup ul li .img {
    display: none;
}

.activities-listup ul li img {
    display: none;
}

.activities-listup ul li .seminar_right div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-top: 20px;
}

/* new 학술 */
/* activitys */
.activities__listup>ul>li {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    gap: 20px;
}

.activities__listup ul li .activity__img {
    width: 40%;
    height: 320px;
    background-color: whitesmoke;
    border: 1px solid #eee;
    overflow: hidden;    
    border-radius: 20px;
    transition: .5s;
}

.activities__listup ul li .activity__img:hover{
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px, rgb(0 0 0 / 30%) 0px 18px 36px -18px;
}

.activities__listup ul li .activity__img a {}

.activities__listup ul li .activity__img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    overflow: hidden;
    transition: all .3s ease-out;
    transform: scale(1);            
}

.activities__listup ul li .activity__img a img:hover {
    transform: scale(1.1);    
}

.activities__listup ul li .activity__title {
    width: 60%;
}

.activities__listup ul li .activity__title p {
    margin: 0 0 .5rem;
    white-space: normal;
}

.activities__listup ul li .activity__title span {
    display: inline-block;
    margin-right: 5px;
}

.activities__listup ul li .activity__title .title a {
    font-size: 1.3rem;
    font-weight: 600;
    /* effect */
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(29, 78, 143, 1), rgba(29, 78, 143, 1), rgba(29, 78, 143, 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
}

.activities__listup ul li .activity__title .title a:hover,
.activities__listup ul li .activity__title .title a:focus {
    background-size: 0 0.1em, 100% 0.1em;
    color: var(--text-primary-color);
}

/* .seminar_img { width:120px; float:left; margin-right:0px; } 
.seminar_img img { height:130px; } 
.activities-listup ul li img { display:block; } 
.activities-listup ul li { max-height:200px !important } */


.activities-read {
    overflow-x: auto;
}

.activities-read * {
    outline: 0 !important;
}

.activities-read table.type1 {
    width: 100%;
    border-collapse: collapse;
    word-break: keep-all;
}

.activities-read table.type1 input[type="date"]{
    border: 1px solid #333;
    width: 15%;
    padding: 5px;
    border-radius: 20px;
}

.activities-read table.type1 input[type="date"]:focus{
    border: 2px solid #000;
}

.activities-read table.type1 tr {}

.activities-read table.type1 th {
    width: 15%;
    text-align: left;
    padding: 5px 20px;
    font-weight: 500;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
    font-weight: bold;
}

.activities-read table.type1 td {
    padding: 5px 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.activities-read table.type1 tr:nth-child() {}

.activities-read table.type1 tr:hover {}

.activities-read table.type1 thead {}

.activities-read table.type1 thead tr {}

.activities-read table.type1 thead tr th {}

.activities-read table.type1 tbody {}

.activities-read table.type1 tbody tr {}

.activities-read table.type1 tbody tr td {
    height: 3rem;
}

.activities-read table.type1 tbody tr td a.outlink {
    display: inline-block;
    background: #0f52a1;
    color: #fff;
    padding: 3px 10px;
    border-radius: 2px;
    font-weight: 500;
    transition: 0.2s;
}

.activities-read table.type1 tbody tr td a.outlink:hover {
    background: #4d87cb;
}

.activities-read table.type1 select {
    min-width: 200px;
    height: 26px;
    border: 1px solid #d5d5d5;
}

.activities-read table.type1 select:focus{
    border: 2px solid #000;
}

.activities-read table.type1 input[type="text"],
.activities-read table.type1 input[type="password"] {
    border: 1px solid #d5d5d5;
    height: 26px;
    min-width: 200px;
    padding: 10px;
    border-radius: 20px;    
}

.activities-read table.type1 input[type="text"]:focus, .activities-read table.type1 input[type="password"]:focus{
    border: 2px solid #000;
}

.activities-read table.type1 td table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    border-top: 3px solid #000;
}

.activities-read table.type1 td table tr {}

.activities-read table.type1 td table th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    text-align: center;
    background: #f4f4f4;
}

.activities-read table.type1 td table td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2px 10px;
    text-align: center;
}

.activities-read table.type1 td table thead {}

.activities-read table.type1 td table thead tr {}

.activities-read table.type1 td table thead tr th {}

.activities-read table.type1 td table tbody {}

.activities-read table.type1 td table tbody tr {}

.activities-read table.type1 td table tbody tr td {}

.activities-read table.type2 {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    word-break: keep-all;
}

.activities-read table.type2 tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.activities-read table.type2 th {
    width: auto;
    text-align: left;
    padding: 10px 20px;
    font-weight: 500;
    background: #f4f4f4;
}

.activities-read table.type2 td {
    width: auto;
    text-align: left;
    padding: 5px 20px;
}

.activities-read table.type2 tr:nth-child() {}

.activities-read table.type2 tr:hover {
    background: #f4f4f4;
}

.activities-read table.type2 thead {}

.activities-read table.type2 thead tr {}

.activities-read table.type2 thead tr th {}

.activities-read table.type2 tbody {}

.activities-read table.type2 tbody tr {}

.activities-read table.type2 tbody tr td {}

.activities-read .btnArea {}

.activities-read .btnArea ul {
    text-align: center;
}

.activities-read .btnArea ul li {}

.activities-read .btnArea ul li a {}

.activities-read img {
    max-width: 100%;
    height: auto;
}


.article.type_01 {
    font-size: 15px;
    margin-top: 20px;
    background: #fafbfc;
    border-radius: 16px;
    padding: 40px;
}

.new__article ul li {
    padding: 40px;
    background: #fff;
    box-shadow: 0px 8px 16px #00000014;
    border-radius: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}


.article.type_01 span {
    display: block;
    position: relative;
    padding-left: 20px;
    color: #333;
    font-size: 15px;
    margin-bottom: 10px;
}

.article.type_01 span:after {
    position: absolute;
    top: 8px;
    left: 3px;
    content: "";
    font-family: xeicon !important;
    color: #4368b7;
    background: #5aa1d2;
    border-radius: 100%;
    width: 7px;
    height: 7px;
}

.mt10 {margin-top: 10px !important;}

.new__article ul li p { color: #333; font-size: 15px; font-weight: 300;}
.new__article ul li p b { font-weight: 700;}

.article.type_01 span i {}

.article.type_01.no_check {}

.article.type_01.no_check span:after {
    display: none;
}

.article.type_01.smallLine span {
    margin-bottom: 5px;
}

.article.type_01 span.first {
    padding-left: 2px;
    font-size: 16px;
    margin-bottom: 10px;
}

.article.type_01 span.first:after {
    display: none;
}


.article.type_01.s2 {
    margin-top: 20px;
}

.article.type_01.s2 span {
    margin-bottom: 3px;
    color: #4368b7;
}

.article.type_02 {
    font-size: 15px;
    color: #666;
}

.normal_link {
    display: inline-block;
    padding: 5px 10px;
    background: #0f52a1;
   color: #fff !important;
    transition: 0.2s;
    padding: 10px 20px;
    border-radius: 28px;
	text-decoration: none !important;
}

.normal_link i {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.normal_link:hover {
    background: #eee;
    color: #000 !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}



.member-d-read {
    overflow-x: auto;
}

.member-d-read table.type1 {
    width: 100%;
    border-collapse: collapse;
}

.member-d-read table.type1 tr {}

.member-d-read table.type1 th {
    width: 20%;
    text-align: left;
    padding: 5px 20px;
    font-weight: 500;
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.member-d-read table.type1 td {
    padding: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.member-d-read table.type1 tr:nth-child() {}

.member-d-read table.type1 tr:hover {}

.member-d-read table.type1 thead {}

.member-d-read table.type1 thead tr {}

.member-d-read table.type1 thead tr th {}

.member-d-read table.type1 tbody {}

.member-d-read table.type1 tbody tr {}

.member-d-read table.type1 tbody tr td {}

.member-d-read table.type1 tr.title1 {}

.member-d-read table.type1 tr.title1 td {
    border: 0;
    font-weight: 500;
    font-size: 16px;
}

.member-d-read table.type1 table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    border-top: 2px solid #333;
}

.member-d-read table.type1 table+table {
    margin-top: 15px;
}

.member-d-read table.type1 table tr {}

.member-d-read table.type1 table th {
    padding: 5px 10px;
    font-weight: 500;
    background: #f4f4f4;
    border: 1px solid #ddd;
    text-align: center;
}

.member-d-read table.type1 table td {
    padding: 5px 7px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.member-d-read a {
    color: #0000ff;
}





.reading- {
    margin-bottom: 100px;
}

.reading- table.type1 {
    width: 100%;
    border-collapse: collapse;
}

.reading- table.type1 tr {}

.reading- table.type1 th {
    width: 20% !important;
    text-align: left;
    padding: 5px 20px;
    font-weight: 500;
    background: #f4f4f4;
    border: 1px solid #ddd;
    word-break: break-all;
}

.reading- table.type1 td {
    padding: 5px 20px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.reading- table.type1 tr:nth-child() {}

.reading- table.type1 tr:hover {}

.reading- table.type1 th.center {
    text-align: center;
}

.reading- table.type1 td p {
    padding: 15px 0;
}

.reading- table.type1 td p.overflow {
    overflow-y: scroll;
    height: 200px;
}

.reading- table.type1 input {
    border: 0;
    border-bottom: 2px solid #fff;
    height: 40px;
    line-height: 40px;
    transition: border 0.2s;
}

.reading- table.type1 input:focus {
    border-bottom: 2px solid #0f52a1;
}

.reading- table.type1 textarea {
    width: 100%;
    border: 2px solid #ddd;
    padding: 10px;
    font-size: 13px;
    line-height: 1.5;
    transition: border 0.2s;
}

.reading- table.type1 textarea:focus {
    border-color: #0f52a1;
}


/* Colloquium */

.coll_tabBox {
    background: #fafbfc;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 50px;
}

.coll_tabBox ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.coll_tabBox ul li {
    /* flex: 1; */
    width: calc((100% - 80px) / 11);
}

.coll_tabBox ul li a {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 10px 0;
    background: #b1b1b1;
    border-radius: 10px;
}

.coll_tabBox ul li a.on {
    background: #1d4e8f;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.29);
}

.coll_top {
    background: #fafbfc;
    padding: 30px 40px;
    border-radius: 16px;
}

.coll_top img {
    max-width: 100%;
    transition: all .3s ease-out;
    transform: scale(1);
}

.coll_top img:hover {
    transform: scale(1.1);
}

.coll_top .top_cont {
    display: flex;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 8px 16px #00000029;
}

.coll_top .top_cont .txt_box {
    width: 57.5%;
    padding: 131px 91px;
    box-shadow: 8px 0 16px #00000029;
	text-align: left;
}

.s_div {position: relative; overflow: hidden; border-radius: 16px;  box-shadow: 0px 8px 16px #00000029;}
.s_div .top_cont { box-shadow: none !important;}
.swiper-button-next.coll_next, .swiper-button-prev.coll_prev  { height: 45px !important; background: #ffffffab; color: #333; border-radius: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: all 0.5s; border: 1px solid #D8D8D8;}
.swiper-button-next.coll_next { position: absolute; right: 15px!important;}
.swiper-button-prev.coll_prev { position: absolute; left: 15px!important;}

.swiper-button-next.coll_next:hover, .swiper-button-prev.coll_prev:hover  { transition: all 0.5s; background: #fff; border: 1px solid #000; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.swiper-button-next.coll_next:hover span, .swiper-button-prev.coll_prev:hover span { transition: all 0.5s; color: #0088FF;}

 	.top_cont_swiper {
      width: 100%;
      height: 100%;
    }

    .top_cont_swiper .swiper-slide {
      text-align: center;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .top_cont_swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


.coll_top .top_cont .img_box {
    width: 42.5%;
    padding: 50px 72px;
    border-radius: 0 16px 16px 0;
    background: url(/theme/d/html/image/n/research/coll_posterBg.png) center center no-repeat;
    position: relative;
	display: flex;
    align-items: center;
}

.coll_top .top_cont .img_box a {
    position: absolute;
    right: 101px;
    bottom: 80px;
}

.coll_top .top_cont .txt_box h3 {
    font-size: 30px;
    color: #1d4e8f;
}

.coll_top .top_cont .txt_box p {
    font-size: 16px;
    margin: 20px 0;
}

.coll_top .top_cont .txt_box>div {
    display: flex;
    justify-content: space-between;
}

.coll_top .top_cont .txt_box .info {
    width: 79%;
}

.coll_top .top_cont .txt_box .info dl {
    display: flex;
    line-height: 1.5;
}

.coll_top .top_cont .txt_box .info dt {
    color: #868686;
    width: 88px;
}

.coll_top .top_cont .txt_box .img_qr {
    width: 68px;
}

.coll_list .search__box {
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}

.coll_list .search__box .total {
    font-size: 18px;
    font-weight: bold;
}

.coll_list .search__box .total span {
    color: #1d4e8f;
}

.search_box .search {
    display: flex;
}

.search_box .search input,
.search_box .search select,
.search_box .search button {
    display: block;
    border: 1px solid #ddd;
    height: 39px;
}

.search_box .search input,
.search_box .search button {
    border-left: none;
}

.search_box .search input {
    width: 240px;
}

.search_box .search select {
    border-radius: 2px 0 0 2px;
}

.search_box .search button {
    background: #fff;
    width: 47px;
    border-radius: 0 2px 2px 0;
}

.coll_list .tit_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 82%;
}

.col__tit{
    width: 90%;
}

.coll_list>ul>li {
    border-top: 1px solid #d7d7d7;
    display: flex;
    padding: 30px 0;
}

.coll_list .date {
    font-size: 20px;
    margin-right: 50px;
    padding-right: 50px;
    border-right: 1px solid #d7d7d7;
}

.coll_list .tit_area p {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.coll_list .tit_area ul {
    display: flex;
}

.coll_list .tit_area li {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}

.coll_list .tit_area li::after {
    content: '';
    position: absolute;
    background: #d7d7d7;
    width: 1px;
    height: 15px;
    right: 0;
    top: 3px;
}

.coll_list .tit_area li:last-child::after {
    display: none;
}

.coll_list .tit_area li span {
    color: #868686;
}

.coll_list .tit_area li a {
    vertical-align: initial;
}

.coll_list .tit_area .tit>p a {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(29, 78, 143, 1), rgba(29, 78, 143, 1), rgba(29, 78, 143, 1));
    background-size: 10% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
}

.coll_list .tit_area .tit>p a:hover {
    background-size: 0 0.1em, 100% 0.1em;
    color: var(--text-primary-color);
}

.coll_list .tit_area .btn_more {
    display: flex;
    width: 38px;
    height: 38px;
    background: #1D4E8F;
    border-radius: 50%;
    box-shadow: 0px 8px 16px #00000029;
    justify-content: center;
    align-items: center;
}

.coll_list .tit_area .btn_more img {
    transition: all .3s ease-out;
}

.coll_list .tit_area .btn_more img:hover {
    transform: rotate(180deg);
}

/* Reserch - Visitors */

.coll_list.visit_list .date {
    width: 15%;
}

.coll_list.visit_list li img {
    margin-right: 10px;
}

/* 마이샵 */
.myshop- table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
    margin: 15px 0;
}

.myshop- table input[type="date"]{
    border: 1px solid #333;
    border-radius: 20px;
    padding: 5px;
}

.myshop- table caption {
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.myshop- table td {}

.myshop- tfoot th,
tfoot td {
    border: 1px solid #d6dce7;
    background: #eee;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.myshop- tfoot th {}

.tbl_wrap {
    margin: 0 0 10px;
    padding: 0
}

.myshop- .tbl_frm01 th {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #f6f6f6;
    padding: 10px;
    width: 200px;
    text-align: left;
    white-space: nowrap
}

.myshop- .tbl_frm01 td {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 10px;
    text-align: left;
}

.myshop- .tbl_frm01 textarea {
    height: 150px
}

.myshop- .tbl_frm01 #captcha {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

.myshop- .tbl_frm01 #captcha input {
    margin-left: 5px;
    text-align: center
}

.myshop- .h2_frm {
    text-align: left;
    color: #333;
    font-size: 1.09em;
    font-weight: bold;
    margin: 20px 0 10px
}

.myshop-.font-inherit .tbl_frm01 th {
    font-size: inherit;
}

.myshop-.font-inherit .tbl_frm01 td {
    font-size: inherit;
}


.myshop- {
    position: relative;
    max-width: 1300px;
}

.myshop- .tbl_frm01 th {
    width: auto;
    text-align: center;
    font-size: 14px;
}

.myshop- .tbl_frm01 .table-title1 {
    padding: 20px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;
    text-align: center !important;
    background: #f6f6f6;
    color: #000;
}

.myshop- .tbl_frm01 .table-title2 {
    padding: 30px 0 10px 5px;
    font-size: 17px;
    font-weight: 500;
    background: #fff;
    border: 0;
}

.myshop- .tbl_frm01 .table-title2.padding-0 {
    padding: 0;
}

.myshop- .tbl_frm01 .table-title2.padding-0 div {}

.myshop- .tbl_frm01 .table-title2 .table-title2-strong-div {
    margin: 0;
    /* margin: 30px 0 0 0; */
    font-weight: bold;
    background: #1D4E8F;
    color: #fff;
    padding: 10px 20px;
}

_ .myshop- .tbl_frm01 td {
    text-align: center;
    font-size: 13px;
}

.myshop- .tbl_frm01 tr:hover {
    background: ;
}

.myshop- .tbl_frm01 tr.status-on {}

.myshop- .tbl_frm01 tr.status-on i.-on {
    color: #046307;
    font-size: 15px;
}

.myshop- .tbl_frm01 tr.status-on td {}

.myshop- .tbl_frm01 tr.status-off {
    background: #f9f9f9;
}

.myshop- .tbl_frm01 tr.status-off i.-off {
    color: #ff0000;
    ;
    font-size: 15px;
}

.myshop- .tbl_frm01 tr.status-off td {
    color: #999;
}

.myshop- .tbl_frm01 td .arrow_area {}

.myshop- .tbl_frm01 td .arrow_area i {
    cursor: pointer;
    background: #f4f4f4;
    padding: 1px;
    border: 1px solid #ddd;
}

.myshop- .tbl_frm01 td .arrow_area i:hover {
    background: #000;
    color: #fff;
}

.myshop- .tbl_frm01 td .arrow_area i.up {}

.myshop- .tbl_frm01 td .arrow_area i.down {}

.myshop- .tbl_frm01 td .arrow_area.-element {
    display: inline-block;
    vertical-align: middle;
}

.myshop- .tbl_frm01 td .arrow_area.-element .d {
    display: inline-block;
    vertical-align: middle;
}

.myshop- .tbl_frm01 td .arrow_area.-element .d i {}

.myshop- .tbl_frm01.th-all-left th {
    text-align: left;
}

.myshop- .tbl_frm01.td-all-left td {
    text-align: left;
}

.myshop- .tbl_frm01.th-all-center th {
    text-align: center;
}

.myshop- .tbl_frm01.td-all-center td {
    text-align: center;
}

.myshop- .tbl_frm01.th-all-line th {
    border: 1px solid #ddd;
    border-top: 3px solid #333;
}

.myshop- .tbl_frm01.td-all-line td {
    border: 1px solid #ddd;
}

.myshop- .tbl_frm01 td.status{
    text-align: center;
}

.myshop- .tbl_frm01 td .min-wrap {
    margin: 2px 0;
}



.myshop- .tbl_frm01 textarea {
    height: auto;
    padding: 5px 10px;
}

.myshop- .tbl_frm01 select {
    height: 28px;
    text-align: center;
    /* appearance: auto; */
    appearance: none;
}

.myshop- .tbl_frm01 input[type="text"] {
    border: 1px solid #d5d5d5;
    height: 28px;
    min-width: 200px;
    padding: 10px;
}

.myshop- .tbl_frm01 input[type="text"].w100 {
    width: 100%;
}

.myshop- .tbl_frm01 input[type="text"].wa {
    min-width: auto;
    width: auto;
}

.myshop- .tbl_frm01 table {
    border: 1px solid #ddd;
    border-top: 3px solid #333;
}

.myshop- .tbl_frm01 table.th-all-line th {
    border: 1px solid #ddd;
}

.myshop- .tbl_frm01 table.td-all-line td {
    border: 1px solid #ddd;
}

.myshop- .tbl_frm01 table th {
    padding: 5px 10px;
}

.myshop- .tbl_frm01 table td {
    padding: 5px 10px;
}

.myshop- .tbl_frm01 table input[type="text"] {
    min-width: auto;
    width: auto;
}

.myshop- .tbl_frm01 table input[type="text"]:focus {
    border: 1px solid #1D4E8F;
}

.myshop- .tbl_frm01 input.width-auto {
    min-width: auto;
    width: auto;
}

/* Input Style */

.myshop- input[type="text"] {
    border-radius: 20px;    
}

.myshop- input[type="text"]:focus{
    border: 2px solid #000;
}

.memo- {
    margin: 30px 0;
    padding: 20px;
    border: 1px solid #ccc;
}


.btn-pm {
    width: 35px;
    border: 0;
    color: #fff;
    background: #0f52a1;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    margin: 1px;
    font-size: 20px;
    border-radius: 2px;
}

.btn-pm:hover {
    opacity: 0.8;
}

.myshop- .group-manage {
    width: 40%;
    margin-top: 50px;
    position: relative;
}

.myshop- .group-manage h3 {
    font-size: 19px;
    margin-bottom: 10px;
}

.myshop- .group-manage {}

.myshop- .group-manage select {
    width: 100%;
    height: auto;
}

.myshop- .group-manage option {
    padding-left: 10px;
}

.myshop- .group-manage .arrow_area {
    position: absolute;
    top: 150px;
    right: -110px;
    width: 100px;
}

.myshop- .group-manage .arrow_area>div {
    background: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    margin: 1px;
}

.myshop- .group-manage .arrow_area .up {}

.myshop- .group-manage .arrow_area .down {}

.myshop- .group-manage .arrow_area .delete {}

.myshop- .group-manage .arrow_area i {
    line-height: 30px;
}

.myshop- .group-manage button {
    width: 100%;
    background: #000;
    color: #fff;
    margin: 20px 0;
    line-height: 30px;
    text-align: center;
    border: 0;
}

.myshop- .notice-fr {
    padding: 20px;
    background: #f4f4f4;
    margin: 20px 0;
    border: 1px solid #ddd;
}

.myshop- .notice-fr b {
    display: block;
    margin-bottom: 20px;
}


.myshop- .new-app {}
.myshop- .new-app > .noti { font-size: 16px; font-weight: 700; color: #023273;}
.myshop- .new-app > .noti span {font-weight: 300;font-size: 14px;color: #f10d0d;font-style: italic;}
.myshop- .new-app .con_arrow span {color: #023273; margin-left: 10px;}
.mt50 {margin-top: 50px !important;}

/*
.myshop- .new-app ul { text-align:; } 
.myshop- .new-app ul li { width:100%; margin:1px; padding:10px 0; } 
.myshop- .new-app ul li a { display:inline-block;; width:auto; height:100%; border:1px solid #333; padding:5px; border-radius:10px; } 
*/


.myshop- .new-app ul li {
    margin: 1px;
    border-top: 1px solid #d5e1da;
    border-right: 1px solid #d5e1da;
    border-bottom: 1px solid #d5e1da;
    background-color: #f9f9f4;
    background: #eff4fa;
}

.myshop- .new-app ul li {
    width: 100%;
    border-left: 1px solid #d5e1da;
    padding-left: 60px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 300;
    line-height: 63px;
}

.myshop- .new-app ul li span {
    display: inline-block;
    width: 50%;
}

.myshop- .new-app ul li div {
    display: inline-block;
    width: 50%;
}

.myshop- .new-app ul li a {}

.myshop- .new-app ul li a:hover {
    text-decoration: underline;
}

.myshop- .new-app ul li i {
    font-size: 8px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    position: relative;
    top: -1px;
    text-align: center;
    color: #fff;
    background: #2055a1;
    border-radius: 50%;
    margin-right: 10px;
}


.myshop- table.type1 {
    width: 100%;
    border-collapse: collapse;
}

.myshop- table.type1 tr {}

.myshop- table.type1 th {
    font-size: 15px;
    text-align: center;
    padding: 7px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f4f4f4;
    font-weight: 500;
}

.myshop- table.type1 td {
    color: #999;
    text-align: center;
    padding: 7px 7px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.myshop- table.type1 td a {
    color: #333;
}

.myshop- table.type1 tr:nth-child(even) {}

.myshop- table.type1 tr:hover {}

.myshop- table.type1 thead {}

.myshop- table.type1 thead tr {}

.myshop- table.type1 thead tr th {}

.myshop- table.type1 tbody {}

.myshop- table.type1 tbody tr {}

.myshop- table.type1 tbody tr td {}

.myshop- table.typeMake {
    width: 100%;
    border-collapse: collapse;
    border-top: 3px solid #333
}

.myshop- table.typeMake tr {}

.myshop- table.typeMake th {
    width: 20%;
    text-align: left;
    padding: 5px 20px;
    font-weight: bold;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
}

.myshop- table.typeMake td {
    padding: 5px 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.myshop- table.typeMake tr:nth-child() {}

.myshop- table.typeMake tr:hover {}

.myshop- table.typeMake thead {}

.myshop- table.typeMake thead tr {}

.myshop- table.typeMake thead tr th {}

.myshop- table.typeMake tbody {}

.myshop- table.typeMake tbody tr {}

.myshop- table.typeMake tbody tr td {}

.myshop- table.typeMake tbody tr td a.outlink {
    display: inline-block;
    background: #0f52a1;
    color: #fff;
    padding: 3px 10px;
    border-radius: 2px;
    font-weight: 500;
    transition: 0.2s;
}

.myshop- table.typeMake tbody tr td a.outlink:hover {
    background: #4d87cb;
}

.myshop- table.typeMake textarea {
    width: 100%;
    height: 150px;
    padding: 5px;
    resize: vertical;
}

.myshop- table.typeMake select {
    min-width: 200px;
    height: 26px;
    border: 1px solid #d5d5d5;
}

.myshop- table.typeMake input[type="text"],
.myshop- table.typeMake input[type="password"] {
    border: 1px solid #d5d5d5;
    height: 26px;
    min-width: 200px;
    padding: 10px;
    border-radius: 20px;    
}

.myshop- table.typeMake input[type="text"]:focus,
.myshop- table.typeMake input[type="password"]:focus{
    border: 2px solid #000;
}

.myshop- table.typeMake td table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    border-top: 3px solid #333;
}

.myshop- table.typeMake td table tr {}

.myshop- table.typeMake td table th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    text-align: center;
    background: #f4f4f4;
}

.myshop- table.typeMake td table td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2px 10px;
    text-align: center;
}

.myshop- table.typeMake td table thead {}

.myshop- table.typeMake td table thead tr {}

.myshop- table.typeMake td table thead tr th {}

.myshop- table.typeMake td table tbody {}

.myshop- table.typeMake td table tbody tr {}

.myshop- table.typeMake td table tbody tr td {
    vertical-align: top;
}

.myshop- .jrg table.typeMake td table input[type="text"] {
    min-width: 100%;
    width: 100%;
}


.myshop- .pay-amount {}

.myshop- .pay-amount p {}

.myshop- .pay-amount b {
    float: right;
}

.td__category__flex{
    display: flex;
    align-items: flex-end;
}










/* 기존 메인 */
.JS-mainVisual0 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.JS-mainVisual0 .bg {
    position: absolute;
    width: 2000px;
    top: 0;
    left: 50%;
    margin-left: -1000px;
}

.JS-mainVisual0 .bg:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    content: "";
}

.JS-mainVisual0>.in {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 50px 0;
}

.JS-mainVisual0 .top {
    padding-left: 20px;
    border-left: 3px solid #7eb9e4;
}

.JS-mainVisual0 .top h2 {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    font-weight: 100;
}

.JS-mainVisual0 .top h3 {
    font-size: 35px;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
}


.JS-mainVisual0 .workSec {
    margin-top: 220px;
}

.JS-mainVisual0 .workSec ul li {
    position: relative;
    width: 16.66%;
    height: 150px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.JS-mainVisual0 .workSec ul li:hover:before {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: -1px;
    background: #7eb9e4;
    content: "";
}

.JS-mainVisual0 .workSec ul li a {
    display: block;
    padding: 35px;
}

.JS-mainVisual0 .workSec ul li:nth-child(1) a {
    padding-left: 0;
}

.JS-mainVisual0 .workSec ul li+li:after {
    position: absolute;
    top: 5%;
    left: 0;
    width: 1px;
    height: 90%;
    background: #fff;
    opacity: 0.3;
    content: "";
}

.JS-mainVisual0 .workSec ul li h2 {
    font-size: 20px;
    color: #fff;
    letter-spacing: 3px;
}

.JS-mainVisual0 .workSec ul li p {
    font-size: 17px;
    color: #fff;
    opacity: 70%;
    word-break: keep-all;
}

.JS-mainVisual0 .workSec ul li.last h2 {
    letter-spacing: 0;
}




.JS-main0- {
    background: #f4f4f4;
    padding: 50px 0;
}

.JS-main0->.in {
    width: 1200px;
    margin: 0 auto;
}

.JS-main0- h2 {
    font-size: 12px;
}

.JS-main0- h3 {
    font-size: 30px;
    font-weight: bold;
}

.JS-main0- .sliderArea {
    margin-top: 50px;
    padding-bottom: 30px;
}

.JS-main0- .slick-track {
    padding-bottom: 20px;
    margin-left: -10px;
}

.JS-main0- .item {
    position: relative;
    text-align: left !important;
    padding: 20px;
    background: #fff;
    margin: 0 10px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
}

.JS-main0- .item .category {
    display: inline-block;
    padding: 1px 10px;
    border-radius: 0;
    border: 1px solid #ccc;
}

.JS-main0- .item .title {
    margin-top: 30px;
    font-weight: bold;
}

.JS-main0- .item .overview {
    margin-top: 10px;
    font-size: 13px;
}

.JS-main0- .item .date {
    position: absolute;
    top: 20px;
    right: 20px;
}


.JS-main0- .slick-slider button.slick-arrow {
    top: auto;
    margin: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    background: transparent;
}

.JS-main0- .slick-slider button.slick-prev {
    left: 0;
}

.JS-main0- .slick-slider button.slick-next {
    left: 30px;
}



.JS-main00- {
    margin: 0;
    background: url('../image/n/main00bg2.jpg');
    background-position: bottom;
    background-size: cover;
}

.JS-main00->.in {
    max-width: 1200px;
    margin: 0 auto;
}

.JS-main00- .top {
    position: relative;
}

.JS-main00- .top .left {
    display: inline-block;
    max-width: 500px;
    width: 40%;
    padding: 50px;
    margin: 70px 0;
    background: #fff;
    position: relative;
    z-index: 10;
}

.JS-main00- .top .left h2 {
    font-size: 17px;
    font-weight: bold;
}

.JS-main00- .top .left h3 {
    color: #364992;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.JS-main00- .top .left h4 {
    color: #364992;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: -1px;
}

.JS-main00- .top .left p {
    font-size: 17px;
    color: #666;
    margin-top: 40px;
}

.JS-main00- .top .left a {
    display: inline-block;
    margin-top: 40px;
    position: relative;
    color: #666;
}

.JS-main00- .top .left a span {
    display: block;
    position: relative;
}

.JS-main00- .top .left a b {
    position: relative;
    z-index: 10;
}

.JS-main00- .top .left a span {
    position: absolute;
    left: -5%;
    width: 110%;
    bottom: 0;
    height: 40%;
    background: #e4f4ff;
    content: "";
    z-index: 9;
}

.JS-main00- .top .right {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 1000px;
    width: 90%;
    z-index: 9;
}

.JS-main00- .top .right img {
    width: 100%;
    height: auto;
}

.JS-main00- .bottom {
    padding: 100px 0;
}

.JS-main00- .bottom ul {}

/*
.JS-main00- .bottom ul li { width:21%; margin:0 1%; background:#fff; border-radius:10px; } 
.JS-main00- .bottom ul li a { display:block; position:relative; display:block; font-size:15px; padding:20px; } 
.JS-main00- .bottom ul li a i { position:absolute; top:0; right:0; } 
.JS-main00- .bottom ul li a:hover { box-shadow:5px 5px 5px rgb(0 0 0 / 10%); } 
*/
.JS-main00- .bottom ul {
    border-top: 1px solid #d5e1da;
    border-right: 1px solid #d5e1da;
    border-bottom: 1px solid #d5e1da;
    background-color: #f9f9f4;
    background: #eff4fa;
}

.JS-main00- .bottom ul .shortcut_list {
    overflow: hidden;
}

.JS-main00- .bottom ul li {
    width: 25%;
    border-left: 1px solid #d5e1da;
}

.JS-main00- .bottom ul li a {
    display: block;
    padding-left: 60px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 300;
    line-height: 63px;
}

.JS-main00- .bottom ul li a:hover {
    text-decoration: underline;
}

.JS-main00- .bottom ul li i {
    font-size: 8px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    position: relative;
    top: -1px;
    text-align: center;
    color: #fff;
    background: #2055a1;
    border-radius: 50%;
    margin-right: 10px;
}





.JS-main01- {
    margin: 100px 0;
}

.JS-main01->.in {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.JS-main01- .left {
    width: 40%;
}

.JS-main01- .left h2 {
    font-size: 12px;
    letter-spacing: 2px;
}

.JS-main01- .left h3 {
    font-size: 30px;
    font-weight: bold;
}


.JS-main01- .right {
    width: 60%;
}

.JS-main01- .right iframe {
    width: 100% !important;
    height: 400px !important;
}

.pop-inMember {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 400px;
    margin: -200px 0 0 -250px;
    border: 1px solid #000;
    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
    z-index: 100;
    background: #fff;
    padding: 30px;
    overflow-y: auto;
}

.pop-inMember a {
    cursor: pointer;
}

.pop-inMember .top {
    text-align: right;
    font-size: 20px;
}

.pop-inMember table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
    text-align: center;
}

.pop-inMember table tr {
    border-bottom: 1px dotted #ccc;
    color: #999;
}

.pop-inMember table tr.this {
    color: #000;
    font-weight: bold;
}

.pop-inMember table th {
    border-top: 1px dotted #ccc;
    line-height: 1.4;
    padding: 10px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
}

.pop-inMember table td {
    border-top: 1px dotted #ccc;
    line-height: 1.4;
    padding: 5px;
}

.pop-inMember table td a {
    height: 20px;
    line-height: 20px;
}

.pop-inMember table td span {
    cursor: pointer;
}

.pop-inMember table tr:hover td {
    background: #f4f4f4;
}

.pop-inMember table tr:hover span {
    color: #333;
}

.pop-inMember center {
    margin-top: 30px;
}

.pop-inMember a.close {}

.pop-inSaved {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 400px;
    margin: -200px 0 0 -250px;
    border: 1px solid #000;
    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
    z-index: 100;
    background: #fff;
    padding: 30px;
    overflow-y: auto;
}

.pop-inSaved a {
    cursor: pointer;
}

.pop-inSaved .top {
    text-align: right;
    font-size: 20px;
}

.pop-inSaved table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.pop-inSaved table tr {
    border-bottom: 1px dotted #ccc;
    color: #999;
}

.pop-inSaved table tr.this {
    color: #000;
    font-weight: bold;
}

.pop-inSaved table th {
    border-top: 1px dotted #ccc;
    line-height: 1.4;
    padding: 5px;
}

.pop-inSaved table td {
    border-top: 1px dotted #ccc;
    line-height: 1.4;
    padding: 5px;
}

.pop-inSaved table td a {
    height: 20px;
    line-height: 20px;
}

.pop-inSaved table td span {
    cursor: pointer;
}

.pop-inSaved table tr:hover td {
    background: #f4f4f4;
}

.pop-inSaved table tr:hover span {
    color: #333;
}

.pop-inSaved center {
    margin-top: 30px;
}

.pop-inSaved a.close {}











body #bo_list .bo_tit .fa-download {
    display: none;
}

.register-n {}







/* table */
#bo_cate {
    width: 100%;
    font-size: 0;
    margin-bottom: 30px;
}

#bo_cate ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1rem;
}

#bo_cate li {
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    vertical-align: top;
    position: relative;
    border: 1px solid #000;
    margin: 1px;
    background: #fff;
    transition: 0.1s;
    box-sizing: border-box;
    flex: auto;
    text-align: center;
}

#bo_cate li:hover {
    border-color: #1d4e8f;
    background-color: #1d4e8f;
}

#bo_cate li+li:after {
    display: none;
}

#bo_cate li a {
    display: block;
    /* padding:3px 12px; */
}

#bo_cate li a:hover {
    color: #fff;
}

#bo_cate li.on {
    border-color: #1d4e8f;
    z-index: 11;
}

#bo_cate li.on a {
    color: #fff;
    background-color: #0F52A1;
    height: 38px;
    line-height: 38px;
}







/* renew */
.JS-renew {}

.JS-renew>.in {}


.titleArea {
    position: relative;
    margin-bottom: 10px;
}

.titleArea h2 {
    font-size: 20px;
}

.titleArea h2 a {
    color: #002139;
    letter-spacing: 5px;
}

.titleArea h2 a i {
    position: relative;
    top: -1px;
    margin-left: 0px;
    letter-spacing: 0;
    font-size: 12px;
    color: #77b5e3;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50%;
    border: 1px solid #77b5e3;
    text-align: center;
}

.titleArea h2.unL a {
    letter-spacing: 0;
}

.titleArea h2.unL a i {
    margin-left: 10px;
}

.titleArea .btn- {
    position: absolute;
    top: 8px;
    left: 100px;
}

.titleArea .btn- ul {}

.titleArea .btn- ul li {
    line-height: 25px;
    font-size: 13px;
    margin-right: 10px;
}

.titleArea .btn- ul li a {
    color: #fff;
    display: block;
    padding: 0 10px;
    width: 100%;
    height: 100%;
}

.titleArea .btn- ul li.call a {
    background: #002139;
}

.titleArea .btn- ul li.plan a {
    background: #eee;
    color: #002139;
    font-weight: bold;
}


.lan-en .titleArea h2 a {
    letter-spacing: 0;
}

.lan-en .titleArea .btn- {
    left: 132px;
}





/* video */
.Rvideo {
    border-top: 1px solid #ddd;
    position: relative;
    background: #f4f4f4;
}

.Rvideo iframe {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100% !important;
    opacity: 0;
}

.Rvideo iframe.on {
    opacity: 1;
}

.Rvideo>.in {}

.Rvideo>.in:after {}

.Rvideo .text {
    position: relative;
    ;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ccc;
    border-bottom: 10px solid #002139;
    z-index: 12;
}

.Rvideo .text>.in {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
}

.Rvideo .text>.in:after {
    position: absolute;
    top: -50%;
    left: 10%;
    width: 80%;
    height: 300px;
    content: "";
    background-image: url('/theme/d/html/image/n/main_R/video-bg1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.Rvideo .text h1 {
    line-height: 1.1;
    letter-spacing: -1px;
}

.Rvideo .text h1 span {
    color: #fff;
    font-size: 60px;
    font-weight: 100;
}

.Rvideo .text h1 b {
    padding-left: 50px;
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    color: #002139;
}

.Rvideo .text h1 i {
    font-size: 30px;
    position: relative;
    margin: 0 10px;
    color: #fff;
}

.Rvideo .text h1 i.left {
    vertical-align: top;
}

.Rvideo .text h1 i.right {
    vertical-align: text-top;
}

.Rvideo .vid-wrap {
    position: relative;
    height: 450px;
    padding-bottom: 0;
    overflow: hidden;
}

.Rvideo .vid-wrap:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 11;
}

.Rvideo .in-sl {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}





.bannerArea {
    width: 380px;
    position: absolute;
    bottom: -55%;
    right: 0;
    z-index: 15;
}

.bannerArea>.in {}

.bannerArea .sliderArea {}

.bannerArea .slick-slide {
    background: #333f50;
}

.bannerArea .slick-slide:after {}

.bannerArea .slick-slide div {
    display: block;
    color: #fff;
    position: relative;
    z-index: 13;
}

.bannerArea .slick-slide div[onclick] {}

.bannerArea .slick-slide div>span {
    text-align: left;
    display: block;
    line-height: 1.3;
}

.bannerArea .slick-slide div .top {
    padding: 40px 30px 0 30px;
    transition: 0.2s;
}

.bannerArea .slick-slide div:hover .top {}

.bannerArea .slick-slide div span.category {
    position: relative;
    font-weight: 400;
    margin-bottom: 10px;
}

.bannerArea .slick-slide div span.category:after {
    position: absolute;
    top: 30%;
    height: 70%;
    left: -5%;
    width: 110%;
    background: #eee;
    content: "";
    display: none;
}

.bannerArea .slick-slide div span.sub-title1 {
    font-size: 16px;
}

.bannerArea .slick-slide div span.sub-title2 {
    font-size: 17px;
}

.bannerArea .slick-slide div span.title {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
}

.bannerArea .slick-slide div span.title a {
    color: #fff;
}

.bannerArea .slick-slide div span.article {
    font-size: 15px;
    max-height: 300px;
    overflow: hidden;
    padding: 30px 30px;
    color: #000;
}

.bannerArea .slick-slide div span.article * {
    color: #fff !important;
    background: transparent !important;
}

.bannerArea .slick-slide div span.article img {
    max-width: 100%;
    height: auto;
}

.bannerArea .slick-slide div span.img-logo {
    display: none;
    text-align: center;
    padding: 12px 0 5px 0;
}

.bannerArea .slick-slider button.slick-arrow {
    font-size: 30px;
    background-color: transparent;
}

.bannerArea .slick-slider button.slick-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: 'xeicon';
    color: #002139;
    font-size: 40px;
}

.bannerArea .slick-slider button.slick-prev {
    left: -50px;
}

.bannerArea .slick-slider button.slick-prev:after {
    content: "\e93d";
}

.bannerArea .slick-slider button.slick-next {
    right: -50px;
}

.bannerArea .slick-slider button.slick-next:after {
    content: "\e940";
}

.bannerArea .slick-slider ul.slick-dots {
    bottom: auto;
    top: -40px;
    text-align: right;
    width: 100%;
}

.bannerArea .slick-slider ul.slick-dots li button {
    background: #fff;
}

.bannerArea .slick-slider ul.slick-dots li.slick-active button {
    background: #69b4e4;
}

.bannerArea .slick-slide div .link {
    text-align: right;
}

.bannerArea .slick-slide div .link a {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #fff;
    width: 50px;
    height: 30px;
    margin: 15px 20px 20px 0;
    ;
}

.bannerArea .slick-slide div .link a:before {}

.bannerArea .slick-slide div .link a:after {
    position: absolute;
    bottom: 6px;
    right: -3px;
    width: 20px;
    height: 1px;
    content: "";
    background: #fff;
    transform: rotate(45deg);
}

.bannerArea .slick-slide.no-href {}

.bannerArea .slick-slide.no-href .link {
    display: none;
}






.Rsp {
    position: relative;
    width: 100%;
    padding: 90px 0 50px 0;
}

.Rsp>.in {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    z-index: 12;
}

.Rsp h2 {}

.Rsp h2 span {}

.Rsp .top {
    width: 100%;
    margin-top: 30px;
    position: relative;
    z-index: 80;
}

.Rsp .top ul {}

.Rsp .top ul li {
    position: relative;
    color: #999;
    margin-right: 15px;
    font-size: 15px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    vertical-align: middle;
}

.Rsp .top ul li a {
    display: block;
    background: #333;
    padding: 0 10px;
    color: #fff;
    border-radius: 3px;
    margin-left: 20px;
}

.Rsp .top ul li.on {
    font-weight: bold;
    color: #000;
    border-bottom: 2px solid #000;
    z-index: 10;
}


.Rsp .top ul li.sch {}

.Rsp .top ul li.sch:after {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 1px;
    height: 10px;
    content: "";
    background: #ccc;
    display: block;
}

.Rsp .top ul li i {
    font-size: 19px;
    position: relative;
    top: 2px;
}

.Rsp .top ul li.more i {
    position: relative;
    top: 0;
}

.Rsp div[cate] {
    position: absolute;
    top: -9999px;
    left: 0;
    width: 100%;
}

.Rsp div[cate].on {
    position: static;
}

.Rsp .sliderArea {
    padding-top: 30px;
    margin-top: -30px;
    margin: -30px -2px 0 -2px;
}

.Rsp .sliderArea img {
    height: auto;
}

.Rsp .sliderArea .slick-track {
    padding-bottom: 15px;
    margin-left: -7px;
}

.Rsp .sliderArea .item {
    position: relative;
    display: inline-block;
    width: 25%;
    padding: 0 2px;
}

.Rsp .sliderArea .item a {
    position: relative;
    padding: 20px 20px 40px 20px;
    min-height: 160px;
    display: block;
    background: #c9caca;
    transition: 0.2s;
}

.Rsp .sliderArea .item .category {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px;
}

.Rsp .sliderArea .item .title {
    margin-bottom: 10px;
    font-size: 17px;
    width: 100%;
    max-height: 34px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    font-weight: bold;
    line-height: 1;
}

.Rsp .sliderArea .item .overview {
    display: none;
}

.Rsp .sliderArea .item .date {
    color: #666;
}

.Rsp .sliderArea .item .link {
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.Rsp .sliderArea .item .link div {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #fff;
    width: 50px;
    height: 30px;
}

.Rsp .sliderArea .item .link div:before {}

.Rsp .sliderArea .item .link div:after {
    position: absolute;
    bottom: 6px;
    right: -3px;
    width: 20px;
    height: 1px;
    content: "";
    background: #fff;
    transform: rotate(45deg);
}

.Rsp .sliderArea .item:hover a {
    background: #bbb;
}

/*
.Rsp .sliderArea .item:hover .link div { border-color:#002139; } 
.Rsp .sliderArea .item:hover .link div:after { background:#002139; } 
*/





.Rsection {}

.Rsection>.in {
    max-width: 1200px;
    margin: 0 auto;
}

.Rsection .left {
    width: 43%;
    min-height: 100px;
    -background: #f4f4f4;
}

.Rsection .left .top {}

.Rsection .left .bottom {}

.Rsection .right {
    width: 57%;
    min-height: 100px;
    -background: #eee;
}

.Rsection .right .top {}

.Rsection .right .bottom {}


.Rsection .Rsesearch {}

.Rsection .Rsesearch .cont {}

.Rsection .Rsesearch .cont ul {
    width: 90%;
}

.Rsection .Rsesearch .cont ul li {
    position: relative;
    width: 33.3333%;
    padding-right: 15px;
}

.Rsection .Rsesearch .cont ul li a {
    position: relative;
    display: block;
    padding: 10px;
    width: 100%;
    height: 100%;
    color: #fff;
}

.Rsection .Rsesearch .cont ul li a h1 {
    position: relative;
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
}

.Rsection .Rsesearch .cont ul li a h1:after {
    position: absolute;
    bottom: -15px;
    left: 5px;
    width: 20px;
    height: 1px;
    background: #fff;
    content: "";
}

.Rsection .Rsesearch .cont ul li a p {
    margin-top: 30px;
    line-height: 1.2;
}

.Rsection .Rsesearch .cont ul li.jrg {}

.Rsection .Rsesearch .cont ul li.jrg a {
    background: #77b5e3;
}

.Rsection .Rsesearch .cont ul li.yst {}

.Rsection .Rsesearch .cont ul li.yst a {
    background: #9fa0a0;
}

.Rsection .Rsesearch .cont ul li.sag {}

.Rsection .Rsesearch .cont ul li.sag a {
    background: #002139;
}

.Rsection .Rsesearch .cont ul li:after {
    position: absolute;
    bottom: -27px;
    width: 30px;
    height: 70px;
    right: 11px;
    transform: rotate(45deg);
    content: "";
    background: #fff;
}

.Rsection .Rsesearch .cont ul li a:after {
    font-family: 'xeicon';
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 15px;
    content: "\e9c5";
    color: #000;
    z-index: 10;
}

.Rsection .Rsesearch .cont ul li.jrg a:after {
    color: #77b5e3;
}

.Rsection .Rsesearch .cont ul li.yst a:after {
    color: #9fa0a0;
}

.Rsection .Rsesearch .cont ul li.sag a:after {
    color: #002139;
}


.Rsection .Revent {
    margin-top: 50px;
}

.Rsection .Revent .cont {}

.Rsection .Revent .cont ul {}

.Rsection .Revent .cont ul li {}

.Rsection .Revent .cont ul li+li {
    margin-top: 15px;
}

.Rsection .Revent .cont ul li a {}

.Rsection .Revent .cont ul li a .img {
    width: 50%;
    height: 120px;
    background-position: top;
    background-size: cover;
}

.Rsection .Revent .cont ul li a .img img {
    width: 100%;
    height: auto;
}

.Rsection .Revent .cont ul li a .txt {
    width: 50%;
    padding-left: 10px;
}

.Rsection .Revent .cont ul li a .txt p {}

.Rsection .Revent .cont ul li a .txt p.date {
    color: #999;
    font-weight: bold;
}

.Rsection .Revent .cont ul li a .txt p.title {
    color: #77b5e3;
    font-weight: bold;
}

.Rsection .Revent .cont ul li a .txt p.place {
    color: #999;
}


.Rsection .Rvid {
    padding-left: 45px;
    padding-top: 43px;
}

.Rsection .Rvid>.in {
    position: relative;
}

.Rsection .Rvid>.in:after {
    position: absolute;
    bottom: -17px;
    left: -37px;
    width: 2000px;
    height: 60%;
    content: "";
    background: #c9caca;
    z-index: -1;
}

.Rsection .Rvid iframe {
    width: 100% !important;
    height: 370px;
}

.Rsection .Rvid p {
    display: inline-block;
    vertical-align: middle;
    padding-top: 5px;
}

.Rsection .Rvid p.l {
    color: #002139;
    font-size: 20px;
    font-weight: 900;
}

.Rsection .Rvid p.l i {
    color: #fff;
    font-size: 30px;
    margin-right: 5px;
    position: relative;
}

.Rsection .Rvid p.r {
    position: relative;
    top: 0;
    float: right;
    font-weight: 100;
    font-size: 37px;
    font-style: italic;
    color: #fff;
    ;
    line-height: 1;
}

.Rsection .Rnotice {
    padding: 60px 0 0 45px;
}

.Rsection .Rnotice .cont {}

.Rsection .Rnotice .cont ul {
    border-bottom: 1px solid #ddd;
}

.Rsection .Rnotice .cont ul li {
    border-top: 1px solid #ddd;
}

.Rsection .Rnotice .cont ul li+li {}

.Rsection .Rnotice .cont ul li a {
    position: relative;
    padding: 2px 10px 2px 30px;
}

.Rsection .Rnotice .cont ul li a:after {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    background: #77b5e3;
}

.Rsection .Rnotice .cont ul li a p {
    vertical-align: middle;
}

.Rsection .Rnotice .cont ul li a p.title {
    width: 80%;
    color: #444;
    font-weight: 500;
}

.Rsection .Rnotice .cont ul li a p.date {
    width: 20%;
    color: #999;
    text-align: right;
}



.Rrecruit {
    padding-top: 50px;
}

.Rrecruit>.in {
    max-width: 1200px;
    margin: 0 auto;
}

.Rrecruit .cont {}

.Rrecruit .cont ul {}

.Rrecruit .cont ul li {
    width: 16.6666%;
    padding-right: 30px;
}

.Rrecruit .cont ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    border-left: 4px solid #77b5e3;
}

.Rrecruit .cont ul li a h2 {
    font-size: 15px;
    color: #77b5e3;
    line-height: 1;
}

.Rrecruit .cont ul li a p {
    line-height: 1.3;
    margin-top: 10px;
}



.Rbooks {
    padding-top: 50px;
}

.Rbooks>.in {
    max-width: 1200px;
    margin: 0 auto;
}

.Rbooks .cont-wrap {
    background: #c9caca;
    padding: 10px 0;
}

.Rbooks .cont {
    max-width: 1200px;
    margin: 0 auto;
}

.Rbooks .cont ul {}

.Rbooks .cont ul li {
    margin: 0 20px;
    vertical-align: middle;
}

.Rbooks .cont ul li.first {
    font-size: 0;
    line-height: 0;
}

.Rbooks .cont ul li img {}

.Rbooks .cont ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.Rbooks .cont ul li a .img {}

.Rbooks .cont ul li a .img img {
    max-width: 90px;
    height: auto;
}

.Rbooks .cont ul li a .text {
    margin-top: 5px;
}

.Rbooks .cont ul li a .text h2 {
    font-size: 15px;
}

.Rbooks .cont ul li a .text p {}



.Rnetwork {
    padding-top: 50px;
    padding-bottom: 50px;
}

.Rnetwork>.in {
    max-width: 1200px;
    margin: 0 auto;
}

.Rnetwork .cont {}

.Rnetwork .cont ul {}

.Rnetwork .cont ul li {
    text-align: center;
    margin: 0 8px;
}

.Rnetwork .cont ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.Rnetwork .cont ul li a .img {
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.Rnetwork .cont ul li a p {
    font-size: 12px;
    font-weight: bold;
}

#footer .copy {
    color: #888;
    margin-top: 20px;
    font-weight: 700;
}

.info__conbox {
    margin: 10px 0;
    background: #fafbfc;
    border-radius: 16px;
    padding: 40px;
    margin-top: 20px;
}

.accommodation__table tbody tr th {
    width: 50%;
}

.table__tar{
    text-align: right !important;
}

.payment__tbl{
    width: 50%;
    background: #fff;
    box-shadow: 0 30px 60px 0 rgb(90 116 148 / 40%);
    border-radius: 10px;
    padding: 35px;
    padding-top: 180px;
}

.pay__category{
    display: none;
}

@media all and (max-width:1300px) {

    .JS-mainVisual>.in {
        padding: 0 10px;
    }

    .JS-mainVisual .left {
        position: static;
        max-width: 100%;
    }

    .JS-mainVisual .left .item {
        margin: 0 7px;
        opacity: 0.4;
        transition: opacity 0.2s;
    }

    .JS-mainVisual .left .item.slick-center {
        opacity: 1;
    }

    .JS-mainVisual .left .slick-slider button.slick-arrow {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .JS-mainVisual .left .slick-slider button.slick-prev {
        left: 0;
    }

    .JS-mainVisual .left .slick-slider button.slick-next {
        right: 0;
    }

    .JS-mainVisual .right .top {
        width: 100%;
    }
}


@media screen and (max-width: 1200px) {
    .jrg_group .jrg_member_list li {
        width: 48.8%;
    }

    .coll_list.visit_list .date {
        width: 30%;
    }
}

@media screen and (max-width: 1150px) {
    .jrg_group {
        flex-direction: column;
    }

    .jrg_list {
        width: 100%;
    }

    .jrg_group .jrg_member_list {
        width: 100%;
    }
}

@media all and (max-width:1100px) {

    body .scontents {
        padding-left: 0;
        box-sizing: border-box;
    }

    .JS-lnb {
        display: none;
    }

    .JS-lnb2 {
        display: none;
    }

    .JS-mainVisual {
        margin-top: 60px;
    }

    .top-cate.type1 {
        margin-bottom: 20px;
        top: inherit;
    }

    .top-cate.type1 ul li {
        font-size: 12px;
    }

    .top-cate.type1 ul li a {}

    .con_arrow {
        font-size: 17px;
    }

    .coll_top .top_cont {
        flex-wrap: wrap;
    }

    .coll_top .top_cont .txt_box {
        width: 100%;
        order: 2;
        box-shadow: none;
        padding: 40px;
    }

    .coll_top .top_cont .img_box {
        width: 100%;
        order: 1;
        box-shadow: 8px 0 16px #00000029;
        border-radius: 20px 20px 0 0;
    }

    .en__oz {
        position: relative;
        top: 0;
    }

    .en__oz ul {
        position: relative;
    }


}


@media screen and (max-width: 1000px) {
    .activities-listup ul li.has-img {
        position: relative;
        padding-left: 130px;
    }

    .activities-listup ul li.has-img .img {
        width: 100px;
    }

    .group_leader>ul>li {
        justify-content: center;
    }

    .group_leader .area_right {
        width: 100%;
        margin-top: 40px;
    }

    .group_members>ul>li {
        width: 49.16%;
    }

    .Rvideo {
        background: #ccc;
    }

    .Rvideo .text>.in {
        padding-bottom: 0;
    }

    .Rvideo .text>.in:after {
        top: -7%;
        width: 100%;
        left: 0;
        height: 150px;
        background-size: cover;
    }

    .Rvideo .vid-wrap {
        height: auto;
    }

    .Rvideo .vid-wrap iframe {
        position: static;
    }

    .Rvideo .text h1 span {
        font-size: 30px;
    }

    .Rvideo .text h1 b {
        font-size: 13px;
    }

    .Rvideo .text h1 i {
        font-size: 20px;
    }

    .bannerArea {
        position: static;
        width: 100%;
        padding: 0 10px;
    }

    .bannerArea .slick-slide div span.title {
        font-size: 14px;
    }

    .bannerArea .slick-slide div span.article {
        padding-bottom: 5px;
    }

    .bannerArea .slick-slide div span.article * {
        font-size: 12px !important;
    }

    .bannerArea .slick-slider ul.slick-dots {
        top: 0;
        padding-right: 10px;
    }

    .Rsp {
        position: relative;
        width: 100%;
        padding: 40px 10px 30px 10px;
    }

    .Rsp .sliderArea .item {
        width: 100%;
        margin: 1px 0;
    }

    .Rsp .sliderArea .item a {
        min-height: auto;
    }


    .Rsection {
        padding: 0 10px;
    }

    .Rsection .left {
        width: 100%;
        min-height: auto;
    }

    .Rsection .right {
        width: 100%;
        min-height: auto;
    }

    .Rsection .Rnotice {
        padding: 30px 10px 0 10px;
    }

    .Rrecruit {
        padding: 30px 10px;
    }

    .Rrecruit .cont ul li {
        width: 50%;
        margin: 0 0 25px 0;
    }

    .Rbooks {
        padding: 30px 0 0 0;
    }

    .Rbooks .titleArea {
        padding-left: 10px;
    }

    .Rbooks .cont ul li.first {
        width: 100%;
        margin: 0;
        padding: 20px 40% 20px 10px;
    }

    .Rbooks .cont ul li {
        width: 33.3333%;
        margin: 0;
        padding: 5px;
        text-align: center;
    }

    .Rbooks .cont ul li img {
        max-width: 100%;
        height: auto;
    }

    .Rbooks .cont ul li a .text h2 {
        font-size: 12px;
    }

    .Rbooks .cont ul li a .text p {
        font-size: 11px;
    }


    .Rnetwork {
        padding: 30px 10px;
    }

    .Rnetwork .cont ul li {
        padding: 10px;
    }

}

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

    .history_new>.in:after {
        left: 10px;
    }

    .history_new .item {
        width: 100%;
        margin-left: 0;
        text-align: left !important;
        padding: 0 0 0 50px !important;
    }

    .history_new .item:after {
        left: 5px !important;
        right: auto !important;
    }

    .content_wrap {
        width: 96%;
    }

    .page_title {
        margin-bottom: 50px;
    }

    .page_title h1 {
        font-size: 2em;
    }

    .page_title h2 {
        font-size: 1em;
    }

    .s_tit {
        font-size: 1.2em;
    }

    .company_type2 .ceo_area {
        top: 0;
        padding: 5px;
    }

    .company_type2 .ceo_area .ceo_tit {
        width: 100%;
        font-size: 1.8em;
        padding-bottom: 50px;
    }

    .company_type2 .ceo_area .ceo_tit:after {
        height: 40px;
    }

    .company_type2 .ceo_area .ceo_txt {
        width: 100%;
    }

    .company_type2 .ceo_area .ceo_txt h4 {
        margin-top: 40px;
        font-size: 1.2em;
    }

    .company_type2 .ceo_area .ceo_sign {
        margin-top: 20px;
    }

    .tbla tr th {
        width: 30%;
        font-size: 0.9em;
    }

    .tbla tr td {
        width: 70%;
        font-size: 0.9em;
    }

    .content_wrap {
        width: 100%;
    }

    .page_title {
        margin-bottom: 40px;
    }

    .page_title h1 {
        font-size: 2em;
    }

    .page_title h2 {
        font-size: 1em;
    }

    .history_type1 .history .img_box {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }

    .history_type1 .history .img_box img {
        width: 100%;
        max-width: 100%;
    }

    .history_type1 .history:before {
        left: 20px;
    }

    /* 라인 */
    .history_type1 .history>div {
        margin-left: 0;
    }

    .history_type1 .history>div:before {
        left: 18px;
    }

    .history_type1 .history>div .year {
        top: 0px;
        left: 40px;
        font-size: 0.9em;
    }

    .history_type1 .history>div ul li {
        font-size: 0.9em;
    }

    .group_leader>ul>li {
        padding: 30px 40px;
    }

}


@media all and (max-width:900px) {
    .JS-main00- .top .left {
        max-width: 100%;
        width: 70%;
        padding: 30px 20px;
    }

    .JS-main00- .top .left h4 {
        font-size: 16px;
    }

    .JS-main00- .top .left p {
        font-size: 14px;
    }

    .JS-main00- .top .right {
        bottom: auto;
        top: 0;
    }

    .JS-main00- .bottom {
        padding: 50px 0;
    }

    .JS-main00- .bottom ul li {
        width: 48%;
        margin: 1%;
    }

    .JS-main00- .bottom ul li a {
        padding-left: 10px;
        font-size: 12px;
        line-height: 30px;
    }

    .JS-main01- {
        padding: 0 10px;
    }

    .JS-main01- .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .JS-main01- .left h3 {
        font-size: 20px;
    }

    .JS-main01- .right {
        width: 100%;
    }
}


@media screen and (max-width: 850px) {
    .jrg_group .jrg_member_list li {
        width: 100%;
    }
    
    .search_box{        
        flex: 1;
    }
}

@media screen and (max-width: 820px) {
    .peoples ul.grid1.type12.jrg_list>li {
        margin-bottom: 0;
        width: 100%;
    }

    .peoples ul.grid2.type10 li.person {
        width: 100%;
    }
}



@media all and (max-width:800px) {
    .JS-mainVisual .right h2 {
        font-size: 17px;
    }

    .JS-mainVisual .right .top {
        margin-top: 10px;
    }

    .JS-mainVisual .right .top ul li {
        font-size: 12px;
        margin-right: 8px;
        padding-right: 8px;
    }

    .JS-mainVisual .right .top ul li i {
        font-size: 13px;
        top: 2px;
    }

    .JS-mainVisual .right .top ul li+li:after {
        top: 8px;
        width: 2px;
        height: 2px;
        left: -8px;
    }

    .JS-mainVisual .right .sliderArea .item .category {
        font-size: 10px;
    }

    .JS-mainVisual .right .sliderArea .item .title {
        font-size: 15px;
    }

    .JS-mainVisual .right .sliderArea .item .overview {
        font-size: 12px;
    }

    .JS-mainVisual .right .slick-slider button.slick-arrow {
        font-size: 15px;
        width: 20px;
        height: 30px;
        line-height: 30px;
        top: 15px;
        z-index: 81;
    }

    .JS-mainVisual .right .slick-slider button.slick-prev {
        right: 40px;
    }

    .JS-mainVisual .right .slick-slider button.slick-next {
        right: 10px;
    }
}


@media screen and (max-width: 768px) {
    .content_wrap {
        width: 100%;
    }

    .page_title {
        margin-bottom: 40px;
    }

    .page_title h1 {
        font-size: 2em;
    }

    .page_title h2 {
        font-size: 1em;
    }

    .company_type5 .ceo_area {
        width: 95%;
        margin: 0 auto;
    }

    .company_type5 .ceo_area .ceo_txt h4 {
        font-size: 1.2em;
        word-break: keep-all;
    }

    .s_tit {
        width: 95%;
    }

    .company_type5_tbl {
        width: 95%;
        height: auto;
    }

    .company_type5_tbl .slogan {
        width: 100%;
        bottom: 0;
        padding: 20px 20px;
    }

    .company_type5_tbl .slogan div .b_title {
        font-size: 1.4em;
    }

    .company_type5_tbl .tbl_t {
        width: 100%;
    }

    .tbla tr th {
        width: 30%;
        font-size: 0.9em;
        padding: 15px 0;
    }

    .tbla tr td {
        width: 70%;
        font-size: 0.9em;
    }

    .content_wrap {
        width: 100%;
    }

    .page_title {
        margin-bottom: 40px;
    }

    .page_title h1 {
        font-size: 2em;
    }

    .page_title h2 {
        font-size: 1em;
    }

    .company_type4 .ceo_img {
        height: auto;
    }

    .company_type4 .ceo_img p {
        top: 35%;
        font-size: 1.5em;
    }

    .company_type4 .ceo_message {
        width: 95%;
        word-break: keep-all;
    }

    .company_type4 .ceo_message .left {
        width: 100%;
        text-align: left;
    }

    .company_type4 .ceo_message .right {
        width: 100%;
        text-align: left;
        margin-top: 50px;
    }

    .company_type4 .sign {
        margin-right: 20px;
    }

    .company_type4_tbl {
        width: 95%;
    }

    .company_type4_tbl li {
        width: 49%;
    }

    .company_type4_tbl li:nth-child(2n) {
        border-right: 0;
        padding-bottom: 15px;
    }

    .company_type4_tbl li:nth-child(3),
    .company_type4_tbl li:nth-child(4) {
        border-top: 1px solid #f7f7f7;
        padding-top: 30px;
    }

    .company_type4_tbl li p {
        font-size: 1.4em;
    }

    .company_type4_tbl li span {
        font-size: 1em;
    }

    .coll_top .top_cont .txt_box .img_qr {
        width: 50px;
        height: fit-content;
    }

    .peoples ul.grid2.type10 li.person {
        width: 99%;
    }

    .peoples ul.grid4 li.person {
        width: 50%;
    }

    .peoples ul.grid5 li.person {
        width: 50%;
    }

    .peoples ul.grid2.type11 li.person {
        width: 100%;
    }

    .org-map a {
        font-size: 11px;
    }

    .network-01 .country {
        width: 100%;
    }

    .network-01.type2 .country {
        width: 100%;
    }

    .network-01.type2 ul li {
        width: 98%;
    }

    .network-01.type3 li {
        width: 50%;
    }

    .network-01.type3 a {
        padding: 20px 30px;
    }

    .peoples ul.type10,
    .peoples ul.type11 {
        padding: 1rem;
    }
}

@media screen and (max-width: 640px) {
    .group_members>ul>li {
        width: 100%;
        margin-top: 20px;
    }

    .group_public>ul>li ul {
        flex-direction: column;
    }

    .group_public>ul>li ul li::after {
        background: #fff;
    }

    .coll_list .search__box{
        width: 100%;
        flex-direction: column;        
    }

    .search_wrap{
        flex-direction: column;
    }

    .coll_list .search__box .total{
        margin-bottom: 10px;
    }

    .search_select{
        width: 100%;
        margin-bottom: 10px;
    }

    .coll_list .search_box{
        width: 100%;
    }

    .top-cate.type3 ul{
        margin-top: 20px;
    }

    .search_box{
        width: 100%;
    }

    .search__year{
        display: flex;
    }

    .search_box .btn_search{
        margin-top: 8px;
    }

    
}

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

    .history_type1 .history>div {
        padding-left: 40px;
    }

    .history_type1 .history>div .year {
        position: relative;
        left: 0;
    }

    .history_type1 .history>div ul li p strong {
        text-align: left;
    }

    /* 세미나 강연 */
    .activities-listup ul li {
        flex-direction: column;
    }

    .activities-listup ul li .seminar_right {
        margin: 16px 0;
    }

    /* 학술 */

    .activities__listup ul li {
        flex-direction: column;
    }

    .activities__listup ul li .activity__img {
        width: 100% !important;
    }

    .activities__listup ul li .activity__title {
        margin-top: 16px;
        width: 100% !important;
    }

    .peoples ul.grid1.type12.jrg_list li.person .infoArea {
        border: none;
        padding: 0 !important;
    }


    /* 조직도 */

    .peoples ul.grid2.type10 li.person .infoArea {
        width: 90%;
        padding: 0;
    }

    .top-cate.type1 ul li {
        border-left: 1px solid #ccc;
    }

    .peoples ul.type10,
    .peoples ul.type11 {
        padding: 1rem;
    }

    .peoples ul.grid2.type11 li.person {
        flex-direction: column;
        align-items: center;
        padding: 1rem;
    }

    .peoples ul.grid2.type11 li.person .infoArea {
        width: 90%;
    }

    .peoples ul.grid2.type11 li.person .imgArea {
        margin-right: 1rem;
    }

    .peoples ul.grid2.type10 li.person {
        flex-direction: column;
        padding: 1rem;
    }

    /* JRG */

    .leader_info {
        flex-direction: column;
    }

    .leader_info li {
        margin-bottom: 20px;
    }

    /* Publication */

    .activities-listup ul li .seminar_img {
        width: 100%;
        border-right: 0;
    }


    .activities-listup ul li .seminar_right {
        width: 100%;
        padding: 10px;
    }

    .activities-listup ul>li>.seminar_right .title {
        margin-top: 20px;
    }

    .activities-listup ul li .seminar_right div {
        flex-direction: column;
    }

    .activities-listup ul li .seminar_right div p::after {
        background: #fff;
    }

    /* 콜로키움 */
    .coll_list .tit_area .btn_more {
        display: none;
    }

    .coll_top .top_cont .txt_box .info dl{
        display: block;
        margin-bottom: 1rem;
		font-size: 0.75em;
    }

    /* 방문자 */
    .coll_tabBox ul li {
        /* flex: 1; */
        width: calc((100% - 80px) / 5);
    }

    .coll_list>ul>li {
        display: block;
    }

    .coll_list .date {
        display: inline-block;
        font-size: 1rem;
        white-space: nowrap;
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: 1rem;
        border: 0;
    }

    /* 방문자 */

    .coll_list .search_box {
        width: 100%;
        flex-direction: column;
    }

    .coll_top {
        padding: 30px 10px;
    }

    .search_box .search {
        margin-top: 20px;
    }

    /* yst */
    .yst__person {
        flex-direction: column;
    }

    .yst__person .infoArea ol {
        margin-top: 40px;
    }

    .yst__person .imgArea{
        justify-content: center;
    }

    .yst__person .imgArea a{
        margin-right: 0;
    }

    /* 연구논문 */

    .research-listup>ul>li>div>p{
        display: inline;        
        border-right: 0;
    }

    .research-listup ul li p span{
        display: inline;        
    }

    .research-listup>ul>li{
        padding: 20px;
    }
}

.call_noti { display: flex; align-items: center; justify-content: flex-end; margin-top: 20px;}
.call_noti .ec-base-button { margin-top: 0;}
.red { color: #f50004; font-weight: 600;}
.red.mt10 { margin-top: 10px;}

.new_app_Agree {display: flex; flex-direction: column; align-items: center; gap:10px; margin-top: 20px;}
.new_app_Agree p {font-size: 16px; font-weight: 600; text-align: center;}
.new_app_Agree > div { width: 100%;  display: flex; justify-content: center; gap: 20px;}
.new_app_Agree > div label { font-size: 16px; font-weight: 600;}
.new_app_Agree > div input { margin-right: 5px;}

.calendar_wrap { display: flex; align-items: center; gap: 5px;}
.calendar_wrap > input {max-width: 100px !important; min-width: 100px !important;}