charset "utf-8";


/*************************************************
*					LAYOUT						*
*************************************************/

.wrap{width:100%;margin:0;padding:0;position:relative;}
.header_wrap{width:100%;height:50px;margin:0 auto;padding:0;position:fixed;top:0;display:block;z-index:1000;}
.mcontainer{width:100%;margin:0;padding:0;position:relative;}
.scontainer{width:100%;margin:0;padding:50px 0 0;position:relative;}
.pcontainer{width:100%;margin:0;padding:60px 0 85px;position:relative;}
.footer{width:100%;margin:0;padding:0;position:fixed;bottom:0;z-index:1000;}






/************************************************
*		HEADER									*
************************************************/

/*** 메뉴 : MENU ***/
.header{width:100%;height:50px;margin:0 auto;background-color:#1c1c1c;position:relative;}
/** 토글버튼 **/
.header .main .nav{
	width:20px;
	height:20px;
	margin:5px 0 0;
	background:url(../images/icon/h_menu.png) no-repeat 0 0;
	background-size:20px;
	line-height:50px;
	display:block;
}
/** 뒤로가기 **/
.header .back{
	width:20px;
	height:50px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
.header .back a{
	width:100%;
	height:50px;
	background:url(../images/icon/h_back.png) no-repeat 5px 50%;
	background-size:20px;
	line-height:50px;
	display:block;
}
/** 로고 **/
.header .logo{
	height:50px;
	margin:0 0 0 45px;
	padding:0;
	text-align:left;
	font-size:20px;
	font-weight:500;
	color:#fff;
	line-height:50px;
	letter-spacing:-1px;
	position:absolute;
	left:0;
	top:0;
}
.header .logo a{color:#fff;}
.header .logo img{width:auto;height:15px;margin-bottom:5px;}

/** 타이틀 **/
.header .htit{
	width:100%;
	height:50px;
	padding:0;
	text-align:center;
	font-size:20px;
	font-weight:500;
	color:#fff;
	line-height:50px;
	letter-spacing:-1px;
	position:absolute;
	left:0;
	top:0;
}
/** 서브 타이틀 **/
.header .hsit{
	height:50px;
	margin:0 0 0 35px;
	padding:0;
	text-align:left;
	font-size:20px;
	font-weight:500;
	color:#fff;
	line-height:50px;
	letter-spacing:-1px;
	position:absolute;
	left:0;
	top:0;
}

/*** 좌측메뉴 ***/
.mn_wrap{width:280px;padding:0;position:absolute;left:0;top:0;z-index:100;}
.mn_wrap .mn_case{margin:0;padding:0;position:relative;left:0;top:0;}
.mn_wrap .mn_case .mc_title{padding:0 10px;background-color:#009a98;font-size:18px;color:#fff !important;line-height:50px;position:relative;}
.mn_wrap .mn_case .mc_title .mt_img{
	width:23px;
	height:23px;
	margin:14px 8px 0 0;
	border:1px solid #60a9f8;
	border-radius:100%;
	line-height:50px;
	float:left;
	overflow:hidden;
}
.mn_wrap .mn_case .mc_title .mt_img img{width:100%;height:100%;vertical-align:top;}
.mn_wrap .mn_case .mc_title a{color:#fff;}
.mn_wrap .mn_case .mc_title a.mp,
.mn_wrap .mn_case .mc_title a.mp:hover,
.mn_wrap .mn_case .mc_title a.mp:active{margin-left:10px;padding:2px 5px;border:1px solid #fff;border-radius:3px;font-size:14px;color:#fff !important;}
.mn_wrap .mn_case .mc_title .mt_txt{margin:-10px 0 0 30px;padding:0 0 10px;font-size:14px;font-weight:300;line-height:18px;position:relative;}
.mn_wrap .mn_case .mc_title .mt_txt a{padding:0 !important;}
.mn_wrap .mn_case .mc_title .nclose{height:50px;line-height:50px;display:block;position:absolute;right:10px;top:-3px;}
.mn_wrap .mn_case .mc_title .nclose img{width:15px;height:15px;}

.mn_wrap .mn_case .mt_nav{height:75px;margin:0;padding:0;background-color:#009a98;border-top:1px solid #166dcc;position:relative;display:block;}
.mn_wrap .mn_case .mt_nav li:first-child{width:33.4%;}
.mn_wrap .mn_case .mt_nav li{width:33.3%;float:left;}
.mn_wrap .mn_case .mt_nav li a{width:100%;height:75px;display:block;}
.mn_wrap .mn_case .mt_nav li p{height:30px;margin:0 0 5px;text-align:center;position:relative;}
.mn_wrap .mn_case .mt_nav li p .mn_img{width:auto;height:25px;}
.mn_wrap .mn_case .mt_nav li p em{width:100%;height:15px;background:url(../images/nav/new.png) no-repeat 30% 0;background-size:15px;position:absolute;top:0;}
.mn_wrap .mn_case .mt_nav li span{height:20px;text-align:center;font-size:13px;font-weight:300;color:#fff;line-height:20px;position:relative;display:block;}

.mn_wrap .mn_case .mc_nav{margin:0 0 10px;padding:0;position:relative;}
.mn_wrap .mn_case .mc_nav li.mntline{border-top:1px solid #f1f1f1;}
.mn_wrap .mn_case .mc_nav li.mnbline{border-bottom:1px solid #f1f1f1;}
.mn_wrap .mn_case .mc_nav li{height:50px;padding:0 10px;background-color:#fff;font-size:17px;color:#1c1c1c;line-height:50px;display:block;float:left;}
.mn_wrap .mn_case .mc_nav li.mn_tit{height:50px;color:#009a98;position:relative;}
.mn_wrap .mn_case .mc_nav li.mn_tit span{height:50px;color:#878787;position:absolute;right:10px;top:0;}
.mn_wrap .mn_case .mc_nav li.mn_tit span a{color:#878787;}
.mn_wrap .mn_case .mc_nav li.mn_tit span img{width:20px;height:10px;margin:0 0 0 10px;}
.mn_wrap .mn_case .mc_nav .nrbimg{width:23px;height:23px;margin:0 3px 3px 0;}
.mn_wrap .mn_case .mc_nav .nrimg{width:18px;height:18px;margin:0 3px 3px 0;}
.mn_wrap .mn_case .mc_nav .nrcimg{
	width:30px;
	height:30px;
	margin:10px 8px 0 0;
	border:1px solid #ccc;
	border-radius:100%;
	line-height:50px;
	position:relative;
	float:left;
	overflow:hidden;
}
.mn_wrap .mn_case .mc_nav .nrcimg img{width:100%;height:100%;vertical-align:top;}

.mn_wrap .mn_case .mc_tit,
.mn_wrap .mn_case .accordion {
	margin:0 0 1px;
	padding:12px 10px;
	border-bottom:1px solid #e4e4e4;
	background:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	font-weight:400;
	color:#555;
	position:relative;
}

.mn_wrap .mn_case .accordion-open {
	background:#fff;
	color:#555;
}
.mn_wrap .mn_case .accordion-open span {
	padding:10px;
	display:block;
	float:right;
}
.mn_wrap .mn_case .accordion-open span {
	background:url(../images/icon/close_arrow1.png) center center no-repeat;
}
.mn_wrap .mn_case .accordion-close span {
	padding:10px;
	background:url(../images/icon/open_arrow1.png) center center no-repeat;
	display:block;
	float:right;
}
.mn_wrap .mn_case div.acontainer {
	margin:0;
	padding:0 0 20px;
}
.mn_wrap .mn_case div.acontent {
	margin:0;
	padding:15px 20px 0;
	background:#f3f5f5;
	font-size:15px;
	color:#888;
	position:relative;
}






/************************************************
*		SLIDER MENU								*
************************************************/

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}

.main > section {
	max-width:20px;
	width:90%;
	margin-left:10px;
	position:fixed;
	top:10px;
	z-index:1000;
}
.main > section button {
	margin:0;
	padding:0 0 8px;
	opacity:1;
	color:#fff;
	display:block;
	cursor:pointer;
}
.main > section button:hover {
	opacity:1;
}
.main > section button.active {
	opacity:1;
}
.main > section button.disabled {
	opacity:1;
	pointer-events:none;
}

.bg_over{width:100%;height:100%;background-color:#000 !important;opacity:0.4 !important;position:fixed;left:0;top:0;z-index:10000;}


/* General styles for all menus */
.cbp-spmenu {
	background:#f1f1f1;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
	position:fixed;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
	width:280px;
	height:100%;
	top:0;
	z-index:999999;
}
.cbp-spmenu-vertical a {
	padding:10px 0 0;
}
.cbp-spmenu-horizontal {
	width:100%;
	height:150px;
	left:0;
	z-index:1000;
	overflow:hidden;
}
.cbp-spmenu-horizontal h3 {
	height:100%;
	width:20%;
	float:left;
}
.cbp-spmenu-horizontal a {
	float:left;
	width:20%;
	padding:0.8em;
	border-left:1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
	left:-280px;
}
.cbp-spmenu-right {
	right:-280px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left:0;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right:0;
}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
	top:-280px;
}
.cbp-spmenu-bottom {
	bottom:-280px;
}
.cbp-spmenu-top.cbp-spmenu-open {
	top:0;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom:0;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
	overflow-x:hidden;
	position:absolute;
	left:0;
	z-index:0;
}
.cbp-spmenu-push-toright {
	left:280px;
}
.cbp-spmenu-push-toleft {
	left:-280px;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/* Example media queries */
@media screen and (max-width:55.1875em){
	.cbp-spmenu-horizontal {
		font-size:75%;
		height:210px;
	}
	.cbp-spmenu-top {
		top:-210px;
	}
	.cbp-spmenu-bottom {
		bottom:-210px;
	}
}

@media screen and (max-height:26.375em){
	.cbp-spmenu-vertical {
		font-size:90%;
		width:280px;
	}
	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left:-280px;
	}
	.cbp-spmenu-right {
		right:-280px;
	}
	.cbp-spmenu-push-toright {
		left:280px;
	}
}






/*************************************************
*					MAIN						*
*************************************************/

.intro_bg{width:100%;z-index:0;}
.intro_btn{
	width:80%;
	height:55px;
	margin:55% 10% 0;
	padding:0;
	background-color:#fff;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow:3px 3px 3px #666;
	text-align:center;
	font-size:22px;
	font-weight:500;
	color:#479287 !important;
	line-height:55px;
	display:block;
	position:absolute;
	z-index:100;
}

.m_ltit{padding:0 10px;text-align:left;font-size:16px;font-weight:500;line-height:35px;position:relative;}
.m_banner{margin:0 0 15px;padding:0;position:relative;}
.m_banner img{width:100%;}






/*************************************************
*						SUB						*
*************************************************/

/******* 토마토에이드 ******/

/******* 가입신청 ******/
.j_case{margin:0 10px 15px;padding:0;position:relative;}
.j_case .lh40{text-align:center;line-height:40px;}
.j_case input{background-color:#fff;}
.j_case .jc_btn{width:100%;height:40px;text-align:center;font-size:14px;font-weight:500;color:#fff;line-height:40px;background-color:#9e9e9e;display:block;}
.j_sxt{
	margin:5px 10px 0;
	padding:0;
	text-align:left;
	font-size:12px;
	font-weight:400;
	line-height:16px;
	display:block;
}


.j_check{
	margin:20px 10px 0;
	padding:0 40px 0 0;
	text-align:left;
	font-size:13px;
	font-weight:400;
	line-height:18px;
	position:relative;
}
.j_check span{height:60px;padding:0 10px;line-height:60px;position:absolute;right:0;top:-12px;}
.j_check span input[type="checkbox"] + label:before{left:0;top:15px;}
.j_check span input[type="checkbox"] + label b{margin:0 0 0 5px;color:#333;}
.j_check span input[type="checkbox"] + label:before {
	width:30px !important;
	height:30px !important;
	background:url(../images/icon/a_check_up.png) no-repeat center 50% !important;
	background-size:30px 30px !important;
	content:'';
}
.j_check span input[type="checkbox"]:checked + label:before {
	background:url(../images/icon/a_check_ov.png) no-repeat center 50% !important;
	background-size:30px 30px !important;
	content:'';
}


.j_cimg{width:80%;margin:0 auto;padding:0;position:relative;}
.j_cimg img{width:100%;}





/******* 계약관리 ******/
.mp_tab{margin:0 0 15px;padding:0 10px;position:relative;}
.mp_tab a:first-child{border-radius:3px 0 0 3px;}
.mp_tab a{
	width:50%;
	height:40px;
	background-color:#ddd;
	border-radius:0 3px 3px 0;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#666;
	line-height:40px;
	float:left;
}
.mp_tab a:hover,
.mp_tab a.on{background-color:#009a98;color:#fff;}





/******* 보상 ******/
.rew_case{margin:0 10px 20px;padding:0px;border-radius:8px;box-shadow:4px 4px 4px #ccc;position:relative;}
.rew_case .rc_tit{
	padding:10px;
	background-color:#e0e0e0;
	border-radius:8px 8px 0 0;
	text-align:center;
	font-size:16px;
	line-height:24px;
	position:relative;
}
.rew_case .rc_txt{
	padding:15px 10px;
	background-color:#fff;
	border-radius:0 0 8px 8px;
	font-size:13px;
	line-height:20px;
	position:relative;
}






/******* 고객센터 ******/
.sq_case{margin:0;padding:0;border-top:1px solid #e4e4e4;position:relative;}
.sq_case .accordion {
	margin:0 0 1px;
	padding:12px 10px;
	border-bottom:1px solid #e4e4e4;
	background:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	font-weight:400;
	color:#555;
	position:relative;
}
.sq_case .accordion .actit{width:35px;margin:0 10px 0 0;text-align:left;font-weight:400;float:left;}
.sq_case .accordion-open {
	background:#fff;
	color:#555;
}
.sq_case .accordion-open span {
	padding:10px;
	display:block;
	float:right;
}
.sq_case .accordion-open span {
	background:url(../images/icon/close_arrow1.png) center center no-repeat;
}
.sq_case .accordion-close span {
	padding:10px;
	background:url(../images/icon/open_arrow1.png) center center no-repeat;
	display:block;
	float:right;
}
.sq_case div.acontainer {
	margin:0;
	padding:0 0 20px;
}
.sq_case div.acontent {
	margin:0;
	padding:15px 20px 0;
	background:#f3f5f5;
	font-size:15px;
	color:#888;
	position:relative;
}
.sq_case div.acontent .actxt{width:4%;text-align:left;font-weight:400;color:#555;float:left;}
.sq_case div.acontent .accop{width:95%;margin:-3px 0 0;text-align:left;font-weight:400;color:#888;float:left;}

.sq_case div.acontent ul, div.acontent p {
	margin:0;
	padding:3px;
}
.sq_case div.acontent ul li {
	list-style-position:inside;
	line-height:25px;
}
.sq_case div.acontent ul li a {
	color:#555;
}






/******* 마이페이지 ******/
.mp_wrap{margin:0;padding:10px;position:relative;}
.mp_wrap ul{margin:0;padding:0;position:relative;}
.mp_wrap li{margin:0;line-height:30px;float:left;}

.mp_wrap li.mw_pf{width:100%;height:130px;margin:0;padding:10px;background-color:#fff;border:1px solid #d8d8d8;position:relative;}
.mp_wrap li.mw_pf .mp_img{width:100px;height:100px;margin:0 15px 0 0;position:relative;float:left;}
.mp_wrap li.mw_pf .mp_img .mpthum{width:100px;height:100px;border:1px solid #e0e0e0;border-radius:100%;position:absolute;left:0;top:0;overflow:hidden;}
.mp_wrap li.mw_pf .mp_img .mpicon{width:20px;height:20px;position:absolute;right:5px;bottom:5px;z-index:100;}
.mp_wrap li.mw_pf .mp_img img{width:100%;}
.mp_wrap li.mw_pf .mp_copy{width:58%;margin:0;padding:0;position:relative;float:left;}
.mp_wrap li.mw_pf .mp_copy .mc_txt{margin:0 0 5px;padding:0;font-size:14px;font-weight:500;color:#666;line-height:22px;display:block;}
.mp_wrap li.mw_pf .mp_copy .mc_txt a{
	height:25px;
	background-color:#efefef;
	border-radius:4px;
	text-align:center;
	line-height:25px;
	display:block;
}


.mp_case{width:100%;margin:0;padding:10px;background-color:#fff;border:1px solid #d8d8d8;position:relative;}
.mp_case li.mc_pf{width:100%;height:40px;position:relative;}
.mp_case li.mc_pf .mp_text{height:40px;position:relative;}
.mp_case li.mc_pf .mp_tit{margin:0;font-size:16px;font-weight:500;color:#666;line-height:40px;display:block;float:left;}
.mp_case li.mc_pf .mp_more{
	width:40px;
	height:40px;
	background:url(../images/icon/more_icon.png) no-repeat right 50%;
	background-size:11px;
	float:right;
}

.mp_case li.mc_pf .mp_switch{height:45px;margin:0;padding:0;overflow:hidden;}
.mp_case li.mc_pf .mp_switch label {margin:0;font-size:12px;font-weight:300;cursor:pointer;display:block;}
.mp_case li.mc_pf .mp_switch input[type="checkbox"] {
	width:1em;
	margin-right:-2em;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	opacity:0;
	display:none;
	float:right;
	z-index:-1;
}
.mp_case li.mc_pf .mp_switch input[type="checkbox"] + label {
	width:40px;
	height:45px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-align:center;
	position:relative;
	cursor:pointer;
	display:block;
	float:right;
}
.mp_case li.mc_pf .mp_switch input[type="checkbox"] + label b{
	width:40px;
	height:45px;
	position:absolute;
	left:0;
	top:0;
}
.mp_case li.mc_pf .mp_switch input[type="checkbox"] + label:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}
.mp_case li.mc_pf .mp_switch input[type="checkbox"] + label:before {
	width:40px;
	height:45px;
	margin-top:-17px;
	background:url(../images/icon/btn_pushoff.png) no-repeat center 50% !important;
	background-size:40px !important;
	text-align:center;
	display:inline-block
}
.mp_case li.mc_pf .mp_switch input[type="checkbox"]:checked + label:before {
	margin-top:-17px;
	background:url(../images/icon/btn_pushon.png) no-repeat center 50% !important;
	background-size:40px !important;
}






/*************************************************
*					SWITCH						*
*************************************************/

/* Rectangular switch 
<label class="switch">
	<input type="checkbox">
	<span class="slider"></span>
</label>
*/
/* Rounded switch 
<label class="switch">
	<input type="checkbox">
	<span class="slider round"></span>
</label>
*/

/* The switch - the box around the slider */
.switch{
	width:55px;
	height:30px;
	position:relative;
	display:inline-block;
	float:right;
}

/* Hide default HTML checkbox */
.switch input{display:none;}

/* The slider */
.slider{
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
	-webkit-transition:.4s;
	transition:.4s;
}

.slider:before{
	width:26px;
	height:26px;
	content:"";
	position:absolute;
	left:2px;
	bottom:2px;
	background-color:white;
	-webkit-transition:.4s;
	transition:.4s;
}

input:checked + .slider{
	background-color:#2196F3;
}

input:focus + .slider {
	box-shadow:0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform:translateX(26px);
	-ms-transform:translateX(26px);
	transform:translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius:30px;
}

.slider.round:before {
	border-radius:50%;
}






/************************************************
*		Paginate								*
************************************************/

.responsivePaginate
{
	margin:2em 0;
	text-align:center;
	font-size:1em;
	line-height:1em;
	white-space:nowrap;
}
.responsivePaginate img{margin:0 0 5px;vertical-align:middle;}

.responsivePaginate span, .responsivePaginate div{
	margin:0 .25em 0 .25em;
	padding:.20em .5em;
	background-color:#009a98;
	border:1px solid #009a98;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	color:#fff !important;
	line-height:1em;
	visibility:hidden;
}
.responsivePaginate span, .responsivePaginate div
{
	display:inline;
	color:#009a98;
	text-shadow:1px 1px 0px #0a6160;
}
.responsivePaginate a
{
	margin:0 .25em 0 .25em;
	padding:.20em .5em;
	color:#009a98;
	text-decoration:none;
	background-color:#eef;
	border:1px solid #bcbcbc;
	background-image:-webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 0px #fff;
}

.responsivePaginate a.next{background:url(../images/icon/btn_page_next.gif) no-repeat center 50%;}
.responsivePaginate a.prev{background:url(../images/icon/btn_page_prev.gif) no-repeat center 50%;}

.responsivePaginate a:hover
{
	background-color:#009a98;
	background-image:-webkit-linear-gradient(top, #009a98 0%, #009a98 100%);
	color:#fff !important;
	text-shadow:1px 1px 0px #0a6160;
}

.responsivePaginate a:hover.next{background:url(../images/icon/btn_page_next.gif) no-repeat center 50%;}
.responsivePaginate a:hover.prev{background:url(../images/icon/btn_page_prev.gif) no-repeat center 50%;}






/************************************************
*		FOOT									*
************************************************/

.footer{height:50px;text-align:center;font-size:17px;font-weight:500;color:#fff;line-height:60px;}
.footer a{height:50px;background-color:#009a98;color:#fff;line-height:50px;display:block;}
.footer a:hover{background-color:#009a98 !important;color:#fff;}






/*************************************************
*					POPUP						*
*************************************************/

/*************** BOOTSTRAP POP ******************/
.modal{top:50px !important;z-index:1000;}
.modal.in .modal-dialog{max-width:620px;}

.modal-header{border-radius:0;font-size:16px;color:#000;}
.modal-header .close{font-size:35px;font-weight:300;color:#000;float:right;}

.modal-body.mb_nop{padding:15px 10px;}
.modal-body .mb_list{
	height:50px;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
	font-size:16px;
	line-height:50px;
	display:block;
}
.modal-body .mb_list:last-child{border:0 none;}
.modal-body .mb_list:focus,
.modal-body .mb_list:hover{color:#2d81e1;}

.modal-body .mb_tit{margin:0 0 5px;font-size:14px;display:block;}
.modal-body .mb_txt{margin:0 0 10px;font-size:12px;display:block;}

.pscroll{height:280px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.modal-footer{padding:0 !important;border-top:0 none !important;}
.modal-footer .btn{height:50px;margin:0 !important;padding:0;border-radius:0 0 6px 6px;font-size:15px;line-height:50px;float:left;}
.modal-footer .btn-normal{background-color:#1c1c1c !important;color:#fff;}
.modal-footer .btn-primary{background-color:#009a98 !important;color:#fff;}






/************************************************
*		동의 : Agreement						*
************************************************/

.arg_case{padding:15px 10px;background-color:#fff;}

.agr_wrap{margin:0;position:relative;}
.agr_wrap .agr_xtit{margin:0;padding:15px 0 20px;text-align:center;font-size:22px;font-weight:700;color:#1c1c1c;line-height:30px;display:block;}
.agr_wrap .agr_btit{margin:0;padding:0 0 10px;text-align:left;font-size:17px;font-weight:600;color:#1c1c1c;line-height:26px;display:block;}
.agr_wrap .agr_tit{margin:0;padding:0 0 5px;text-align:left;font-size:15px;font-weight:600;color:#1c1c1c;line-height:26px;display:block;}
.agr_wrap .agr_txt{margin:0;padding:0 0 20px;text-align:left;font-size:13px;font-weight:400;color:#1c1c1c;line-height:20px;display:block;}

.agr_wrap .aw_table{width:100%;margin:0 0 40px;padding:0;position:relative;}
.agr_wrap .aw_table th{padding:5px;background-color:#efefef;border:1px solid #ddd;font-size:12px;font-weight:600;color:#1c1c1c;line-height:16px;}
.agr_wrap .aw_table td{padding:5px;background-color:#fff;border:1px solid #ddd;font-size:12px;font-weight:400;color:#1c1c1c;line-height:16px;}

.stb_xbti{margin:20px 0;text-align:center;font-size:40px;font-weight:800;color:#666;line-height:50px;display:block;}
.stb_xti{margin-bottom:40px;text-align:center;font-size:18px;font-weight:600;color:#666;line-height:25px;display:block;}
.stb_bti{margin-bottom:5px;text-align:left;font-size:16px;font-weight:600;color:#333;line-height:22px;display:block;}
.stb_ti{margin-bottom:5px;text-align:left;font-size:14px;font-weight:400;color:#666;line-height:20px;display:block;}
.stb_copy{margin-bottom:25px;text-align:left;font-size:13px;color:#666;font-weight:400;line-height:18px;display:block;}
.stb_txt{margin-bottom:5px;padding-left:15px;text-align:left;font-size:13px;font-weight:400;color:#666;line-height:18px;display:block;}






/************************************************
*				회원가입 : Join					*
************************************************/
.join_wrap{width:100%;max-width:300px;margin:0 auto 20px;padding:0;background-color:#fff;position:relative;}
.join_wrap .jw_all{height:60px;padding:0 10px;border-bottom:1px solid #e3e3e3;line-height:60px;}
.join_wrap .jw_all input[type="checkbox"] + label:before{left:0;top:15px;}
.join_wrap .jw_all input[type="checkbox"] + label b{margin:0 0 0 5px;color:#333;}
.join_wrap .jw_all input[type="checkbox"] + label:before {
	width:30px !important;
	height:30px !important;
	background:url(../images/icon/a_check_up.png) no-repeat center 50% !important;
	background-size:30px 30px !important;
	content:'';
}
.join_wrap .jw_all input[type="checkbox"]:checked + label:before {
	background:url(../images/icon/a_check_ov.png) no-repeat center 50% !important;
	background-size:30px 30px !important;
	content:'';
}

.join_wrap .jw_list{margin:0 0 20px;padding:0 10px;position:relative;}
.join_wrap .jw_list li{height:35px;margin:15px 0;line-height:35px;position:relative;display:block;}
.join_wrap .jw_list li a{
	width:18px;
	height:35px;
	background:url(../images/icon/more_icon.png) no-repeat center 45%;
	background-size:12px;
	position:absolute;
	right:0;
	top:0;
	display:block;
}

.join_wrap label {margin:0;font-size:12px;font-weight:300;cursor:pointer;display:block;}
.join_wrap input[type="checkbox"] {
	width:1em;
	margin-right:-2em;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	opacity:0;
	display:block;
	float:left;
	z-index:-1;
}
.join_wrap input[type="checkbox"] + label {
	width:280px;
	padding:0 0 0 35px;
	text-decoration:none;
	font-size:15px;
	font-weight:400;
	color:#777;
	position:relative;
	cursor:pointer;
	display:block;
	float:left;
}
.join_wrap input[type="checkbox"] + label b{
	font-size:18px;
	font-weight:600;
	color:#555;
}
.join_wrap input[type="checkbox"] + label:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}
.join_wrap input[type="checkbox"] + label:before {
	width:1.6em;
	height:1.6em;
	margin:0;
	background:url(../images/icon/check_up.png) no-repeat center 50% !important;
	content:'';
	text-align:center;
	line-height:1.725em;
	display:inline-block;
	position:absolute;
	left:0;
	top:5px;
}
.join_wrap input[type="checkbox"]:checked + label:before {
	background:url(../images/icon/check_ov.png) no-repeat center 50% !important;
	content:'';
}
.join_wrap input[type="checkbox"]:checked + label {
	color:#333 !important;
}
.join_wrap input[type="checkbox"]:focus + label:before {
	color:#333;
}






/************************************************
*				회원가입 : Join					*
************************************************/
.wal_wrap{margin:0 0 40px;padding:0 10px 80px;background-color:#fff;position:relative;}
.wal_wrap .ww_txt{
	margin:0 0 5px;
	padding:0;
	text-align:center;
	font-size:15px;
	font-weight:300;
	line-height:20px;
	position:relative;
}
.wal_wrap .ww_install{
	height:45px;
	margin:0 0 20px;
	background:#2f82e0 url(../images/login/app_download.png) no-repeat 15px 50%;
	background-size:25px;
	position:relative;
}
.wal_wrap .ww_linkage{
	height:45px;
	margin:0 0 20px;
	background:#2f82e0 url(../images/login/app_link.png) no-repeat 15px 50%;
	background-size:25px;
	position:relative;
}
.wal_wrap .ww_install a,
.wal_wrap .ww_linkage a{
	width:100%;
	height:45px;
	text-align:center;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:45px;
	display:block;
}






/************************************************
*		ETC										*
************************************************/

.c_xtit{margin:35px 0;padding:0 10px;text-align:center;font-size:20px;font-weight:500;line-height:35px;position:relative;}
.sctxt{margin:0 0 15px;text-align:center;font-size:13px;line-height:17px;font-weight:400;color:#777;position:relative;display:block;}

.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}

.ft_l{float:left !important;}
.ft_r{float:right !important;}






/************************************************
*		TABLE	 								*
************************************************/

.table_type1{width:100%;margin:0 0 15px;padding:0;border-top:2px solid #666;position:relative;}
.table_type1 caption{display:none}
.table_type1 thead th,
.table_type1 thead td{padding:10px;background-color:#efefef;border-bottom:1px solid #d8d8d8;font-size:15px;font-weight:500;color:#333;line-height:20px;}
.table_type1 tbody th{padding:10px;background-color:#efefef;border-bottom:1px solid #d8d8d8;font-size:13px;font-weight:500;color:#333;line-height:18px;}
.table_type1 tbody td{padding:10px;background-color:#fff;border-bottom:1px solid #d8d8d8;font-size:13px;font-weight:400;color:#999;line-height:18px;}
.table_type1 .tt1_bbtn{width:60px;height:25px;margin:0 auto;padding:0 5px;background-color:#009a98;border-radius:4px;color:#fff;line-height:25px;display:block;}
.table_type1 .tt1_bbtn:hover{color:#fff !important;}
.table_type1 .tt1_gbtn{width:60px;height:25px;margin:0 auto;padding:0 5px;background-color:#999;border-radius:4px;color:#fff;line-height:25px;display:block;}
.table_type1 .tt1_gbtn:hover{color:#fff !important;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media (min-width: 1200px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (max-width:768px){
}

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}