/* font */
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 300;
    src: url(../css/font/NotoSansCJKkr-Thin.woff) format('woff');
}
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 400;
    src: url(../css/font/NotoSansCJKkr-Regular.woff) format('woff');
}
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 500;
    src: url(../css/font/NotoSansCJKkr-Medium.woff) format('woff');
}
@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 700;
    src: url(../css/font/NotoSansCJKkr-Bold.woff) format('woff');
}
.normalFont {
	font-family: serif;
	margin: 0 0.4rem;
}

/* reset */
html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	min-width: 1260px;
	font-family: "NotoSansCJKkr";
	line-height: 1.415;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	text-decoration: none !important;
	color: #272727;
}
h1 {
	font-size: 4.0rem;
}
h2 {
	font-size: 3.2rem;
}
h3 {
	font-size: 2.7rem;
}
h4 {
	font-size: 2.6rem;
}
h5 {
	font-size: 2.2rem;
}
h6 {
	font-size: 2.0rem;
}
p {
	font-size: 1.7rem;
}
h1, h2, h3, h4, h5, h6, p {
	line-height: 1.415;
}
figcaption {
	text-align: center;
}
.notMG {
	margin: 0 !important;
}
label {
	margin: 0;
}

.wrap {
	min-width: 1250px;
}

/* txt Align */
.txtAlignR {
	text-align: right;
}
.txtAlignC {
	text-align: center;
}

/* button animation */
button:active {
	transform: scale(0.98);
}

/* flex */
.flex {
	display: flex;
}
.flexAlignC {
	align-items: center;
	justify-content: center;
}
.flexAlignAC {
	align-items: center;
}
.flexAS {
	align-items: center;
	justify-content: space-between;
}
.flexSpaceB {
	justify-content: space-between;
}
.flexABSB {
	justify-content: space-between;
	align-items: flex-end;
}

/* margin Custom */
.mgCR10 {
	margin-right: 1rem;
}


/* onepage scroll */
.mainfullbox {
	width: 100%;
	height: 100vh;
	min-width: 126rem;
	min-height: 88rem;
	overflow: hidden;
	position: relative;
	transition: all .5s;
}
.mainfullbox.finalPage {
	height: 20rem;
	min-height: auto;
}

/* position */
.positionA {
	position: absolute;
}

/* width, height */
.ht100 {
	height: 100%;
}
.wd100 {
	width: 100%;
}
.wd50 {
	width: 50%;
}
.wd60 {
	width: 60%;
}
.wd80 {
	width: 80%;
}

/* margin reset */
.mgAuto {
	margin: 0 auto;
}

/* header */
header {
    position: fixed;
    width: 100%;
    z-index: 10;
    background: transparent;
    top: 0;
    min-width: 126rem;
    height: 21rem;
    overflow: hidden;
    transition: height 0.3s linear;
    padding-top: 3rem;
}
header.blackVer.open {
	height: 30rem;
    background: #FFF;
    border-bottom: 1px solid #dadada;
}
header > .inner {
    padding: 0;
    max-width: 125rem;
    margin: 0 auto;
}
header > .inner > div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
header > .inner .logo {
	max-width: 15rem;
	position: absolute;
    left: -19%;
}
header > .inner .logo a img {
	width: 100%;
}
header > .inner .menuBox {
	width: 100%;
}
header .menuList > ul {
	width: 100%;
	justify-content: space-between;
	position: relative;
}
header .menuList > ul:after {
	content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: rgba(127,127,127,.49);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
header .menuList > ul > li {
	padding: 6rem 0 2.6rem;
	color: #FFF;
	position: relative;
	margin: 0 2rem;
}
header .menuList > ul > li:first-child {
	margin-left: 0;
}
header .menuList > ul > li:last-child {
	margin-right: 0;
}
header .menuList > ul > li > a {
	font-size: 2.0rem;
	color: #FFF;
	text-decoration: none;
}
/* .menuList > ul > li > a {
	font-weight: bold;
} */
header .menuList > ul > li.selected:after {
	content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 2px;
    background: rgba(68,240,235,1);
}

header .menuList > ul > li > a:hover {
	color: rgba(68,240,235,1);
}
header.blackVer:after {
	content: '';
	position: absolute;
	top: -3rem;
	left: 0;
	width: 100%;
	height: 22rem;
	background: #FFF;
	z-index: -1;
}
header.blackVer ul {
	background: #FFF;
}
header.blackVer ul.dropdownMenu>li>a {
	color: #000;
}
header.blackVer > .inner .logo {
	background: #FFF;
}
header.blackVer .menuList > ul > li > a {
	color: #000;
}
header.blackTxtVer .menuList > ul > li > a {
	color: #000;
}
header.blackVer .menuList > ul > li > a:hover {
	color: rgba(68,240,235,1);
}
/* header.blackVer .menuList > ul > li.selected > a {
	color: rgba(68,240,235,1);
} */
header.blackVer .menuItem.active {
	color: #000;
	font-weight: bold;
}
header .menuItem.active {
	color: rgba(68,240,235,1);
	font-weight: bold;
}
.dropdownMenu {
	position: absolute;
	top: 125px;
	padding: 25px 0;
	visibility: hidden;
	opacity: 0;
	transition: all .6s ease;
	min-width: 220px;
}
/* drop down */
header.open:hover {
	height: 30rem;
}
header.open:hover .dropdownMenu {
	visibility: visible;
	opacity: 1;
}
.nMenuOpen .dropdownMenuTrigger:hover .dropdownMenu {
	visibility: visible;
	opacity: 1;
}
.nMenuOpen .dropdownMenuTrigger .dropdownMenu {
	display: flex;
    top: 110px;
}
.nMenuOpen .dropdownMenuTrigger.wd400 .dropdownMenu {
	width: 400px;
}
.nMenuOpen .dropdownMenuTrigger.wd220 .dropdownMenu {
	width: 280px;
}
.blackTxtVer .dropdownMenu>li>a {
	color: #000;
}

.dropdownMenu>li {
	padding: 2px 0;
	margin-right: 3rem;
}
.dropdownMenu>li:last-child {
	margin-right: 0;
}
.dropdownMenu>li>a {
	font-size: 1.6rem;
	color: #FFF;
}
.dropdownMenu>li>a:hover {
	color: rgba(68,240,235,1);
}

/* main nav */
#mainfull_navi { 
    position:fixed; 
    left:2rem;
    top: 50%;
    transform: translateY(-30%); 
    z-index:20; 
}
#mainfull_navi ul li {
     margin-bottom:15px; 
}
#mainfull_navi p {
     background-color: #FFF; 
     width: 1.4rem; 
     height: 1.4rem; 
     border-radius: 1rem; 
     text-align: center; 
     margin: 0 auto; 
     font-size: 12px; 
     color: #fff; 
     vertical-align: middle; 
     line-height: 1.4rem; 
     position: relative;
     overflow: hidden;
}
#mainfull_navi p:hover { 
    overflow: inherit;
}
#mainfull_navi a.on p { 
    background-color: rgba(68,240,235,1) !important; 
}
#mainfull_navi p.on { 
    background-color: rgba(68,240,235,1) !important; 
}
#mainfull_navi p span {
    position: absolute;
    right: 0px;
    color: #FFF;
    top: 0;
    opacity: 0;
    z-index: -1;
    font-weight: 300;
    font-size: 1.5rem;
    white-space: nowrap;
}
#mainfull_navi p:hover span {
    animation: showTxt 0.31s ease-in-out;
    opacity: 1;
    left: 24px;
}
@keyframes showTxt {
    0% {
        opacity: 0;
        left: 0px;
    }
    100% {
        opacity: 1;
        left: 24px;
    }
}

