@charset "UTF-8";

@font-face {
	font-family: play;
	font-style: normal;
	src:local(※), url('../fonts/Play-Regular.ttf');
}

@font-face {
	font-family: Segoe UI;
	font-style: normal;
	src:local(※), url('../fonts/SEGOEUI.TTF');
}

@font-face {
	font-family: Noto Sans;
	font-style: normal;
	src:local(※), url('../fonts/NotoSansKR-Regular.otf');
}

@font-face {
	font-family: Noto Sans Kr;
	font-style: normal;
	src:local(※), url('../fonts/NotoSans-Regular.ttf');
}

@font-face {
	font-family: sans-serif;
	font-style: normal;
	src:local(※), url('../fonts/MICROSS.TTF');
}

html {
	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
	width: 100%;	
	/* overflow: hidden; */
}
body {
	margin: 0;
	padding: 0 !important;
	line-height: 1.5;
	height: auto;
	width: 100%;
	font-family: "Segoe UI","Noto Sans","Noto Sans Kr",play ,sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 17px;
    line-height: 1.5;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    /* isolation: isolate; */
    /*-webkit-overflow-scrolling:touch;*/
    position: relative;
	word-wrap: break-word;
}

body.body_hiddeny{
	overflow-y: hidden;
}

body.pc {
	height: 100%;
	overflow: hidden;
}

body.mobile{
	position: fixed; 
	
	/* 모바일 사이즈 맞춰줌*/
	height: -webkit-fill-available;
	/*width: -webkit-fill-available;*/
	/*overflow-x: hidden;*/ 
	/*overflow-y: scroll;*/ 
	/*height: auto;*/
}

body * {
	box-sizing: border-box;
}

ol, ul {
    list-style: none;
}

a {
	text-decoration: none;
	outline: none;
}

header {
	/*width: 100%;*/
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
	padding: 16px;
	font-size: 1.3em;
	z-index: 13;
	/* border-bottom: 1px solid #ccc; */
	box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);
	align-items: center;
    justify-content: flex-start;
    /*position: fixed;*/
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    background-color: white;
    /*background: rgba(237, 242, 247, 1);*/
}

.header_logo {
    cursor: pointer;
    /*align-self: flex-start;*/
    align-items: center;
    height: 100%;
    -webkit-transition: all .5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
}

.header_navi_menu {
	width: 100%;
    /*box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);*/
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 600;
    /*padding-left: 20px;*/
    
    position: fixed;
    z-index: 11;
    /*background-color: white;*/
}

.header_navi_menu > span.navi_main_nm {
    /* padding: 4px 5px 5px 5px; */
    background-color: rgba(255,255,255,0.8);
    height: 33px;
    padding: 6px 0 4px 25px;
    border-bottom: 1px solid rgba(53, 72, 91, 0.14);
    /* box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03); */
    -webkit-transition: all .5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
}

.header_navi_menu > span.navi_sub_nm {
	/* padding-left: 50px; */
    font-size: 10px;
    color: rgb(99,99,99);
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    background-color: rgba(255,255,255,0.8);
    padding: 6px 10px 4px 15px;
    height: 33px;
    /* box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);*/
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid rgba(53, 72, 91, 0.14);
    border-right: 1px solid rgba(53, 72, 91, 0.14);
    -webkit-transition: all .5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
}

.header_navi_menu > span.navi_sub_nm:after {
    content: "";
    display: block;
    border-bottom: 1px solid gray;
    width: 85%;
    padding-top: 7px;
}

.header_select_menu {
	width: 100%;
    box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 600;
    padding-left: 20px;
    z-index: 10;
    background-color: white;
    margin-bottom: 3px;
}

.header_select_menu > span.select_main_nm {
    padding: 4px 5px 5px 5px; 
    /* box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03); */
    -webkit-transition: all .5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
	text-align: center;
}

.header_select_menu > span.select_sub_nm {
	padding-left: 50px;
    font-size: 0.8rem;
    color: rgb(99,99,99);
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);*/
    -webkit-transition: all .5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
	text-align: center;
}

.header_select_menu > span.select_sub_nm:after {
    content: "";
    display: block;
    border-bottom: 1px solid gray;
    width: 85%;
    padding-top: 7px;
}

.admin-main-link{
	color: rgba(255, 107, 129, 1);
	font-weight: 600;
}


img.main_logo_mark {
    /*height: 100%;*/
    height: 100%;
    padding-right: 35px;
}

