/******reset******/

@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src: url('../fonts/AppleSDGothicNeoL.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoL.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoL.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoL.woff') format('woff');
    font-weight: 300;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
	src: url('../fonts/AppleSDGothicNeoR.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoR.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoR.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoR.woff') format('woff');
    font-weight: 400;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src: url('../fonts/AppleSDGothicNeoM.eot?#iefix');
    src: 	url('../fonts/AppleSDGothicNeoM.otf?#iefix') format('embedded-opentype'),
			url('../fonts/AppleSDGothicNeoM.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoM.woff') format('woff');
    font-weight: 500;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
    src: url('../fonts/AppleSDGothicNeoSB.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoSB.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoSB.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoSB.woff') format('woff');
    font-weight: 600;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src:url('../fonts/AppleSDGothicNeoB.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoB.otf?#iefix'),
		   url('../fonts/AppleSDGothicNeoB.ttf') format('truetype'),
	       local(※), url('../fonts/AppleSDGothicNeoB.woff') format('woff');
    font-weight: 700;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src:url('../fonts/AppleSDGothicNeoEB.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoEB.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoEB.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoEB.woff') format('woff');
    font-weight: 800;
}

/*score dream*/
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}



*{
	padding:0;
	margin:0;
	box-sizing: border-box;
    color:#252525
}
ul,li,dl,dt,dd,ol{
	list-style:none;
}
a, map {text-decoration:none;color:inherit;outline:0;}
body,a,input,textarea,span,button{
	font-family:'Roboto','AppleSDGothicNeo',sans-serif !important;
	font-size:15px;
	font-weight:400;
    font-style: normal;
	color:inherit
}

.ellipsis{
	display:block;
	text-overflow:ellipsis; 
	overflow:hidden;
	white-space: nowrap;
}
input,input[type="submit"]{
   appearance: none;
   border-radius: 0;
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
input[type="radio"],
input[type="checkbox"]{
	appearance: auto;
	-webkit-appearance: auto;
}
input,textarea{outline:0;border:0}
button {outline:0;border:0;cursor:pointer}
input:focus,
textarea:focus,
select:focus,
button:focus{ outline: none;}
button,
label{ cursor:pointer}
b{font-weight:600;}
table {
	width:100%;
	border-collapse: collapse; border-spacing: 0
}


input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 

input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 

input:focus::-moz-placeholder, 
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 

input:focus:-ms-input-placeholder, 
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

select::-ms-expand {
    display: none;
}

.score {
	font-family: 'S-CoreDream';
}
.left {
	float:left
}
.right {
	float:right
}


//loading
#loading {
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #000;
    z-index: 99;
    text-align: center;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 10px;
    overflow: hidden;
}

#loadingmodal {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
    opacity: 1;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin-left: -32px;
    margin-top: -32px;
}

#loading-image {
    -webkit-animation: spin 1000ms infinite linear;
    -moz-animation: spin 1000ms infinite linear;
    -ms-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}



@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
img{
	border:0;
	vertical-align:top;
}
table{
	border-collapse: collapse;
	width:100%;
}
/*이미지맵*/
img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}
@media (max-width: 991px) {
	img[usemap] {
		  border: none;
		  height: auto !important;
		  max-width: 100%;
		  width: 100% !important;
   }
}



/******     main     ******/


.wrap {
	margin:0 auto;
	width:1080px;
}

.top_nav {
	width:100%;
	border-bottom:1px solid #ccc;
	background:#eee
}
.top_nav:after {content: "";display: block;clear: both}

.top_nav ul:after {content: "";display: block;clear: both}
.top_nav ul li {
	float:right
}
.top_nav ul li a {
	display:inline-block;
	padding:10px 25px;
	color:#1d2530;
	font-size:14px;
	opacity:0.8;
	border-left:1px solid #ccc;
}

.top_nav ul li:first-child a {
	border-right:1px solid #ccc;	
}
.h1, .h2, .h3, h1, h2, h3 {
	    margin-top: 0;
    margin-bottom: 10px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
header {
	padding:15px;
	width:100%;
	border-bottom:1px solid #ccc
}
header div:after {content: "";display: block;clear: both}
header h1 {
	float:left;
	margin:.0;font-size:2em
}
header ul {
	float:right;
	margin:0 -30px
}
header ul:after {content: "";display: block;clear: both}
header ul li {
	float:left
}
header ul li a {
	display:inline-block;
	padding:15px 30px!important;
	color:#1d2530;
	opacity:0.8;
	font-size:18px;
}
header ul li:hover a {
	color:#374f9a;
	opacity:1;
	background:transparent
}
header ul li.on a {
	color:#374f9a;
	opacity:1
}
footer {
	padding:30px 20px 50px 0;
	border-top:1px solid #dedee0
}
footer>div:after {content: "";display: block;clear: both}
footer>div>div {
	float:left;
}

.f_logo {
	width:196px
}

.f_txt {
	width:calc(100% - 196px);
	padding-left:45px
}
.f_txt span {
	padding-right:25px;
	padding-bottom:5px;
	display:inline-block;
	word-break: keep-all;
	opacity:0.6
}

.f_txt02 {
	padding-top:15px;
}


.login {display:none}
.logout {display:block}






/******** layer side_nav*******/





.contents_nav {
	background:#a6adbb;
	width:100%;
	padding:10px 0
}
.contents_nav.on span:nth-child(2) , .contents_nav.on span:nth-child(3)  {
	display:none
}
.contents_nav img {
	vertical-align:0
}
.contents_nav span {
	padding-left:10px;
	color:white;
	font-weight:300;
	font-size:15px
}
.contents_nav span b {
	color:white;
	font-weight:400
}
.contents_nav span i {
	color:white
}
#contents {
	padding:20px 0 150px
}
#contents:after {content: "";display: block;clear: both}
#contents>div {
	float:left;
}
.contents_main {
	width:795px
}

.contents_sidenav {
	width:280px;
	padding-left:25px
}
/* 
.log_wrap{
	border:1px solid #e4e7ef;;
	padding:17px 15px
} */