/* background */
.bgNavi {
	background: rgba(16,33,53,1);
}
.bgWhite {
	background: #FFF;
}
.bgGray {
	/* background: rgba(127,127,127,.49); */
	background: rgb(242,242,242);
}
.bgWhiteNavi {
	background: #5C6873;
}
.bgNaviOverlay {
	background: rgba(3,29,49,.56);
}
.bgSkull {
	background: url("/resources/images/renewalImg/메인페이지-은하수 1.png");
	background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.bgMilyWay {
	background: url("/resources/images/renewalImg/milkyWay.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.bgMilyWay2 {
	background: url("/resources/images/renewalImg/은하수이미지 (2).png") no-repeat;
	background-position: bottom;
	background-size: contain;
}
.bgMilyWay.positionChange {
	background-position: 0 215%;
}
.bgSkullReverse {
	background: url("/resources/images/renewalImg/mainSkullReverse.png") no-repeat;
	background-size: contain;
}
.reverseReset {
	transform: scaleX(-1);
}
.positionChange {
	padding-top: 2rem;
	justify-content: center;
}

/* row */
.row0 {
	padding: 14.5rem 0 0;
}
.row1 {
	padding: 0 20rem 10rem;
}
.row2 {
	padding: 3rem 0;
	margin: 0 0 5rem;
}
.row3 {
	padding: 0 25rem 0 30rem;
}
.row4 {
	padding: 5rem 0;
}
.row5 {
	padding: 15rem 0 17rem;
}
.row6 {
	padding: 4rem 0;
}


/* col */
.col0 {
	min-width: 148.4rem;
    margin: 0 auto;
} 
.col1 {
	max-width: 148.4rem;
    margin: 0 auto;
}
.col2 {
	max-width: 126rem;
    margin: 0 auto;
}  
.col3 {
	max-width: 134rem;
    margin: 0 auto;
}  
.col4 {
	max-width: 110rem;
    margin: 0 auto;
}
.col5 {
	min-width: 125rem;
    margin: 0 auto;
}    
.col6 {
	max-width: 125rem;
    margin: 0 auto;
} 


/* mainfulldiv */
#mainfulldiv0>div>.txtBox {
	padding-top: 17.7rem;
}
#mainfulldiv0>div>.txtBox>h1 {
	margin-bottom: 4.4rem;
	font-weight: 700;
}
#mainfulldiv0>div>.txtBox>h3 {
	margin-bottom: 3rem;
}
#mainfulldiv1>div>.txtBox {
	padding-top: 8.7rem;
}
#mainfulldiv1>div>.txtBox>h1 {
	margin-bottom: 7rem;
	font-weight: 700;
}
#mainfulldiv1>div>.txtBox>p {
	font-size: 2.7rem;
	margin-bottom: 3rem;
}

/* txtBox */
.txtBox h1 {
	color: rgba(68,240,235,1);
}
.txtBox h1 span {
	color: #FFF;
}
.txtBox h3 {
	color: #FFF;
}
.txtBox h4 {
	color: #FFF;
	font-size: 2.7rem;
}
.txtBox p {
	color: #FFF;
	line-height: 1.55;
}
.txtBox h6 {
	color: #FFF;
}
.txtBox .anotherTxt {
	font-size: 2.8rem;
	text-decoration: underline;
	font-weight: bold;
}
.txtBox.anotherColor h2 {
	margin: 0 0 5rem;
	color: #FFF;
	font-weight: 700;
}
.txtBox.anotherColor p {
	color: #FFF;
}
.txtBox.anotherColor p {
	margin-bottom: 3rem;
}


/* detail info txt */
.detailInfoTxt  {
	padding: 1rem 0;
}
.detailInfoTxt p {
	font-size: 2rem;
}
.detailInfoTxt p>a {
	color: #FFF;
	justify-content: flex-end;
}
.detailInfoTxt p>a:hover {
	color: rgba(68,240,235,1);
}
.detailInfoTxt p>a>span {
	color: gray;
}
.txtShape {
	padding: 10px;
	position: relative;
}
.txtShape:before {
    content: '';
    position: absolute;
    border-left: 6px solid #44F0EB;
    border-top: 6px solid #44F0EB;
    width: 2rem;
    height: 2rem;
    left: -15px;
    top: 4px;
}
.txtShape:after {
    content: '';
    position: absolute;
    border-right: 6px solid #44F0EB;
    border-bottom: 6px solid #44F0EB;
    width: 2rem;
    height: 2rem;
    right: -17px;
    bottom: 7px;
}
.display-table span {
	font-weight: bold;
	margin-bottom: 2rem;
	color: #FFF;
}

/* tab */
.tabBox {
	margin: 0 auto;
}
.tabBox.flex {
	gap: 4rem 0;
}
.tabBox .left {
	min-width: 39.5rem;
	padding: 0;
}
.tabBox .right {
	width: 80rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
    /* padding: 2rem; */
    position: relative;
    max-height: 41.8rem;
}
.tabBox .right > p {
	font-size: 1.3rem;
	color: #FFF;
	margin: 0;
}
.infoTxtBox {
	position: relative;
    margin: 7rem 0;
}
.infoTxtBox.QNAFAQBox {
    margin: 0 0 4rem;
    padding-left: 2rem;
}
/* .infoTxtBox:after {
	content: '';
	position: absolute;
	left: 0rem;
    top: 5%;
    width: 6px;
    height: 94%;
	background: #000;
} */
.infoTxtBox h1 {
	margin: 0 0 3rem;
	font-weight: 700;
	color: #FFF;
}
.infoTxtBox h3 {
    margin: 0 0 1.1rem;
}
.tabMenuRegDate {
	position: absolute;
	right: 0;
	bottom: -2rem;
}
.infoTxtBox p {
	font-size: 2.7rem;
	color: #FFF;
	margin: 0;
}
.infoTxtBox.QNAFAQBox p {
	font-size: 2rem;
}
.tabContents > div {
	display: none;
	
	/* 임시 */
	font-size: 2rem;
}
.tabContents > div.active {
	display: block;
}
.tabMenu li {
	font-size: 2.7rem;
	cursor: pointer;
	padding: .7rem 1rem;
	border-bottom: .5px solid rgb(73,81,91);
	background: transparent;
	text-align: center;
	position: relative;
	margin-bottom: 2rem;
	color: #FFF;
}
.tabMenu li.active {
	color: rgb(68,240,235);
	font-weight: bold;
}
.tabMenu li:hover {
	color: rgb(68,240,235);
}
/* .tabMenu li:hover:after {
	content: '';
	position: absolute;
	width: 100%;
    height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	border: 3px solid rgba(200,200,200,0.8);
	box-shadow: 
	0 0 10px 1px rgb(200 200 200),
	0 0 10px 1px rgb(200 200 200) inset;
} */
.tabMenu li:last-child {
	margin: 0;
}
.tabContents figure {
	position: relative;
}
.referenceDate {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.6rem;
}