nav.header-main {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

ul.header-main-items {
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin: 0;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

li.header-main-item, li.header-page-item, li.header-link-item {
    position: relative;
    padding: 15px 25px 15px 20px;
    cursor: pointer;
    text-wrap: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
}

/*
li.header-main-item {
    position: relative;
    padding: 10px 15px 10px 10px;
    margin: 5px 20px;
    cursor: pointer;
    text-wrap: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    text-decoration: underline;
    text-decoration-color: rgba(234,236,238,1);
    text-underline-offset: 8px;
}
*/

li.header-main-item:hover > a, li.header-page-item:hover > a, li.header-link-item:hover > a{
    opacity: 0.75;
    font-weight: 600;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
}

li.header-main-item > .header-main-link > i.fa-solid.fa-angle-down {
    font-size: 12px;
    opacity: 0.6;
    position: relative;
    left: 8px;
    top: 0;
}

li.header-main-item:hover > .header-main-link > i.fa-solid.fa-angle-down {
   top: 1px; 
   opacity: 1;
   -webkit-transition: all .5s ease;
}

li.header-main-item> ul.header-sub-items{
	display: block;
	visibility: hidden;
	width: auto;
	height: auto;
	min-width: 300px;
	white-space: nowrap;
	position: absolute;
    border: 0;
    box-shadow: 0 5px 30px rgba(27, 31, 35, 0.1), 0 0 1px rgba(27, 31, 35, 0.4), 0 1px 2px rgba(27, 31, 35, 0.15);
    padding: 15px;
    border-radius: 5px;
    
    background-color: rgb(255,255,255);
    
    top: 30px;
    left: 5px;
    z-index: 11;
    
}

li.header-main-item:hover > ul.header-sub-items {
	/*display: block;*/
	visibility: visible;
	top: 53px;
	-webkit-transition: all .5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
}

li.header-sub-item {
	padding: 14px;
	text-align: left;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
    font-size: 16px;
}


li.header-sub-item:hover{
    transition: 0.2s;
    transform: scale(1.05);
    padding-left: 20px;
    font-weight: 600;
    background-color: rgba(242,247,252,1) !important;
}

li.header-mobile-sub-item:hover {
	font-weight: 600;
    background-color: rgba(242,247,252,1) !important;
}

.header_mypage {
	/*align-self: flex-start;*/
	flex-direction: row;
    /*margin-right: 0;
    margin-left: auto;*/
	margin-left: 0;
    margin-right: auto;
    align-items: center;
    height: 100%;
    width: auto;
    flex-flow: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    position: absolute;
    right: 0;
}

.header_user {
	height: 100%;
    font-size: 32px;
    padding: 7px 16px;
    
    align-items: center;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-transition: all .5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
}

.header_user > i {
	/*color: rgba(146, 148, 150, 1);*/
	color: rgba(24,49,83,1);
}

.header_user:hover > i {
	/*color: #218bff;*/
	/*color: rgba(184, 183, 178, 1);*/
	color: rgba(24,49,83,0.85);
}

.header_user:hover > span {
	/*color: #218bff;*/
	color: rgba(184, 183, 178, 1);
}

.header_user > span {
	font-size: 18px;
	padding-left: 5px;
	font-weight: 600;
}

.header_user > ul.header-user-items {
	display: block;
	visibility: hidden;
	width: auto;
	height: auto;
	min-width: 200px;
	white-space: nowrap;
	position: absolute;
    border: 0;
    box-shadow: 0 5px 30px rgba(27, 31, 35, 0.1), 0 0 1px rgba(27, 31, 35, 0.4), 0 1px 2px rgba(27, 31, 35, 0.15);
    padding: 20px;
    border-radius: 5px;
    
    background-color: rgb(255,255,255);
    
    top: 0px;
    /*left: 0;*/
    right: 10px;
    z-index: 11;
}

li.header-user-item {
	padding: 8px;
	font-size: 16px;
}
li.header-user-item:hover{
    font-weight: 600;
    background-color: linen;
}
li.header-user-item.accent{
	border: 2px solid orange;
}
li.header-user-item.accent:hover{
	background-color: peachpuff;
}

/*
.header_user:hover > ul.header-user-items {
	visibility: visible;
	top: 14px;
	-webkit-transition: all .5s ease;
}*/

.header_user.open > ul.header-user-items {
	visibility: visible;
	top: 35px;
	-webkit-transition: all .5s ease;
}

.header_language {
    position: relative;
    height: 100%;
    font-size: 23px;
    padding: 2px 16px;
}

.header_language > i {
    position: absolute;
    top: 10px;
    left: 27px;
    color: white;
    font-size: 18px;
}

/* IE 기본 스타일 제거 */
select::-ms-expand{
	display: none; /* IE 10, 11 */
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 36px;
    padding: 3px 33px 3px 42px;
    font-size: 15px;
    outline: none;
    border: 2px solid #d6d6d6;
    border-radius: 7px;
    background: url(../images/bottomArrow.png) 99% center no-repeat;
    background-size: 32px;
    background-color: rgb(55,55,55);
    color: white;
    cursor: pointer;
}

select:focus {
	border: 1px solid rgba(149, 145, 203, 1);
	outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) /* focus효과*/
}

select.whites {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 36px;
    padding: 3px 33px 3px 13px;
    font-size: 15px;
    outline: none;
    border-radius: 5px;
    background: url(../images/bottomArrow_black.png) 99% center no-repeat;
    background-size: 32px;
    background-color: white;
    color: black;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-top-color: rgb(33, 33, 33);
    border-left-color: rgb(33, 33, 33);
    border-bottom-color: rgb(118, 118, 118);
    border-right-color: rgb(118, 118, 118);
}

select.whites:focus {
	border: 1px solid rgba(149, 145, 203, 1);
	outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) /* focus효과*/
}

.header-image-wrapper {
	width: 100%;
}

.header-image {
	position: relative;
    overflow: hidden;
    width: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}
.swiper-wrapper {
	height: auto;	
	/* display: flex;
    align-items: center; */
    
    /* 임시... */
    max-height: 607px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
    display: flex;
    align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	object-fit: cover;
} 

.swiper {
	width: 100%;
	height: auto;
}

.swiper-button-next, .swiper-button-prev {
	display: none !important;	
}

#back_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.25);
    z-index: 12;
    display: none;    
}
#back_overlay.on{
	display: block;
}

.main {
	width: 100%;
	height: auto;
	position: relative;
}

.section-main {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 50px 20px 30px 20px;
    position: relative;
}

.section-main.home{
	padding: 50px 0 30px 0;
}

.section-main.home div#editor {
    padding: 0 20px;
}