.log_wrap.login_wrap {
	border:1px solid #d0d0d0;
	padding:15px 
}
.login_top {
	padding:15px 20px;
	background:#e4e7ef;
	font-size:15px;
	color:#666
}
.login_top:after {content: "";display: block;clear: both}
.login_top b {
	color:#252525
}
.login_top .right {
	color:white;
	border-radius:11px;
	font-size:14px;
	width:35px;
	height:22px;
	font-weight:300;
	text-align:center;
	padding:2px 0
}
.login_top .log_g {background:#e45c84;}
.login_top .log_c {background:#db1a51;display:none}

.login_middle {
	padding:20px;
	background:#f1f4fb;
	font-size:15px;
	color:#666;
}
.login_middle>div:after {content: "";display: block;clear: both}
.login_middle span {
	color:#db1a51
}
.login_middle a {
	display:inline-block;
	background:white;
	border:1px solid #dadada;
	font-size:14px;
	padding:1px 4px;
}
.login_bottom {
	text-align:center;
	background:#f1f4fb;
	color:#666;
	width:100%;
	border-top:1px solid #e4e7ef;
}
.login_bottom:after {content: "";display: block;clear: both}
.login_bottom span {
	width:50%;
	display:block;
	float:left;
	position:relative
}
.login_bottom span:first-child:after {
	content:"";
	display:inline-block;
	width:1px;
	height:12px;
	background:#d2d2d2;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.login_bottom a {
	width:100%;
	display:block;
	padding:20px 0
}

.sidenav02_wrap.on {
	display:block
}
.sidenav02_wrap {
	border:1px solid #d0d0d0;
	margin-top:20px;
	display:none
}

.sidenav_tt {
	padding:25px;
	font-size:21px;
	color:#434343;
	font-weight:400;
	border-bottom:1px solid #d0d0d0;
}
.sidenav02 ul li {
	height:45px;
	line-height:45px
}
.sidenav02 ul li a{
	padding:0 30px;
	display:block;
	width:100%;
	height:100%;
	border-bottom:1px solid #d0d0d0;
	position:relative;
	color:#434343;
	font-weight:300
}
.sidenav02 ul li:last-child a{
	border-bottom:0
}
.sidenav02 ul li a i {
	position:absolute;
	right:30px;
	top:50%;
	transform:translateY(-50%) rotate(90deg);
	color:#d0d0d0
}
.sidenav02 ul li.on a {
	font-weight:400;
	background:#f1f1f1
}
.sidenav02 ul li.on i {
	color:#434343
}
.sidenav02 ul li:hover a{
	font-weight:400;
	background:#f1f1f1
}
.sidenav02 ul li:hover i {
	color:#434343
}

.sidenav03 {
	padding:30px;
	background:#f1f1f1;
	margin-top:20px
}
.sidenav03 p {
	color:#434343;
	font-size:15px
}
.sidenav03 h3 {
	padding-top:10px;
	color:#374f9a;
	font-size:30px;
	line-height:1em
}
.sidenav03 h3 span {
	display:block;
	font-weight:600;
	color:#374f9a;
	font-size:30px;
	line-height:1em
}
.sidenav03 div {
	padding-top:10px
}
.sidenav03 div span {
	font-size:14px;
	color:#666;
	letter-spacing:-0.05em;
	font-weight:300
}
.sidenav03 div span b {
	font-weight:500
}

.sidenav04 {
	margin-top:20px
}
.sidenav04>div {
	padding:20px 30px;
	border-bottom:1px solid #f1f1f1
}
.sidenav04>div a {
	display:block;
	width:100%
}
.sidenav04>div span {
	vertical-align:-15px;
	padding-left:10px
}



/*************** index ****************/


/*main_top*/

.main_top {
	padding:20px 0
}
.main_top:after {content: "";display: block;clear: both}
.main_top>div {
	float:left;
}
.main_img {
	width:800px;
	height:370px;
	background:url('../images/main/main_img.png') no-repeat 100% 100%;
	padding:35px 57px;
}

.main_img>div {
	width:380px;
	position:relative
}

.main_img_txt01 {
	border-radius:22px;
	border:1px solid #3e487e;
	padding:8px 15px;
	color:#3e487e;
	font-size:20px;
	text-align:center;
	display:inline-block;
	position:relative;
	left:50%;
	transform:translateX(-50%)
}

.main_img_txt02 {
	display:inline-block;
	text-align:center;
	padding:15px 0;
    font-family: 'S-CoreDream';
}
.main_img_txt02::after {
	content:"";
	display:inline-block;
	width:60px;
	height:1px;
	background:white;
	text-align:center
}
.main_img_txt02 span {
	display:block;
	text-align:center;
	color:white;
	font-size:45px;
	font-weight:300
}
.main_img_txt02 span b {
	font-size:56px;
	font-weight:600;
	color:#3e487e
}

.main_img_txt03 {
	display:inline-block;
	text-align:center;
	padding-top:15px
}
.main_img_txt03 span {
	display:block;
	text-align:center;
	color:white;
	font-size:19px;
	font-weight:300
}
.main_img_txt03 span b {
	color:white
}
.main_log {
	width:255px;
	margin-left:25px;
}
.logout.log_wrap {
	border:1px solid #d0d0d0;
	padding:20px;
	width:100%
}

.input_box {
	width:100%;
	border:1px solid #d0d0d0;
	padding:15px;
	margin-bottom:5px
}
.input_box::placeholder {
	color:rgb(67,67,67,0.3);
	font-size:15px
}
	
.input_btn {
	border-radius:4px!important;
	background:#434343;
	text-align:center;
	color:white;
	font-size:18px;
	padding:10px 15px;
	cursor:pointer;
	width:100%
}

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

.id_save + label {
	float:right;
	padding:10px 0;
	color:rgb(67,67,67,0.6);
	font-size:14px
}
.id_save + label span {
	border:1px solid #d0d0d0;
	width:20px;
	height:20px;
	display:inline-block;
}
.id_save + label span i {
	font-size:8px;
	text-align:center;
	vertical-align: 1px;
    padding: 0px 4px;
	color:white
}
.id_save:checked + label span i {
	color:rgb(67,67,67,0.6);
} 
.log_bottom {
	text-align:center
}

.log_bottom a {
	display:inline-block;
	margin:0 20px;
	color:rgb(67,67,67,0.6);
	font-size:15px
}
.log_bottom a:first-child {
	margin:0 0 0 20px;
}
.log_bottom a:first-child:after {
	content:"";
	display:inline-block;
	width:1px;
	height:12px;
	margin-left:20px;
	background:#d2d2d2;
	vertical-align:middle
}

.main_log .spam {
	padding:24px 20px;
	background:#fffae1;
	border:1px solid #d0d0d0;
	margin-top:20px
}
.main_log .spam:after {content: "";display: block;clear: both}
.main_log .spam>div {
	float:left;
}
.main_log .spam>div span {
	display:block;
	text-align:center;
	font-size:14px;
	color:rgb(0,0,0,0.5);
	letter-spacing:-0.045em
}
.main_log .spam>div:last-child {
	width:calc(100% - 40px);
	padding-left:10px
}

.main_log .spam>div span b {
	font-size:20px;
	color:#69cbc1;
	letter-spacing:-0.075em
}


.main_menu {
	padding-bottom:60px;
	margin:-10px
}

.main_menu:after {content: "";display: block;clear: both}
.main_menu>div {
	float:left;
	width:275px;
	padding:10px;
	height:275px
}
.main_menu_box>div {
	width:100%;
	height:100%;
	border:1px solid #d0d0d0;
	text-align:center
} 
.main_menu_box01:hover {
	background:#f5f5f5
}
.main_menu_box02>div>div:hover img  {
    -webkit-animation: tong 0.2s linear;
    -moz-animation: tong 0.2s linear;
    -ms-animation: tong 0.2s linear;
    animation: tong 0.2s  linear!important
}
.main_menu_box02>div:hover img {
	animation:none!important
}
.main_menu_box>div:hover img  {
    -webkit-animation: tong 0.2s linear;
    -moz-animation: tong 0.2s linear;
    -ms-animation: tong 0.2s linear;
    animation: tong 0.2s  linear;
}
.main_menu_box:hover .main_menu_talk img {
    -webkit-animation: tong 0.2s linear;
    -moz-animation: tong 0.2s linear;
    -ms-animation: tong 0.2s linear;
    animation: tong 0.2s  linear;
}
@-webkit-keyframes tong {
    0%{top:0px;}
    50% {margin-top:-10px;}
}

@-moz-keyframes tong {
    0%{top:0px;}
    50% {margin-top:-10px;}
}

@-ms-keyframes tong {
    0%{top:0px;}
    50% {margin-top:-10px;}
}

@keyframes tong {
	0%{top:0px;}
    50% {margin-top:-10px;}
}



.main_menu_box01 {
	padding:35px 0
}
.main_menu_box01 a {
	display:block;
	width:100%
}
.main_menu_box>div h3{
	font-family: 'S-CoreDream';
	font-size:27px;
	color:#272e37;
	font-weight:400;
	letter-spacing:-0.075em
}

.main_menu_box>div p {
	color:rgb(44,48,53,0.5);
	padding:5px 0 20px
}
.main_menu_box02 {
	width:550px!important
}
.main_menu_box02>div {
	padding:40px 30px
}
.main_menu_box02>div:after {content: "";display: block;clear: both}
.main_sub_menu {
	float:left;
	padding:0 20px;
	width:155px
}
.main_sub_menu span {
	display:block;
	padding-top:20px;
	color:#434343;
	font-size:18px
}
.main_sub_menu a {
	display:block;
	border-radius:100%;
	width:115px;
	height:115px;
	padding-top:33px;
	background:rgb(191,191,191,0.1)	;
}

.main_sub_menu:hover a{
	background:rgb(179,198,255,0.4)
}
.main_menu_talk {
	padding:25px 0
}
.main_menu_talk img {
	padding-top:18px
}
.main_menu_box {
	position:relative;
	overflow:hidden
}
.main_menu_talk_btn {
	display:block;
	width: calc(100% - 20px);
	padding:12px 0;
	background:rgb(199,199,199,0.2);
	color:#434343;
	font-size:18px;
	position:absolute;
	bottom:10px
}


/*main-bottom*/

.main_bottom {
	padding:40px 0;
	width:100%;
	background:#f9fafb
}

.main_bottom .wrap:after {content: "";display: block;clear: both}
.main_bottom .wrap .main_faq {
	float:left;
}
.main_bottom .wrap .main_notice {
	float:right;
}

.main_cs {
	width:463px
}
.main_cs h3 {
	display:inline-block;
	padding-right:20px;
	font-size:28px;
	color:#484a5a;
	letter-spacing:-0.075em;
	padding-bottom:20px
}
.main_cs p {
	display:inline-block;
	font-size:15px;
	color:#666;
	vertical-align:3px;
	font-weight:300
}

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

.main_cs_list {
	padding:15px 0;
	border-bottom:1px solid rgb(219,221,222,0.7)
}
.main_cs_list:last-child {
	border-bottom:0
}
.main_cs_list img {
	vertical-align:4px
}
.main_cs_list a {
	display:inline-block;
	padding:0 10px;
	color:#333;
	font-weight:300;
	letter-spacing:-0.075em;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	max-width:330px;
}
.main_cs_list span {
	color:rgb(51,51,51,0.5)
}

.viewmore {
	width:100%;
}
.viewmore a {
	display:block;
	width:100%;
	padding:10px;
	color:#666;
	font-size:18px;
	text-align:center;
	font-weight:300;
	border:1px solid #dbddde;
	position:relative
}
.viewmore:hover a{
	background:rgb(179,198,255,0.4);
	color:#484a5a
}
.viewmore a i {
	position:absolute;
	right:20px
}



/*******************mypg*******************/



.sub_tit h3 {
	color:#252525;
	font-size:25px;
	font-weight:600;
	padding-top:20px
}
.sub_tit h3:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#e1e1e1;
	margin-bottom:25px
}

.sub_content ul{
	width:100%;
	border:1px solid #e9f2f1;
	background:#f5fbff;
	padding:15px 35px
}

.sub_content ul li {
	font-size:15px;
	color:#666;
	font-weight:300;
	line-height:24px
}
.sub_content ul li:before {
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:100%;
	background:#374f9a;
	vertical-align:3px;
	margin-right:10px
}
.sub_content span {
	color:#374f9a;
	font-weight:400
}
.sub_content a {
	color:#db1a51
}
.contain {
	padding-top:20px;
}

.table01 {
	width:100%;
	border-top:1px solid #252525; 
}
.table01 tr {
	border-bottom:1px solid #dadada;
}
.table01 th {
	width:150px;
	border-right:1px solid #dadada;
	background:#f0f3f4;
	height:75px;
	line-height:75px;
	font-weight:400
}
.table01 td {
	vertical-align:middle;
	padding:20px;
	color:#666
}
.contain input,.contain textarea {
	border:1px solid #dadada;
	height:38px;
	margin-right:10px;
	padding:5px 10px;
}
table td input.i_phone {
	width:100px
}
.modify table td input[type=email] {
	width:300px
}


/*이메일*/

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.email_contain .input_email{
	overflow:hidden;
	width:100%;
}
.email_contain .input_email:after {content: "";display: block;clear: both} 
.email_select {
	float:left;
	width:35%;
	padding-left:10px
}
.email_contain .input_email select{
	width:100%;
	border:1px solid #ddd;
	height:40px;
	padding:10px;
}
.email_contain .input_email .email_box{
	display:table;
	float:left;
	width:65%;
}
.email_contain .input_email .email_box input{
	border:1px solid #ddd;
	height:40px;
	padding:10px;
	width:100%;
}
 .email_contain .input_email .email_box > div.gol_s{
	width:24px;
	border:0;
	vertical-align:middle;
	text-align:center;
 }
  .email_contain .input_email .email_box > div{
	display:table-cell;
	width:calc(100% - 24px /2);
}




.nemo {
	font-size:16px;
	font-weight:600;
	padding-bottom:10px;
	display:block;

}
.nemo::before {
	content:"";
	display:inline-block;
	width:9px;
	height:14px;
	background:#374f9a;
	margin-right:5px
}
.nemo span {
	color:#db1a51
}
.sn_btn {
	background:#fafafb;
	border:1px solid #dadada;
	width:120px;
	margin-top:5px
}
.sn_btn a {
	padding:5px 20px;
	display:inline-block;
	width:100%
	color:#666;
	font-size:14px
}

.btn {
	margin:40px 0;
	width:145px;
	height:48px;
	color:white;
	background:#374f9a;
	font-weight:600;
	text-align:center;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	cursor:pointer;
	border:0
}

.btn02 {
	width:145px;
	height:48px;
	line-height:48px;
	color:white;
	background:#374f9a;
	font-weight:600;
	text-align:center;
	cursor:pointer;
	border:0;
	float:right
}
.btn02 a {
	color:white
}
table td span {
	color:#374f9a;
	font-size:12px
}

.pw_message .no {
	display:none;
	color:#f33
} 
.pw_message .ok {
	display:none
}


.secession_sub div {
	font-size:19px;
	font-weight:300
}
.secession_sub span {
	font-size:15px;
	color:#666
}
.secession_sub {
	padding-bottom:20px
}
.secession_img {
	width:795px;
	height:454px;
	background:url('../images/sub/secession_img.png') no-repeat 100% 100%;
	position:relative
}
.secession_txt {
	position:absolute;
	top:80px;
	left:315px;
	color:white
}
.secession_txt h4 {
	color:white;
	font-size:20px;
}
.secession_img_sub {
	padding:10px 0 20px;
}
.secession_img_sub span {
	display:block;
	color:#96a5d4
}
.remain_cach {
	width:350px;
	height:113px;
	border-radius:30px;
	background:white;
	overflow:hidden;
	margin-bottom:50px
}

.remain_cach div:first-child {
	background:#f0f3f4;
	color:#666;
	padding:10px 30px
}

.reamin_cash_point {
	padding:20px 30px;
	color:#db1a51
}
.reamin_cash_point span {
	font-size:25px;
	color:#db1a51;
	font-weight:600
}

.secession_img .one {
	color:white;
	font-size:14px;
	font-weight:300
}

.secession_img .one {
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:100%;
	background:white;
	vertical-align:-2px;
	margin-right:10px;
	position:relative
}
#outagree:checked + label .one:before {
	content:"";
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:9px;
	height:9px;
	border-radius:100%;
	background:#374f9a;
}
#outagree + label {
	color:white
}

