@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 0 25px;position:relative;background: #f8f8f8;}
.mcontainer2{width:100%;margin:0;padding:0 0 25px;position:relative;background: #d9d9d9;}
.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%;}


.ico_shadow{box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.06);border-radius: 10px;}

/************************************************
*		HEADER									*
************************************************/
/* Intro */
.int_bg{width:100%;height: 100vh;background-image: url(../images/intro_bg.png);position:relative;z-index:1;background-size: cover;}
.intro_wrap{width: 100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.intro_wrap h1{height: 40px;text-align: center;margin: 0 auto;}
.intro_wrap p{height: 29px;text-align: center;}


/*** 메뉴 : MENU ***/
.header{width:100%;height:50px;margin:0 auto;background-color:#fff;position:relative;}
/** 토글버튼 **/
.header .main .nav{
	width:24px;
	height:24px;
	margin:5px 0 0;
	background:url(../images/icon/h_menu.png) no-repeat 0 0;
	background-size:24px;
	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 50px;
	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:142px;height: auto;}
.header .logo a{color:#212121;}

.header .r_btn {
	position:absolute;
	right:15px;
	top:13px;
}
.header .r_btn a.mp,
.header .r_btn a.mp:hover,
.header .r_btn a.mp:active{
	width: 24px;
	height: 24px;
}
.header .r_btn a.mp img{height:24px;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:240px;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:230px;position:relative;}
.mn_wrap .mn_case .nav_wrap .mc_title{
	width:240px;
	height:230px;
	padding:30px 0 20px 15px;
	background-color:#C00202;
	font-size:18px;
	color:#fff !important;
/* 	line-height:50px; */
	position:fixed;
	z-index:10;
}
.mn_wrap .mn_case .nav_wrap .mc_title ul{margin: 20px 0 0 0;}
.mn_wrap .mn_case .nav_wrap .mc_title ul li{font-size: 15px;line-height: 22px;font-weight: 400;margin-top: 4px;letter-spacing: -0.5px;}
.mn_wrap .mn_case .nav_wrap .mc_title ul li img{padding-right: 13px;}
.mn_wrap .mn_case .nav_wrap .mc_title button{background-color: #fff;width: calc(100% - 15px);margin-top: 20px;color: #c00202;font-size: 15px;font-weight: 500;line-height: 42px;}
.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:10px 15px;position:relative;box-sizing: border-box;}

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

.mn_wrap .mn_case .accordion:nth-last-of-type(1) {
	border-bottom:none;
}

.mn_wrap .mn_case .accordion-open {
	background:#fff;
	color:#000;
}
.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:#fff;
	border-bottom:1px solid #fff;
	font-size:14px;
	color:#000;
	position:relative;
	border-bottom:1px solid #e4e4e4;
	width: 92.5%;
	font-weight: 400;
}






/************************************************
*		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:24px;
	width:90%;
	margin-left:15px;
	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:#fff;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
	position:fixed;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
	width:240px;
	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:-240px;
}
.cbp-spmenu-right {
	right:-240px;
}
.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:-240px;
}
.cbp-spmenu-bottom {
	bottom:-240px;
}
.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;
	background-color: #f8f8f8;
}
.cbp-spmenu-push-toright {
	left:240px;
}
.cbp-spmenu-push-toleft {
	left:-240px;
}

/* 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:240px;
	}
	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left:-240px;
	}
	.cbp-spmenu-right {
		right:-240px;
	}
	.cbp-spmenu-push-toright {
		left:240px;
	}
}






/************************************************
*		CONTAINER								*
************************************************/

/*** MAIN ***/
.main_wrap{width:100%;height:auto;margin:0 auto;overflow:hidden;background: #f8f8f8;padding: 17px 0;position: relative;}
.main_wrap>div{background-color: #fff;margin: 0 15px;border-radius: 10px;position: relative;}
.main_wrap>div h3{font-size: 15px;line-height: 22px;color: #696969;background-color: rgba(0, 0, 0, 0.02);display: inline-block;margin: 20px 0 0 20px;border-radius: 13px;padding: 0 5px;font-weight: 400;}
.main_wrap>div .today_get{margin:20px 0 0 35px;font-size: 15px;line-height: 22px;font-weight: 400;padding-bottom: 14px;}
.main_wrap>div .today_get p{margin-bottom: 10px;font-weight: 400;}
.main_wrap>div .today_get p img{width: 22px;height: 22px;vertical-align: top;}
.main_wrap>div .today_get p span{font-weight: 500;margin-left: 10px;}
.main_wrap .btn_ref{position: absolute;right: 35px;top: 35px;background-image: url(../images/icon/refresh_r.png);width: 24px;height: 24px;}
.main_wrap .btn_ref:focus{position: absolute;right: 35px;top: 35px;background-image: url(../images/icon/refresh.png);}

.list_wrap{margin: 0 15px;}
.list_wrap .tab{/* float:left;  */width:100%; height:auto;}
.list_wrap .tabnav{display: flex;width: 100%;justify-content: space-between;color: #212124;margin-bottom: 20px;}
.list_wrap .tabnav li{width: 33%;height: 40px;font-size: 14px;font-weight: 600;text-align: center;line-height: 40px;}
.list_wrap .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.list_wrap .tabnav li a{ position:relative; display:block; color: #d9d9d9;text-decoration:none; font-size:14px;width: 100%;line-height: 40px;border-bottom:3px solid #d9d9d9;font-weight: 400;}
.list_wrap .tabnav li a:hover,
.list_wrap .tabnav li a.active{color:#c00202 !important; border-bottom: 3px solid #c9202c;font-weight: 500;}

.list_wrap #tab01 .rc_bg{width: 100%;height: 112px;background-color: #c00202;border-radius: 10px;overflow: hidden;}
.list_wrap #tab01 .today_get{text-align: center;color: #fff;font-size: 16px;line-height: 22px;padding: 22px 0 28px;margin: 0 auto;
	background: url(../images/point_bg.png) no-repeat 50%;background-size: cover;}
.list_wrap #tab01 .today_get span{display: block;font-size: 22px;font-weight: 600;line-height: 28px;margin: 15px 0;}
.list_wrap #tab01 .today_get span img{height: 28px;padding-right: 10px;vertical-align: top;}
.list_wrap .ht_rwd{background-color: #fff;border-radius: 10px;padding: 7px 15px;margin-top: 20px;}
.list_wrap .ht_rwd .ht_li{border-bottom: 1px solid #f8f8f8;margin-top: 13px;}
.list_wrap .ht_rwd .ht_li:nth-last-of-type(1){border-bottom: none;}
.list_wrap .ht_rwd .ht_li h4{font-size: 15px;font-weight: 500;margin-bottom: 13px;line-height: 24px;}
.list_wrap .ht_rwd .ht_li h4 img{width: 24px;height: 24px;margin-right: 10px;  border-radius: 4px;box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.08);}

.list_wrap .ht_rwd .ht_li .ic_con{font-size: 15px;font-weight: 500;margin-left: 34px;}
.list_wrap .ht_rwd .ht_li .ic_con li>div{display: flex;justify-content: space-between;height: 25px;font-size: 15px;width: 100%;}
.list_wrap .ht_rwd .ht_li .ic_con span{display: block;font-size: 13px;color: #969696;font-weight: 400;margin-bottom: 12px;}

.list_wrap .ht_li .btn_ttcget{border-radius: 4px;color:#fff; width: 60px; height: 25px; line-height: 25px;  box-sizing: border-box;font-size: 12px;font-weight: 500;	background: #c9202c;margin-left: 10px;}
.list_wrap .ht_li .btn_ttcget.flipped{
	border-radius: 4px;color:#fff; width: 51px; height: 25px; line-height: 25px;  box-sizing: border-box;font-size: 12px;font-weight: 500;	background: #dfdfdf; 
}

.list_wrap #tab02 ul{display: flex;flex-wrap: wrap;margin: 20px auto 0;padding-bottom:24px;justify-content: space-between;width: 330px;}
.list_wrap #tab02 ul li{margin: 4px 0;box-sizing: border-box;width:48.78%;text-align: center;background-color: #fff;width: 160px;height: 160px;border-radius: 10px;box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.03)}
.list_wrap #tab02 ul li img{margin-top: 22px;width: 59px;height: 59px;}
.list_wrap #tab02 ul li h4{text-align: center;font-size: 16px;font-weight: 500;line-height: 120%;margin: 10px 0;}

.list_wrap #tab03 .rc_bg{width: 100%;height: 112px;background-color: #c00202;border-radius: 10px;overflow: hidden;display: flex;justify-content: space-between;}
.list_wrap #tab03 .today_get{text-align: left;color: #fff;font-size: 16px;line-height: 22px;margin: 22px 0 0 30px}
.list_wrap #tab03 .today_get>span{display: block;font-size: 22px;font-weight: 600;line-height: 28px;margin: 15px 0;}
.list_wrap #tab03 .today_get img{height: 28px;padding-right: 10px;vertical-align: top;}
.list_wrap #tab03 .rc_bg>div{font-size: 18px;color: #dfdfdf;line-height: 112px;font-weight: 600;margin-right: 22px;}

.sub_wrap{width:100%;height:auto;margin:0 auto;overflow:hidden;background: #f8f8f8;padding: 20px 15px;position: relative;}
.sub_wrap h3{line-height: 22px;font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.sub_wrap .info_p{font-size: 14px;line-height: 20px;font-weight: 400;color: #131313;}

.sub_wrap .not_list li{display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #dfdfdf;}
.sub_wrap .not_list li:first-of-type{padding: 0 0 10px;}
.sub_wrap .not_list li h4{font-size: 14px;line-height: 20px;font-weight: 400;color: #696969;width: 66.67%;}
.sub_wrap .not_list li .not_date{font-size: 14px;line-height: 20px;font-weight: 400;color: #c00202;}

.req_wrap{width:100%;height:auto;margin:0 auto;overflow:hidden;background: #f8f8f8;padding: 20px 15px;position: relative;}
.req_wrap h3{line-height: 22px;font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.req_wrap ul li{display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #dfdfdf;color: #696969;font-size: 14px;white-space: nowrap;line-height: 20px;}
.req_wrap ul li:first-of-type{padding: 0 0 10px;}
.req_wrap ul li:last-of-type{border: none;}
.req_wrap h3{line-height: 22px;font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.req_wrap ul li input[type="text"], .req_wrap ul li input[type="password"], .req_wrap ul li input[type="email"], .req_wrap ul li select, .req_wrap ul li textarea {
    width: 100%;
	height: auto;
    padding: 0 0 0 6px;
    border: none;
    font-size: 14px;
}
.req_wrap ul .user_name{color: #0066f6;}
.req_wrap ul li:last-of-type{color: #131313;}

.sub_wrap .in_code{width: 100%;height: 48px;position: relative;display: flex;margin: 0 0 6px;}
.sub_wrap .in_code p{width: calc(100% - 104px);text-align: center;height: 48px;line-height: 48px;color: #696969;font-size: 14px;border: 1px solid #696969;}
.sub_wrap .in_code button{background-color: #131313;height: 48px;width: 104px;color: #fff;font-size: 15px;border: 1px solid #131313;}
.sub_wrap .btn_send{width: 100%;height: 48px;line-height: 48px;background-color: #131313;color: #fff;font-size: 15px;border: 1px solid #131313;}
.sub_wrap .info_code{font-size: 14px;line-height: 22px;font-weight: 400;color: #696969;margin: 20px 0 0;}
.sub_wrap .info_code span{color: #c00202;font-weight: 500;}
.sub_wrap .spt h4{text-align: center;font-weight: 400;margin: 45px 0 10px;line-height: 22px;font-size: 16px;font-weight: 400;}
.sub_wrap .spt p{text-align: center;color: #696969;font-size: 14px;font-weight: 400;line-height: 22px;padding: 10px 0;
	border:1px solid #dfdfdf;border-right:none;border-left: none;
}
.cau h4{text-align: center;font-weight: 400;padding: 45px 0 14px;line-height: 22px;font-size: 16px;font-weight: 400;margin-bottom: 14px;background-color: #f8f8f8;}
.cau p{background-color: #d9d9d9;color: #696969;font-size: 14px;line-height: 22px;padding: 25px 15px;}
.cau p span{color: #131313;font-size: 13px;}

.serv_wrap{width:100%;height:auto;margin:0 auto;overflow:hidden;background: #f8f8f8;padding: 20px 15px;position: relative;}
.serv_wrap .serv_tit{padding: 20px 0 40px 15px;display: flex;}
.serv_wrap .serv_tit .tit_img{width: 59px;height: 59px;}
.serv_wrap .serv_tit .star_rate{display: flex;margin-top: 3px;}
.serv_wrap h3{font-size: 16px;line-height: 100%;font-weight: 500;margin-left: 12px;}
.serv_wrap h3 .sub_t{display: block;font-size: 15px;font-weight: 300;line-height: 22px;margin-top:3px;}
.serv_wrap .serv_con{margin-bottom: 20px;}
.serv_wrap .serv_con>div{background-color: #fff;border-radius: 10px;box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.06);padding: 15px 10px;position: relative;}
.serv_wrap .serv_con>div p{font-size: 14px;line-height: 19px;font-weight:400;}
.serv_wrap .serv_con>div .how_coin{font-weight:600;}
.serv_wrap .serv_con>div .how_coin img{margin-right: 5px;font-size: 15px;line-height: 22px;}
.serv_wrap .serv_con>div .how_get{margin: 13px 0 0 21px;}
.serv_wrap .serv_con>div .how_get h5{font-size: 14px;line-height: 19px;font-weight:500;}
.serv_wrap .serv_con>div .how_get p span{color: #c00202;}
.serv_wrap .serv_con .btn_rwd{position: absolute;background-color: #c00202;color: #fff;border-radius: 4px;width: 60px;height: 25px;right: 12px;top: 12px;font-size: 12px;font-weight: 500;}
.serv_wrap .serv_con .btn_sps{position: absolute;background-color: #c00202;color: #fff;border-radius: 4px;width: 60px;height: 25px;right: 12px;top: 12px;font-size: 12px;font-weight: 500;}
.serv_wrap .serv_con .btn_join{background-color: #131313;width: 100%;height: 40px;color: #fff;border-radius: 10px;margin-top: 6px;}
.serv_wrap .serv_con .btn_join span{color: #fff;font-size: 15px;font-weight: 500;line-height: 40px;}
.serv_wrap .btn_app{width: 100%;height: 52px;background-color: #c00202;color: #fff;font-size: 15px;font-weight: 500;border-radius: 10px;margin-top: 325px;}

.serv_wrap .our_txt{font-size: 14px;line-height: 19px;color: #131313;font-weight: 400;}
.serv_wrap .our_txt .cau{font-weight: 500;margin-bottom: 19px;}
.serv_wrap .our_txt .las{color: #696969;margin-top: 10px;}


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

.modal{z-index:10000;}

.modal-content{padding:15px;position:relative;margin-top: 200px;}

.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:6px;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;}

/* 스냅샷 modal */
#snap_con{border-radius: 4px !important;width: 270px;margin: 0 auto;padding: 20px;margin-top: 200px;}
#snap_con h4{font-size: 15px;text-align: center;line-height: 20px;font-weight: 400;}
#snap_con input[type="text"]{height: 40px;border-radius: 4px;  border: solid 1px #dfdfdf;  width: 180px;font-size: 15px;font-weight: 400;line-height: 20px;
	color: #dfdfdf;
}

#myModal2 .modal-header{margin: 0;}

.file-upload label {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border-bottom-color: #e2e2e2;
	position: absolute;
	right: 22px;
}
.file-upload input[type="file"] {  /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.file-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

/* named upload */
.file-upload .upload-name {
    display: inline-block;
    padding: .5em .75em;  /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

#snap_con .btn_snap{background-color: #b81c22;color: #fff;width: 100%;height: 40px;border-radius: 4px;font-size: 15px;line-height: 40px;font-weight: 400;}

/************************************************
*		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){
}