.centered {
    width: 100%;
}

.rightBtnWrapper {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 15px;
}
.rightAbsoluteWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 11;
}
.rightAbsoluteWrapper.regSpace{
	position: relative;
	top: -10px;
	right: 0;
}
.rightAbsoluteWrapper.home{
	z-index: 12;
}
.myBtn {
    padding: 5px 25px;
    background-color: rgba(40, 104, 176, 1);
    font-weight: 600;
    font-size: 0.9rem;
    color: white;
    /* vertical-align: middle; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    cursor: pointer;
    letter-spacing: 1.5px;
    
    outline: none;
    border: none;
}
.adminBtn {
    padding: 5px 25px;
    /*background-color: rgba(40, 104, 176, 1);*/
    background-color: rgba(255, 107, 129, 1);
    font-weight: 600;
    font-size: 0.9rem;
    color: white;
    /* vertical-align: middle; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    cursor: pointer;
    letter-spacing: 1.5px;
    
    outline: none;
    border: none;
}

.myBtn:hover {
	background-color: rgba(40, 104, 176, 0.9);	
}
.myBtn > i {
	padding-right: 5px;
}
.adminBtn:hover {
	/*background-color: rgba(40, 104, 176, 0.9);*/
    background-color: rgba(255, 107, 129, 0.9);
}
.adminBtn > i {
	padding-right: 5px;
}

footer{
    display: block;
    /* border-top: 7px solid rgb(18, 57, 98); */
    /* background-color: rgb(5, 17, 32); */
    background-color: rgb(24, 49, 83);
    color: rgb(248, 255, 255);
    width: 100%;
    /* height: 140px; */
    font-size: 1rem;
    position: relative;
    transform: translatY(-100%);
    overflow-x: hidden;
    /*box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 7px rgba(0, 0, 0, 0.03);*/
    box-shadow: 0 -5px 4px -4px rgba(53, 72, 91, 0.14);
}

.footer-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*padding: 28px 100px 22px 100px;*/
    flex-flow: wrap;
}

.footer-wrapper > img {
    width: 100%;
}

.footer-left {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 0 60px;
}

.footer-introduce {
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.footer-copyright {
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.footer-right {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding: 0 60px;
}

.footer-right > img {
	max-height: 300px;
}

.section_admin_top > span{
	text-wrap: nowrap;
}

/* 모바일 */
.mobile-nav-icon {
	display: none;
    font-size: 30px;
    /*color: rgba(146, 148, 150, 1);*/
    color: rgba(24, 49, 83, 1);
    cursor: pointer;
}
.mobile-nav-icon:hover{
	/*color: rgba(184, 183, 178, 1);*/
	color: rgba(24, 49, 83, 0.85);
    font-weight: 600;
}
.mobile-nav-icon.open{
	color: #218bff;
	font-weight: 600;
}

section.header-menu-mobile {
    /*position: absolute;*/
    width: 100%;
    height: calc(100% - 78px);
	
    left: 0;
    display: none;
    background-color: white;
    z-index: 12;
    /*background-color: rgb(246, 248, 250);*/
    /*border: 1px solid rgb(208, 215, 222);*/
    /*background-color: rgb(24, 49, 83);*/
	position: relative;
	display: none;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}
section.header-menu-mobile.open {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-menu-mobile-left-wrapper{
	padding: 0;
	height: 100%;
	/*width: 50%;*/
	width: 50%;
	/*position: relative;*/
}
.header-menu-mobile-left{
	height: 100%;
	width:100%;
}
ul.header-mobile-items{
	height: 100%;
	width:100%;
    padding: 0;
    margin-top: 0;
	border-right: 1px solid rgb(208, 215, 222);
}


li.header-mobile-item, li.header-mobile-page-item, li.header-mobile-link-item {
    width: 100%;
    padding: 15px 0 15px 25px;
    border-bottom: 1px solid rgb(208, 215, 222);
    /*border-right: 1px solid rgb(208, 215, 222);*/
    /* margin-bottom: 3px; */
    cursor: pointer;
    background-color: rgb(246, 248, 250);
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
}

li.header-mobile-item.open{
    font-weight: 600;
}
/*
li.header-mobile-item.open > a{
	transition: 0.3s;
    transform: scale(1.05);
    padding-left: 12px;
    font-weight: 600;
}*/

li.header-mobile-item:hover, li.header-mobile-page-item:hover, li.header-mobile-link-item:hover{
    font-weight: 600;
    background-color: rgba(242,247,252,1) !important;
}
/*
li.header-mobile-item:hover > a{
	transition: 0.3s;
    transform: scale(1.05);
    padding-left: 12px;
    font-weight: 600;
}*/
/*
li.header-mobile-item.admin-main-item.open > a{
	filter: brightness(1.1);
}
li.header-mobile-item.admin-main-item.open > i{
	filter: brightness(1.1);
}
li.header-mobile-item.admin-main-item:hover{
	filter: brightness(1.1);
}
li.header-mobile-item.admin-main-item:hover > a{
	filter: brightness(1.1);
}
li.header-mobile-item.admin-main-item:hover > i{
	filter: brightness(1.1);
}
*/
li.header-mobile-item.open > ul.header-mobile-sub-items{
	display: block;
}

.header-mobile-item > i, .header-mobile-page-item > i, .header-mobile-link-item > i{
	padding-right: 10px;
}

ul.header-mobile-sub-items {
        position: fixed;
    width: 50%;
    height: 100%;
    top: 78px;
    right: 0;
    display: none;
    padding-left: 0;
}

li.header-mobile-sub-item {
	width: 100%;
    padding: 15px 10px 15px 15px;
    border-bottom: 1px solid rgb(208, 215, 222);
    /* margin-bottom: 3px; */
    cursor: pointer;
    background-color: white;
    color: gray;
}

.admin-main-item > i{
	color: rgba(255, 107, 129, 1);
}

p > a > img:hover {
    filter: brightness(0.9);
    transform: scale(1.1);
}

figure > a > img:hover {
    filter: brightness(1.1);
    transform: scale(1.01);
}

table.ck-table-resized:has(a):hover {
    filter: brightness(1.1);
    transform: scale(1.01);
    cursor: pointer;
}

#editor p > a {
	text-decoration: underline;
}

#editor p > a:hover{
	text-decoration: none;
	font-weight: 600;
}



/* Virtual Flatform */
.virtual_main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 50px;
}
.virtual_header {
    /* width: 40%; */
    padding: 10px 30px;
    background-color: #8899ff;
    text-align: center;
    color: #f8ffff;
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 3;
    margin-bottom: 35px;
    border-radius: 5px;
}
.virtual_content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.virtual_title {
    width: 100%;
    text-align: center;
    padding: 15px 0 10px 0;
    background-color: #ffd780;
    border: 12px solid #328032;
    /* outline: darkgray; */
    /* outline-width: 16px; */
    /* box-sizing: border-box; */
    border-bottom: none;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 2;
    word-spacing: 4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.virtual_table {
    height: 500px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}
div#virtual_table_left {
    width: 50%;
    border-left: 1px solid #cacaca;
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll; 
    padding: 0 20px 20px 20px;
    background-color: #f8ffff;
}
div#virtual_table_right {
    width: 50%;
    border-right: 1px solid #cacaca;
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    
    padding: 0 20px 20px 20px;
    background-color: #f8ffff;
}