.secession_content p {
	font-size:16px;
	padding:75px 0 10px
}

.secession_content textarea {
	width:100%;
	height:120px;
	resize:none
}










/************** section01 문자발송 **************/

/*left*/

.ms_container {
	margin-left:-20px
}
.ms_container:after {content: "";display: block;clear: both}
.ms_container>div {
	float:left;
}
.ms_left {
	width:312px;
	height:530px;
	margin-right:20px;
	background:url('../images/sub/phone.png') no-repeat;
	background-size:312px 530px;
	position:relative
}


.phone {
	position:absolute;
	top:67px;
	left:21px
}

.phone_ct {
	color:white;
	padding:8px 20px 7px
}
.phone_txt {
	width:270px;
	height:264px;
	padding:10px 0;
}
.phone_txt textarea{
	border:0;
	width:100%;
	height:100%;
	padding:0 20px;
	resize:none
}
.phone_txt textarea::placeholder {
	color:#b4b4b5
}

.phone_bytes {
	text-align:right;
	padding:10px;
	color:#666
}
.phone_bytes span {
	color:#db1a51;
	padding-right:5px
}

.phone_menu ul li {
	display:inline-block;
	width:133px;
	height:40px;
	line-height:40px;
	margin-right:1px;
	text-align:center;
	color:white;
	background:#e45c84
}
.phone_menu ul li a {
	color:white;
	font-size:14px;
	display:block;
	width:100%
}
.phone_btn {
	
}
.phone_btn:after {content: "";display: block;clear: both}
.phone_btn ul {
	padding:35px 0 0;
	position:absolute;
	width:100%;
	display:block;
	bottom:-65px;
	left:50%;
	transform:translateX(-50%)
}
.phone_btn ul:after {content: "";display: block;clear: both}
.phone_btn ul li{
	text-align:center;
	border:1px solid #374f9a;
	color:white;
	background:#374f9a;
	width:100%;

}