/* map */
.mapImgbox {
	width: 50rem;
    margin: 0 0 0 3rem;
    height: 84%;
    background: url("../images/renewalImg/남한지도.png") no-repeat;
    background-size: cover;
    background-position: -15%;
    position: relative;
}
.mapMarker {
	position: absolute;
	background: rgb(225,98,79);
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 1rem;
	cursor: pointer;
}
.mapMarker:hover:after {
	content: '';
	position: absolute;
	top: -4rem;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
    padding: .5rem 1rem;
    background: rgb(214,220,229);
    box-shadow: 3px 3px 5px #333;
    border-radius: 4px;
    z-index: 1;
}
.gangneung {
	right: 202px;/*right 87 + 115*/
    top: 100px;
}
.gangneung:hover:after {
	content: '강릉원주대학교 치과병원';
}
.gachon {
	left: 72px;/*left 87 - 15*/
    top: 140px;
}
.gachon:hover:after {
	content: '가천대길병원';
}
.seoulCatholic {
	top: 141px;
    left: 103px;/*118-15*/
}
.seoulCatholic:hover:after {
	content: '가톨릭대학교 서울성모병원';
}
.uijeongbuCatholic {
    top: 96px;
    left: 105px;/*120-15*/
}
.uijeongbuCatholic:hover:after {
	content: '가톨릭대학교 의정부성모병원';
}
.gangdongKyungHee {
    top: 132px;
    left: 109px;/*124*/
}
.gangdongKyungHee:hover:after {
	content: '강동경희대학교병원';
}
.gyeongbuk {
	right: 227px;/*112*/
    bottom: 324px;
}
.gyeongbuk:hover:after {
	content: '경북대학교병원';
}
.seoulKyungHee {
    top: 128px;
    left: 103px;/*118*/
}
.seoulKyungHee:hover:after {
	content: '경희대학교치과병원';
}
.gyeongsang {
    bottom: 237px;
    right: 266px;
}
.gyeongsang:hover:after {
	content: '경상대학교병원';
}
.seoulKoreaGuro {
    top: 136px;
    left: 89px;
}
.seoulKoreaGuro:hover:after {
	content: '고려대학교 구로병원';
}
.seoulKoreaAnam {
    top: 117px;
    left: 102px;
}
.seoulKoreaAnam:hover:after {
	content: '고려대학교의료원 안암병원';
}
.cheonanDankook {
    top: 215px;
    left: 110px;
}
.cheonanDankook:hover:after {
	content: '단국대학교 치과대학치과병원';
}
.daeguCatholic {
    right: 234px;
    bottom: 307px;
}
.daeguCatholic:hover:after {
	content: '대구 가톨릭대학교병원';
}
.busandonga {
    right: 193px;
    bottom: 237px;
}
.busandonga:hover:after {
	content: '동아대학교병원';
}
.busan {
    right: 187px;
    bottom: 238px;
}
.busan:hover:after {
	content: '부산대학교병원';
}
.yangsanBusan {
    right: 192px;
    bottom: 258px;
}
.yangsanBusan:hover:after {
	content: '양산 부산대학교병원';
}
.bundang {
    top: 146px;
    left: 123px;
}
.bundang:hover:after {
	content: '분당 서울대학교병원';
}
.seoul {
    top: 131px;
    left: 101px;
}
.seoul:hover:after {
	content: '서울대학교병원';
}
.suwon {
    top: 162px;
    left: 107px;
}
.suwon:hover:after {
	content: '아주대학교병원';
}
.yonsei {
    top: 134px;
    left: 97px;
}
.yonsei:hover:after {
	content: '연세대학교 치과대학병원';
}
.ulsan {
    right: 150px;
    bottom: 280px;
}
.ulsan:hover:after {
	content: '울산대학교병원';
}
.daejeonWonkwang {
    top: 277px;
    left: 132px;
}
.daejeonWonkwang:hover:after {
	content: '원광대학교치과대학 대전치과병원';
}
.gunpoWonkwang {
    top: 153px;
    left: 98px;
}
.gunpoWonkwang:hover:after {
	content: '원광대학교의과대학 산본병원';
}
.iksanWonkwang {
    left: 99px;
    bottom: 330px;
}
.iksanWonkwang:hover:after {
	content: '원광대학교 치과대학병원';
}
.ehwa {
    top: 132px;
    left: 92px;
}
.ehwa:hover:after {
	content: '이화의대부속목동병원';
}
.busanInje {
    right: 172px;
    bottom: 244px;
}
.busanInje:hover:after {
	content: '인제대학교해운대백병원';
}
.seoulInje {
    left: 108px;
    top: 118px;
}
.seoulInje:hover:after {
	content: '인제대학교 상계백병원';
}
.gwangjuChonnam {
    left: 84px;
    bottom: 239px;
}
.gwangjuChonnam:hover:after {
	content: '전남대학교 치과병원';
}
.jeonjuChonbuk {
    left: 121px;
    bottom: 327px;
}
.jeonjuChonbuk:hover:after {
	content: '전북대학교 치과병원';
}
.gwangjuJoseon {
    left: 94px;
    bottom: 235px;
}
.gwangjuJoseon:hover:after {
	content: '조선대학교 치과병원';
}
.seoulChungAng {
    left: 93px;
    top: 137px;
}
.seoulChungAng:hover:after {
	content: '중앙대학교병원';
}
.cheongjuChungbuk {
    left: 146px;
    top: 243px;
}
.cheongjuChungbuk:hover:after {
	content: '충북대학교병원';
}


/* page 2 */
.seoulHanlim {
    left: 98px;
    top: 133px;
}
.seoulHanlim:hover:after {
	content: '한림대학교 강남성심병원';
}
.anyangHanlim {
    top: 149px;
    left: 96px;
}
.anyangHanlim:hover:after {
	content: '한림대학교 성심병원';
}
.seoulHanyang {
    left: 113px;
    top: 129px;
}
.seoulHanyang:hover:after {
	content: '한양대학교병원';
}
.changwonKyungsang {
    right: 220px;
    bottom: 234px;
}
.changwonKyungsang:hover:after {
	content: '창원경상국립대학교병원';
}
.seoulGangseoEwha {
    left: 111px;
    top: 128px;
}
.seoulGangseoEwha:hover:after {
	content: '이화의대부속서울병원';
}
.seoulBoramae {
    left: 101px;
    top: 136px;
}
.seoulBoramae:hover:after {
	content: '서울대학교병원운영 서울특별시보라매병원';
}
.incheonGachon {
    left: 65px;
    top: 141px;
}
.incheonGachon:hover:after {
	content: '가천의대부속동인천길병원';
}
.incheonCatholicGuandong {
    left: 71px;
    top: 131px;
}
.incheonCatholicGuandong:hover:after {
	content: '가톨릭관동대학교 국제성모병원';
}
.seoulYeongdeungpoCatholic {
    left: 103px;
    top: 135px;
}
.seoulYeongdeungpoCatholic:hover:after {
	content: '가톨릭대학교 여의도성모병원';
}
.incheonBupyeongCatholic {
    left: 78px;
    top: 135px;
}
.incheonBupyeongCatholic:hover:after {
	content: '가톨릭대학교 인천성모병원';
}
.incheonBucheonCatholic {
    left: 84px;
    top: 145px;
}
.incheonBucheonCatholic:hover:after {
	content: '가톨릭대학교 부천성모병원';
}
.daejeonCatholic {
    top: 273px;
    left: 143px;
}
.daejeonCatholic:hover:after {
	content: '가톨릭대학교대전성모병원';
}
.suwonCatholic {
    top: 163px;
    left: 111px;
}
.suwonCatholic:hover:after {
	content: '가톨릭대학교 성빈센트병원';
}
.chuncheonKangwon {
    right: 286px;
    top: 80px;
}
.chuncheonKangwon:hover:after {
	content: '강원대학교병원';
}
.seoulKonkuk {
    left: 106px;
    top: 131px;
}
.seoulKonkuk:hover:after {
	content: '건국대학교병원';
}
.chungjuKonkuk {
    right: 273px;
    top: 196px;
}
.chungjuKonkuk:hover:after {
	content: '건국대학교 충주병원';
}
.daejeonKonyang {
    top: 270px;
    left: 132px;
}
.daejeonKonyang:hover:after {
	content: '건양대학교병원';
}
.daeguChilgok {
    right: 243px;
    bottom: 327px;
}
.daeguChilgok:hover:after {
	content: '칠곡경북대학교병원';
}
.daeguKeimyung {
    right: 245px;
    bottom: 308px;
}
.daeguKeimyung:hover:after {
	content: '계명대학교 동산병원';
}
.ansanKorea {
    left: 78px;
    top: 168px;
}
.ansanKorea:hover:after {
	content: '고려대학교 안산병원';
}
.busanGoshin {
    right: 206px;
    bottom: 232px;
}
.busanGoshin:hover:after {
	content: '고신대학교복음병원';
}
.cheonanDankookMedical {
    top: 213px;
    left: 113px;
}
.cheonanDankookMedical:hover:after {
	content: '단국대학교의과대학 부속병원';
}
.yonginDankook {
    top: 153px;
    left: 120px;
}
.yonginDankook:hover:after {
	content: '단국대학교 죽전캠퍼스 부속치과병원';
}
.sejongDankook {
    top: 253px;
    left: 122px;
}
.sejongDankook:hover:after {
	content: '단국대학교 세종치과병원';
}
.changwonSungkyunkwan {
    right: 219px;
    bottom: 239px;
}
.changwonSungkyunkwan:hover:after {
	content: '성균관대학교 삼성창원병원';
}
.seoulSuncheonhyang {
    left: 90px;
    top: 131px;
}
.seoulSuncheonhyang:hover:after {
	content: '순천향대학교서울병원';
}
.bucheonSuncheonhyang {
    left: 85px;
    top: 149px;
}
.bucheonSuncheonhyang:hover:after {
	content: '순천향대학교부속 부천병원';
}
.cheonanSuncheonhyang {
    top: 216px;
    left: 113px;
}
.cheonanSuncheonhyang:hover:after {
	content: '순천향대학교부속 천안병원';
}
.gumiSuncheonhyang {
    right: 251px;
    bottom: 351px;
}
.gumiSuncheonhyang:hover:after {
	content: '순천향대학교부속 구미병원';
}
.daeguYeungnam {
    right: 225px;
    bottom: 309px;
}
.daeguYeungnam:hover:after {
	content: '영남대학교병원';
}
.yeongcheonYeongnam {
    right: 195px;
    bottom: 348px;
}
.yeongcheonYeongnam:hover:after {
	content: '영남대학교 영천병원';
}
.iksanWonkwang2 {
    left: 101px;
    bottom: 328px;
}
.iksanWonkwang2:hover:after {
	content: '원광대학교병원';
}
.daejeonEulji {
    top: 273px;
    left: 133px;
}
.daejeonEulji:hover:after {
	content: '대전을지대학교병원';
}
.seoulEulji {
    left: 93px;
    top: 133px;
}
.seoulEulji:hover:after {
	content: '노원을지대학교병원';
}
.gangnamEulji {
    left: 101px;
    top: 139px;
}
.gangnamEulji:hover:after {
	content: '강남을지대학교병원';
}
.uijeongbuEulji {
    top: 94px;
    left: 100px;
}
.uijeongbuEulji:hover:after {
	content: '의정부을지대학교병원';
}
.seoulInje2 {
    left: 97px;
    top: 136px;
}
.seoulInje2:hover:after {
	content: '인제대학교 서울백병원';
}
.goyangInje {
    top: 111px;
    left: 78px;
}
.goyangInje:hover:after {
	content: '인제대학교일산백병원';
}
.busanInje2 {
    right: 199px;
    bottom: 243px;
}
.busanInje2:hover:after {
	content: '인제대학교부산백병원';
}
.incheonInha {
    left: 68px;
    top: 148px;
}
.incheonInha:hover:after {
	content: '인하대학교부속병원';
}
.hwasunChunnam {
    left: 107px;
    bottom: 215px;
}
.hwasunChunnam:hover:after {
	content: '화순전남대학교병원';
}
.jejuUniversity {
    left: 69px;
    bottom: 81px;
}
.jejuUniversity:hover:after {
	content: '제주대학교병원';
}
.daejeonChungnam {
    top: 270px;
    left: 137px;
}
.daejeonChungnam:hover:after {
	content: '충남대학교병원';
}
.guriHanyang {
    left: 127px;
    top: 111px;
}
.guriHanyang:hover:after {
	content: '한양대학교';
}
.seoulHanlim2 {
    left: 89px;
    top: 141px;
}
.seoulHanlim2:hover:after {
	content: '한림대학교 한강성심병원';
}
.chuncheonHanlim {
    right: 288px;
    top: 83px;
}
.chuncheonHanlim:hover:after {
	content: '한림대학교 춘천성심병원';
}
.hwaseongHanlim {
    top: 171px;
    left: 124px;
}
.hwaseongHanlim:hover:after {
	content: '한림대학교 동탄성심병원';
}