/******* registration ********/
.section-reg {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}

.section_reg_all{
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	padding: 40px 20vw;
	/*box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);*/
	/*border: 0 1px 1px 1px solid black;*/
	align-items: center;
    justify-content: center;
    position: relative;
}

.reg_wrapper {
    padding: 25px 0;
    width: 100%;
}

.reg_title {
    padding: 15px 0;
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    color: darkslategray;
}

.reg_value {
    padding-top: 75px;
}

.reg_value > p {
    color: black;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 8px;
}

.reg_ps {
    padding: 0;
    font-size: 16px;
    color: black;
}

.reg_chk_set {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 50px;
}

.reg_chk_set > p {
    color: red;
    font-weight: 600;
    margin-bottom: 8px;
}

.reg_chk_set a {
    color: rgb(5, 99, 193);
    padding-left: 85px;
}

.reg_chk_set a:hover {
	color: rgb(35, 129, 223);
}

.chk_set {
    padding: 15px 0;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
    user-select: none;
}

.chk_set > * {
    cursor: pointer;
}

.chk_set > input[type=checkbox]:hover {
	color: darkslategray;
}
.chk_set > label:hover {
	color: darkslategray;
}



.reg_table_set {
    /*padding: 0 5vw;*/
    width: 100%;
}

.reg_table {
    padding: 50px 0;
}

.reg_table_title {
    padding: 10px;
    font-size: 20px;
    font-weight: 600;
}

.rwd-table th {
    background-color: rgba(49, 73, 97,1);
    color: rgba(248,250,252,1);
    font-weight: normal;
    padding: 15px;
    font-size: 18px;
}

.rwd-table td {
    font-weight: normal;
    padding: 15px;
    font-size: 16px;
    border: 1px solid white;
}

/*
.rwd-table tbody > tr:nth-child(2n+2){
	background-color: rgb(248, 248, 248);
}
*/

.rwd-table tr > td:nth-child(n+2){
	text-align: center;
}

.rwd-table tr:first-child > th:nth-child(2) {
    /* width: 40%; */
}

.rwd-table tr > th:last-child{
	border-left: 1px solid white;
}

.rwd-table {
	color: #333;
	border-radius: .4em;
	overflow: hidden;
	width: 100%;
	margin: auto;
	max-width: 100%;
	border-collapse: collapse;
	display: table;
    /*table-layout: fixed;*/
}

.rwd-table tr:nth-child(odd):not(:first-child) {
	background-color: #ebf3f9;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

/*
.rwd-table td:first-child {
	margin-top: .5em;
}*/

.rwd-table td:before {
	content: attr(data-th) "";
	font-weight: bold;
	width: 100%;
	display: inline-block;
	/*color: #000;*/
	padding-bottom: 13px;
	padding-top: 10px;
	
	background-color: rgba(49, 73, 97,1);
	color: rgba(248,250,252,1);
	margin-bottom: 12px;
}

.rwd-table th, .rwd-table td {
	text-align: center;
}

.rwd-table tr {
	border-color: #bfbfbf;
}

.rwd-table th, .rwd-table td {
	padding: .5em 1em;
}

.hidden-col {
	display: none !important;
	visibility: collapse !important;
}
.hidden-merge {
	display: none !important;
	visibility: collapse !important;
}
.hidden-no {
	display: none !important;
	visibility: collapse !important;
}

.td-btn>input[type=button] {
	padding: 5px 11px;
	/*background-color: rgba(40, 104, 176, 1);*/
	background-color: rgba(255, 107, 129, 1);
	color: white;
	border-radius: 5px;
	cursor: pointer;
	outline: auto;
	border: 0 none;
    outline: none;
}
.td-btn>input[type=button]:hover{
	background-color: rgba(255, 107, 129, 0.9);
}

.rwd-table tr:first-child {
	display: none;
	
}

.rwd-table tr:nth-child(n+4) {
	display: block;
	margin-top: 90px;
}

.rwd-table tr {
    box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
}

.rwd-table tr {
	background-color: rgb(248 252 255);
}



.myBtn.regBtn {
    font-size: 22px;
    padding: 15px 10vw;
    margin: 50px 0 100px 0;
    box-shadow: 3px 3px 4px darkgray;
}

.adminBtn.regBtn {
    font-size: 22px;
    padding: 15px 10vw;
    margin: 50px 0 100px 0;
    box-shadow: 3px 3px 4px darkgray;
}

.paper_btn_set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 50px 0;
}