.phone_btn ul li a {
	display:block;
	font-size:18px;
	padding:5px 25px;
	cursor:pointer
}

.ms_right {
	width:480px;
	padding-top:25px
}
.ms_right .ms_tt {
	width:
}



/*right*/


.ms_tt {
	width:100%;
	height:55px;
	position:relative;
	border:0!important
}
.ms_tt:after {
	content:"";
	display:block;
	width:360px;
	height:1px;
	background:#374f9a;
	position:absolute;
	bottom:0;
	right:0
}

.ms_tt li {
	width:120px;
	height:55px;
	line-height:55px;
	border:2px solid #374f9a;
	color:#374f9a;
	border-bottom:0;
	text-align:center;
	font-weight:600
}
.ms_right>div {
	border-bottom:1px solid #dadada	
}
.ms_right>div:last-child {
	border-bottom:0
}
.ms_send {
	padding:30px 0 20px;
}

.ms_send_top:after {content: "";display: block;clear: both}
.ms_send_top>div {
	float:left;
	line-height:36px;
	cursor:pointer
}

.ms_send_tt {
	font-size:16px;
	color:#434343;
}

.ms_send_tt img {
	vertical-align:-5px	;
	padding-right:5px
}
.ms_send_num {
	padding-left:15px
}
.ms_send_num input {
	width:215px
}
.btnbox a{
	display:block;
	padding:0px 8px;
	border:1px solid #dadada;
	background:#fafafb;
	color:#666;
	font-size:14px
}
.btnbox:hover a {
	background:#374f9a;
	color:white!important
}
.ms_send_btn {
	margin-right:5px
}

.ms_send_middle {
	padding:10px 0
}
.ms_send_middle:after {content: "";display: block;clear: both}
.ms_send_middle>div {

}
.ms_send_list {
	width:100%;
	height:224px;
	padding:10px 15px;
	border:1px solid #dadada;
	margin-right:5px;
	overflow:auto
}
.ms_send_modal {
	padding-bottom:10px
}
.ms_send_modal:after {content: "";display: block;clear: both}
.ms_send_modal>div {
	float:left;
	width:33.333%
}
.ms_send_modal .btnbox a {
	width:100%;
	height:43px;
	line-height:41px;
	border-bottom:0;
	text-align:center;
	padding:0;
	color:#666;
	border-bottom:1px solid #dadada;
}
.ms_send_modal .btnbox:last-child a {

}
.ms_send_chk span.ms_send_box {
	width:18px;
	height:18px;
	border:1px solid #666;
	display:inline-block;
	vertical-align:1px;
	margin-right:5px
}

