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 0 59px;padding:0;position:relative;}
.hcontainer{width:100%;margin:0;padding:15px 10px 0;position:relative;}
.scontainer{width:100%;margin:0;padding:50px 0 0;position:relative;}
.bcontainer{width:100%;margin:0;padding:0 0 50px;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:#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:30px;
	height:50px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
.header .back a{
	width:100%;
	height:50px;
	background:url(../images/icon/back_btn.png) no-repeat 10px 50%;
	background-size:15px 26px;
	line-height:50px;
	display:block;
}
/** 로고 **/
.header .logo{
	height:50px;
	margin:0 0 0 35px;
	padding:0;
	text-align:left;
	line-height:50px;
	position:absolute;
	left:0;
	top:0;
}
.header .logo img{width:auto;height:30px;}

/** 타이틀 **/
.header .h_ctit{
	width:100%;
	height:50px;
	margin:0;
	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 .h_ctit a{color:#212121;}

.header .r_btn {
	height:50px;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:0;
}
.header .r_btn a{
	width:25px;
	height:50px;
	margin:0 0 0 10px;
	padding:0;
	display:block;
	float:right;
}
.header .r_btn a.acu{
	background:url(../images/icon/ic_stars_black.png) no-repeat 0 50%;
	background-size:25px;
}
.header .r_btn a:hover.acu{
	background:url(../images/icon/ic_stars_black.png) no-repeat 0 50%;
	background-size:25px;
}
.header .r_btn a.not{
	background:url(../images/icon/ic_add_alert_black.png) no-repeat 0 50%;
	background-size:25px;
}
.header .r_btn a:hover.not{
	background:url(../images/icon/ic_add_alert_black.png) no-repeat 0 50%;
	background-size:25px;
}
.header .grobal_r{width:auto;height:50px;position:absolute;top:0;right:45px;z-index:10000;}
.header .grobal_r .grbg{
	width:auto;
	min-width:25px;
	height:50px;
	margin-top:-2px;
	padding:0;
	background:url(../images/icon/ic_stars_black.png) no-repeat 0 60%;
	background-size:25px 25px;
	position:relative;
	display:block;
}
.header .grobal_r .grbg .grnum{
	margin:7px 0 0 -10px;
	padding:0 6px;
	background-color:#ffc928;
	border:1px solid #ffc928;
	border-radius:11px;
	font-size:12px;
	color:#fff;
	letter-spacing:-1px;
	display:inline-table;
	float:left;
}

/** 타이틀 **/
.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;
}






/************************************************
*		MAIN BG									*
************************************************/

.tt_wrap{width:100%;margin:50px 0 0;background-color:#fff;position:relative;z-index:1;}
.tb_sthum{height:180px;position:relative;}
.tb_sthum img{position:absolute;left:0;top:0;z-index:0;}
.tb_sthum p{margin:0 10px 10px;text-align:left;font-size:18px;font-weight:300;color:#000;line-height:20px;position:relative;display:block;z-index:100;}
.tb_sthum p b{font-weight:600;}
.tb_sthum span{margin:0 10px;text-align:left;font-size:13px;font-weight:300;color:#000;line-height:16px;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%;
}




.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:-3px;
	z-index:1000;
}
.main_wrap .flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.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;}






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

/*** MAIN ***/
.accordion:first-child{border-top:1px solid #e4e4e4;}
.accordion {
	margin:0 0 1px;
	padding:10px;
	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:#ee8740;
	color:#fff;
}
.accordion-open span {
	padding:10px;
	display:block;
	float:right;
}
.accordion-open span {
	background:url(../images/icon/close_w_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:0;
	background:#fff;
	border-bottom:1px solid #e4e4e4;
	font-size:14px;
	color:#888;
	line-height:25px;
	position:relative;
}
div.acontent .ac_case{padding:10px;}
div.acontent .ac_tit{font-weight:500;color:#333;display:block;}
div.acontent .ac_txt{margin:0;font-weight:400;color:#555;display:block;}
div.acontent .ac_sxt{margin:0;font-size:11px;font-weight:400;color:#555;display:block;}



.ac_tab{
	height:40px;
	margin:0;
	padding:0;
	position:relative;
}
.ac_tab ul{height:40px;margin:0;padding:0;position:relative;}
.ac_tab li{
	width:50%;
	height:40px;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	float:left;
}
.ac_tab li a{
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	border-bottom:3px solid #fff;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#999 !important;
	line-height:40px;
	display:block;
}
.ac_tab li a:hover,
.ac_tab li a.on{border-bottom:3px solid #fe964f;color:#333 !important;}



.acount_wrap{margin:0;padding:0;position:relative;}
.acount_wrap .tabs-standard1,
.acount_wrap .tabs-standard2{width:100%;height:auto !important;margin:0;padding:0;position:relative;}
.acount_wrap .tabs-standard1 .sliderkit-nav,
.acount_wrap .tabs-standard2 .sliderkit-nav{
	width:100%;
	height:36px;
	margin:-10px 0 0;
	border-bottom:1px solid #ccc;
	position:relative;
}
.acount_wrap .tabs-standard1 .sliderkit-nav-clip,
.acount_wrap .tabs-standard2 .sliderkit-nav-clip{margin:0;}
.acount_wrap .tabs-standard1 .sliderkit-nav-clip li,
.acount_wrap .tabs-standard2 .sliderkit-nav-clip li{width:50%;height:35px;text-align:center;font-size:14px;font-weight:500;line-height:35px;float:left;}
.acount_wrap .tabs-standard1 .sliderkit-nav-clip li,
.acount_wrap .tabs-standard1 .sliderkit-nav-clip li a,
.acount_wrap .tabs-standard2 .sliderkit-nav-clip li,
.acount_wrap .tabs-standard2 .sliderkit-nav-clip li a{
	width:50%;
	height:35px;
	border-bottom:3px solid #fff;
	text-align:center;
	color:#999;
	line-height:35px;
	text-decoration:none;
}
.acount_wrap .tabs-standard1 .sliderkit-nav-clip li.sliderkit-selected,
.acount_wrap .tabs-standard2 .sliderkit-nav-clip li.sliderkit-selected{border-bottom:3px solid #ee8740;}
.acount_wrap .tabs-standard1 .sliderkit-nav-clip li.sliderkit-selected a,
.acount_wrap .tabs-standard2 .sliderkit-nav-clip li.sliderkit-selected a{color:#333 !important;}

.acount_wrap .tabs-standard1 .sliderkit-panels,
.acount_wrap .tabs-standard2 .sliderkit-panels{width:100%;height:auto;position:relative;}
.acount_wrap .tabs-standard1 .sliderkit-panel,
.acount_wrap .tabs-standard2 .sliderkit-panel{width:100%;height:auto;padding:15px 10px 0;position:relative;}






/* Step Process  */
.progress_top{width:100%;margin:0 0 10px;padding:0;position:relative;}
.progress_top img{width:100%;}

.progress_wrap{width:100%;height:50px;margin:0 0 15px;line-height:50px;position:relative;}
.progress_wrap ul{margin:0;padding:0;}
.progress_wrap li:first-child{padding-left:10px;}
.progress_wrap li.pw_s3:first-child{width:33.4%;}
.progress_wrap li.ov{background-color:#ed7d31;color:#333;}
.progress_wrap li{
	height:50px;
	padding:10px 20px 0 0;
	background-color:#fbe5d6;
	text-align:center;
	font-weight:400;
	color:#333;
	line-height:16px;
	position:relative;
	float:left;
	display:block;
}
.progress_wrap li span{width:20px;height:70px;line-height:70px;position:absolute;left:0;top:0;display:block;}
.progress_wrap li em{width:20px;height:70px;line-height:70px;position:absolute;right:0;top:0;display:block;}

.pw_s3{width:33.3%;font-size:13px;}
.pw_s4{width:25%;font-size:14px;}

.pw_front1{background:url(../images/pro_front1.jpg) no-repeat;}
.pw_fe1{background:url(../images/pro_fe1.jpg) no-repeat;}
.pw_fe2{background:url(../images/pro_fe2.jpg) no-repeat;}
.pw_fe3{background:url(../images/pro_fe3.jpg) no-repeat;}
.pw_fe4{background:url(../images/pro_fe4.jpg) no-repeat;}
.pw_end1{background:url(../images/pro_end1.jpg) no-repeat;}



.step_wrap{margin:0;padding:0;position:relative;}
.step_wrap li{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	letter-spacing:-1px;
	position:relative;
}
.step_wrap li b{font-weight:600;display:block;float:left;}
.step_wrap li p{display:block;float:left;}
.step_wrap li span{font-size:12px;display:block;float:right;}






/*** SUB ***/
/** 01 **/
.jn_wrap{margin:10px 0;padding:0;position:relative;}
.jn_wrap ul{margin:0;padding:0;border-top:1px solid #e4e4e4;position:relative;}
.jn_wrap li{padding:5px 10px;border-bottom:1px solid #e4e4e4;background-color:#fff;position:relative;}
.jn_wrap li .jw_l{width:75%;float:left;}
.jn_wrap li .jw_l input[type="checkbox"] + label{
	margin:0;
	padding:0 0 0 30px;
	font-size:15px;
	font-weight:400;
	line-height:40px;
	letter-spacing:-1px;
	display:block;
}
.jn_wrap li .jw_l input[type="checkbox"] + label:before {
	width:23px;
	height:23px;
	background:url(../images/icon/check.png) right 50% no-repeat;
	background-size:23px;
	line-height:23px;
	left:0;
	top:25%;
}
.jn_wrap li .jw_l input[type="checkbox"]:checked + label:before {
	color:#2e82e0;
	background:url(../images/icon/checked.png) right 50% no-repeat;
	background-size:23px;
}
.jn_wrap li .jw_r{width:25%;float:right;}
.jn_wrap li .jw_r .jr_link{
	width:100%;
	height:40px;
	text-align:right;
	font-size:12px;
	color:#666;
	line-height:40px;
	letter-spacing:-1px;
	display:block;
}
.jn_wrap li .jw_r .jr_link a{color:#666 !important;}
.jn_wrap li .jw_r label{margin:6px 0 0;}


.jn_btn{height:45px;margin:0 0 30px;padding:0 10px;position:relative;}
.jn_btn a{
	height:45px;
	background-color:#fff;
	border-radius:4px;
	text-align:center;
	font-size:16px;
	font-weight:400;
	line-height:45px;
	display:block;
}
.jn_btn a:hover{background-color:#ee8740;color:#fff !important;}






.statusB{width:100%;margin:0 0 20px;padding:0;position:relative;}
.statusB .operB{}
.statusB .operB .statusTxt{width:100%;height:25px;margin:10px auto 0 auto;line-height:25px;overflow:hidden}
.statusB .operB .statusTxt em{
	width:50%;
	background:url('http://battle.tomato.co.kr/Content/front/images/btn_tom.png') -100px -175px no-repeat;
	font-size:12px;
	font-weight:300;
	float:left;
	display:block;
}
.statusB .operB .statusTxt em.up{padding-left:18px;color:#ff5341}
.statusB .operB .statusTxt em.down{padding-right:18px;background-position:93px -180px;color:#5fa6f5;text-align:right}
.statusB .operB .barGraph{width:220px;height:20px;margin:8px auto 0 auto;border-radius:2em;overflow:hidden}
.statusB .operB .barGraph span{float:left;display:block;height:20px;background:#5ac0fb;color:#fff;font-size:12px;text-align:center}
.statusB .operB .barGraph span:first-child{background:#ff6252}
.statusB .positB{padding:14px 0 0 0}
.statusB .positB strong{display:block;margin:17px 0 0 2px;color:#444;font-size:14px;font-weight:300}
.statusB .positB .pieB{
	position:relative;
	width:140px;
	height:140px;
	margin:30px auto 0 auto;
	background:url('http://battle.tomato.co.kr/Content/front/images/temp_pie.png') 0 0 no-repeat
}
.statusB .positB .pieB span.caption{position:absolute;top:-35px;right:-47px}
.statusB .positB .pieB span.caption em{
	display:block;
	width:35px;
	height:20px;
	background:url('http://battle.tomato.co.kr/Content/front/images/tit_tom.png') 0 0 no-repeat;
	overflow:hidden;
	text-indent:-100em
}
.statusB .positB .pieB span.caption em.buy{background-position:0 -150px}
.statusB .positB .pieB span.caption em.sell{background-position:0 -170px}
.statusB .positB .pieB span.txt{position:absolute;top:34px;display:block;width:140px}
.statusB .positB .pieB span.txt i{display:block;width:140px;color:#555;font-size:46px;font-weight:500;line-height:1.1em;text-align:center}
.statusB .positB .pieB span.txt em{display:block;width:140px;color:#7e7e7e;font-size:11px;font-weight:300;text-align:center}

.statusB .operB{}.statusB .operB strong{margin:17px 0 0 2px;color:#444;font-size:14px;font-weight:300;display:block;}
.statusB .operB .statusTxt{width:65%;height:25px;margin:10px auto 0 auto;overflow:hidden}
.statusB .operB .statusTxt em{
	width:50%;
	background:url('http://battle.tomato.co.kr/Content/front/images/btn_tom.png') -100px -177px no-repeat;
	font-size:14px;
	font-weight:400;
	float:left;
	display:block;
}
.statusB .operB .statusTxt em.up{color:#ff5341}
.statusB .operB .statusTxt em.down{background-position:93px -180px;color:#5fa6f5;text-align:right}
.statusB .operB .barGraph{width:90%;height:25px;margin:10px auto 0 auto;border-radius:25px;overflow:hidden}
.statusB .operB .barGraph span{height:25px;background:#5ac0fb;color:#fff;font-size:14px;text-align:center;line-height:25px;float:left;display:block;}
.statusB .operB .barGraph span:first-child{background:#ff6252}


.winer_tit{
	height:60px;
	margin:0;
	padding:0 5px;
	background-color:#fbe5d6;
	position:relative;
	overflow:hidden;
}
.winer_tit ul{margin:0;padding:0;}
.winer_tit li{
	width:50%;
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:400;
	color:#222;
	line-height:60px;
	letter-spacing:-1px;
	position:relative;
	float:left;
}
.winer_tit li img{width:auto;height:50px;vertical-align:top;}
.winer_tit li .wt_p{
	height:60px;
	text-align:right;
	line-height:60px;
	position:absolute;
	right:5px;
	top:0;
}
.winer_tit li b{
	height:60px;
	text-align:center;
	font-size:16px;
	height:60px;
	line-height:60px;
	display:block;
}
.winer_sel{width:40%;margin:10px 10px 10px 0;position:relative;float:right;}






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

.footer{
	height:60px;
	margin:0;
	padding:0;
	background-color:#fff;
	border-top:1px solid #e4e4e4;
	text-align:left;
	font-size:14px;
	font-weight:300;
	color:#666;
}
.footer ul{margin:0;padding:0;position:relative;}
.footer li{width:25%;margin:0;padding:0;float:left;}
.footer li span{height:30px;margin:3px 0 0;padding:0;text-align:center;line-height:30px;display:block;}
.footer li p{height:25px;margin:0 0 5px;text-align:center;font-size:13px;font-weight:500;line-height:25px;display:block;}
.footer li a{color:#888;}
.footer li.on a,
.footer li a:hover{color:#333 !important;}
.footer li a span.fl_nav1{background:url(../images/icon/ic_home_gray.png) no-repeat center 50%;background-size:25px 25px;}
.footer li a span.fl_nav2{background:url(../images/icon/ic_assignment_turned_in_gray.png) no-repeat center 50%;background-size:25px 25px;}
.footer li a span.fl_nav3{background:url(../images/icon/ic_battle_gray.png) no-repeat center 50%;background-size:25px 25px;}
.footer li a span.fl_nav4{background:url(../images/icon/ic_stock_gray.png) no-repeat center 50%;background-size:25px 25px;}

.footer li a:hover span.fl_nav1,
.footer li.on a span.fl_nav1{background:url(../images/icon/ic_home_black.png) no-repeat center 50%;background-size:25px 25px;}
.footer li a:hover span.fl_nav2,
.footer li.on a span.fl_nav2{background:url(../images/icon/ic_assignment_turned_in_black.png) no-repeat center 50%;background-size:25px 25px;}
.footer li a:hover span.fl_nav3,
.footer li.on a span.fl_nav3{background:url(../images/icon/ic_battle_black.png) no-repeat center 50%;background-size:25px 25px;}
.footer li a:hover span.fl_nav4,
.footer li.on a span.fl_nav4{background:url(../images/icon/ic_stock_black.png) no-repeat center 50%;background-size:25px 25px;}






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

.table_type1{width:100%;margin:0;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:5px;
	background-color:#fe964f;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:14px;
	font-weight:500;
	color:#fff;
	line-height:20px;
}
.table_type1 tbody th:nth-child{2},
.table_type1 tbody td:nth-child{2}{
	padding:5px;
	background-color:#fcece8;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:13px;
	font-weight:400;
	color:#fff;
	line-height:20px;
}
.table_type1 tbody th,
.table_type1 tbody td{
	padding:5px;
	background-color:#f8d7cd;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:13px;
	font-weight:400;
	color:#333;
	line-height:20px;
}

.table_type1 tbody th p,
.table_type1 tbody td p{
	margin:0;
}


.table_type2{width:100%;margin:0 0 10px;padding:0;border-top:1px solid #fe964f;border-bottom:1px solid #e4e4e4;position:relative;}
.table_type2 caption{display:none}
.table_type2 thead th,
.table_type2 thead td{
	padding:5px;
	font-size:17px;
	font-weight:500;
	color:#333;
	line-height:24px;
}
.table_type2 tbody th,
.table_type2 tbody td{padding:5px;background-color:#fff;font-size:13px;font-weight:500;color:#999;line-height:18px;}


.table_type3{width:100%;margin:0 0 10px;padding:0;border-top:2px solid #333;position:relative;}
.table_type3 caption{display:none}
.table_type3 thead th,
.table_type3 thead td{
	padding:7px 5px;
	border-bottom:1px solid #e4e4e4;
	font-size:13px;
	font-weight:500;
	color:#333;
	line-height:20px;
	letter-spacing:-1px;
}
.table_type3 tbody th,
.table_type3 tbody td{
	padding:7px 5px;
	background-color:#fff;
	border-bottom:1px solid #e4e4e4;
	font-size:13px;
	font-weight:500;
	color:#999;
	line-height:18px;
	letter-spacing:-1px;
}


.cale_type1{width:100%;margin:0 0 20px;font-size:14px;}
.cale_type1 caption{display:none}
.cale_type1 thead th,
.cale_type1 thead td{
	padding:5px;
	background-color:#ee8740;
	border:1px solid #fff;
	text-align:center;
	font-size:13px;
	font-weight:500;
	color:#fff;
	line-height:18px;
}
.cale_type1 tbody th,
.cale_type1 tbody td{
	height:40px;
	padding:0 5px;
	background-color:#fcece8;
	border:1px solid #fff;
	text-align:center;
	font-size:12px;
	font-weight:400;
	color:#333;
	line-height:40px;
}
.cale_type1 tbody th .ct_cycle,
.cale_type1 tbody td .ct_cycle{
	width:30px;
	height:30px;
	margin:5px auto;
	border:2px solid #fd484d;
	border-radius:100%;
	font-weight:500;
	line-height:27px;
	display:block;
}
.cale_type1 tbody th .ct_del,
.cale_type1 tbody td .ct_del{
	text-decoration:line-through !important;
}






/************************************************
*		페이징 : Paginate						*
************************************************/

.paginate{margin:10px 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										*
************************************************/

.xbtit {
	height:40px;
	margin:0 0 10px;
	text-align:left;
	font-size:12px;
	font-weight:400;
	line-height:40px;
	letter-spacing:-1px;
	position:relative;
	display:block;
	z-index:100;
}
.xbtit span {
	width:70%;
	height:40px;
	margin:0;
	display:block;
	position:absolute;
	right:0;
	top:0;
}
.xbtit span input{height:40px;border:1px solid #ccc;line-height:40px;float:left;}

.s_cbit{
	margin:0;
	padding:0;
	text-align:center;
	font-size:18px;
	font-weight400;
	color:#212121;
	line-height:28px;
	position:relative;
}

.s_lbit{
	margin:0;
	padding:15px 10px;
	text-align:left;
	font-size:18px;
	font-weight400;
	color:#212121;
	line-height:28px;
	position:relative;
}
.s_lbit b{font-size:20px;font-weight:500;text-decoration:underline !important;}

.s_ctit{
	height:40px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#212121;
	line-height:40px;
	position:relative;
}
.s_ctit span{
	text-align:right;
	font-size:12px;
	position:absolute;
	right:10px;
	top:0;
}

.s_ltit{
	height:40px;
	margin:0;
	padding:0 10px;
	border-bottom:2px solid #fe964f;
	text-align:left;
	font-size:16px;
	font-weight:500;
	color:#212121;
	line-height:40px;
	position:relative;
}
.s_ltit span{
	text-align:right;
	font-size:12px;
	line-height:40px;
	position:absolute;
	right:10px;
	top:0;
}
.s_ltit span img{width:auto;height:22px;}

.s_csit{
	height:40px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:20px;
	font-weight:500;
	color:#212121;
	line-height:40px;
	position:relative;
}

.sbtn_wrap{width:85px;margin:0 auto;padding:0;position:relative;}
.tbtn_wrap{width:200px;margin:0 auto;padding:0;position:relative;}

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.obtn{
	width:100px;
	height:40px;
	margin:0 auto;
	padding:0;
	background-color:#fe964f;
	text-align:center;
	font-size:14px;
	color:#fff !important;
	line-height:40px;
	display:block;
	position:relative;
}






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

.modal{z-index:10000;}

.modal-content{padding:0;position:relative;}

.modal-header{margin:0;padding:0 !important;border:0 none !important;text-align:center;font-size:20px;font-weight:500;color:#212121;line-height:50px;}
.modal-header .close{width:30px;height:30px;background:url(../images/icon/popup_close.png) no-repeat;position:absolute;right:10px;top:0;display:block;}
.modal-header.mh_tit{height:50px;background-color:#4eb8f4;color:#fff;line-height:50px;}

.modal-content{border-radius:0 !important;}

.modal-body{padding:15px !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-body .mb_timg{height:100px;margin:0 0 15px;text-align:center;position:relative;}
.modal-body .mb_timg img{width:auto;height:100%;}
.modal-body .mb_ctit{text-align:center;font-size:18px;font-weight:400;}
.modal-body .mb_ln_ltit{margin:0 0 10px;padding:0 0 5px;border-bottom:1px solid #ccc;text-align:left;font-size:17px;font-weight:400;}
.modal-body .mb_btn{margin:0 0 25px;padding:0;position:relative;}
.modal-body .mb_btn a{
	height:45px;
	margin:0;
	padding:0;
	background-color:#7f7f7f;
	border-radius:0;
	text-align:center;
	font-size:15px;
	color:#fff;
	line-height:45px;
	display:block;
	float:left;
}
.modal-body .mb_btn a.pri{background-color:#ee8740;}
.modal-body .mb_btn a:hover{color:#fff !important;}

.modal-body .mb_tb{margin:0;padding:0;position:relative;}
.modal-body .mb_tb li{height:40px;margin:0 0 5px;padding:0;font-size:14px;font-weight:400 !important;line-height:40px;position:relative;}
.modal-body .mb_tb li b{width:35%;display:block;float:left;}
.modal-body .mb_tb li p{width:65%;display:block;float:left;}

.modal-body .mb_lsit{text-align:left;font-size:12px;font-weight:400;}


.modal-footer{margin-top:30px;padding:0 !important;}
.modal-footer .btn:first-child{border-left:0 none;}
.modal-footer .btn{
	height:45px;
	margin:0 !important;
	padding:0;
	background-color:#7f7f7f;
	border-radius:0;
	font-size:15px;
	color:#fff;
	line-height:45px;
}

.modal-footer .primary{background-color:#ee8740;}

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






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

.agr_wrap{width:100%;max-width:880px;margin:0 auto;padding:0 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){
}