.myBtn.paperBtn {
    padding: 5px 0;
    margin-right: 25px;
    font-size: 20px;
    width: 75px;
}


.reg_step_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 30px 0 20px 0;
}

.reg_step_img > img {
    width: 100%;
    max-width: 800px;
}

.reg_rows{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    flex-direction: column;
}

.reg_paper_rows {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    border: 1px solid rgba(200,205,210,1);
    padding: 0 0 10px 0;
    border-radius: 8px;
}

.paper_title {
    width: 100%;
    height: 50px;
    background-color: rgba(49, 73, 97,1);
    color: rgba(248,250,252,1);
    font-size: 18px;
    /* font-weight: 600; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.reg_row {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding: 11px;
    align-items: center;
    width: 100%;
    flex-direction: row;
}
.reg_row.pab{
	padding-top: 20px;
	padding-bottom: 0;
}
.reg_row.pbn{
	padding-bottom: 0;
}
.reg_row.ptn{
	padding-top: 0;
}

.reg_row.fstart {
	align-items: flex-start;
}
input#banquettd {
    padding: 3px;
    text-align: center;
    font-size: 16px;
}
tr#banquet_tr > td > p {
    padding: 0;
    margin: 10px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: inner-spin-button;    
    opacity: 1;
}

input.addi_price {
    text-align: center;
    padding: 3px;
    font-size: 16px;
    border: none;
}


.reg_row_title {
    font-size: 18px;
    font-weight: 600;
    min-width: 200px;
}

.reg_row_value {
    font-size: 18px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.reg_row_value > span {
	padding-left: 20px;
    font-size: 15px;
    width: 100%;
}

.reg_row_value > p {
    margin-bottom: 0;
    font-size: 15px;
    width: 100%;
}

.reg_row_value.evendv > ul{
	width: 100%;
	justify-content: flex-start;
	flex-flow: wrap;
}
.reg_row_value.evendv > ul > li{
    width: auto;
    margin-right: 50px;
    margin-bottom: 15px;
}

.reg_row_value > ul {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    flex-direction: row;
    margin: 0;
    padding-left: 0;
}

.reg_row_value > ul > li {
	width: 110px;
}

.reg_row_value > ul.reg_input_ul.col {
	flex-direction: column;
}

.reg_row_value > ul.reg_input_ul.col > li{
	padding-bottom: 15px;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.reg_row_value > ul > li > label {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	accent-color: darkslategray;
	cursor: pointer;
}

.reg_row_value > ul > li > span {
	padding-left: 42px;
    color: red;
    font-size: 15px;
}

.reg_row_value.two {
	flex-direction: column;
}

.reg_row_value > input {
	width: 100%;
    padding: 8px;
    font-size: 15px;
    border-radius: 5px;
}

.reg_row_value > input::placeholder {
  color: rgb(180,182,184);
  font-style: italic;
}

.reg_row input[type=radio]{
	width: 20px;
	height: 20px;	
}

.reg_row_value > select{
	width: 100%;
}

.reg_row_hint {
    align-self: flex-start;
    color: darkgray;
}

.reg_row > p {
    font-size: 18px;
    padding: 0 10px 10px 10px;
    color: steelblue;
    margin: 5px;
}

.regBtn_wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 10vw;
}

.regBtn_wrapper > .regBtn {
	width: 40%;
    margin: 0 30px;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    height: 70px;
}

.reg_row.approval{
	justify-content: center;
}

.reg_row.approval > .reg_row_title{
	width: 350px;
}
.reg_row.approval > .reg_row_value{
	width: 255px;
}

.res_ps {
    /* width: 100%; */
    padding: 40px 0;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.hiderows {
	display: none;
}

.profile-nm{display: none;}

div#editor {
    font-size: 1.1em;
}

.reg_row_value > input.country_manual_input{
	width: 430px;
	margin-left: 15px;
}

.reg_row_value > input.reg_hide{
	display: none;
}

/* 이부분을 적용하면 카드형식에서 화면이 1080 넘어갔을 때 테이블 형식으로 바뀐다*/
/*@media screen and (min-width: 1080px) {*/
	.rwd-table tr {
   		box-shadow: none;
	}
	
	.rwd-table tr:first-child {
		border-top: none;
	}

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

	.rwd-table tr:first-child {
		display: table-row;
	}
	.rwd-table tr:nth-child(n+3) {
		display: table-row;
		margin-top: 0;
	}
	.rwd-table tr:nth-child(2) {
		border-top: none;
	}
	.rwd-table tr:hover:not(:first-child) {
		background-color: #d8e7f3;
	}
	.rwd-table td:before {
		display: none;
	}
	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: .25em .5em;
	}
	.rwd-table th:first-child, .rwd-table td:first-child {
		padding-left: 0;
	}
	.rwd-table th:last-child, .rwd-table td:last-child {
		padding-right: 0;
	}
	.rwd-table th, .rwd-table td {
		padding: 1em !important;
	}
	
	.rwd-table th:not(:last-child) {
    	border-right: 1px solid rgba(235,237,239,1);
	}
	.rwd-table tr {
		/*
    background-image: -webkit-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: -moz-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: -o-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: -ms-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    */
	}
	.rwd-table tr:nth-child(odd) {
		/*
    background-image: -webkit-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: -moz-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: -o-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: -ms-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    */
	}