.ms_send_chk span i {
	font-size:10px;
	text-align:center;
	line-height:18px;
	display:block;
	opacity:0
}
.ms_send_chk input:checked + label span i {
	opacity:1
}

.ms_send_bottom:after {content: "";display: block;clear: both}
.ms_send_bottom>div:after {content: "";display: block;clear: both}
.ms_send_bottom>div>div {
	float:left;
}
.ms_send_bottom ul:after {content: "";display: block;clear: both}
.ms_send_bottom ul li {
	float:left;
	padding:3px 8px;
	border:1px solid #dadada;
	color:#757575;
	font-size:14px;
	margin-right:5px;
	cursor:pointer
}
.ms_ttchk {
	border:1px solid #db1a51!important;
	color:#db1a51!important;
}

.ms_send_bottom02 {
	color:#434343;
	font-size:13px
}
.ms_send_bottom02 span {
	color:#db1a51
}
.ms_send_bottom02>div:first-child {
	padding:4px 5px 0 0 
}
.ms_send_bottom02 a {
	display:block;
	padding:4px 5px;
	background:#8e8e8e;
	color:white;
	font-size:13px;
	font-weight:300;
}
.ms_receive {
	padding:15px 0
}
.ms_receive:after {content: "";display: block;clear: both}
.ms_receive>div {
	float:left;
	line-height:34px
}

.ms_receive_tt {
	font-size:16px;
	color:#434343;
}

.ms_receive_tt img {
	vertical-align:-5px	;
	padding-right:5px
}

.ms_receive_select {
	padding:0 5px 0 10px
}
.ms_receive_select select {
	bordeR:1px solid #dadada;
	width:215px;
	height:34px;
	padding:0 10px;
	color:#b4b4b5;
	font-size:13px;
	background:url('../images/sub/select_arrow.png') no-repeat;
	background-size:8px 5px;
	background-position:right 5px center;
	background:#fff url("../images/sub/select_arrow.png") no-repeat;
	background-position: right 5px center;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.ms_receive_select select::-ms-expand {
    display: none;
}
.receive_num .btnbox a{
	width:133px;
	height:34px;
	text-align:center;
	font-size:14px
}

.ms_option:after {content: "";display: block;clear: both}
.ms_option>div {
	float:left;
}

.ms_option_tt{
	padding-right:70px;
	font-size:16px;
	color:#434343
}

.ms_option {
	padding:20px 0
}


.ms_add .ms_option_sub:after {content: "";display: block;clear: both}
.ms_add .ms_option_sub>div {
	float:left;
}

.ms_radio {
	width:18px;
	height:18px;
	border-radius:100%;
	border:1px solid #666;
	display:inline-block;
	vertical-align:-3px;
	position:relative
}
.ms_radio img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:0
}
.ms_add .ms_option_sub>div {
	padding-right:20px
}
.ms_option_sub input + label {
	color:#666
}
.ms_option_sub input:checked + label .ms_radio {
	border:2px solid #374f9a
}
.ms_option_sub input:checked + label .ms_radio img {
	opacity:1
}

.ms_form .ms_option_sub>div:after {content: "";display: block;clear: both}
.ms_form .ms_option_sub>div>div {
	float:left;
	padding-right:20px
} 
.ms_option_sub01 {
	padding-bottom:15px
}

.chk_box {
	width:18px;
	height:18px;
	border:1px solid #666;
	display:inline-block;
	vertical-align:1px;
	margin-right:5px
}

.chk_box i {
	font-size:10px;
	text-align:center;
	line-height:18px;
	display:block;
	opacity:0;
	color:#666
}
input:checked + label .chk_box {
	border:2px solid #666;
}
#rejection:checked + label .chk_box i {
	opacity:1
}

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