/* temporary */

/* movies Box */
.moviesBox #moviesBackground {
	width: 100%;
}
.expectationEffectBox {
	position: absolute;
	bottom: 10rem;
 	background: rgba(16, 33, 53, 0.5);
}
.expectationEffect {
	padding: 0 0 0 6.3rem;
}
.expectationEffect > .txtBox {
	margin: 0 0 5rem;
}
.expectationEffect > .txtBox h4 {
	color: #FFD966;
	margin-bottom: 1.4rem;
}
/* 화면 조정 필요 */
.expectationEffectBox>.imgBox {
	margin-left: -18rem;
}

/* MROJ */
.mROJTitle {
	padding: 7rem 0;
	text-align: center;
}
.mROJTitle h2 {
	font-weight: 700;
}

/* GRID */
.gridCon {
	display: grid;
	display: -ms-grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(1, minmax(38rem, auto));
	-ms-grid-columns: repeat(4, 1fr);
	-ms-grid-rows: repeat(1, minmax(38rem, auto));
	column-gap: 4rem;
}
.gridItem {
	padding: 2rem 2.5rem;
	background: #F9F9F9;
	border: 4px solid;
	border-color: #ACACAC;
	-webkit-filter: grayscale(100%);
	filter: gray;
	transition: all .5s;
}
.gridItem:hover {
	border: 4px solid #000;
    box-shadow: 8px 14px 14px rgb(0 0 0 / 25%);
    -webkit-filter: grayscale(0%);
    filter: none;
    transform: scale(1.1) translateY(-30px);
    bottom: 20px;
}
/* .gridItem.item2:hover {
	border: 4px solid #C03939;
	box-shadow: 5px 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-filter: grayscale(0%);
	filter: none;
}
.gridItem.item3:hover {
	border: 4px solid #35883D;
	box-shadow: 5px 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-filter: grayscale(0%);
	filter: none;
}
.gridItem.item4:hover {
	border: 4px solid #E9BA13;
	box-shadow: 5px 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-filter: grayscale(0%);
	filter: none;
} */
.gridItem.item4>a>figure>img {
	width: 23rem;
}
.gridItem>a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;	
}
.gridItem>a>h5 {
	margin-bottom: 1.7rem;
}
.gridItem>a>figure {
	margin-bottom: 2.3rem;
	min-height: 17.8rem;
}
.gridItem>a>.txtBox {
	padding-left: 2rem;
	width: 100%;
	color: #000;
}
.gridItem>a>.txtBox>h6 {
	color: inherit;
	margin-bottom: 1rem;
}
.gridItem>a>.txtBox>h6>img {
	margin-right: 1rem;
}