/*}*/



/******* paging table *******/
.hlong_table{
    width: 100%;
    height: calc(100% - 60px);
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: scroll;
}

ul.pages {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding:0;
}

ul.pages > li.pagination-item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

ul.pages > li.pagination-item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border: 1px solid rgb(224, 224, 224);
    border-radius: 5px;
    color: rgb(166, 166, 166);
    cursor: pointer;
    height: 100%;
}

ul.pages > li.pagination-item > a.active {
	background-color: rgba(40, 104, 176, 1);
	color: white;
}
ul.pages > li.pagination-item > a:hover {
	background-color: rgba(40, 104, 176, 0.85);
	color: white;
}

ul.pages > li.pagination-item > a > i {
	font-size: 10px;
}

ul.pages > li.pagination-item{
	margin-right: 10px;
}
ul.pages > li.pagination-item:last-child{
	margin-right: 0;
}

table.hlg-table {
	/*table-layout: fixed;*/
    border-collapse: separate;
    border-spacing: 0;
    font-size: 15px;
    width: 100%;
    position: relative;

    /*display: block;*/
}

table.hlg-table th{
	position: sticky;
    top: 0;
	text-align: left;
	background-color: rgba(49, 73, 97,1);
    color: rgba(248,250,252,1);
    z-index: 1;
}

table.hlg-table td{
	color: #333;
	border-bottom: 1px solid #ebf3f9;
}
table.hlg-table th, table.hlg-table td{
    white-space: nowrap;
    padding: 8px 15px;
    /*border: 1px solid gray;*/
    
    border-left: 1px solid white;
    border-right: 1px solid white;
}
table.hlg-table th.hlg_center, table.hlg-table td.hlg_center{
	text-align: center;
}
table.hlg-table th.hlg_hidden_key, table.hlg-table td.hlg_hidden_val{
	display: none;
}
table.hlg-table tbody tr{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.hlg-table tbody tr:nth-child(even) {
	background-color: #ebf3f9;
}

table.hlg-table tbody tr:nth-child(odd) > td.sticky_col{
	background-color: white;
}
table.hlg-table tbody tr:nth-child(even) > td.sticky_col{
	background-color: #ebf3f9;
}

table.hlg-table tbody tr:nth-child(odd) > td.tableBtn1{
	background-color: white;
}
table.hlg-table tbody tr:nth-child(even) > td.tableBtn1{
	background-color: #ebf3f9;
}
table.hlg-table tbody tr:nth-child(odd) > td.tableBtn2{
	background-color: white;
}
table.hlg-table tbody tr:nth-child(even) > td.tableBtn2{
	background-color: #ebf3f9;
}

.sticky_col{
    position: sticky;
    left: 0;
    z-index: 2 !important;
}
th.sticky_col{
	z-index: 3 !important;
	background-color: rgba(49, 73, 97,1);
}
td.sticky_col{
	border-right: 1px dotted black !important;
}
.hlong_table .tableBtn2{
	position: sticky;
    right: 140px;
    text-align: center;
    min-width: 140px;
}
.hlong_table .tableBtn1{
    position: sticky;
    right: 0;
    background-color: white;
    text-align: center;
    min-width: 140px;
}
.hlong_table th.tableBtn2, .hlong_table th.tableBtn1 {
    background-color: rgba(49, 73, 97,1);
    color: rgba(248,250,252,1);
    z-index: 2;
    top: 0;
}
.hlong_table td.tableBtn2, .hlong_table td.tableBtn1 {
    padding: 5px;
    height: 40px;
    border-left: 1px dotted black;
}

.hlong_table .tableBtn1 > input, .hlong_table .tableBtn2 > input{
	margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(40, 104, 176, 1);
    font-size: 0.9rem;
    color: white;
    border-radius: 7px;
    outline: none;
    border: none;
    max-height: 30px;
}

.hlong_table .tableBtn1 > input:hover, .hlong_table .tableBtn2 > input:hover{
	background-color: rgba(40, 104, 176, 0.85);
}

.tableEmpty{
    width: 278px;
    display: table;
}

table.hlg-table td.hlg_link > input{
	color: rgba(255, 107, 129, 1);
	font-size: 16px;
	font-weight: 600;
	border: none;
	background-color: unset;
	cursor: pointer;
}


/*
table.hlg-table tbody {
    width: 100%;
    height: 90%;
    position: absolute;
    left: 0;
}*/

.releative_div{
	width: 100%;
	height: 100%;
	position: absolute;
}

.error_code{
	cursor: pointer;
	margin-right: 15px;
}


.reg_subject{
	width: 100%;
    /* box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2); */
    padding: 0 40px;
    height: 60px;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 1px 7px 0 hsla(155, 30%, 30%, 0.2);
    font-size: 1.2rem;
    font-weight: 600;
    border-top: 3px solid skyblue;
    border-radius: 5px 5px 0 0;
}




/* tab Menu */
.tab_menu_div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: rgb(242, 242, 242);
    border-bottom: 2px solid rgb(100, 100, 100);
}
.tab_menu_div > .tab_menus{
	align-items: center;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin: 0;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    overflow-y: auto;
    max-height: 95px;
}
.tab_menu_div > .tab_menus > .tab_menu{
	position: relative;
    padding: 10px 25px 10px 25px;
    cursor: pointer;
    text-wrap: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    border: 1px solid rgb(209, 211, 212);
    border-bottom: 1px solid rgb(100, 100, 100);
    color: rgb(157, 157, 157);
   	font-weight: 600;
   	flex: 1;
   	text-align: center;
   	border-style: outset;
   	
}
.tab_menu_div > .tab_menus > .tab_menu:hover{
	color: white;
	background-color: rgba(99, 123, 147,1);
}
.tab_menu_div > .tab_menus > .tab_menu.active{
    color: white;
   	background-color: rgba(49, 73, 97,1);
}