.ms_option_sub02 select{
	border:1px solid #dadada;
	padding:3px 10px;
	width:62px;
	height:33px;
	background:url('../images/sub/select_arrow.png') no-repeat;
	background-size:8px 5px;
	background-position: right 5px center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
select::-ms-expand {
    display: none;
}

.ms_date {
	border:1px solid #dadada;
	padding:5px 10px!important;
	width:135px;
	height:33px;
	margin-right:20px
}
.ms_date img {
	float:right
}


.ms_send_option select{
	border:1px solid #dadada;
	padding:3px 10px;
	width:62px;
	height:33px;
	background:url('../images/sub/select_arrow.png') no-repeat;
	background-size:8px 5px;
	background-position: right 5px center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
select::-ms-expand {
    display: none;
}

.ms_person {
	padding-right:20px;
	color:#666
}
.ms_person input{
	width:50px;
	height:33px;
	margin-right:0
}
.ms_divide {
	line-height:33px;
	padding-right:20px;
	color:#666
}
.ms_send_option>div:last-child {
	color:#666
}



#divide:checked + label .chk_box i {
	opacity:1
}
.ms_container {
	border-bottom:2px solid #374f9a;
}
.ms_btn {
	margin:40px auto;
	display:inline-block;
	position:relative;
	left:50%;
	transform:translateX(-50%)
}
.ms_btn:after {content: "";display: block;clear: both}
.ms_btn input {
	float:left;
	width:146px;
	height:48px;
	margin-right:10px;
	color:white;
	text-align:center;
	border:0;
	background:#374f9a;
	cursor:pointer
}
.ms_btn a {
	float:left;
	display:block;
	width:146px;
	height:48px;
	line-height:46px;
	color:#374f9a;
	text-align:center;
	border:0;
	border:2px solid #374f9a;
	font-weight:600
}




	
/******modal******/


.modal_contain {
	width:100%;
	height:100%;
	position:fixed;
	top:-100%;
	left:0;
	z-index:100;
}
.modal_contain.on {
	top:0
}
.modal_contain.on .modal_bg {
	display:block;
}
.modal_contain.on .modal_wrap {
	top:50%;
}
.modal_contain .modal_bg {
	width:100%;
	height:100%;
	opacity:0.5;
	background:black;
	position:absolute;
	top:0;
	left:0;
	display:none
}

.modal_wrap {
	position:absolute;
	top:-100%;
	left:50%;
	width:708px;
	transform:translate(-50%,-50%);
	border-radius:10px;
	background:white;
	transition:0.5s
}

.modal_wrap .ex {
	position:absolute;
	top:15px;
	right:20px;
	cursor:pointer
}

.modal_wrap h3 {
	color:white;
	font-size:18px;
	font-weight:400
}

.modal_tt:after {content: "";display: block;clear: both}
.modal_tt {
	padding:10px 20px;
	background:#374f9a;
	border:2px solid #374f9a;
}
.modal_tt i {
	font-size:20px;
	color:white
}

.modal_content {
	border:5px solid #374f9a;
	border-top:0;
	padding:30px 20px
}

/*modal02*/

.madal02_content:after {content: "";display: block;clear: both}
.madal02_content>div {
	float:left;
	width:25%;
	padding-right:10px;
	padding-bottom:10px
}
.modal02_box:nth-child(3n) {
	padding-right:0
}

.modal02_message {
	width:100%;
	height:156px;
	padding:10px;
	border:1px solid #666;
	border-radius:3px
}
.modal02_btn {
	width:100%;
	padding:10px;
	background:rgb(180,180,180,0.3);
	border-radius:0 0 3px 3px

}
.modal02_btn>div {
	width:70px;
	margin:0 auto
}
.modal02_btn>div a {
	display:inline-block;
	font-size:12px;
	padding:3px 5px;
	border:1px solid #dadada;
	background:white
}
.modal02_btn>div a:nth-child {
	margin-right:5px
}
.modal02_btn>div a.modal_delete {
	border:1px solid #db1a51;
	color:#db1a51
}
.madal02_content {
	border-bottom:1px solid #dadada;
	padding-bottom:30px
}
.modal_content .page {
	padding-top:0;
	margin:20px auto 0
}

/*modal03*/

.modal03_content {
	margin:0 -10px
}
.modal03_content:after {content: "";display: block;clear: both}
.modal03_content>div {
	float:left;
	width:50%;
	padding:10px
}
.modal03_content>div a {
	display:block;
	padding:10px;
	text-align:center;
	height:40px;
	width:100%;
	border-radius:20px;
	color:#666;
	background:#f1f1f1
}

.modal03 .modal_wrap {
	width:400px
}



/*modal04*/

.modal04 .modal_wrap {
	width:400px
}

.modal04_content {
	width:100%;
	height:200px;
	border:1px solid #dadada;
	overflow:auto;
	padding:20px
}
.modal_btn a{
	display: block;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    background: #777;
	margin:30px auto 0;
	width:99px
}

 .modal04_list span i {
	font-size:10px;
	text-align:center;
	line-height:18px;
	display:block;
	opacity:0
}
.modal04_list input:checked + label span i {
	opacity:1
}


/*modal05*/

.modal05 .modal_wrap {
	width:430px
}
.modal_contain .sub_content ul {
	padding:10px
}
.modal_contain .sub_content li{
	font-size:13px
}
.modal05_content {
	padding-top:10px
}
.modal05_content textarea {
	width:100%;
	height:200px;
	resize:none;
	border:1px solid #dadada;
	padding:20px
}


/*modal06*/

.modal06 .modal_wrap {
	width:500px
}
.modal_select:after {content: "";display: block;clear: both}
.modal_select select{
	background:#fff url("../images/sub/select_arrow.png") no-repeat;
	background-position: right 5px center;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	width:150px;
	height:33px;
	border:1px solid #d0d0d0;
	color:#666;
	padding:5px;
	float:right;
}
.modal_select select::-ms-expand {
    display: none;
}


.modal06_content {
	min-height:400px
}
.modal06_content .table02{
	margin-top:20px
}
.modal06_content .table02 tr{
	height:40px
}


/*modal07*/

.modal07 .modal_wrap {
	width:500px
}
.modal07_content {
    padding: 25px 30px;
    background: #fafafa;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}
.modal_file {
	width:300px;
	height:40px;
	line-height:40px;
	padding:0 10px;
	background: #fff;
    border: 1px solid #dadada;
	margin:0 auto;
}
.modal_file input {
	font-size:13px
}


/*modal08*/

.modal08_content input:checked + label span i{
	opacity:1
}


/*modal09*/



.modal09_content {
	margin-top:20px
}
.modal09_content .btnbox {
	display:inline-block
}
.modal09_content .btnbox a {
	padding:3px 8px
}
.modal09_list {
	width:100%;
	height:200px;
	border:1px solid #dadada;
	overflow:hidden;
	padding:10px;
	margin:10px 0;
	font-size:14px;
	color:#666
}
.modal09_content:after {content: "";display: block;clear: both}

.modal09_btn01 {
    display: inline-block;
    margin: 0 2px;
    padding: 0 5px;
    color: #e34b4b;
    font-size: 12px;
    height: 27px;
    line-height: 24px;
    border: 1px solid #e34b4b;
    background: #fff;
}
.modal09_btn02 {
    display: inline-block;
    margin: 0 2px;
    padding: 0 5px;
    font-size: 12px;
    height: 27px;
    line-height: 26px;
    color: #fff;
    background: #999;
}









/************** section02_sms **************/


.sms_search {
	width:100%;
	height:76px;
	padding:20px 50px;
	background:#f0f3f4;
	border:1px solid #dadada
}

.sms_search:after {content: "";display: block;clear: both}
.sms_date {
	float:left;
}
/*
.sms_date input {
	width:calc(100% - 28px);
	border:0;
	height:auto;
	display:inline-block
}

.sms_date:after {content: "";display: block;clear: both}
.sms_date>div {
	float:left;
}
.sms_date>div:nth-child(odd) {
	border:1px solid #d0d0d0;
	background:white;
	padding:1px 10px 0 0;
	width:145px
} 
*/
.sms_date>div:after {content: "";display: block;clear: both}
.sms_date>div .calendar_icon {
	float:right;
	cursor:pointer;
	padding-top:4px
}
.ui-widget-header a {
	cursor:pointer;
}
.ui-widget-header a:hover {
	border:0;
	background:transparent;
	top:2px;
	font-weight:inherit;
}
.ui-datepicker .ui-datepicker-prev:hover {
	left:2px
}
.ui-datepicker .ui-datepicker-next:hover {
	right:2px
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0; 
    background: transparent; 
    color: #454545;
}
.ui-widget-header {
    border: 0;
    background: transparent;
    color: #333333;
    font-weight: bold;
}
.sms_date_box img {
	cursor:pointer;
	padding-top:3px
}

.sms_date>div:nth-child(2) {
	padding:5px;
	color:#666
}
.contain:after {content: "";display: block;clear: both}
.search_form {
	float:right
}
.search_form:after {content: "";display: block;clear: both}
.search_form>div {
	float:left;
}

.search_select select{
	background:#fff url("../images/sub/select_arrow.png") no-repeat;
	background-position: right 5px center;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	width:95px;
	height:33px;
	border:1px solid #d0d0d0;
	color:#666;
	padding:5px;
	margin-right:10px
}
.search_select select::-ms-expand {
    display: none;
}
.search_input {
	width:240px;
	height:33px;
	border:1px solid #d0d0d0;
	background:white;
	color:#666;
}
.search_input input{
	border:0;
	background:0;
	width:200px;
	height:100%
}

.search_input img {
	vertical-align:-2px
}


.sms_contents {
	padding:50px 0
}

.sms_contents p {
	font-size:16px
}
.sms_contents p span {
	color:#db1a51
}

.sms_contents table td a {
	display:inline-block;
	padding:0 10px;
	color:#333;
	font-weight:300;
	letter-spacing:-0.075em;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	max-width:330px;
}

.table02 {
	border:1px solid #d0d0d0;
}
.table02 tr {
	border-bottom:1px solid #d0d0d0;
	height:50px
}
.table02 th{
	text-align:center;
	font-weight:400;
	background:#f0f3f4;
	border-right:1px solid #d0d0d0;
}
.table02 th.width {
	width:250px
}
.table02 th.narrow{
	width:85px
}
.table02 th:last-child, .table02 tr:last-child, .table02 td:last-child {
	border:0
}
.sms_contents .table02 th {
	height:56px
}
.table02 td {
	border-right:1px solid #d0d0d0;
	text-align:center;
	color:#666
}

table td b {
	font-weight:400;
	color:#db1a51
}

.sms_date_box {
	position:relative
}
/*
.calendar_box {
	position:absolute;
	width:180px;
	height:190px;
	background:white;
	border:1px solid #d0d0d0;
	z-index:10;
	top:35px;
	left:0px;
	display:none
}
.calendar_top {
	padding:5px 10px;
	width:100%;
	background:#f0f3f4;
}
.calendar_top:after {content: "";display: block;clear: both}
.calendar_top div {
	display:inline-block;
	text-align:center
}
.calendar_ym {
	position:relative;
	left:50%;
	transform:translateX(-75%);
	font-weight:600
}

.calendar_table {
	padding:10px 10px 5px 10px;
	font-size:12px
}
.calendar_table tr {
	height:20px
}
.calendar_table td {
	text-align:center;
	color:#666;
	cursor:pointer
}
.calendar_btn {
	cursor:pointer;
	border-radius:5px;
	border:1px solid #d0d0d0;
	font-size:12px;
	padding:0px 5px;
	display:inline-block;
	float:right;
	margin-right:10px
}


.calendar_table td.on {
	color:#e53064
}
.calendar_table td:hover {
	color:#e53064
}
.calendar_table td.today {
color:#374f9a
}

*/
.calendarForm {
	position:absolute;
	width:190px;
	height:auto;
	padding:10px;
	background:white;
	border:1px solid #d0d0d0;
	z-index:10;
	top:35px;
	left:0px;
	display:none
}
.custom_calendar_table td {
	 text-align:center;
	color:#666;
	cursor:pointer;
}
.custom_calendar_table tr {
	height:24px;
}

.custom_calendar_table thead.cal_date th {
    font-size: 1.5rem;
	padding-bottom:5px
}
.custom_calendar_table p, .custom_calendar_table span {
	font-size:16px;
	font-weight:600
}
.custom_calendar_table thead.cal_date th button {
	background:transparent;
	border:0;
	vertical-align: 3px;
}
.custom_calendar_table thead.cal_date th .prev:after {
	content: "\f0d9";
    font-family: FontAwesome;
	font-size:18px
}
.custom_calendar_table thead.cal_date th .next:after {
	content: "\f0da";
    font-family: FontAwesome;
	font-size:18px
}

.custom_calendar_table thead.cal_week th {
    font-weight:600;
}

.custom_calendar_table tbody td {
    cursor: pointer;
	font-size:12px;
}

.custom_calendar_table tbody td.select_day {
    background-color: #e45c84;
    color: #fff;
	border-radius:50%;
}
.calendar_btn {
	cursor:pointer;
	border-radius:5px;
	border:1px solid #d0d0d0;
	font-size:12px;
	padding:0px 5px;
	display:inline-block;
	float:right;
	margin-right:10px
	margin-bottom:10px
}

/************** section02_reservation **************/


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

.reservation_contents {
	padding-top:40px
}

.reservation_table {
	padding-top:10px
}

.reservation_contents .btn02 {
	margin-top:20px
}

table .ellipsis {
	display:inline-block;
	padding:0 10px;
	color:#333;
	font-weight:300;
	letter-spacing:-0.075em;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	max-width:300px;
}

.tb_title {
	width:300px
}

.re_dlt {
	padding:3px;
	border:1px solid #dadada;
	background:#f1f1f1
}


/*************** cs ***************/


.one_contents:after {content: "";display: block;clear: both}
.one_contents {
	padding-top:20px
}
.one_contents table td:nth-child(3) {
	padding:0 10px;
	text-align:left
}

.one_contents table td img {
	vertical-align:5px
}
.one_contents table td a {
	display:inline-block;
	padding:0 10px;
	color:#333;
	font-weight:300;
	letter-spacing:-0.075em;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	max-width:330px;
}

.oneone table td, .oneone table th{
	border-right:0
}
.oneone table textarea {
	resize:none;
	width:100%;
	height:200px
}
.blank {
    -webkit-animation: blank 0.5s infinite linear;
    -moz-animation: blank 0.5s infinite linear;
    -ms-animation: blank 0.5s infinite linear;
    animation: blank 0.5s infinite linear;
}



@-webkit-keyframes blank {
    0% {
		opacity:0
	}
	45% {
		opacity:0
	}
	50% {
        opacity:1
    }
}

@-moz-keyframes blank {
   0% {
		opacity:0
	}
	45% {
		opacity:0
	}
	50% {
        opacity:1
    }
}

@-ms-keyframes blank {
    0% {
		opacity:0
	}
	45% {
		opacity:0
	}
	50% {
        opacity:1
    }
}

@keyframes blank {
    0% {
		opacity:0
	}
	45% {
		opacity:0
	}
	50% {
        opacity:1
    }
}



.one_contents table td:nth-child(3) {
	width:330px
}

.one_contents .btn02 {
	margin-top:40px
}

.one_contents .btn02 a {
	display:block;
	color:white
}






.page{
	display:inline-block;
	margin:30px auto;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	padding-top:70px
}
.page:after {content: "";display: block;clear: both}
.page>div {
	float:left;
}
.numbox:after {content: "";display: block;clear: both}
.numbox>div {
	float:left;
	display:inline-block;
}
.page .box {
	display:inline-block;
	padding:5px 10px;
	border:1px solid #dadada;
	margin-right:5px;
	border-radius:3px;
	
}
.page .box a {
	display:block;
	width:100%;
	color:#666;
	font-size:13px
}
.page .box:hover  {
	background:#333;
	color:white;
	border:1px solid #333;
	cursor:pointer
}
.page .box:hover a {
	color:white;
}
.page .box.on{
	background:#333;
	color:white;
	border:1px solid #333
}
.page .box.on a{
	color:white;
}
.page .numbox {
	padding:0 15px
}





/* notice */


.notice_contents {
	padding-top:20px
}
.notice_contents table td:nth-child(2) {
	padding:0 10px;
	text-align:left;
	width:330px
}

.notice_contents table td a {
	display:inline-block;
	padding:0 10px;
	color:#333;
	font-weight:300;
	letter-spacing:-0.075em;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	max-width:330px;
}

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

.nv_tt {
	padding:10px 20px;
	border-top:1px solid #252525;
	background:#f0f3f4;
	border-bottom:1px solid #dadada
}

.nv_tt .right {
	
}
.nv_tt .right span {
	padding:0 13px 0 10px;
	border-right:1px solid #666;
	display:inline-block;
	color:#666;
}
.nv_tt .right span:last-child {
	border-right:0
}
.nv_contents {
	padding:20px;
	border-bottom:1px solid #dadada;
	min-height:300px
}


.notice a {
	margin: 40px auto 0;
	display:block;
}

.table_tt {
	width:100%
}


/****************faq***************/



.faq {
	width:100%;
}
.faq_menu {
}
.faq_menu:after {content: "";display: block;clear: both}
.faq_menu>li {
	float:left;
	width:20%;
	height:45px;
	line-height:45px;
	text-align:center;
	border:1px solid #dadada;
	border-left:none;
	font-size:16px;
	cursor:pointer;
	color:#9e9e9e;
	border-bottom: 2px solid #374f9a
}
.faq_menu>li:hover {
	color:#374f9a;
}
.faq_menu>li.on {
	border:2px solid #374f9a;
	border-bottom:0;
	color:#374f9a;
	height:50px;
	line-height:50px;
	margin-top:-5px
}

.faq_sub {
	width:100%;
	display:none;
	border-bottom:0
}
.faq_sub.on {
	display:block
}


.faq_q, .faq_a{
	padding:15px 25px;
	border-bottom:1px solid #e5e5e5;
}

.faq_q:after {content: "";display: block;clear: both}
.faq_q>div {
	float:left;
}
.faq_q {
	position:relative;
	width:100%;
	cursor:pointer;
	font-size:16px;
}
.faq_q .faq_icon {
	color:#5e73d4;
	padding-right:15px;
	font-weight:500
}
.faq_bar {
	position:absolute;
	right:25px;
	top:50%;
	transform:translateY(-50%);
	text-indent:-999px
}

.faq_bar span {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:15px;
	height:1px;
	border-bottom:1px solid #5e73d4;
	transition:0.5s
}

.faq_q.on .faq_bar span:last-child {
	transform:translate(-50%,-50%) rotate(90deg);
}

.faq_a {
	display:none
}
.faq_a:after {content: "";display: block;clear: both}
.faq_a>div {
	float:left;
}
.faq_a .faq_icon {
	color:#c06;
	padding-right:15px;
	font-weight:500;
	width:33px
}

.faq_a .faq_content {
	width:calc(100% - 33px);
	word-break: keep-all;
}





/***********point 충전하기*************/


.point01 table {
	margin-bottom:60px;
	width:643px
}
.point01 table td {
	font-size:13px
}
.point01 table td:first-child {
	text-align:left;
	padding:0 30px 0 45px;
	width: 200px;
}


.point01 table td input{
	display:inline-block;
	border: 1px solid #dadada;
    height: auto;
    margin-right: 10px;
    padding: 0;
	vertical-align: -1px;
}

.point02 .nemo_sub span {
	display:block;
	color:#666
}

.point02_table {
	margin:20px 0
}

.point02_table span {
	color:#db1a51;
	font-weight:600;
	font-size:15px;
	padding-right:5px
}
.point02_table td div {
	color:#666
}
.point02_table tr:last-child td input{
	display:inline-block;
	border: 1px solid #dadada;
    height: auto;
    margin-right: 10px;
    padding: 0;
	vertical-align: -1px;
}

.point .btn02 {
	height:48px!important;
	border:0!important;
	padding:0;
	margin-right:0
}

.point_direct {
	background: #f0f3f4;
}


/*************signup**************/

.signup .agree {
	margin-bottom:50px
}
.signup .agree input[type="checkbox"] + label span {
	border:1px solid #dadada;
}
.signup .agree input[type="checkbox"]:checked + label span img {
	opacity:1
}
.agree_content {
	margin:5px 0 10px;
	overflow-x:hidden;
	overflow-y:auto;
	width:795px;
	height:100px;
	border:1px solid #dadada;
	padding:10px
}


.btn_s {
	width: 100px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #dadada;
    background: #f1f1f1;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}



.signup input[type="radio"] + label span {
	border:1px solid #dadada
}
.signup input[type="radio"] + label span:after {
	content:"";
	display:none;
	width:8px;
	height:8px;
	background:#666;
	border-radius:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.signup input[type="radio"]:checked + label span {
	border:1px solid #666
}
.signup input[type="radio"]:checked + label span:after {
	display:block
}
.id_chk {
	width:100px;
	height:38px;
	text-align:center;
	line-height:38px;
	border:1px solid #dadada;
	background:#f1f1f1;
	display:inline-block;
	margin-left:10px;;
	cursor:pointer
}

.member_sub div {
	display:inline-block;
	margin-right:20px
}

.hyphen {
	padding-right:10px
}

.two_btn {
	position:relative;
	width:302px;
	left:50%;
	transform:translateX(-50%);
	margin-top:30px
}
.line_btn {
	display:inline-block;
	margin-right:8px;
	width:145px;
	height:48px;
	line-height:46px;
	color:#374f9a;
	border:1px solid #374f9a;
	text-align:center;
	font-size:16px
}
.two_btn input {
	display:inline-block;
	width:145px;
	height:48px;
	line-height:46px;
	background:#374f9a;
	color:white;
	border:1px solid #374f9a;
	text-align:center;
	font-size:16px;
	padding:0;
	margin-right:0;
	cursor:pointer
}

.ss_id {
	padding-top:40px;
	text-align:center;
	display:none;
	color:#666
}
.ss_id .s_id {
	color:#db1a51
}



@media (max-width:1100px) {

.wrap {
	margin:0 auto;
	width:1100px;
	padding:0 10px
}
header {
	width:1100px
}	
header ul {
	margin:0
}
.top_nav {
	width:1100px
}
.main {
	width:1100px
}
.main_top {
    padding: 20px 0;
    width: 1080px;
}
.main_menu {
	width:1100px
}
.main_bottom {
	width:1100px
}
footer {
	width:1100px
}
.contents_nav {
	width:1100px
}
#contents {
	padding: 20px 10px 150px;
}
}