/* MROJ Detail */
.wrapContainer {
	padding-bottom: 15rem;
}
.mrojContents {
	padding: 0 3rem;
}
.mrojTabMenu {
	margin-bottom: 1.5rem;
}
.mrojTabMenu>ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #DADADA;
}
.mrojTabMenu>ul>li {
	width: calc(100%/4);
	text-align: center;
    font-size: 2.2rem;
    padding: 1.5rem 0;

	border-right: 1px solid #DADADA;
}
.mrojTabMenu>ul>li>a {
	color: #686868;
}
.mrojTabMenu>ul>li.active {
	background: #C4FFFD;
}
.mrojTabMenu>ul>li.active>a {
	color: #000;
	font-weight: 700;
}
.mrojTabMenu>ul>li:last-child {
	border-right: 0;
}
.mrojTabBox ul>li {
	font-size: 2.0rem;
}
.mrojTabBox>.mrojTabItem {
	display: none;
}
.mrojTabBox>.mrojTabItem.active {
	display: block;
}
.diagnosisBox {
	border: 1px solid #DADADA;
	padding: 2rem 3rem;
}
.diagnosisBox>h5 {
	margin-bottom: 1rem;
	margin-left: 1rem;
	line-height: 1.6;
	margin-top: 2rem;
}
.diagnosisBox>h5.bold {
	margin-left: 0;
}
.diagnosisBox>h6 {
	margin-left: 1rem;
	margin-bottom: 1rem;
	line-height: 1.6;
	text-indent: 1rem;
}
.diagnosisBox>ul {
	padding: 0 2rem;
	margin-bottom: 2rem;
	margin-left: 2rem;
}
.diagnosisBox>ul>li {
	list-style: disc;
	line-height: 1.6;
}
.diagnosisBox>ol.numberOl {
	padding-left: 4rem;
	counter-reset: list;
}
.diagnosisBox>ol.numberOl>li {
	list-style: none;
	font-size: 2rem;
	line-height: 1.6;
	position: relative;
	margin-bottom: 2rem;
}
.diagnosisBox>ol.numberOl>li p {
	font-size: 2rem;
	text-indent: 1rem;
}
.diagnosisBox>ol.numberOl>li p.topBlank {
	margin-top: 10px;
}
.diagnosisBox>ol.numberOl>li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
    position: absolute;
    left: -1.4em;
    top: -2px;
}
.diagnosisBox>ul.adjustingDistance {
	display: flex;
	flex-wrap: wrap;
}
.diagnosisBox>ul.adjustingDistance>li {
	width: 33%;
}
/* .diagnosisBox>ol.numberOl>li>.underOL {
	counter-reset: item;
	list-style-type: decimal;
}
.diagnosisBox>ol.numberOl>li>.underOL>li {
	position: relative;
	list-style: none;
}
.diagnosisBox>ol.numberOl>li>.underOL>li:before {
    content: counters(demical, "-", item) ") ";
    counter-increment: item;
    position: absolute;
    left: -1.4em;
    top: -2px;
} */
.diagnosisBox>ol.numberOl>li>ul>li {
	list-style: disc;
}
.diagnosisBox>.btnBox {
	display: flex;
    justify-content: flex-end;
    padding: 2rem 0;
}
.circleBtn {
	border: 0;
	width: 6.9rem;
	height: 6.9rem;
	border-radius: 4rem;
	margin-left: 2rem;
	cursor: pointer;
}
.rBtn {
	background: url("/resources/images/button/RButton.png") no-repeat;
	position: relative;
}
.rBtn:after {
	content: '';
	position: absolute;
	font-size: 1.4rem;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	opacity: 0;
	visibility: hidden;	
	transition: all .8s ease;
}
.rBtn:hover:after {
	content: '참고문헌';
	top: -2.4rem;
	opacity: 1;
	visibility: visible;
	transition: all .8s ease;
}
.upArrowBtn {
	background: url("/resources/images/button/UpArrow.jpg") no-repeat;
}
.referencesBox {
	border: 1px solid #DADADA;
	margin-top: -1px;
	padding: 4rem 4rem 6rem;
	background: #FCFCFC;
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: height 1s ease, opacity .6s ease;
}
.referencesBox.active {
	height: 75rem;
	opacity: 1;
}
.referencesBox.height1330.active {
	height: 133rem;
}
.referencesBox.height1280.active {
	height: 128rem;
}
.referencesBox.height1670.active {
	height: 167rem;
}
.referencesBox>h1 {
	margin-bottom: 3rem;
}
.referencesTxtBox>ul>li {
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}
.diagnosisBox sup {
	font-size: 1.4rem;
}
.diagnosisBox>ol {
	font-size: 2.2rem;
	margin-bottom: 2rem;
}
.diagnosisBox>ol>li {
	font-size: 2.2rem;
	margin-bottom: 1rem;
}
.diagnosisBox>ol>li>ul {
	margin-top: 1rem;
	padding: 0 1rem;
}
.diagnosisBox>ol>li>ul>li {
	margin-bottom: 1rem;
	list-style-type: '-';
}
#mainfulldiv6>footer {
	display: block;
}
.footer {
	display: none;
}
.mronjImgEffectBox.row_0 {
	padding: 0rem 1rem 1rem;
}
.mronjImgEffectBox.row_1 {
	padding: 3rem 0rem;
}
.mronjImgEffectBox.row_2 {
	padding: 3rem 0rem;
	margin-bottom: 5rem;
}
.mronjImgEffectBox.row_0 > div > figure {
	width: calc(100%/2);
}
.mronjImgEffectBox.row_0 > div {
	gap: 0 4rem;
}
.mronjImgEffectBox.row_0 > div > figure img {
	width: 100%;
}
/* .mronjImgEffectBox.flexGap {
	gap: 0 4rem;
} */
.mronjImgEffectBox.mgCT {
	margin: 0 0 5rem;
	padding-top: 1rem;
}
.imgBoxItem {
	width: 20rem;
	height: 30rem;
	position: relative;
}
.imgBoxItem.img1 {
	/* background: url("/resources//images/renewalImg/이미지1.png") no-repeat; */
	background: url("/resources//images/renewalImg/이미지1_hover.png") no-repeat;
	-webkit-filter: grayscale(100%);
	filter: gray;
}
.imgBoxItem.img2 {
	/* background: url("/resources//images/renewalImg/이미지2.png") no-repeat; */
	background: url("/resources//images/renewalImg/이미지2_hover.png") no-repeat;
	-webkit-filter: grayscale(100%);
	filter: gray;
}
.imgBoxItem.img3 {
	/* background: url("/resources//images/renewalImg/이미지3.png") no-repeat; */
	background: url("/resources//images/renewalImg/이미지3_hover.png") no-repeat;
	-webkit-filter: grayscale(100%);
	filter: gray;
}
/* .imgBoxItem.img1:hover {
	background: url("/resources//images/renewalImg/이미지1_hover.png") no-repeat;
}
.imgBoxItem.img2:hover {
	background: url("/resources//images/renewalImg/이미지2_hover.png") no-repeat;
}
.imgBoxItem.img3:hover {
	background: url("/resources//images/renewalImg/이미지3_hover.png") no-repeat;
} */
.imgBoxItem.img1:hover {
	-webkit-filter: grayscale(0%);
    filter: none;
}
.imgBoxItem.img2:hover {
	-webkit-filter: grayscale(0%);
    filter: none;
}
.imgBoxItem.img3:hover {
	-webkit-filter: grayscale(0%);
    filter: none;
}
.imgBoxItem>.numberItem {
	position: absolute;
	color: #44F0EB;
	left: 20px;
	bottom: 10px;
	font-size: 20px;
}


/* agency */
.agencySearchBox {
	padding: 13.4rem 0 0;
}
.agencySearchBox>.leftBox {
	padding: 4.8rem 0 0 0;
}
.agencySearchBox>.leftBox>.infoTxtBox {
	color: #FFF;
}
.agencySearchBox>.leftBox>.infoTxtBox:after {
	content: none;
}
.agencySearchBox>.leftBox>.infoTxtBox>h3 {
	margin-bottom: 2rem;
}
.agencySearchBox>.leftBox>.infoTxtBox>p:nth-of-type(1) {
	margin-bottom: 2rem;
}
.agencySearchBox.faqBox>.leftBox>.infoTxtBox>p:nth-of-type(1) {
	margin-bottom: 0;
}
.agencySearchBox>.leftBox>.infoTxtBox>p {
	line-height: 1.6;
}
.agencySearchBox>.rightBox>.faqList {
	padding-bottom: 1.7rem;
}
.searchForm>input {
	min-width: 27.5rem;
	font-size: 2rem;
	background: #FFFFFF;
	border: 1px solid #848484;
	padding: 0.5rem 2rem;
}
.searchForm>button {
	margin-left: 1rem;
}
.searchBtn {
    font-size: 2rem;
    color: #FFF;
    padding: 0.5rem;
    min-width: 12.9rem;
    background: #818181;
    border: 0;
}
.searchPosition {
	display: flex;
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
    bottom: 3.5rem;
}
.tableContainer {
	max-width: 125rem;
	margin: 0 auto;
	border-top: 1px solid #fff;
	padding-top: 3rem;
}
.tableContainer {
	padding-bottom: 10rem;
	position: relative;
}
.tableContainer table {
	font-size: 2rem;
	color: #FFF;
	width: 100%;
}
.no-records-found {
	text-align: center;
}
.agencyTableBox.tableContainer .fixed-table-pagination {
	position: absolute;
	width: 100%;
}
/* bootstrap table custom */
.tableContainer .fixed-table-container {
	border: 0;
}
.tableContainer .bootstrap-table .table {
	border-bottom: 0;
}
.tableContainer .bootstrap-table .table tr {
	border-bottom: 1px solid #434F5E;;
}
.tableContainer .bootstrap-table .table > thead > tr > th {
	border-bottom: 0;
}
.tableContainer .fixed-table-container thead th {
	border-left: 0;
	background: #434F5E;
}
.tableContainer .fixed-table-container tbody td {
	border-left: 0;
}
/* notice */
.noticeBody {
	padding: 7rem 0 0;
	width: 125rem;
	margin: 0 auto;
}
.noticeBody.top {
	padding-bottom: .8rem;
}