@media all and (max-width:1079px) {
	body{font-size: 16px;}
	.section-main{padding: 40px 10px 20px 10px;}
	.footer-wrapper {flex-direction: column; /*padding: 28px 0 22px 0;*/}
	.footer-left {align-items: center; height: auto; width: 100%; padding:0;}
	.footer-right {justify-content:center; height: auto; width: 100%; padding: 25px 0 10px 0;}
	.footer-introduce {width: 350px; text-align: center; justify-content: center;}
	.footer-info-company{width: 80%; justify-content: center; text-align: center;}
	nav.header-main{display:none;}
	.mobile-nav-icon{display: block; z-index: 12;}
	
	.section_admin_bot{flex-direction: column !important; }
	.section_main_menu{width: 100% !important; height:45% !important; padding: 5px !important; overflow: hidden !important;}
	.section_sub_menu{width: 100% !important; height:50% !important; padding: 5px !important;margin-top: 5% !important; overflow: hidden !important;}
	.main_menu_button{height: 50px !important;}
	.main_menu_button_title{font-size: 1rem !important;}
	.sortable-list, .sortable-list-sub{height:calc(100% - 50px) !important;}
	.sub_menu_button{height: 50px !important;}
	.sub_menu_button_title{font-size: 1rem !important;}
	.sortable-list, .sortable-list-sub{padding-left: 0 !important;}
	.menuFeature > span {display: none !important;}
	.menuFeature{width: auto !important;}
	.menuInfo > i{padding-left: 5px !important;}
	.section_admin_top{padding:0 20px !important;}
	span.main_menu_nm{display: none !important;}
	span.select_main_nm {font-size: 1rem;}
	.header_logo{position: absolute;align-self: center;width: 100%;left: 0;justify-self: center;align-items: center;justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex;}
	img.main_logo_mark{padding-right: 0;}
	
	.virtual_table{flex-direction: column; height: auto !important;}
	div#virtual_table_left{width:100% !important;overflow-y:auto; border-bottom: 1px solid #cacaca;}
	div#virtual_table_right{width:100% !important;overflow-y:auto; border-bottom: 1px solid #cacaca;}
	.virtual_header{font-size: 1.2rem;}
	.virtual_title{font-size: 1.1rem;}
	.header_mypage{position: relative;right: auto;}
	.header_user > ul.header-user-items{left: 0;}
	.header_user.open > ul.header-user-items{top: 14px;}
	
	
	/* 카드 형식으로 쓸 떄는 이렇게 */
	/*
	.section_reg_all{padding: 0 30px;}
	.reg_table_title {text-align: center;}
	.reg_title {font-size: 1.8rem; word-break: break-word;}
	.hidden-merge {
		display: block !important;
		visibility: visible !important;
	}
	.hidden-no {
		display: block !important;
		visibility: visible !important;
	}
	.rwd-table td:first-child {
	    padding: 0;
	    margin: 0;
	}
	.rwd-table td:first-child::before {
	    content: attr(data-th) "";
	    font-weight: bold;
	    width: 100%;
	    display: inline-block;
	    padding-bottom: 14px;
	    padding-top: 11px;
	    font-size: 17px;
	    margin-bottom: 0;
	    background-color: gray;
	}
	*/
	/* 그냥 테이블 형식으로 할 떄는 이렇게 */
	
	
	
	.ck-content .text-huge{font-size: 1.7em;}
	.ck-content .text-big{font-size: 1.3em;}
	
	
	.reg_row{align-items: flex-start; flex-direction: column;}
	.reg_row_value > ul > li {width: 125px;width: auto;margin-right: 15px;margin-bottom: 15px;}
	.reg_row_title{font-size: 17px;padding-bottom: 7px;}
	.reg_row_value > ul{flex-flow: wrap;}
	.reg_row_value > ul.reg_input_ul.col > li{align-items: flex-start;flex-direction: column;}
	.reg_row_value{flex-direction: column;}
	.reg_row_value > p{font-size: 13px;}
	.reg_row_value > p {margin-bottom: 5px;}
	.reg_chk_set a{padding-left: 45px;}
	.reg_row_value{align-items: flex-start;}
	.reg_row_value > input.country_manual_input{width: 100%; margin-left: 0; margin-top: 10px;}
	.paper_btn_set .reg_row_value{flex-direction: row;}
	
	
	.regBtn_wrapper > .regBtn{margin-bottom: 20px;font-size: 15px; height: 60px;}
	
	.rwd-table th, .rwd-table td {
	    padding: 1em !important;
	    padding: 8px !important;
	    font-size: 12px;
	}
	.section_reg_all{
		padding: 30px 10vw;
	}
	
	
	
	table.hlg-table {font-size: 11px;}
	.hlong_table td.tableBtn2, .hlong_table td.tableBtn1 {padding: 3px;height: 38px;}
	.hlong_table .tableBtn2{position: relative;right:0;}
	.hlong_table .tableBtn1{position: relative;right:0;}
	.tableEmpty{width: 0px;}
	table.hlg-table th, table.hlg-table td{padding: 5px 10px;}
	.section_main_site{padding: 15px;}
	.hlong_table .tableBtn1 > input, .hlong_table .tableBtn2 > input{font-size: 0.7rem;}
	.hlong_table td.tableBtn2, .hlong_table td.tableBtn1{height: 30px;}
	
	.hlong_table{height: calc(100% - 50px);}
	ul.pages {height: 30px;}
	ul.pages > li.pagination-item{margin-right: 5px;}
	ul.pages > li.pagination-item > a{padding: 0 10px;}
}

