@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;}
.hcontainer{width:100%;margin:0;padding:15px 0 0;position:relative;}
.scontainer{width:100%;margin:0;padding:50px 0 0;position:relative;}
.wcontainer{width:100%;margin:0;padding:0;background-color:#fff;position:relative;}
.footer{width:100%;margin:0;padding:0;position:fixed;bottom:0;z-index:1000;}






/************************************************
*		MAIN BG									*
************************************************/

.tt_bg{width:100%;margin:50px 0 0;background-color:#fff;position:relative;z-index:1;}
.tb_thum{
	height:180px;
	background:url(../images/tt_mbg.png) right top no-repeat;
	background-size:100%;
}
.tb_sthum{height:180px;position:relative;}
.tb_sthum img{position:absolute;left:0;top:0;z-index:0;}
.tb_sthum p{margin:0 0 10px 15px;text-align:left;font-size:20px;font-weight:300;color:#000;line-height:28px;position:relative;display:block;z-index:100;}
.tb_sthum p b{font-weight:700;}
.tb_sthum span{margin:0 0 20px 15px;text-align:left;font-size:14px;font-weight:300;color:#000;line-height:20px;position:relative;display:block;z-index:100;}

.ts_bg{width:100%;margin:0;background-color:#e3d6e5 !important;position:relative;z-index:1;}
.ts_thum{
	height:180px;
	margin:0 0 15px;
	padding:5px 0 0;
	background:url(../images/ts_bg.png) center bottom no-repeat;
	background-size:100%;
}

.ts_m1{height:200px;margin:0;padding:0;background:url(../images/s_main1_1.png) center top no-repeat;background-size:100%;}
.ts_m2{height:200px;margin:0;padding:0;background:url(../images/s_main2_1.png) center top no-repeat;background-size:100%;}
.ts_m3{height:200px;margin:0;padding:0;background:url(../images/s_main3.jpg) center top no-repeat;background-size:100%;}
.ts_m4{height:200px;margin:0;padding:0;background:url(../images/s_main4.jpg) center top no-repeat;background-size:100%;}
.ts_m5{height:200px;margin:0;padding:0;background:url(../images/s_main5.jpg) center top no-repeat;background-size:100%;}




.main_wrap .flex-container a:hover,
.main_wrap .flex-slider a:hover {
	outline: none;
}
.main_wrap .slides,
.main_wrap .slides > li,
.main_wrap .flex-control-nav,
.main_wrap .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main_wrap .flex-pauseplay span {
	text-transform: capitalize;
}
/* --------------------------------------------
 * BASE STYLES
 * --------------------------------------------*/
.main_wrap .flexslider {
	margin: 0;
	padding: 0;
}
.main_wrap .flexslider .slides > li {
	-webkit-backface-visibility:hidden;
	overflow:hidden;
}
.main_wrap .flexslider .slides img {
	width:100%;
	display:block;
}
.main_wrap .flexslider .slides:after {
	height:0;
	line-height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
html[xmlns] .flexslider .slides {
	display:block;
}
* html .flexslider .slides {
	height:1%;
}
.no-js .flexslider .slides > li:first-child {
	display:block;
}

.main_wrap .flexslider {
	height:180px;
	margin:0;
	background:#fff;
	position:relative;
	zoom:1;
}
.main_wrap .flexslider .slides {
	zoom:1;
}
.main_wrap .flexslider .slides img {
	height:auto;
	-moz-user-select:none;
}
.main_wrap .flex-viewport {
	max-height:2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.main_wrap .loading .flex-viewport {
	max-height:300px;
}
.main_wrap .carousel li {
	margin-right:5px;
}
.main_wrap .flex-direction-nav {
	height:0;
}
.main_wrap .flex-direction-nav a {
	width:35px;
	height:35px;
	margin:-20px 0 0;
	text-decoration:none;
	font-size:0 !important;
	color:rgba(0, 0, 0, 0.8);
	position:absolute;
	top:50%;
	z-index:10;
	display:block;
	overflow:hidden;
	opacity:1;
	cursor:pointer;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main_wrap .flex-direction-nav .flex-prev {
	opacity:0;
	background:url(../images/icon/arrow_prev1.png) no-repeat;
	background-size:100%;
	left:10px;
	top:45%;
}
.main_wrap .flex-direction-nav .flex-next {
	opacity:0;
	background:url(../images/icon/arrow_next1.png) no-repeat;
	background-size:100%;
	text-align: right;
	right:10px;
	top:45%;
}
.main_wrap .flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left:10px;
}
.main_wrap .flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity:1;
	background:url(../images/icon/arrow_prev1.png) no-repeat;
	left:10px;
	top:45%;
}
.main_wrap .flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right:10px;
}
.main_wrap .flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity:1;
	background:url(../images/icon/arrow_next1.png) no-repeat;
	right:10px;
	top:45%;
}
.main_wrap .flex-direction-nav .flex-disabled {
	opacity:1;
	filter:alpha(opacity=100);
	cursor:default;
	z-index:-1;
}
.main_wrap .flex-control-nav {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
	z-index:1000;
}
.main_wrap .flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
}
.main_wrap .flex-control-paging li a {
	width:10px;
	height:10px;
	background:#000;
	background:rgba(0, 0, 0, 0.5);
	border:1px solid #f1f1f1;
	cursor:pointer;
	text-indent:-9999px;
	-webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	display:block;
}
.main_wrap .flex-control-paging li a:hover {
	background:#f1f1f1;
	background:rgba(241, 241, 241, 1);
	border:1px solid #f1f1f1;
}
.main_wrap .flex-control-paging li a.flex-active {
	background:#f1f1f1;
	background:rgba(241, 241, 241, 1);
	cursor:default;
}
.main_wrap .flex-control-thumbs {
	margin:5px 0 0;
	position:static;
	overflow:hidden;
}
.main_wrap .flex-control-thumbs li {
	width:25%;
	float:left;
	margin:0;
}
.main_wrap .flex-control-thumbs img {
	width:100%;
	height:auto;
	display:block;
	opacity:.7;
	cursor:pointer;
	-moz-user-select:none;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.main_wrap .flex-control-thumbs img:hover {
	opacity:1;
}
.main_wrap .flex-control-thumbs .flex-active {
	opacity:1;
	cursor:default;
}

/* --------------------------------------------
 * DEFAULT THEME
 * --------------------------------------------*/
.main_wrap{width:100%;height:180px;margin:0 auto;overflow:hidden;}
.main_wrap .flex-direction-nav .flex-prev,
.main_wrap .flex-direction-nav .flex-next{top:50% !important;}






/************************************************
*		HEADER									*
************************************************/

/*** 메뉴 : MENU ***/
.header{width:100%;height:50px;margin:0 auto;background-color:#f7f7f7;border-bottom:2px solid #a6a6a6;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:25px;
	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 10px 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:#212121;
	line-height:50px;
	letter-spacing:-1px;
	position:absolute;
	left:0;
	top:-2px;
}
.header .logo img{width:auto;height:30px;}
.header .logo a{color:#212121;}

.header .r_btn {
	position:absolute;
	right:10px;
	top:16px;
}
.header .r_btn a.mp,
.header .r_btn a.mp:hover,
.header .r_btn a.mp:active{
	padding:2px 8px;
	border:1px solid #b18377;
	border-radius:3px;
	font-size:14px;
	color:#b18377 !important;
}
.header .r_btn a.mp img{height:20px;margin:0 0 3px;vertical-align:middle;}

/** 타이틀 **/
.header .htit{
	width:100%;
	height:50px;
	padding:0;
	text-align:center;
	font-size:20px;
	font-weight:500;
	color:#212121;
	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:#212121;
	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;}
.mn_wrap .mn_case .nav_wrap{width:100%;height:50px;position:relative;}
.mn_wrap .mn_case .nav_wrap .mc_title{
	width:280px;
	height:50px;
	padding:0 10px;
	background-color:#b18377;
	font-size:18px;
	color:#fff !important;
	line-height:50px;
	position:fixed;
	z-index:10;
}
.mn_wrap .mn_case .nav_wrap .mc_title a{color:#fff;}
.mn_wrap .mn_case .nav_wrap .mc_title a.mp{
	margin-left:10px;
	padding:2px 5px 2px 25px;
	background:url(../images/icon/m_icon3.png) no-repeat 3px 50%;
	background-size:17px;
	border:1px solid #fff;
	border-radius:3px;
	font-size:14px;
	color:#fff !important;
}
.mn_wrap .mn_case .nav_wrap .mc_title a.mp:hover,
.mn_wrap .mn_case .nav_wrap .mc_title a.mp:active{color:#fff !important;}
.mn_wrap .mn_case .nav_wrap .mc_title .nclose{height:50px;line-height:50px;display:block;position:absolute;right:10px;top:-3px;}
.mn_wrap .mn_case .nav_wrap .mc_title .nclose img{width:15px;height:15px;}

.mn_wrap .mn_case .nav_case{margin:0;padding:0;position:relative;}

.mn_wrap .mn_case .mc_tit,
.mn_wrap .mn_case .accordion {
	margin:0 0 1px;
	padding:15px 10px;
	border-bottom:1px solid #e4e4e4;
	background:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:15px;
	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;
}
.mn_wrap .mn_case div.acontent {
	margin:0;
	padding:10px 15px;
	background:#f3f5f5;
	border-bottom:1px solid #fff;
	font-size:14px;
	color:#666;
	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:100000;
}
.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:130px;
	}
	.cbp-spmenu-top {
		top:-130px;
	}
	.cbp-spmenu-bottom {
		bottom:-130px;
	}
}

@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;
	}
}






/************************************************
*		CONTAINER								*
************************************************/

/*** MAIN ***/
.info_wrap:last-child{border:0 none;}
.info_wrap{margin:0;padding:15px 10px;border-bottom:1px solid #ccc;position:relative;}
.info_wrap .iw_thum{width:100%;margin:0 0 15px;padding:0;position:relative;display:block;}
.info_wrap .iw_thum img{width:100%;border:1px solid #ddd;}
.info_wrap .iw_text{margin:10px 0;padding:0;position:relative;}
.info_wrap .iw_text b{margin:0 0 10px;text-align:left;font-size:17px;font-weight:500;color:#000;line-height:25px;letter-spacing:-1px;display:block;}
.info_wrap .iw_text p{margin:0;text-align:left;font-size:14px;color:#333;line-height:22px;letter-spacing:-1px;display:block;}
.info_wrap .iw_text span{margin:0;text-align:left;font-size:13px;color:#333;line-height:18px;display:block;}
.info_wrap .iw_text .it_more{width:100px;height:40px;margin:15px 0 0;background-color:#efefef;text-align:center;font-size:14px;color:#333;line-height:40px;display:block;}

.info_case{margin:0;padding:0;position:relative;}
.info_case ul{margin:0;padding:0;position:relative;}
.info_case li{width:100%;margin:0 0 15px;padding:15px;background-color:#fff;position:relative;}
.info_case li .iw_tit{height:30px;margin:0 0 10px;font-size:20px;font-weight:600;color:#b18377;line-height:30px;position:relative;}
.info_case li .iw_tit span{height:30px;font-size:13px;font-weight:400;position:absolute;right:0;top:0;}
.info_case li .iw_tit span a{text-decoration:underline !important;color:#333;}
.info_case li .iw_txt{margin:0;padding:0;position:relative;}
.info_case li .iw_txt p{height:30px;font-size:15px;font-weight:500;line-height:35px;display:block;}
.info_case li .iw_icon{margin:0 0 10px;text-align:center;display:block;}
.info_case li .iw_icon img{height:70px;}
.info_case li .iw_cit{margin:0 0 5px;text-align:center;font-size:20px;font-weight:600;color:#b18377;line-height:30px;position:relative;}
.info_case li .iw_cxt{text-align:center;font-size:15px;font-weight:500;line-height:22px;display:block;}




/*** SUB ***/
/** 01 **/
.part_ul{margin:0;padding:0;position:relative;}
.part_ul li:first-child{border-bottom:1px solid #ccc;;}
.part_ul li{width:100%;padding:20px 0;text-align:center;border:0 none;float:left;}

.case_15p{padding:20px 15px;}
.case_40p{padding:40px;}



/** 04 **/
.map_wrap{margin:0 0 45px;position:relative;}
.map_wrap .mw_tit{width:100%;position:relative;}
.map_wrap .mw_txt{width:100%;font-size:14px;position:relative;display:block;}
.map_wrap .mw_txt b,
.map_wrap .mw_txt .mwt_l b,
.map_wrap .mw_txt .mwt_r b{font-size:15px;color:#333;}
.map_wrap .mw_txt .mwt_l{margin:0 0 5px;font-size:14px;position:relative;display:block;}
.map_wrap .mw_txt .mwt_r{margin:0 0 25px;padding:5px 0 0;font-size:14px;position:relative;display:block;}
.map_wrap .mw_txt .mwt_r .mwtr_l{font-size:14px;font-weight:400;line-height:22px;float:left;}
.map_wrap .mw_txt .mwt_r .mwtr_r{font-size:14px;font-weight:400;line-height:22px;float:left;}

.mw_case{margin:0 0 30px;overflow:hidden !important;}
.mw_case img{width:100%;}





/** 05 **/
.accordion:first-child{border-top:1px solid #e4e4e4;}
.accordion {
	margin:0 0 1px;
	padding:10px 0;
	border-bottom:1px solid #e4e4e4;
	background:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:15px;
	font-weight:400;
	color:#555;
	letter-spacing:-1px;
	position:relative;
}

.accordion .actit{width:25px;margin:0;text-align:left;font-weight:400;color:#b18377;float:left;}

.accordion-open {
	background:#fff;
	color:#555;
}
.accordion-open span {
	padding:10px;
	display:block;
	float:right;
}
.accordion-open span {
	background:url(../images/icon/close_arrow1.png) center center no-repeat;
}
.accordion-close span {
	padding:10px;
	background:url(../images/icon/open_arrow1.png) center center no-repeat;
	display:block;
	float:right;
}
div.acontainer {
	margin:0;
	padding:0;
}
div.acontent {
	margin:0;
	padding:15px 20px 40px;
	background:#f3f5f5;
	font-size:13px;
	color:#888;
	line-height:25px;
	position:relative;
}
div.acontent .actxt{width:7%;text-align:left;font-weight:400;color:#555;float:left;}
div.acontent .accop{width:93%;margin:-3px 0 0;text-align:left;font-weight:400;color:#888;float:left;}

div.acontent ul, div.acontent p {
	margin:0;
	padding:3px;
}
div.acontent ul li {
	list-style-position:inside;
	line-height:25px;
}
div.acontent ul li a {
	color:#555;
}


.bn_wrap{margin:35px auto;padding:0;position:relative;}
.bn_swrap{margin:0 auto 35px;padding:0;position:relative;}
.bn_wrap img,
.bn_swrap img{width:100%;}



.org_wrap{margin:0 0 40px;padding:0;position:relative;}
.org_wrap .ow_case1{
	width:150px;
	height:50px;
	margin:0 auto;
	padding:0;
	border:5px solid #e3e3e3;
	background-color:#fff;
	border-radius:50px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	line-height:40px;
	position:relative;
}
.org_wrap .ow_case2{
	width:100px;
	height:50px;
	margin:0;
	padding:0;
	border:5px solid #e3e3e3;
	background-color:#fff;
	border-radius:50px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	line-height:40px;
	position:absolute;
	right:0;
	top:45px;
}
.org_wrap .ow_line_l1{height:40px;border-left:1px solid #ccc;position:relative;display:block;}
.org_wrap .ow_line_l2{height:20px;border-left:1px solid #ccc;position:relative;display:block;}
.org_wrap .ow_line_t1{width:50%;height:20px;border-top:1px solid #ccc;position:absolute;right:0;top:70px;display:block;}




.view_case{
	padding:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:400;
	line-height:25px;
	position:relative;
	overflow:hidden;
}
.view_data{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	font-size:13px;
	font-weight:400;
	line-height:18px;
	position:relative;
}
.view_data a{color:#b18377;}




.act_wrap{margin:0;padding:15px 0 0;background-color:#ececec;position:relative;}
.act_wrap ul{margin:0;padding:0;position:relative;}
.act_wrap li{margin:0 10px 15px;background-color:#fff;position:relative;overflow:hidden;}
.act_wrap li .aw_thum{height:160px;margin:10px 10px 0;background-color:#f9f9f9;border:1px solid #ccc;line-height:160px;position:relative;overflow:hidden;}
.act_wrap li .aw_thum img{width:100%;vertical-align:middle;}
.act_wrap li .aw_case{margin:0;padding:15px;position:relative;}
.act_wrap li .aw_case .aw_tit{height:25px;margin:0 0 10px;font-size:18px;font-weight:600;color:#333;line-height:25px;position:relative;}
.act_wrap li .aw_case .aw_txt{height:36px;margin:0 0 7px;font-size:14px;font-weight:400;color:#666;line-height:18px;display:block;overflow:hidden;}
.act_wrap li .aw_case .aw_sxt{text-align:left;font-size:12px;font-weight:400;color:#999;line-height:16px;display:block;}




.und_wrap{margin:0;padding:0 10px;background-color:#ececec;position:relative;}
.und_wrap ul{margin:0;padding:0;position:relative;}
.und_wrap li{width:100%;margin:0 0 20px;background-color:#fff;position:relative;overflow:hidden;}
.und_wrap li .uw_thum{height:150px;background-color:#f9f9f9;border:1px solid #ccc;line-height:150px;position:relative;overflow:hidden;}
.und_wrap li .uw_thum img{width:100%;vertical-align:middle;}
.und_wrap li .uw_case{margin:0;padding:0;position:relative;}
.und_wrap li .uw_case .uw_tit{height:50px;margin:0;text-align:center;font-size:17px;font-weight:500;color:#333;line-height:50px;position:relative;}




.fin_wrap{margin:0;padding:0;position:relative;}
.fin_wrap .fw_search{margin:0 0 30px;padding:0;position:relative;}
.fin_wrap .fw_search .select-wrapper{
	height:40px;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	border-radius:4px;
	text-align:center;
	font-size:15px;
	font-weight:400;
	color:#666;
}
.fin_wrap .fw_search .select-wrapper select{height:40px;border:0 none;line-height:40px;}

.fin_wrap .fw_case{margin:0;padding:0;position:relative;}
.fin_wrap .fw_case ul{margin:0;padding:0;position:relative;}
.fin_wrap .fw_case li{width:100%;margin:0 0 10px;padding:0;position:relative;}
.fin_wrap .fw_case li .fc_sxt{margin:0 0 5px;text-align:right;font-size:12px;color:#666;}
.fin_wrap .fw_case li dl{margin:0;padding:0;position:relative;}
.fin_wrap .fw_case li dd{height:15px;margin:0 10px 0 10px;font-size:12px;color:#666;line-height:15px;position:relative;float:left;}
.fin_wrap .fw_case li dd span{width:12px;height:12px;margin:2px 3px 0 0;background-color:#efefef;border-radius:100%;float:left;}




.spon_wrap{margin:0;padding:0;position:relative;}
.spon_wrap .sw_case{margin:0 0 20px;padding:20px 10px;border:1px solid #ddd;border-radius:5px;position:relative;}
.spon_wrap .sw_case .sc_thum{width:100%;margin:0 0 10px;position:relative;}
.spon_wrap .sw_case .sc_thum img{width:100%;}
.spon_wrap .sw_case .sc_copy{text-align:left;font-size:14px;font-weight:500;position:relative;}
.spon_wrap .sw_case .sc_copy a{text-decoration:underline !important;color:#06F;}
.spon_wrap .sw_case .sc_copy b{margin:0 0 10px;font-size:20px;font-weight:600;display:block;}
.spon_wrap .sw_case .sc_copy a.sc_btn{
	width:100%;
	height:40px;
	margin:15px 0 10px;
	background-color:#efefef;
	text-decoration:none !important;
	text-align:center;
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:40px;
	float:left;
}
.spon_wrap .sw_box{margin:0 0 10px;padding:0px;border:1px solid #ddd;position:relative;}
.spon_wrap .sw_box li:first-child{width:100%;border-left:0 none;}
.spon_wrap .sw_box li{width:100%;padding:15px;border-bottom:1px solid #ddd;text-align:left;font-size:14px;font-weight:300;line-height:22px;position:relative;}
.spon_wrap .sw_box li b{margin:0 0 5px;font-size:16px;font-weight:600;display:block;}
.spon_wrap .sw_box li em{width:100%;margin:15px 0 0;padding:5px;background-color:#efefef;font-size:14px;font-weight:300;display:block;}
.spon_wrap .sw_box li .sb_img{width:35%;float:left;}
.spon_wrap .sw_box li .sb_img img{width:80%;margin:0 auto;}
.spon_wrap .sw_box li .sb_txt{width:65%;text-align:left;font-size:15px;font-weight:300;line-height:23px;float:left;}
.spon_wrap .sw_box li .sb_txt a{height:40px;margin:10px 0 0;background-color:#efefef;text-align:center;font-size:14px;line-height:40px;display:block;}
.spon_wrap .sw_box li.sb_full{width:100%;padding:15px 30px;border-top:1px solid #ddd;border-left:0 !important;display:block;}
.spon_wrap .sw_ul{margin:0;padding:0px;position:relative;}
.spon_wrap .sw_ul li{width:100%;margin:0 0 10px;padding:0;text-align:left;font-size:14px;font-weight:300;line-height:24px;position:relative;}
.spon_wrap .sw_ul li .su_img{width:100%;margin:0 0 10px;position:relative;}
.spon_wrap .sw_ul li .su_img img{width:100%;}
.spon_wrap .sw_ul li .su_txt{margin:0 0 25px;text-align:left;font-size:14px;font-weight:300;line-height:20px;position:relative;display:block;}
.spon_wrap .sw_ul li .su_txt b{margin:0 0 5px;font-size:16px;font-weight:600;display:block;}

.spon_wrap .sw_step{margin:0 0 20px 0;padding:0px;position:relative;}
.spon_wrap .sw_step li{
	width:100%;
	margin:0 0 1px;
	padding:0;
	border-left:1px solid #fff;
	text-align:left;
	font-size:14px;
	font-weight:300;
	line-height:22px;
	position:relative;
}
.spon_wrap .sw_step li b{font-size:16px;font-weight:500;display:block;}
.spon_wrap .sw_step li a{width:100%;padding:5px 10px;background-color:#efefef;color:#666;display:block;}
.spon_wrap .sw_step li a:hover,
.spon_wrap .sw_step li a.on{background-color:#b18377;color:#fff !important;}

.spon_wrap .sw_line{padding:5px;border:3px solid #b18377;position:relative;}
.spon_wrap .sw_sign{height:100px;margin:0 0 15px;background-color:#efefef;border:3px dotted #ccc;border-radius:10px;position:relative;}

.sw_bcase{margin:0 auto 20px;position:relative;}
.sw_dbtn{width:150px;height:45px;margin:20px auto 15px;text-align:center;font-size:16px;color:#fff;position:relative;}
.sw_dbtn a{width:100%;height:45px;background-color:#b18377;border-radius:3px;color:#fff;line-height:45px;display:block;}
.sw_dbtn a:hover{color:#fff !important;}

.sw_bbtn{width:150px;height:45px;margin:20px auto 0;text-align:center;font-size:16px;color:#fff;position:relative;}
.sw_bbtn a{width:100%;height:45px;background-color:#666;border-radius:3px;color:#fff;line-height:45px;display:block;}
.sw_bbtn a:hover{color:#fff !important;}

.sw_lbtn{width:150px;height:45px;margin:20px auto 0;text-align:center;font-size:16px;color:#fff;position:relative;}
.sw_lbtn a{width:100%;height:45px;border:2px solid #666;border-radius:3px;color:#666;line-height:45px;display:block;}
.sw_lbtn a:hover{color:#fff !important;}

.sw_scr{height:450px;overflow:hidden;overflow-x:scroll;overflow-y:scroll;}




.join_wrap{margin:30px 0 0;padding:0;position:relative;}
.join_wrap .iw_lbxt{margin:0 0 5px;padding:5px;text-align:left;font-size:28px;line-height:38px;position:relative;}
.join_wrap .ji_txt{margin:3px 0 0;text-align:left;font-size:12px;font-weight:300;color:#ccc;line-height:16px;}

.join_wrap .jw_lcase{margin:0 0 25px;padding:5px 10px;text-align:left;font-size:12px;color:#18a2a2;}
.join_wrap .jw_case{margin:0;padding:0;position:relative;}
.join_wrap .jw_case .ji_tit{margin:25px 0 5px;text-align:left;font-size:16px;color:#fff;line-height:20px;position:relative;}
.join_wrap .jw_case .ji_inp{padding:0 0 2px;line-height:30px;position:relative;}
.join_wrap .jw_case .ji_inp input{
	width:100%;
	height:45px;
	margin:5px 0 0;
	padding:0 10px;
	border:0 none;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:14px;
	line-height:45px;
	float:left;
}
.join_wrap .jw_case .ji_inp textarea{margin:10px 0 0;background-color:#fff !important;}
.join_wrap .jw_case .ji_inp input[type="button"]{color:#18a2a2 !important;}
.join_wrap .jw_case .ji_inp input[type="button"].button{padding:0 10px;background-color:#18a2a2;color:#fff !important;}

.join_wrap .jw_check{margin:25px 0 0;padding:0;position:relative;}
.join_wrap .jw_check .jw_all{margin:0;padding:0;text-align:left;font-size:16px;color:#999;line-height:20px;}

.join_wrap .jw_check .jw_list{margin:0;padding:10px 0;position:relative;}
.join_wrap .jw_check .jw_list li{margin:0;padding:0 65px 0 0;color:#999;line-height:20px;position:relative;display:block;}
.join_wrap .jw_check .jw_list li span{width:65px;height:20px;text-align:right;position:absolute;right:0;top:5px;}

.join_wrap .jw_check .jw_all input[type="checkbox"],
.join_wrap .jw_check .jw_list input[type="checkbox"]{height:0;}
.join_wrap .jw_check .jw_all input[type="checkbox"] + label,
.join_wrap .jw_check .jw_list input[type="checkbox"] + label{width:96%;padding-left:30px;color:#fff;}
.join_wrap .jw_check .jw_all input[type="checkbox"] + label b,
.join_wrap .jw_check .jw_list input[type="checkbox"] + label b{font-weight:400;}
.join_wrap .jw_check .jw_all input[type="checkbox"] + label:before,
.join_wrap .jw_check .jw_list input[type="checkbox"] + label:before{width:23px;height:23px;}
.join_wrap .jw_check .jw_list input[type="checkbox"] + label:before{top:2px;}

.join_wrap .jw_btn{height:50px;position:relative;}
.join_wrap .jw_btn input[type="button"]{
	height:50px;
	background-color:#02b9ff;
	border-radius:0;
	text-align:center;
	font-size:16px;
	color:#fff !important;
	line-height:50px;
	display:block;
}

.join_wrap .jw_tbtn{height:50px;margin:35px 0 0;position:relative;}
.join_wrap .jw_tbtn input[type="button"]{
	height:50px;
	background-color:#02b9ff;
	border-radius:0;
	text-align:center;
	font-size:16px;
	color:#fff !important;
	line-height:50px;
	display:block;
}

.join_wrap .jw_case .sb_inp{padding:0 0 2px;line-height:30px;position:relative;float:left;}
.join_wrap .jw_case .sb_inp input[type="text"]{
	width:98%;
	height:45px;
	margin:5px 0 0;
	padding:0 2%;
	border:1px solid #ccc;
	background-color:#fff;
	font-size:14px;
	line-height:45px;
	float:left;
}
.join_wrap .jw_case .sb_inp input[type="button"],
.join_wrap .jw_case .sb_ninp input[type="button"]{
	height:44px;
	margin:1px 0;
	padding:0;
	background-color:#02b9ff;
	color:#fff !important;
	line-height:44px;
}
.join_wrap .jw_case .sb_inp input[type="button"].button,
.join_wrap .jw_case .sb_ninp input[type="button"].button{
	height:44px;
	padding:0;
	background-color:#02b9ff;
	color:#fff !important;
	line-height:44px;
}

.join_wrap .jw_case .sb_inp .select-wrapper{height:45px !important;margin-bottom:0;line-height:30px !important;background-color:#fff !important;float:left;}
.join_wrap .jw_case .sb_inp .select-wrapper select{height:45px !important;border:1px solid #ccc;color:#666;line-height:45px !important;}
.join_wrap .jw_case .sb_inp .select-txt{height:45px;text-align:center;color:#fff;line-height:45px;float:left;}
.join_wrap .jw_case .sb_inp .select-txt input{background-color:#fff;}

.join_wrap .jw_case .sb_ninp{margin:5px 0 0;padding:0 0 2px;line-height:34px;position:relative;}
.join_wrap .jw_case .sb_ninp input[type="checkbox"]{width:0;height:0;margin:0;}
.join_wrap .jw_case .sb_ninp input[type="checkbox"] + label{padding:0;float:left;}
.join_wrap .jw_case .sb_ninp input[type="checkbox"] + label b{
	width:100%;
	height:30px;
	margin:0;
	border:1px solid #18a2a2;
	text-align:center;
	font-weight:400;
	color:#fff;
	line-height:30px;
	display:block;
}
.join_wrap .jw_case .sb_ninp input[type="checkbox"]:checked  + label b{
	background-color:#18a2a2;
}
.join_wrap .jw_case .sb_ninp input[type="checkbox"] + label:before{width:100%;height:30px;left:0;}
.join_wrap .jw_case .sb_ninp input[type="checkbox"] + label:before {
    width:100%;
    height:30px;
    background:none;
    line-height:30px;
    left:0;
}
.join_wrap .jw_case .sb_ninp input[type="checkbox"]:checked + label:before {
	background:none;
	color:#fff;
}

.join_wrap .jw_case .jw_agree{margin:0 0 25px;padding:10px 5px;background-color:#1a1a1a;font-size:13px;color:#dcdcdc;line-height:20px;position:relative;}
.join_wrap .jw_case .jw_box{margin:0 0 15px;padding:10px 5px;background-color:#1a1a1a;font-size:13px;color:#dcdcdc;line-height:20px;position:relative;}
.join_wrap .jw_case .jw_box img{width:75%;}
.join_wrap .jw_case .jw_scr1{height:100px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.join_wrap .jw_case .jw_scr2{height:200px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.join_wrap .jw_case .jc_tbtn{margin:35px 0 0;text-align:left;font-size:16px;color:#18a2a2;line-height:20px;position:relative;}
.join_wrap .jw_case .jc_tbtn a{color:#18a2a2;}






/************************************************
*		FOOT									*
************************************************/

.footer{margin:40px 0 0;padding:20px 10px;background-color:#ccc;text-align:left;font-size:14px;font-weight:300;color:#45464d;position:relative;}
.footer .f_case{margin:0;padding:0;position:relative;}
.footer .f_logo{margin:0;padding:0;position:relative;}
.footer .f_text{margin:0;padding:10px 0 0;text-align:left;position:relative;}
.footer .f_text a{color:#333;}
.footer .f_text b{margin:0 0 15px;padding:0;font-size:13px;font-weight:400;letter-spacing:-1px;display:block;}
.footer .f_text p{font-size:12px;color:#666;line-height:20px;letter-spacing:-1px;display:block;}
.footer .f_text span{margin:0 8px;color:#999;}
.footer .fc_top{width:40px;height:40px;position:absolute;right:0;top:-5px;}
.footer .f_case .fc_top a{
	width:40px;
	height:40px;
	background:url(../images/icon/top_btn.png) no-repeat;
	background-size:100%;
	display:block;
}






/************************************************
*		TABLE									*
************************************************/

.table_type1{width:100%;margin:0 0 20px;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 th:first-child,
.table_type1 td:first-child{border-left:0 none !important;}
.table_type1 thead th,
.table_type1 thead td{
	padding:10px;
	border-top:2px solid #555;
	border-left:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	font-size:15px;
	font-weight:600;
	color:#333;
	line-height:20px;
}
.table_type1 tbody th,
.table_type1 tbody td{
	padding:10px;
	background-color:#fff;
	border-left:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	font-size:14px;
	font-weight:500;
	color:#666;
	line-height:20px;
}


.table_type2{width:100%;margin:0 0 10px;padding:0;position:relative;}
.table_type2 caption{display:none}
.table_type2 thead th{
	padding:7px 5px;
	background-color:#f9f9f9;
	border-top:2px solid #555;
	border-bottom:1px solid #e4e4e4;
	font-size:13px;
	font-weight:600;
	color:#333;
	line-height:24px;
}
.table_type2 thead td{padding:7px 5px;border-top:2px solid #555;border-bottom:1px solid #e4e4e4;font-size:13px;font-weight:600;color:#777;line-height:18px;}
.table_type2 tbody th{padding:7px 5px;background-color:#fff;border-bottom:1px solid #e4e4e4;font-size:14px;font-weight:600;color:#777;line-height:18px;}
.table_type2 tbody td{padding:7px 5px;background-color:#fff;border-bottom:1px solid #e4e4e4;font-size:13px;font-weight:500;color:#777;line-height:18px;}


.table_type3{width:100%;margin:0 0 20px;font-size:14px;}
.table_type3 caption{display:none}
.table_type3 thead th{
	padding:7px 10px;
	background-color:#f2f2f2;
	border-top:2px solid #333;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#333;
}
.table_type3 thead td{
	padding:7px 10px;
	background-color:#f1fffa;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	font-size:13px;
	font-weight:400;
	color:#666;
}
.table_type3 tbody th{
	padding:7px 10px;
	background-color:#f1fffa;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	font-size:13px;
	font-weight:500;
	color:#666;
}
.table_type3 tbody td{
	padding:7px 10px;
	background-color:#fff;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	font-size:13px;
	font-weight:400;
	color:#666;
}
.table_type3 tfoot td{
	padding:7px 10px;
	background-color:#fdf7f0;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	font-size:13px;
	font-weight:500;
	color:#666;
}


.table_type4{width:100%;margin:0;position:relative;}
.table_type4 caption{display:none}
.table_type4 thead th{
	padding:7px 5px;
	background-color:#f9f9f9;
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:24px;
}
.table_type4 thead td{padding:7px 5px;font-size:14px;font-weight:400;color:#777;line-height:24px;}
.table_type4 tbody th{padding:7px 5px;background-color:#fff;font-size:14px;font-weight:600;color:#777;line-height:24px;}
.table_type4 tbody td{padding:7px 5px;background-color:#fff;font-size:14px;font-weight:400;color:#777;line-height:24px;}


.table_type5{width:100%;margin:0 0 20px;border-top:2px solid #555;font-size:14px;}
.table_type5 caption{display:none}
.table_type5 thead th{
	padding:7px 5px;
	background-color:#f9f9f9;
	border-bottom:1px solid #e4e4e4;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:24px;
}
.table_type5 thead td{padding:7px 5px;border-bottom:1px solid #e4e4e4;font-size:14px;font-weight:400;color:#666;line-height:24px;}
.table_type5 tbody th{padding:7px 5px;background-color:#fff;border-bottom:1px solid #e4e4e4;font-size:14px;font-weight:400;color:#333;line-height:24px;}
.table_type5 tbody td{padding:7px 5px;background-color:#fff;border-bottom:1px solid #e4e4e4;font-size:14px;font-weight:400;color:#666;line-height:24px;}
.tt5_txt{height:42px;line-height:42px;}
.tt5_stxt{font-size:12px;font-weight:400;color:#b18377;line-height:18px;}
.tt5_btn{width:50px;height:40px;border-radius:3px;text-align:center;color:#fff !important;line-height:40px;display:block;}
.tt5_btn:hover{color:#fff !important;}
.tt5_link{
	width:60px;
	height:25px;
	margin:0;
	border-radius:2px;
	border:1px solid #ddd;
	text-align:center;
	font-weight:500;
	color:#666;
	line-height:25px;
	display:block;
}
.table_type5 input[type="checkbox"],
.table_type5 input[type="radio"]{font-size:13px;line-height:17px;}






/************************************************
*		페이징 : Paginate						*
************************************************/

.paginate{margin:40px 0 0;padding:0;text-align:center;line-height:normal}
.paginate *{
	min-width:20px;
	height:20px;
	margin:0 1px;
	padding:0;
	font-size:14px;
	color:#ccc;
	line-height:20px;
	text-decoration:none;
	vertical-align:middle;
	position:relative;
	display:inline-block;
}
.paginate a{color:#ccc;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus,
.paginate a.on{color:#b18377;}
.paginate .prev{margin:0 5px 0 0;background:url(../images/icon/pn_prev_up1.png) no-repeat center 50%;}
.paginate .pprev{margin:0;background:url(../images/icon/pn_prev_up2.png) no-repeat center 50%;}
.paginate .next{margin:0 0 0 5px;background:url(../images/icon/pn_next_up1.png) no-repeat center 50%;}
.paginate .nnext{margin:0;background:url(../images/icon/pn_next_up2.png) no-repeat center 50%;}
.paginate .prev:hover,
.paginate .prev:active,
.paginate .prev:focus{background:url(../images/icon/pn_prev_ov1.png) no-repeat center 50%;}
.paginate .pprev:hover,
.paginate .pprev:active,
.paginate .pprev:focus{background:url(../images/icon/pn_prev_ov2.png) no-repeat center 50%;}
.paginate .next:hover,
.paginate .next:active,
.paginate .next:focus{background:url(../images/icon/pn_next_ov1.png) no-repeat center 50%;}
.paginate .nnext:hover,
.paginate .nnext:active,
.paginate .nnext:focus{background:url(../images/icon/pn_next_ov2.png) no-repeat center 50%;}






/************************************************
*		ETC										*
************************************************/

.cxit{margin:0 0 40px;text-align:center;font-size:50px;font-weight:300;color:#181e26;line-height:65px;position:relative;display:block;}
.cxit b{font-weight:700;}
.cxit span{height:80px;position:absolute;right:0;top:0;}
.cxit span a{
	height:65px;
	margin:10px 0 0 20px;
	padding:0 15px;
	border:1px solid #2bd5fb;
	border-radius:5px;
	font-size:35px;
	font-weight:500;
	color:#fff;
	line-height:65px;
	display:block;
	float:right;
}

.lxit{margin:0 0 20px;text-align:left;font-size:20px;font-weight:300;color:#000;line-height:28px;position:relative;display:block;}
.lxit b{font-weight:700;}

.cxbit{margin:0; padding:15px 0 0;text-align:center;font-size:23px;font-weight:300;color:#000;line-height:32px;letter-spacing:-1px;position:relative;display:block;}
.cxbit b{font-weight:700;}

.cbit{margin:0 10px 15px;text-align:center;font-size:20px;font-weight:700;color:#333;line-height:28px;display:block;}
.lbtit{margin:0;padding:15px 10px 0;background-color:#ececec;text-align:left;font-size:20px;font-weight:500;color:#333;line-height:28px;display:block;}

.bxltit{margin:0 0 20px;text-align:left;font-size:20px;font-weight:500;color:#333;line-height:28px;position:relative;z-index:100;}
.bxltit span{height:30px;position:absolute;right:0;top:0;}

.ccop{margin:0 0 10px;padding:0 10px;text-align:center;font-size:18px;font-weight:500;color:#333;line-height:26px;display:block;}
.ccpy{margin:0 0 10px;padding:0 10px;text-align:center;font-size:15px;font-weight:400;color:#333;line-height:23px;display:block;}
.cbxt{margin:0 0 10px;padding:0 10px;text-align:center;font-size:13px;font-weight:300;color:#666;line-height:21px;display:block;}
.csit{margin:0 0 15px;padding:0 10px;text-align:center;font-size:13px;font-weight:400;color:#333;line-height:21px;display:block;}

.xbtit {
    margin:0 0 20px;
    text-align:left;
    font-size:16px;
    line-height:20px;
    font-weight:500;
    position:relative;
    display:block;
    z-index:100;
}
.xbtit span {
	margin:10px 0;
	display:block;
	position:relative;
}
.xbtit span input{height:40px;border:1px solid #ccc;line-height:40px;float:left;}

.lsit{margin:0 0 15px;padding:0;text-align:left;font-size:24px;font-weight:400;color:#7e858d;line-height:34px;display:block;}
.lsit a{width:80px;height:28px;border:1px solid #46494e;text-align:center;font-size:12px;color:#46494e;line-height:28px !important;display:block;}
.lcop{margin:0 0 15px;padding:0;text-align:left;font-size:20px;font-weight:600;color:#333;line-height:30px;display:block;}
.lbit{margin:0 0 15px;padding:0;text-align:left;font-size:24px;font-weight:600;color:#3599b9;line-height:40px;letter-spacing:-1px;display:block;}
.lbit span{font-size:18px;}
.lbxt{margin:0 0 15px;padding:0;text-align:left;font-size:25px;font-weight:400;color:#333;line-height:40px;letter-spacing:-1px;display:block;}
.lbxt b{font-size:34px;font-weight:700;}

.ltxt{margin:0 0 25px;text-align:left;font-size:12px;color:#9d9d9d;font-weight:300;line-height:20px;display:block;}
.lsxt{margin:0 0 25px;text-align:left;font-size:11px;color:#bbb;font-weight:300;letter-spacing:-0.5px;display:block;}
.ldate{margin:0;text-align:left;font-size:15px;color:#b6b9be;font-weight:400;display:block;}

.cbsit_case{width:100%;text-align:center;position:relative;}
.cbsit_case.ccltxt{text-align:left !important;}
.cbsit{
	width:auto;
	min-width:150px;
	margin:0 auto 15px;
	padding:5px 10px;
	border:1px solid #333;
	border-radius:25px;
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#333;
	line-height:24px;
	display:inline-table;
}
.ctxt{margin:0 0 40px;padding:0;text-align:center;font-size:18px;font-weight:300;color:#848484;line-height:28px;display:block;}
.cxt{margin:0 0 40px;padding:0;text-align:center;font-size:18px;font-weight:600;color:#333;line-height:28px;display:block;}

.ltxt{margin:0 0 25px;padding:0;text-align:left;font-size:15px;font-weight:300;color:#333;line-height:25px;display:block;}

.csbit_case{width:100%;margin:0 0 10px;text-align:center;position:relative;}
.csbit{
	width:auto;
	min-width:150px;
	margin:0 auto 20px;
	padding:5px 20px;
	border-right:1px solid #03baff;
	text-align:center;
	font-size:38px;
	font-weight:400;
	color:#333;
	line-height:30px;
	display:inline-table;
	vertical-align:middle;
}
.lbtxt{
	width:auto;
	min-width:200px;
	margin:0 auto 20px;
	padding:0 20px;
	text-align:left;
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:20px;
	letter-spacing:-1px;
	display:inline-table;
	vertical-align:middle;
}

.clit{margin:0 0 10px;font-size:16px;font-weight:300;color:#333;line-height:30px;display:block;}
.csxt{text-align:center;font-size:14px;font-weight:300;color:#999;line-height:26px;}

a.tt_btn {
    width:85px;
    height:40px;
    padding:0;
    background-color:#484848;
    text-align:center;
    font-size:14px;
    color:#fff !important;
    line-height:40px;
    display:block;
    float:left;
}
a.ybtn{
	width:100px;
	height:40px;
	margin:30px auto 0;
	padding:0;
	background-color:#b18377;
	text-align:center;
	font-size:15px;
	color:#fff !important;
	line-height:40px;
	display:block;
	position:relative;
}
a.tbtn{
	margin-left:20px;
	padding:8px 20px;
	border:1px solid #b18377;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#fff !important;
	vertical-align:top;
}
a.lbtn{
	height:40px;
	margin:0;
	padding:0 15px;
	border:1px solid #ccc;
	border-radius:4px;
	text-align:center;
	font-size:15px;
	font-weight:400;
	line-height:40px;
	color:#666;
	display:block;
}






/************************************************
*		POPUP									*
************************************************/

.modal{z-index:10000;}

.modal-content{padding:15px;position:relative;}

.modal-header{margin:0 0 15px;padding:0 !important;border:0 none !important;text-align:center;font-size:20px;font-weight:600;color:#212121;line-height:20px;}
.modal-header .close{width:30px;height:30px;background:url(../images/icon/popup_close.png) no-repeat;position:absolute;right:10px;top:10px;display:block;}

.modal-content{border-radius:0 !important;}

.modal-body{padding:0 !important;text-align:left;font-size:14px;color:#666;}
.modal-scr{height:300px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.modal-body .down_case{width:100%;margin:20px 0 0;padding:0;text-align:center;position:relative;}
.modal-body .down_case a:first-child{margin-right:20px;}
.modal-body .down_case a{margin:0;float:left;}

.modal-footer{margin-top:30px;padding:0 !important;}
.modal-footer .btn:first-child{border-left:0 none;}
.modal-footer .btn{
	height:50px;
	margin:0 !important;
	padding:0;
	background-color:#e6e6e6;
	border-left:1px solid #cecece;
	border-radius:0;
	font-size:15px;
	line-height:50px;
}

.modal-footer .btn-primary{background-color:#d12e31;border-color:#d12e31;}

.ft_l{float:left !important;}
.ft_r{float:right !important;}






/************************************************
*		동의 : Agreement						*
************************************************/

.agr_wrap{width:100%;max-width:880px;margin:0 auto;padding:30px 10px 10px;position:relative;}
.agr_case{width:100%;max-width:880px;margin:0 auto;padding:40px 50px;position:relative;}
.agr_swrap{width:100%;max-width:400px;margin:0 auto;padding:30px 25px 10px;position:relative;}

.stb_bti{height:30px;margin-bottom:20px;text-align:left;font-size:18px;font-weight:500;color:#333;line-height:30px;display:block;}
.stb_ti{height:20px;margin-bottom:5px;text-align:left;font-size:14px;font-weight:400;color:#333;line-height:20px;display:block;}
.stb_copy{margin-bottom:20px;text-align:left;font-size:13px;font-weight:400;color:#666;line-height:18px;display:block;}
.stb_txt{margin-bottom:20px;padding-left:15px;text-align:left;font-size:13px;font-weight:400;color:#666;line-height:18px;display:block;}






/************************************************
*		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){
}



/*20230321 index 스타일 추가*/
.sblue{color:#3366CC !important;}

/*20230829 스타일 수정*/
html, body{background: #fff;}

#main_cont{width: 100%; margin-top: 40px; padding:0 15px;}
#main_cont .main_icon{display: flex; justify-content: space-around; width: 100%; margin-bottom: 30px;}
#main_cont .main_icon li{display: flex; flex-direction: column; align-items: center;}
#main_cont .main_icon li img{width: 60px; }
#main_cont .main_icon li b{color:#86630b; font-size: 15px; font-weight: 500;}

#main_cont p{color:#222; font-size: 14px; text-align: center; }


#main_swiper{padding-left:15px; margin-top: 20px; width: 100%;	height: 290px;}
#main_swiper .swiper-wrapper .swiper-slide {
	font-size: 15px;
	background: #f3f5fd;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 290px;
	border-radius: 8px;
	padding: 20px;
}

#main_swiper .swiper-wrapper .swiper-slide p:first-child{color:#86630b; font-size: 15px; margin-bottom: 10px;}
#main_swiper .swiper-wrapper .swiper-slide p.ms_txt{color:#222; font-size: 15px; }

#main_swiper .swiper-wrapper .swiper-slide img{border-radius: 50%; background: #d9d9d9; width: 126px; height: 126px; display: block; margin:0 auto ; box-sizing: border-box; }


.sponsor_cont{background: #fff; border-radius: 4px; padding:30px 20px; }
.mso_top{padding: 150px 20px;}
.sponsor_cont h4{color:#000; font-size: 28px; margin-bottom: 30px; font-weight: 600; line-height: 42px;}

.sponsor_cont input{border:none; border-bottom:1px solid #f8f8f8; padding:10px 0px; color:#000;}
.sponsor_cont li .sc_div{display: flex; align-items: center; justify-content: space-between;}
.sponsor_cont li .sc_div span{margin:0 10px;}
.sponsor_cont li{margin-bottom: 30px;}
.sponsor_cont li label{margin-bottom: 0px; padding:0px; color:#999; font-size: 15px; font-weight: normal;}

.sponsor_btn {background: #8e675a; color: #fff; height: 54px; line-height: 54px; border-radius: 4px; width: 100%; font-size: 16px; display: block; margin-top: 150px;}
.recom_btn {background: #1f1f1f; color: #fff; height: 54px; line-height: 54px; border-radius: 4px; width: 100%; font-size: 16px; margin-top: 150px; display: block; margin-bottom: 6px;}
.recom_btn2 {background: #8e675a; color: #fff; height: 54px; line-height: 54px; border-radius: 4px; width: 100%; font-size: 16px; display: block; margin-top: 6px;}

.sponsor_check p{color: #999; font-size: 13px; }

/*accordion*/
  .ac-label {
	font-weight: 700;
	position: relative;
	padding: 0;
	margin-bottom:0;
	display: block;
	cursor: pointer;
	width: 100%;
  }
  
  
  .ac-label:after, .ac-input:checked + .ac-label:after {
	content: "";
	background: url(../images/icon/arrow.svg)no-repeat;
	position: absolute;
	display: block;
	right: 0;
	top: 0px;
	width: 20px;
	height: 20px;
	text-align: center;	
	
  }
  

  .ac-input:checked + .ac-label:after {
	content: "";
	transform: rotate(90deg);
  }
  .ac-input {
	display: none;
  }
  .ac-text, .ac-sub-text {
	opacity: 0;
	height: 0;
	transition: opacity 0.5s ease-in-out;
	overflow: hidden;
  }
  
  .ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text {
	opacity: 1;
	height: auto;
	margin-top: 20px;
  }
  
  .ac-sub .ac-label {
	background: none;
	font-weight: 600;
	padding: 0.5em 2em;
	margin-bottom: 0;
  }
  
  .ac-sub .ac-label:checked {
	background: none;
	border-bottom: 1px solid whitesmoke;
  }
  
  .ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
	left: 0;
	background: none;
  }
  
  .ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
	background: none;
  }
  
  .ac-sub-text {
	padding: 0 1em 0 2em;
  }

input[type="checkbox"].ac-input + label,
input[type="radio"].ac-input + label{
	font-size: 16px;
	color:#000; font-weight: 600;
	padding-top: 2px;
	padding-left: 40px;
  }
  input[type="checkbox"].ac-input + label:before{
 	width: 25px;
	height: 25px; top: 0px;
}

hr.sc_line{height: 1px; background: #f8f8f8; display: block; margin:20px auto 10px;}
hr.sc_line2{height: 1px; background: #f8f8f8; display: block; margin:10px auto 10px;}

.sponsor_check .ac input[type="radio"] + label {
	font-size: 16px; color:#000;
	margin-bottom: 0px;
	padding-top:5px; font-weight: 600;
}
.sponsor_check .ac input[type="radio"] + label:before{width: 25px; height: 25px;}


#ac3_sub{display: flex; flex-direction: column; padding-left: 20px; margin-top: 10px;}

.sponsor_check{height: 100%;}

#ac3_sub input[type="radio"] + label{margin-bottom: 5px; border-bottom:1px solid #f8f8f8; padding-bottom:10px;}

.sponsor_payment h5{color:#000; font-size: 16px; font-weight: 600;}
.sponsor_payment p{color:#999; font-size: 13px; margin-bottom: 20px;}

/*231114 수정 및 추가*/
#sc_select{
	background:url('../images/icon/arrow_b.png') no-repeat 98% 50%/15px auto;
}
#sc_select2, #sc_select3, #sc_select4 {
	background:url('../images/icon/arrow_b.png') no-repeat 98% 50%/15px auto;
	margin-top: 10px;
}
#sc_select3{margin-top: 20px;}
/*231114 수정 및 추가*/

#selboxDirect{border:1px solid #cfcfcf; padding:0 10px; font-size: 13px; color:#999; margin-top: 10px;}

.sn5_address{display: flex; flex-direction: column; margin-top: 10px;}
.sn5_address input{border:none; background: #f8f8f8; height: 50px; padding:0 10px; border-radius: 4px; font-size: 15px; font-weight:normal;}
.sn5_address .sa5{display: flex; width: 100%; margin-bottom: 5px;}
.sn5_address .sa5 .sa5_btn{background: #d9d9d9; min-width: 160px; height: 50px;  border-radius: 4px; line-height: 50px; border:none; box-shadow: none; padding: 0px; font-weight: 500; width: 60%; color:#000;}
.sn5_address .sa5 input[type="button"].sa5_btn{margin: 0px; border:none; color:#000 !important; margin-left: 10px;}
.sn5_address .sa5 input[type="button"].sa5_btn:valid{color:#000 !important;}

#sample6_address{margin-bottom: 5px;}

/*추천하기*/
#recom_cont ul li .sc_div input{border:none; background: #f8f8f8; text-align: center; color:#000; border-radius: 4px;}
#recom_cont ul li .sc_div input:nth-child(2){margin:0 10px;}
#recom_cont ul li:nth-child(n+1) label{margin-bottom: 10px;}
#recom_cont p{color:#999; font-size: 13px; margin-bottom: 30px;}

/*****modal****/
#sub2_modal{top: 50%; transform: translateY(-50%); }
#sub2_modal .modal-dialog{padding:0 20px;}
#sub2_modal .modal-body{color:#000; font-size: 16px; padding:25px; text-align: center; margin-top: 10px; font-weight: 500;}
#sub2_modal .modal-dialog .modal-content{border-radius: 10px !important; }

#sub2_modal .modal-footer{border:none;}
#sub2_modal .s2m_btn{width: 100%; padding:0 25px; background: #86630b; height: 50px; line-height: 50px; color:#fff; border-radius: 4px;}


/*230922*/
.ac3_txt h5{font-size: 16px; margin:20px auto 10px;}
.ac3_txt li{margin-bottom: 10px; font-size: 14px;}
.ac3_txt li p{color:#888; padding-left: 15px; font-size: 14px;}




/*231027*/
.s_ok_cont{border:1px solid #888; padding:10px; font-size: 1.2em;}

.s_ok_cont span{color:#c76c50; font-weight: bold;}
.s_ok_cont b{color:#c76c50;}

.s_ok2 h4{margin-bottom: 10px;}
.s_ok2 p{margin-bottom: 30px; font-size: 16px; line-height: 24px;}

.sponsor_btn{margin-top: 50px;}

.s_ok_cont2 p{font-size:20px; color:#333; font-weight: 500;}
.s_ok_cont2 p.mso4{line-height: 30px; color:#333;}

#discount_benefit{margin-bottom: 10px;}
#discount_benefit h4{font-size:20px;}
#discount_benefit .db_username{color:#000; font-size: 20px;}
#discount_benefit .db_section{display: flex; justify-content: space-between; border-bottom:1px solid #f8f8f8; padding-bottom: 20px; }
#discount_benefit .db_section > div{text-align: center; font-size: 18px; display: flex; align-items: center; flex-direction: column; }
#discount_benefit .db_section > div h5{font-size: 15px; margin-bottom: 6px; color:#000;}
#discount_benefit .db_section > div p{color:#999; font-weight: normal; font-size: 15px;}

#discount_benefit .db_section2{display: flex; flex-direction: column; margin:20px auto 0; }
#discount_benefit .db_section2 li{margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
#discount_benefit .db_section2 li:last-child{margin-bottom: 0px;}
#discount_benefit .db_section2 li img{margin-right: 5px; width: 22px; height: 22px;}
#discount_benefit .db_section2 li div{font-size: 15px;}
#discount_benefit .db_section2 li div #ttcoin_install{background: #277de7; color: #fff; width: 50px; border-radius: 4px; height: 30px; line-height: 30px; font-size: 14px;}
 
.db_section3 h5{color:#999; font-size: 15px; font-weight: normal; margin-bottom: 20px;}
.db_section3 ul.dbs3_ul li{display: flex; justify-content: space-between; flex-direction: row; align-items: center; width: 100%; margin-bottom: 10px; border-bottom:1px solid #f8f8f8; padding-bottom:10px;} 
.db_section3 ul.dbs3_ul li:last-child{margin-bottom: 0px; border-bottom: none; padding-bottom: 0px;}

.db_section3 ul.dbs3_ul li button{background: #c00202; width: 95px; height: 30px; color:#fff; border-radius: 4px; line-height: 30px; font-size: 14px;}

.db_section3 ul.dbs3_ul li .dbs3_div .dd_r{font-weight: normal; color:#969696; font-size: 14px;}
.db_section3 ul.dbs3_ul li .dbs3_div .dd_l{margin-bottom: 3px;}
.db_section3 ul.dbs3_ul li .dbs3_div .dd_l span{font-size: 15px; font-weight: bold;} 
.db_section3 ul.dbs3_ul li .dbs3_div .dd_l img{margin-right: 10px; width: 24px; height: 24px;}



/*231121*/
input[type="text"], input[type="password"], input[type="email"], input[type="number"]{height:60px; font-size: 28px;}

.sn5_address input[type="text"]{
	height: 50px; font-size: 15px;
}



/*231207*/
/* Style the tab */
#sponsor_2 .tab {
	overflow: hidden;
	border: 1px solid #ccc;
	width: 100%;
	display: flex;
	margin-bottom: 20px;
  }
  
  /* Style the buttons inside the tab */
#sponsor_2 .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	width: 50%; text-align: center;
  }
  
  /* Change background color of buttons on hover */
#sponsor_2 .tab button:hover {
	background-color: #8e675a;
	color:#fff;
  }
  
  /* Create an active/current tablink class */
#sponsor_2 .tab button.active {
	background-color: #8e675a;
	color:#fff;
  }
  
  /* Style the tab content */
#sponsor_2 .tabcontent {
	display: none;

 }


 /* 240206 원아이디 추가 */
.mc_login{
 margin: 0 0 1px;
 padding: 15px 10px;
 border-bottom: 1px solid #e4e4e4;
 background: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 15px;
 font-weight: 400;
 color: #222;
 position: relative;
 position: relative;
}
.mc_login img{position: absolute;right: 10px;}

.header .main .nav_back{
	width: 20px;
    height: 20px;
    margin: 5px 0 0;
    background: url(../images/icon/back_btn.png) no-repeat 0 0;
    background-size: 20px;
    line-height: 50px;
    display: block;
}
.header_login{background-color: #fff;border: none;}
header h1{text-align: center;font-size: 1.2em;line-height: 48px;}
.locontainer {
    width: 100%;
	height: 100%;
    margin: 0;
    padding: 50px 15px;
    position: relative;
	background: #f2f2f2;
}
.login_cont {
    background: #f2f2f2;
    border-radius: 4px;
	margin-top:50px;
	height: 100%;
}
.login_cont h4{font-size: 22px;text-align: center;font-weight: 600;}
.login_cont .htxt{font-size: 15px;text-align: center;font-weight: 400;margin: 20px 0 50px;}
.login_cont .mtxt{font-size: 14px;text-align: right;font-weight: 400;margin: 6px 0 0;color: #cc0000;}
.locontainer .btxt{font-size: 14px;margin: 340px 0 12px;}

.login_phone {
    display: flex;
    margin-top: 10px;
	justify-content: space-between;
	position: relative;
}

.login_phone .num_l{
    font-size: 15px;
	background-color: #fff;
	border-radius: 6px;
	width: 22%;
	border: none;
	height: 48px;
}

.login_phone .num_l:focus{
	border: 1px solid #1a1a1a;
}

.login_phone .num_r {
    width: 76%;
    margin-bottom: 5px;
}

.login_phone .num_r input:focus{
	border: 1px solid #1a1a1a;
}

.login_phone input[type="text"] {
    height: 48px;
    font-size: 15px;
	background-color: #fff;
	border: none;
	border-radius: 6px;
}

.re_btn {
    background: #cc0000;
    color: #fff;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    display: block;
}


.rec_request h5{font-size: 15px;color: #333;margin: 20px 0 6px;line-height: 23px;font-weight: 400;}
.rec_request select{width: 120px;}
.rec_request form{display: flex;justify-content: space-between;position: relative;}
.rec_request form select{height: 30px;background-color: #f8f8f8;border: none;}
.select_arrow{background: url('../images/icon/select_btn.png') right no-repeat;width: 18px;height: 18px;position: absolute;left:94px;top: 6px;}
.rec_request button{
	background: #eeb547;
    width: 95px;
    height: 30px;
    color: #fff;
    border-radius: 4px;
    line-height: 30px;
    font-size: 14px;
}
 #btn_rec{
	background: #eeb547;
}
 #btn_rec2{
	background: #f0f0f0;
	color: #969696;
}
 #btn_rec3{
	background: #277de7;
}

/* ---240219 원아이디 수정--- */
.mc_login_on{
	margin: 0 0 1px;
	padding: 15px 10px;
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	color: #555;
	position: relative;
	line-height: 100%;
   }
.mc_login_on span{margin-left: 2px;vertical-align: middle;}
.mc_login_on img{width: 36px;}

.mn_wrap .mn_case .mc_tit a{
	color: #555;
}

/* m_login_a0.html */
.locontainer {
    width: 100%;
	height: 100%;
    margin: 0;
    padding: 50px 15px 20px;
    position: relative;
	background: #f8f8f8;
}

.login_cont {
    background: #f8f8f8;
    border-radius: 4px;
    margin-top: 50px;
    height: 100%;
}

.login_phone {
	flex-wrap: wrap;
}

.login_phone input.pw_num {
	width: 100%;
}

.login_phone input[type="text"]:focus{
	border: 1px solid #1a1a1a;
}

.re_btn {
    background: #8e675a;
    color: #fff;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    display: block;
}

.re_btn_w {
    background: #fff;
    color: #8e675a;
	border: 1px solid #8e675a;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    display: block;
}

.login_cont #oneid_btn{margin: 96px 0 6px;}

.login_cont .mtxt {
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin: 6px 0 0;
    color: #999999;
}
.login_cont .mtxt a{
    color: #8e675a;
}

.locontainer .login_bt{
	margin: 170px 0 0 ;
	position: relative;
}
.locontainer .login_bt2{
	margin: 450px 0 0 ;
	position: relative;
}

.locontainer .btxt {
    font-size: 14px;
    margin: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	top: -30px;
}

.locontainer .pw_cau {
    font-size: 14px;
    margin: 6px 0 12px;
	color: #999;
	text-align: right;
	width: 100%;
}
.locontainer .pw_cau:last-of-type {
    margin: 6px 0 0;
}

.login_cont .htxt2 {
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    margin: 50px 0 6px;
}

.login_cont h5 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
	line-height: 120%;
}

.login_cont img {
	width: 81.25%;
	max-width: 360px;
	margin: 50px auto 70px;
	text-align: center;
	display: block;
}

.login_cont .agree_check{
	background-color: #fff;
	border-radius: 4px;
	padding: 16px 16px 6px;
	box-sizing: border-box;
}

.login_cont .agree_check span:first-child label{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin-bottom: 16px;
}


.login_cont .agree_check .check2,
.login_cont .agree_check .check3{
	margin: 0 0 12px 10px;
	display: block;
}

.login_cont .agree_check input[type="checkbox"] + label{display: block;}

.login_cont .agree_check .check1 input[type="checkbox"] + label::before{
	width: 1.5em;
    height: 1.5em;
    content: '';
    background: url(../images/icon/check.png) center 50% no-repeat;
    background-size: 100%;
    display: block;
    text-align: center;
    color: #666;
    line-height: 1.425em;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.login_cont .agree_check .check2 input[type="checkbox"] + label:after,
.login_cont .agree_check .check3 input[type="checkbox"] + label:after{
    width: 16px;
	height: 16px;
    content: '';
    background: url(../images/icon/right_arrow.png) center 50% no-repeat;
    background-size: 100%;
    display: block;
    text-align: center;
    line-height: 1em;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 3px;
}

.locontainer .login_bt3 {
    margin: 24px 0 0;
    position: relative;
}

.locontainer .login_bt4 {
    margin: 400px 0 0;
    position: relative;
}
.password_alert{
	position: absolute;
	color: #CC0000;
	font-size: 12px;
	top: 105px;
	right: 0;
}
.password_alert img{
	width: 15px;
	height: 15px;
	display: inline;
	margin: 0 4px 0 0;
}

.num_alert{
	position: absolute;
	color: #CC0000;
	font-size: 12px;
	top: 54px;
	right: 0;
}

.login_phone input#pw_tel[type="text"] {
    height: 48px;
    font-size: 15px;
    background-color: #DFDFDF;
    border: none;
    border-radius: 6px;
	margin-bottom: 10px;
}

#ViewTimer{text-align: right;margin: 6px;color: red;}

/* popup */
/*modal*/
#openModal .modal-dialog{margin: 300px auto;width: 80%;max-width: 280px;}
#openModal .modal-content{width: 100%; padding: 30px 20px 20px;}
#openModal .modal-body{ padding:0px;}
#openModal .modal-body > p{font-size: 16px; font-weight: 400;text-align: center;color: #000;}
#openModal .modal-footer{border:none; justify-content:center; padding: 0px;margin-top: 20px;}
#openModal .modal-footer > .close_btn{background: #b81c22; min-width: 100%; height: 40px;  color:#fff; padding: 0px;border-radius: 4px;line-height: 100%;}

#openModal_2 .modal-dialog{margin: 300px auto;width: 80%;max-width: 280px;}
#openModal_2 .modal-content{width: 100%; padding: 30px 20px 20px;}
#openModal_2 .modal-body{ padding:0px;}
#openModal_2 .modal-body > p{font-size: 16px; font-weight: 400;text-align: center;color: #000;}
#openModal_2 .modal-footer{border:none; justify-content:center; padding: 0px;margin-top: 20px;}
#openModal_2 .modal-footer > button{background: #b81c22; min-width: 100%; height: 40px;  color:#fff; padding: 0px;border-radius: 4px;line-height: 100%;}

#openModal_3 .modal-dialog{margin: 300px auto;width: 80%;max-width: 280px;}
#openModal_3 .modal-content{width: 100%; padding: 30px 20px 20px;}
#openModal_3 .modal-body{ padding:0px;}
#openModal_3 .modal-body > p{font-size: 16px; font-weight: 400;text-align: center;color: #000;}
#openModal_3 .modal-footer{border:none; justify-content:space-between; padding: 0px;margin-top: 20px;display: flex;}
#openModal_3 .modal-footer > .btn{background: #fff;height: 40px;  color:#B81C22; padding: 0px; margin-top: 20px;width:46%;line-height: 100%;border-radius: 4px;border: 1px solid #B81C22;}
#openModal_3 .modal-footer > .btn:last-child{background: #B81C22; margin-left: 10px; color:#fff;}

#openModal_ok .modal-dialog{margin: 300px auto;width: 80%;max-width: 280px;}
#openModal_ok .modal-content{width: 100%; padding: 30px 20px 20px;}
#openModal_ok .modal-body{ padding:0px;}
#openModal_ok .modal-body > p{font-size: 16px; font-weight: 400;text-align: center;color: #000;}
#openModal_ok .modal-footer{border:none; justify-content:space-between; padding: 0px;margin-top: 20px;display: flex;}
#openModal_ok .modal-footer > .btn{background: #fff;height: 40px;  color:#B81C22; padding: 0px; margin-top: 20px;width:46%;line-height: 100%;border-radius: 4px;border: 1px solid #B81C22;}
#openModal_ok .modal-footer > .btn:last-child{background: #B81C22; margin-left: 10px; color:#fff;}