/* performance container */
.performanceCon {
	padding: 9rem 2.5rem 0;
	width: 125rem;
	margin: 0 auto;
}
.performanceCon.top {
	padding-bottom: .8rem;
}
.performanceTabMenuBox>ul {
	display: flex;
}
.performanceTabMenuBox>ul>li {
	font-size: 2rem;
	padding: .5rem 6rem;
	color: #686868;
	position: relative;
}
.performanceTabMenuBox>ul>li>a {
	text-decoration: none;
}
.performanceTabMenuBox>ul>li>a:focus, .performanceTabMenuBox>ul>li>a:hover {
	color: inherit;
}
.performanceTabMenuBox>ul>li:after {
	content: '';
	position: absolute;
	background: #ACACAC;
	height: 100%;
	width: 1px;
	top: 0;
	right: 0;
}
.performanceTabMenuBox>ul>li:last-child:after {
	content: none;
}
.performanceTabMenuBox>ul>li.active {
	color: #000000;
}
.performanceTabMenuBox>ul>li.active:before {
	content: '';
	position: absolute;
	height: 4px;
	width: 70%;
	bottom: -.8rem;
	left: 50%;
	transform: translateX(-50%);
	background: #000;
}
.bgF5 {
	background: #F5F5F5;
}
.virtualH {
	min-height: 49rem;
}
.vertualHeight {
	min-height: 97rem;
}
.performanceCon.bottom {
	padding: 4rem 0 10rem;
}
.performanceTabBox>.performanceTabBoxItem {
	display: none;
}
.performanceTabBox>.performanceTabBoxItem.active {
	display: block;
}
.performanceTabBoxItem table tbody tr {
	cursor: pointer;
}
.gridContents {
	display: flex;
}
@supports (display:grid) {
	.gridContents {
		display: grid;
	}
}
.gridContents {
	gap: 2rem 1rem;
	grid-template-columns: repeat(4, 1fr)
}
.gridContents>.gridItems {
	min-height: 38rem;
	padding: 2rem;
	position: relative;
	background: #FFF;
	max-height: 38rem;
	overflow: hidden;
}
.gridContents>.gridItems:after {
	content: '';
	position: absolute;
	height: 6px;
	width: 100%;
	background: #44F0EB;
	top: 0;
	left: 0;
}
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* Enter your style code */
	.gridContents {
		-ms-flex-flow: row wrap;
	}
	.gridContents > .gridItems {
		margin-bottom: 2rem;
		margin-left: 1rem;
		width: calc(100%/4);
		max-width: 28rem;
	}
	.gridContents > .gridItems:nth-child(4n-3) {
		margin-left: 0;
	}
}
.gridItemsTop {
	min-height: 26rem;
}
.thesisBox.top {
	max-height: 26rem;
}
.gridItemsBottom {
	min-height: 8rem;
}
.thesisBox.bottom {
	max-height: 8rem;
}
.thesisDateBox {
	margin-bottom: 2rem;
}
.thesisDate {
	display: inline-block;
	font-size: 12px;
	color: #000000;
	background: #EDEDED;
	padding: .4rem 1.5rem 0;
}
.thesisTitle {
	display: block;
	margin-bottom: 2rem;
	font-size: 14px;
	line-height: 20px;
}
.thesisBox>p {
	font-size: 18px;
	line-height: 26px;
	color: #000000;
}
.authorTxt {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin-top: 2rem;
}
.thesisBox.top figure {
	margin-bottom: 2rem;
}
.thesisBox.bottom>p {
	font-size: 18px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 2rem;
}
.noticeDateTxt {
	font-size: 14px;
	line-height: 20px;
}
.infoTxtBox>h3>.smSpanTxt {
	font-size: 18px;
	line-height: 26px;
	vertical-align: middle;
}
.faqTitleP {
	margin-top: 12.4rem;
}
.faqBox {
	background: url("/resources/images/renewalImg/backgroundQ.png") no-repeat;
	background-position: 20rem 17rem;
}
.faqBox>.leftBox {
	margin-right: 20rem;
}
.agencySearchBox.faqBox>.leftBox {
	padding: 0;
    margin-right: 21rem;
    position: relative;
    min-width: 33.9rem;
}
.agencySearchBox.faqBox>.leftBox>.infoTxtBox.QNAFAQBox {
	margin: 0;
	position: absolute;
    top: 110px;
}
.qnaBoxTop {
	justify-content: space-between;
}
.qnaBoxTop>.leftBox {
	margin-right: 3rem;
}
.qnaBoxTop>.leftBox>.infoTxtBox {
	min-width: 32rem;
}
.qnaBoxTop>.leftBox>.infoTxtBox h3, .qnaBoxTop>.leftBox>.infoTxtBox p {
	color: #000;
}
.faqBox>.leftBox>.infoTxtBox:after {
	content: '';
	position: absolute;
    left: 0rem;
    top: 3%;
    width: 6px;
    height: 98%;
	background: #FFF;
} 
.qnaBoxTop>.leftBox>.infoTxtBox:after {
	content: '';
	position: absolute;
    left: 0rem;
    top: 3%;
    width: 6px;
    height: 98%;
	background: #000;
} 
.telIconBox {
	display: inline-block;
    margin-top: -10px;
    vertical-align: middle;
    margin-right: 1rem;
}
.qnaBoxTop>.rightBox {
	padding: 4.8rem 0 0 0;
}
.faqBox>.rightBox {
	padding: 0 0 0 0;
}
.faqList>li {
	padding: 1.7rem 1rem 0;
	color: #FFF;
	font-size: 22px;
	align-items: center;
	min-width: 70rem;
}
.faqList>li:first-child>div {
	position: relative;
	border-top: 1px dashed #929FAE;
	padding-top: 1.7rem;
}
.faqList>li>div {
	border-bottom: 1px dashed #929FAE;
	padding-bottom: 1.7rem;
}
.faqList>li>div>button {
	border: 0;
	width: 3rem;
	height: 3rem;
	background: url("/resources/images/button/plusbutton.png") no-repeat;
	cursor: pointer;
    margin-top: 1rem;
	transition: all .5s;
}
.faqList>li>ul {
	background: #BFC5CD;
	border-radius: 10px;
	padding: 2rem 3rem;
	margin: 0 -1rem;
	max-width: 70rem;
	display: none;
}
.faqList>li>div>button.active {
	transform: rotate(45deg);
}
.faqList>li>ul>li {
    font-size: 20px;
    color: #000000;
    line-height: 35px;
    margin-bottom: 1rem;
}
.qnaTitleP {
	margin-top: 5rem;
}
.qnaBox {
	background: #FFF;
	border-radius: 10px;
	padding: 1rem 0;
}
.qnaTableBox>table {
	font-size: 18px;
	border: 1px solid #D9D9D9;
	border-radius: 10px;
	border-collapse: collapse;
}
.qnaTableBox>table tr:last-child {
	border-bottom: 0;
}
.qnaTableBox>table th {
	padding: .8rem 0;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	text-align: center;
}
.qnaTableBox>table td {
	padding: .4rem;
	border-bottom: 1px solid #D9D9D9;
	text-align: center;
	border-left: 1px solid #D9D9D9;
}
.qnaTableBox>table td>input {
	background: #ECECEC;
	border-radius: 5px;
	padding: .6rem 1rem;
	font-size: 14px;
	border: 0;
	width: 100%;
}
.qnaTableBox>table td>textarea {
	background: #ECECEC;
	border-radius: 5px;
	padding: .6rem 1rem;
	font-size: 14px;
	border: 0;
	width: 100%;
	resize: none;
	min-height: 18.8rem;
}
.qnaTableBox>table td>textarea::placeholder {
	line-height: 2rem;
}
.qnaTableBox>table th:first-child {
	border-left: 0;
}
.qnaTableBox>table tr:last-child td {
	border-bottom: 0;
}
.privacyAgree {
	text-align: center;
	padding: 1.1rem 0;
}
.privacyAgree>p {
	font-size: 1.4rem;
	line-height: 20px;
}
.privacyAgree label {
	font-size: 1.4rem;
	line-height: 20px;
}
.privacyAgree input[type=checkbox] {
	vertical-align: middle;
}

.wrapContainer.noPadding {
	padding-bottom: 0;
}
.wrap.fVisible {
	border-bottom: 1px solid #ABABAB;
}
.qnaBox > .btnBox {
	padding: 4rem;
	text-align: center;
}
.qnaBox > .btnBox > button {
	min-width: 12rem;
	padding: 1rem 0;
	font-size: 1.8rem;
	font-weight: 700;
}