@media all and (max-width:767px) {
	.section_reg_all{padding: 0 20px;}
	.myBtn.regBtn{padding: 15px 15vw;}
	.adminBtn.regBtn{padding: 15px 15vw;}
	body{font-size:13px;}
	.rightAbsoluteWrapper {right: 10px;}
	.rightAbsoluteWrapper > .myBtn {padding: 4px 12px; font-size: 0.8rem;}
	.rightAbsoluteWrapper > .adminBtn {padding: 4px 12px; font-size: 0.8rem;}
	.header_user > ul.header-user-items{/*left: -140;*/left: -10px;}
	.header_user{/*padding-right: 0;*/padding-left: 0;}
	.ck-content .text-huge{font-size: 1.6em;}
	.ck-content .text-big{font-size: 1.2em;}
	input.tot_amount{width: 100%;}
	.ret_tbl_wrap table thead > tr:nth-child(2) > th {font-size: 15px;}
	
	.regBtn_wrapper > .regBtn {margin-bottom: 20px;width: 100%;font-size: 13px;padding: 15px;margin: 0 15px 15px 15px;}
	
	.rwd-table th, .rwd-table td {
	    font-size: 9px;
	    padding: 5px !important;
	}
}

/* ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(80,80,80,.4);
    border-radius: 3px;
}

::-webkit-scrollbar-track {
    background-color: rgba(145,145,145,.25);
} */

/*
::-webkit-scrollbar {
    width: 12px;
}     
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}     
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}
*/


/* registration */
.ret_tbl_wrap{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    margin: 50px 0 0 0;
    border: 0 none;
    outline: none;;
    border-color: gainsboro;
}
.ret_tbl_wrap table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: rgba(253,254,255);
}
.ret_tbl_wrap table thead tr {
    background-color: rgb(218, 227, 243);
}
.ret_tbl_wrap table thead th {
    padding: 10px;
}

.res_tbl_wrap {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    margin: 50px 0 0 0;
    border: 2px blue #121212;
    border-width: 2px;
    border-color: #121212;
    border: outset;
    outline: double;
    border-color: gainsboro;
}
.res_tbl_wrap table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: rgba(253,254,255);
}
.res_tbl_wrap table thead tr {
   background-color: rgba(253,254,255);
}
.res_tbl_wrap table thead tr th {
    border-bottom: 1px solid #121212;
    font-weight: normal;
}
.res_tbl_wrap table thead tr > th:first-child{
    border-right: 2px solid #121212;
    font-weight: bold;
}
.res_tbl_wrap table tbody tr > td:first-child{
	border-right: 2px solid #121212;
	font-weight: bold;
}
.res_tbl_wrap table thead tr th,
.res_tbl_wrap table tbody tr td {
	text-align: left;
    padding: 0.3125vw 1.25vw;
    font-size: 15px;
    padding: 0.125vw 1.25vw;
}
.res_tbl_wrap table tbody tr:nth-child(odd){
	background-color: rgba(243,244,245,1);
}

.res_tbl_wrap table tbody tr td {
    border-bottom: 1px solid #121212;
}

.ret_tbl_wrap table thead > tr:nth-child(2){
	background-color: transparent;
}
.ret_tbl_wrap table thead > tr:nth-child(2) > th{
	text-align: left;
    padding-left: 20px;
    font-size: 1.1em;
    color: navy;
}
.ret_tbl_wrap table tbody tr td {
    text-align: center;
    font-size: 17px;
    padding: 20px 10px;
    border-bottom: 1px solid rgba(240,242,244,1);
}

.ret_tbl_wrap table tbody tr:last-child {
    border-bottom: 2px solid rgb(218, 227, 243);
}

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

.reg_row_title{
    font-size: 16px;
    font-weight: bold;
}

input.numput {
    width: 90px;
    width: 115px;
}

.reg_row_value > p {
    padding-left: 15px;
}

.addi_price{
	/*border: 0 none;*/
	outline: none;
}
input.tot_amount {
    width: 390px;
    text-align: right;
    padding-right: 15px;
    border: none;
}
.tot_unit{
	margin-left: 15px;
}

.reg_rows {
    margin-top: 20px;
}

.reg_history > input[type="button"] {
    padding: 6px;
    width: 173px;
}

.reg_history {
    width: 100%;
    padding: 30p;
}

.res_pss{
	padding: 50px 0;
}

/* desktop only */
@media screen and (min-width: 1200px) {
    .res_tbl_wrap table thead tr th,
    .res_tbl_wrap table tbody tr td {
        padding: 12px 20px;
        font-size: 16px;
        line-height: 22px;
    }
    
}