/* login */
.loginBox {
	padding: 6.7rem 0 7.5rem;
}
.loginTitle {
	text-align: center;
	font-size: 2.8rem;
	color: #44F0EB;
	font-weight: bold;
	margin-bottom: 3rem;
}
.loginContainer {
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 1rem;
	max-width: 55.6rem;
	margin: 0 auto;
	padding: 5rem 6.8rem;
}
.loginInputBox {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.loginInputBox>.atSignTxt {
	margin: 0 1.3rem;
}
.loginInputBox>input {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #949494;
	padding: .4rem 1rem;
	font-size: 1.8rem;
	color: #000;
	width: 100%;
}
.checks.etrans.intro.custom label {
	font-size: 1.4rem;
}
.loginInputBox>input::placeholder {
	color: #949494;
}
.loginInputBox.pwinputbox input[type=password] {
	max-width: none;
	width: 100%;
	font-family: serif;
}
input[type=password] {
	font-family: serif;
}
input[type=password]::placeholder {
	font-family: NotoSansCJKkr;
}
.loginInputBox>input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset;
}
.loginInputBox.pwinputbox {
	margin-bottom: 2rem;
}
.loginBtnBox {
	margin-bottom: 2rem;
}
.loginBtnBox.custom {
	margin-bottom: 0;
}
.loginBtnBox input[type=button], .loginBtnBox a.joinBtn {
	width: 100%;
	max-width: none;
}
.loginBtnBox input[type=button] {
	font-size: 2.2rem;
	padding: .9rem;
	background: #102135;
	border-radius: 5px;
	border: 0;
	color: #FFF;
	margin-bottom: 1rem;
}
.loginBtnBox a.joinBtn {
	display: block;
	font-size: 2.2rem;
	padding: .9rem;
	background: #8A8A8A;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}
.accountContentBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.accountContent {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.accountContent>li>a {
	font-size: 1.4rem;
}
.idSaveBox input[type=checkbox] {
	vertical-align: middle;
}

/* join */
.accountSection {
	padding-top: 2rem;
}
.stepStyle {
	border-top: 1px solid #707C85;
	border-bottom: 1px solid #707C85;
	padding: 1rem;
	justify-content: center;
	align-items: center;
}
.stepStyle>.stepStyleItem {
	min-width: 23rem;
	text-align: center;
	position: relative;
}
.stepStyle>.stepStyleItem>p {
	color: #707C85;
	font-weight: bold;
}
.stepStyle>.stepStyleItem>p:first-child {
	font-size: 2.2rem;
}
.stepStyle>.stepStyleItem>p:last-child {
	font-size: 2.0rem;
	margin-bottom: 0;
}
.stepStyle>.stepStyleItem.selected>p {
	color: #102135;
} 
.stepStyle>.stepStyleItem.selected:after {
	content: '';
	position: absolute;
	height: 3px;
	background: #102135;
	width: 50%;
	bottom: -1rem;
	left: 50%;
	transform: translateX(-50%);
}
.cl-red {
	color: red;
}
.agreeCont {
	justify-content: space-between;
	align-items: center;
}
.agreeCont input[type=checkbox] {
	vertical-align: middle;
}
.agreetxtBox {
	padding: 2rem;
	/* font-size: 2rem; */
	overflow: auto;
	text-align: left;
	height: 30rem;
	border: 1px solid #ccc;
}
.agreetxtBox p {
	font-size: 1.4rem;
}
.agreeBoxCon {
	margin-bottom: 5rem;
}
.agreetxtBox>ol>li {
	font-size: 1.4rem;
	margin-bottom: 1rem;
}
.totalAgreeBox {
	text-align: center;
	margin-bottom: 3rem;
}
.totalAgreeBox label {
	font-size: 2rem;
}
.provisionForm {
	margin-top: 6rem;
}
.provisionForm .btnBox {
	display: flex;
	justify-content: center;
	align-items: center;
}
.normalInfoFrom>.btnBox {
	display: flex;
	justify-content: center;
	align-items: center;
}
.btnShape {
	min-width: 10.6rem;
	font-size: 2rem;
	border-radius: .5rem;
	border: 0;
	padding: .8rem;
}
.prevBtn {
	color: #FFF;
	background: #929292;
}
.nextBtn {
	color: #FFF;
	background: #102135;
	margin-left: 3rem;
}
.normalInfoFrom {
	max-width: 85rem;
	margin: 2rem auto 0;
}
.flex-D-C {
	flex-direction: column;
}
.thBox {
	min-width: 28rem;
	background: #ECECEC;
	padding: 2rem;
}
.thBox p {
	font-weight: bold;
	margin-bottom: 0;
}
.titleStyle {
	max-width: 28rem;
	border-bottom: 1px solid #707C85;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.titleStyle>h5 {
	margin: 0;
}
.joinFormInputBox {
	margin-left: 2rem;
	padding: 2rem 0;
	position: relative;
}
.joinFormInputBox.emailForm input[type=text] {
	max-width: 16.5rem;
	width: 16.5rem;
	font-size: 1.6rem;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #949494;
	min-width: auto;
	padding-right: 2rem;
}
.joinFormInputBox.emailForm select {
	max-width: 25rem;
	font-size: 2.2rem;
	padding: .4rem .5rem;
}
.joinFormInputBox.emailForm .atSignTxt {
	font-size: 2.6rem;
	margin: 0 1rem;
}
.joinFormInputBox.emailForm div {
	width: 100%;
	align-items: center;
}
.joinFormInputBox input[type=button] {
	min-width: 10rem;
	font-size: 1.6rem;
	border: 0;
	margin-left: 1rem;
}
.joinFormInputBox.emailForm input[type=button] {
	min-width: 18rem;
}
.joinFormInputBox.emailForm div.selectbox {
	min-width: 22rem;
	width: 22rem;
	font-size: 2rem;
}
.joinFormInputBox input[type=text], .joinFormInputBox input[type=password] {
	max-width: none;
	width: 100%;
	font-size: 1.6rem;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #949494;
	min-width: 54.5rem;
	padding: 0 1rem;
}
.mailFormPosition {
	position: relative;
}
.normalInfoFromDownDiv {
	margin-top: 4rem;
}
.checks.etrans.custom {
	min-width: 10rem;
	margin-left: 1rem;
}
.checks.etrans.custom input {
	vertical-align: middle;
}
.joinFormInputBox>div {
	align-items: center;
}
.joinFormInputBox>div>div {
	align-items: center;
}
.checks-radio-account input, .checks-radio-account label {
	font-size: 2rem;
	font-weight: 500;
}
.checks-radio-account label {
	margin-left: .5rem;
}
.checks-radio-account {
	margin-left: 2rem;
}
.checks-radio-account.noMG {
	margin-left: 0;
}
.checks-radio-account input[type=text] {
	margin-left: 1rem;
}
.validateTxt {
	position: absolute;
	bottom: -5px;
    left: 5px;
}
#irbText {
	min-width: 32rem;
	height: auto;
}
.checks.etrans.custom label {
	font-size: 1.6rem;
	margin-left: 1rem;
	font-weight: 500;
}
.complateForm {
	margin-top: 6.8rem;
	background: #FFF;
	padding: 9rem 0;
}
.complateBox {
	justify-content: center;
	align-items: center;
	padding: 3.4rem;
}
.circleBox {
	padding: 3rem;
	border: 3px solid #000;
	width: 20rem;
	height: 20rem;
	border-radius: 10rem;
	margin: 0 7rem;
	align-items: center;
	position: relative;
}
/* .circleBox:after {
    content: '';
    position: absolute;
    width: .6rem;
    height: 26.8rem;
    top: 50%;
    right: -7rem;
    background: #FFF;
    transform: translateY(-50%);
} */
.circleBox p {
	color: #000;
	font-size: 1.8rem;
}
.circleBox p:first-child {
	margin-bottom: 2rem;
}
.circleBox img {
	width: 4.5rem;
	height: 4.5rem;
	margin-bottom: 2rem;
}
.complateTxtBox {
	margin: 0 7rem;
	text-align: center;
	align-items: center;
}
.memberBtn2 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .8rem 1.2rem;
	height: auto;
}
.memberBtn2:hover {
	background: #ccc;
	color: #FFF;
}
.form-control {
	font-size: 1.6rem;
	font-weight: bold;
}
.complateTxtBox p {
	color: #000;
	font-size: 2.2rem;
}
.complateTxtBox p:first-child {
	font-weight: 700;
	font-size: 3rem;
}



.selectbox {
	position: relative;
	max-width: 19rem;/* 너비설정 */
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #949494;
	z-index: 1;
	width: 100%;
}

/* 가상 선택자를 활용 화살표 대체 */
.selectbox:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #313131;
}

.selectbox label {
  position: absolute;
  top: 1px; /* 위치정렬 */
  left: 5px; /* 위치정렬 */
  padding: .5rem .5rem; /* select의 여백 크기 만큼 */
  z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */
  font-size: 1.8rem;
  font-weight: 500;
}

.selectbox select {
  width: 100%;
  height: auto;  /* 높이 초기화 */  
  line-height: normal; /* line-height 초기화 */  
  font-family: inherit; /* 폰트 상속 */  
  padding: .5rem .5rem;  /* 여백과 높이 결정 */  
  border: 0;
  opacity: 0;  /* 숨기기 */ 
  filter: alpha(opacity=0);  /* IE8 숨기기 */
  
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */ 
  -moz-appearance: none;
  appearance: none;
  font-size: 1.8rem;
  color: #000;
}

/* file upload form */
.fileBox  {
	font-size: 1.4rem;
	text-align: left;
}
.fileBox label { 
	display: inline-block; 
	padding: .6rem 1rem;
	color: #999; 
	font-size: inherit; 
	line-height: normal; 
	vertical-align: middle; 
	background-color: #fdfdfd; 
	cursor: pointer; 
	border: 1px solid #ebebeb; 
	border-bottom-color: #e2e2e2; 
	border-radius: .25em; 
	margin-bottom: 0;
} 
.fileBox input[type="file"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
}
.fileBox .upload-name { 
	display: inline-block; 
	padding: .6rem 1rem;  
	font-size: inherit; 
	font-family: inherit; 
	line-height: normal; 
	vertical-align: middle; 
	background-color: #f5f5f5; 
	border: 1px solid #ebebeb; 
	border-bottom-color: #e2e2e2; 
	border-radius: .25em; 
	-webkit-appearance: none;  
	-moz-appearance: none; 
	appearance: none; 
	width: 260px;
	color: #000;
}
input[type=checkbox], input[type=radio] {
	margin: 0;
}
/* footer */
footer p {
	color: #FFF;
	line-height: 2.9rem;
	margin-bottom: 0;
}
footer h5 {
	color: #FFF;
}
footer span {
	font-size: 1.6rem;
	color: #FFF;
}
.footerWrap {
	justify-content: space-between;
	align-items: center;
	padding: 4.2rem 6rem;
}
.footerLogoImg > div {
	padding: 2rem;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #5C6873;
    border-color: #5C6873;	
}
.pull-left.pagination-detail {
	margin-top: 2rem;
}
.fixed-table-pagination .pagination-info {
	color: #fff;
}

.arrowFixed {
	position: fixed;
    bottom: 50px;
    right: 30px;
}

/* bootstrap table custom design */
.performanceTabBoxItem .bootstrap-table .table {
	border-bottom: 2px solid #dddddd;
}
.performanceTabBoxItem .fixed-table-container thead th {
	border-left: 0;
}
.performanceTabBoxItem .fixed-table-container tbody td {
	border-left: 0;
}
a.pageMoveFont {
	font-weight: 700;
	text-decoration: underline !important;
}

.relativePosition {
	position: relative;
}
.absolutePosition {
	position: absolute !important;
	right: 0;
    bottom: 1px;
}

.joinFormInputBox input[type=text]:focus, .joinFormInputBox input[type=password]:focus {
	outline: none;
}
.upArrowBtn.circleBtn:focus-visible {
	outline: none;
}

.idForm>.relativePosition>input[type=text] {
	min-width: 44rem;
}
.idForm .absolutePosition {
	right: -105px;
}
.authNo>.relativePosition>input[type=text] {
	min-width: 44rem;
}
.authNo .absolutePosition {
	right: -105px;
}
.licenseNoBox>.relativePosition>input[type=text] {
	min-width: 44rem;
}
.licenseNoBox .absolutePosition {
	right: -104px;
}

/* check box */
.checks {position: relative;}

.checks input[type="checkbox"] { 
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  
  content: ' ';
  display: inline-block;
  width: 21px;  
  height: 21px; 
  line-height: 21px; 
  margin: -2px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  
  content: '\2714';  
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.checks.small input[type="checkbox"] + label {
  font-size: 12px;
}

.checks.small input[type="checkbox"] + label:before {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
  line-height: 21px;
}
.checks.etrans.custom input[type="checkbox"] + label {
  padding-left: 25px;
  line-height: 21px;
}
.checks.etrans.circleCustom input[type="checkbox"] + label {
  padding-left: 25px;
  line-height: 21px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #cacece;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  border-color: transparent #337ffd #337ffd transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.checks.circleCustom input[type="checkbox"] + label:before {
	content: ' ';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    line-height: 21px;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
}
.checks.etrans.circleCustom input[type="checkbox"] + label:before {
	position: absolute;
	left: 0;
	top: 3px;
	margin-top: 0;
	opacity: 1;
	box-shadow: none;
	border-color: rgb(118, 118, 118);
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}
.checks.etrans.circleCustom input[type="checkbox"]:checked + label:before {
	position: absolute;
	content: "";
	left: 0; 
	top: 3px; 
	width: 16px; 
	height: 16px; 
	text-align: center; 
	background: #fafafa; 
	border: 1px solid #337ffd; 
	border-radius: 100%; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
}
.checks.etrans.circleCustom input[type="checkbox"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 6px; 
	left: 3px; 
	width: 10px; 
	height: 10px; 
	background: #337ffd; 
	border-radius: 100%; 
	/* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);  */
}
.checks-radio-account.etrans input {
	width: 1.6rem;
    height: 1.6rem;
}
.minH {
	min-height: 85rem;
}

#validTimeInfo {
	position: absolute;
    right: 0;
    top: 28%;
    transform: translateY(-50%);
}

.agencySearchBox .infoTxtBox>h1 {
	margin-bottom: 2rem;
}

/* link Contents */
.linkContents.firstChild {
	padding-top: 13.4rem;
	margin-bottom: 3rem;
}
.linkContents {
	max-width: 90rem;
	margin: 0 auto;
}
.linkContents>.title {
	padding: 0 1rem;
}
.linkContents>.title>h6 {
	color: #FFF;
}
.linkContainer {
	padding: 2rem 3rem;
	border-top: 1px solid #FFF;
}
.linkBox {
	display: flex;
}
.linkBox>a {
	width: 50%;
	display: inline-block;
	font-size: 2rem;
	color: #FFF;
	margin-bottom: 2rem;
}
.linkBox:hover>a {
	color: rgba(68,240,235,1);
}




@media screen and (max-width: 1400px) {
	html {
		font-size: 58%;
	}
	body {
		
	}
	.wrap {
		min-width: auto;
	}
	.col0 {
		min-width: auto;
	}
	.mainfullbox {
		min-width: auto;
		padding: 0;
	}
	.mainfullbox .row0 {
		padding: 0 6rem;
	}
	.col5 {
	    min-width: auto;
	    margin: 0 auto;
	}
	header {
		max-width: none;
	}
	header > .inner {
		min-width: auto;
	}
	header .menuList > ul {
		padding: 0 2rem; 
	}
	.mainfullbox.finalPage {
		padding: 0;
	}
	.positionChange img {
		width: 100%;
	}
	#mainfulldiv0>div>.txtBox {
		padding-top: 21rem;
	}
	#mainfulldiv1>div>.txtBox {
		padding-top: 21rem;
	}
	.col6 {
		max-width: none;
	}
	.tabBox .left {
		min-width: 30rem;
	}
	.tabBox .right {
		width: calc(100% - 30rem);
	}
	.agencySearchBox {
	    padding-left: 5rem;
    	padding-right: 3rem;
	}
}