@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


.cf:after{ content:""; display:block; clear:both;}
html{}
body{overflow: auto;}




/* 폰트사이즈*/
.font_10px { font-size: 10px; }
.font_11px { font-size: 11px; }
.font_12px { font-size: 12px; }
.font_13px { font-size: 13px; }
.font_14px { font-size: 14px; }
.font_15px { font-size: 15px;font-family:"notokr-medium"; }
.font_16px { font-size: 16px; }
.font_22px { font-size: 22px; }
.font_w600{ font-weight:600}
.font_dotum{ font-family:"돋움"}

/*인포*/
.i_text{ padding:1px 5px; margin:2px; height:20px; border:1px solid #e1e1e1;border-right-color:#eee;border-bottom-color:#eee;background:transparent; color:#91837a; font-size:14px;}
.i_text2{ padding:1px 5px; margin:2px; height:25px; border:1px solid #e1e1e1;border-right-color:#eee;border-bottom-color:#eee;background:transparent; color:#91837a; font-size:15px; }

.i_text22{ padding:5px 5px; margin:2px; height:40px; border:1px solid #c0c0c0;color:#666; font-size:13px; }

.i_text3{ padding:1px 5px 3px 5px; margin:2px; height:25px;  border:1px solid #e1e1e1;border-right-color:#eee;border-bottom-color:#eee; color:#666; font-size:13px; }
.i_search{ padding:1px 5px 3px 5px; margin:2px; height:25px; border:1px solid #e1e1e1;border-right-color:#eee;border-bottom-color:#eee; background-color:#FFFFFF; color:#91837a; font-size:15px; }

.i_deliver{ padding:0px 3px 3px 0px;background:#fff;box-sizing:border-box; border-bottom:1px solid #d2d2d2;font-family:"notokr-medium ";height:25px; line-height:25px; border:1px solid #a2a2a2;border-radius:3px;background:#fff; font-size:14px }


/*검색*/
 .board-search {float: none;margin-bottom: 5%; margin-top:5%; display:inline-block; width:100%}
 .board-search.bottom {margin-top: 5%;}
 .board-search select.form-control {width: 25% !important;background-size: 30px !important;border:1px solid #a2a2a2;height:40px; line-height:40px; font-size:15px;background:#fff; padding-left:10px; margin-left:10px}
 .board-search .form-control {height: 40px !important; line-height:40px ;border:1px solid #a2a2a2; width:47%; font-size:15px; margin-right:5px; padding-left:10px}
 .board-search .input-group { overflow:hidden}
 .board-search .input-group .btn_b {font-size: 15px !important;width:15% !important;height: 42px; line-height:30px;  background:#666666; color:#FFFFFF; padding:5px 10px; position:absolute}
 





.w100p{width:100%;}
.w94p{width:94%;} .w97p{width:97%;}
.w90p{width:90%;}
.w86p{width:86%;} .w76p{width:76%;}
.w62p{width:62%;}
.w66p{width:66%;}
.w50p{width:50%;}

.w40p{width:40%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w10p{width:10%;}
.w30p{width:30%;}
.w50{ width:50px}
.h35{ height:35px} .h70{ height:70px} 
.h200{ height:200px} 
.h300{ height:300px} 
.lh35{ line-height:35px; font-size:13px; color:#666; padding-left:7px}



.tm0{ margin-top:0px;}
.tbm0{ margin:0px;}
.tbm5{ margin:5px;}
.tbm10{ margin:10px;}
.tbm15{ margin:15px;}
.tbm0a{margin:0 auto;}
.bm0{ margin-bottom:0px;}
.bm5{ margin-bottom:5px;}
.bm10{ margin-bottom:10px;}
.bm15{ margin-bottom:15px;}
.bm30{ margin-bottom:30px;}
.bm60{ margin-bottom:60px;}
.bm70{ margin-bottom:70px;}
.bm150{ margin-bottom:150px;}
.tm5{ margin-top:5px;}
.tm10{ margin-top:10px;}
.tm15{ margin-top:15px;}
.tm20{ margin-top:20px;}
.tm30{ margin-top:30px;}
.tm45{ margin-top:45px;} 
.tm60{ margin-top:60px;}
.tm90{ margin-top:90px;}
.tm100{ margin-top:100px;}
.tm139{ margin-top:139px}
.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr30{ margin-right:30px}
.mr40{ margin-right:40px}
.mr50{ margin-right:50px}
.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}

.pb5{ padding-bottom:5px}
.pb10{ padding-bottom:10px}
.pb20{ padding-bottom:20px}
.pl10{ padding-left:10px}
.pl20{ padding-left:20px}
.pr20{ padding-right:20px}

.bts{ border-top:1px solid #e4e5e6}
.bbs{ border-bottom:1px solid #e4e5e6}
.dots{ border-top:1px dotted #b9d8eb}
.bbs_p{ border-bottom:1px solid #2c72e7}

.mfill{width:100%;height:auto%;}

.btn{ width:100%; text-align:center; margin:10px 0; display:block; float:left}
.btn_100{ width:100px;}
.btn_70{ width:70px;}
.fl_r{ float:right; display:block}
.vam{ vertical-align:middle}
.dc{ color:#F60}/*주황*/
.c6{ color:#666666}
.c3{ color:#333333}
.f6{ color:#ffffff}
.c06{color:#0066FF}
.pac{color:#2c72e7}/*파란색*/
.coc{color:#01a289}/*초록*/
.sky{ color:#0199ce}
.yell{ color:#FFFF66}
.ctran{ color:transparent}
.bt13{ border-top:1px solid #555 }
.bt1c{ border-top:1px solid #d1d2d3 }
.bb1c{ border-bottom:1px solid #e8e8e8}
.btb1c{ border-bottom:1px solid #d1d2d3;border-top:1px solid #d1d2d3}
.bt2{border-top:2px solid #666}
.tar{ text-align:right}
.tal{ text-align:left}
.tac{ text-align: center}
.tf4{ background:#f4f4f4}
.por{ position:relative}


.txt_box { line-height:17px; font-size:12px; }
.tit_box{ font-size:15px; line-height:30px; font-family:"notokr-bold"; overflow:hidden}
.fw_n{ font-weight:normal}
.color_orange {color:#fd4505 !important; font-family:"notokr-bold"; font-size:15px;font-family:"tahoma","Malgun Gothic","맑은고딕",dotum,"돋움","sans-serif";}

.ordernum{margin-top:-3px;font-family:"tahoma","Malgun Gothic","맑은고딕",dotum,"돋움","sans-serif";font-size:13px;line-height:16px; font-weight:600; color:#666666 }
.num_end{ text-decoration: line-through}
.ordernum_o{margin-top:-3px;font-family:"tahoma","Malgun Gothic","맑은고딕",dotum,"돋움","sans-serif";font-size:16px;line-height:16px; font-weight:600; color:#F33;}

/*버튼들*/
input.cc { -webkit-appearance: none;  border: 1px solid #fff; height: 40px; line-height:35px; font-size:15px; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #fd4403;cursor:pointer }

input.basket_line { -webkit-appearance: none;  border: 1px solid #666; height: 38px; line-height:34px; font-size:15px; color: #666; text-align: center; width: 50%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #ebebeb; cursor:pointer }

input.cc_line { -webkit-appearance: none;  border: 1px solid #fff; height: 40px; line-height:35px; font-size:15px; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #383e4c; cursor:pointer }

input.del { -webkit-appearance: none; background-color: #666; border: 1px solid #fff; height: 40px; line-height:35px;font-size:15px; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;cursor:pointer  }

input.stop { -webkit-appearance: none; background-color: #ccc; border: 1px solid #fff; height: 40px; line-height:35px;font-size:15px; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight: bold;  -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;cursor:pointer  }/*일시정지일때*/
input.sel { -webkit-appearance: none;   height: 40px; border:0;line-height:35px; font-size:15px; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color:#F00;cursor:pointer }/*빨강*/
input.allchk { -webkit-appearance: none;  height: 40px; border:0; line-height:35px; font-size:15px; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color:#383e4c;cursor:pointer }/*남색*/

input.close { -webkit-appearance: none;  height: 40px; border:0; line-height:35px; font-size:15px; color: #666; border:1px solid #666; text-align: center; width: 100%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color:#fff;cursor:pointer }/*남색*/


input.sky_line { -webkit-appearance: none;  border: 1px solid #0199ce; height: 38px; line-height:34px; font-size:14px; color: #0199ce; text-align: center; width: 50%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #fff;letter-spacing:-1px}/*하늘색*/
input.cc_live { -webkit-appearance: none;  border:1px solid #fff; height: 40px; line-height:35px; font-size:14px; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color:#fd4403; letter-spacing:-1px}


input.cc_102 { -webkit-appearance: none;  height: 40px;border:0;  line-height:35px; font-size:15px; color: #fff; text-align: center; width: 100%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color:#fb5a5a; cursor:pointer }/*주황*/
input.cc_101 { -webkit-appearance: none;  height: 40px;border:0;  line-height:35px; font-size:15px; color: #fff; text-align: center; width: 100%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #383e4c; cursor:pointer }/*남색*/
input.cc_100 { -webkit-appearance: none;  height: 40px;border:1px solid #666;  line-height:35px; font-size:15px; color: #666; text-align: center; width: 100%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #fff; cursor:pointer }/*테두리*/


#viewPort{overflow:hidden;position:relative;}
#viewContent{position:absolute;width:100%;}
#wrapper {
	
	top:0;
	z-index:1;
	width:100%;
	overflow:hidden;
	left: 0;
	
}/*position:absolute;*/
#contentScroll{position:absolute;z-index:1;width:100%;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}




#header{position:relative;z-index:110;width:100%;background:#2d3b51;}
#header .box{overflow-x:hidden;position:relative;height:80px}
#header{height:60px; position:relative;}
#header.hFixed {/*position:fixed;*/}




#body{padding:0}
#header h1{margin:0 auto;padding:0;text-align:center}
#header h1 {position:relative; padding:13px 0 4px 0;}
#header .awardad{ position:absolute;bottom:0; width:100%; text-align:center; height:23px; padding:5px 0 5px 0;}
#header div.nav{width:15px;height:15px;padding:11px 15px 15px 15px;cursor:pointer}
#header div.menu{position:absolute;top:0;left:0}
#header div.service{position:absolute;top:0;right:0}
#header div.book{position:absolute;top:0;right:5px}
#header div .button{text-indent:-999px;overflow:hidden}
#header div.menu .button{width:120%;height:120%;background: url(../images/ticon_left.png) no-repeat  ;border:0;background-size:100%; background-position:50% 30%;}
#header div.menu .button_close{width:120%;height:120%;background:#fff; border:0;}
#header div.service .button{width:120%;height:120%;background:url(../images/ticon_right01.png) no-repeat  ;border:0;background-size:100%; background-position:50% 30%;}
#header div.book .button{width:120%;height:120%;background:url(http://static.ustudy.co.kr/mobile/main/ticon_r_book.png) no-repeat  ;border:0;background-size:100%; background-position:50% 35%;}

.m_log { overflow:hidden;background:#f4f4f4; border-bottom:1px solid #CCCCCC;font-family:"notokr-medium"; line-height:20px }
.m_log a{ display:block; width:33%; padding:0.8em 0; font-size:13px; float:left; text-align:center; font-family:"notokr-medium";}
.mline{background:url(../images/line_01.png) no-repeat 1px 10px;}


#header:after {display:block;visibility:hidden;clear:both;height:0;content:'.'}
#page-content {width:100%;position:relative;display:block;clear:both;}
#page-content:after {display:block;visibility:hidden;clear:both;height:0;content:'.'}


.prev_back{
	position:absolute;
	top:0;
	left:14px;
	width:67px;
	height:45px;
	background:none;
	border:none;
	padding-top:15px;
	color:transparent;
	transform:translateZ(0px);
	outline: none;
}

.prev_end{
	position:absolute;
	top:0;
	right:4px;
	width:50px;
	height:45px;
	background:none;
	border:none;
	padding-top:17px;
	color:transparent;
	transform:translateZ(0px);
	outline: none;
}

.top_head{overflow:hidden;position:relative;height:60px;padding:0 28px 0 28px;background:#2d3b51}
.top_head .tit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;color:#fff;font-size:16px;line-height:32px;text-align:center; margin-top:14px; }



/*탑*/
#body_top{position:fixed;right:10px;bottom:70px;right:10px;z-index:50;width:40px;height:40px}
#body_top img{width:40px}




/*배너용*/

#sliderWrap li {
	display: none;
	width: 100%;
	margin: 0 auto;
	position:relative
}

#sliderWrap li:first-child {
	display: block;
}

#sliderWrap li img {
	width: 100%;
}




.arrowBox {clear:both; bottom:0px; position:absolute; z-index:100; text-align:center; margin:0 auto; margin-bottom:160px; width:100%;}


.position {
	text-align:center;
	color: #fff;
	line-height: 1.3;
	font-size:45px;
}

.position em {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	display: inline-block;
}
.position em.on {
	color: #f9390d;
}

.main_banner{overflow:hidden}
.main_banner img{width:100%}

.bottom_box{ position:absolute; z-index:100; text-align:center; margin:0 auto; margin-bottom:120px; width:100%; bottom:0px; float:left}



/*인트로 배경이미지_1806*/


.in_visual{position:relative; min-height:600px;}
.in_visual ul{  }

.category_wrap{
    
    height: auto;
}


.category_wrap.fold{
    margin-bottom: 0px;
}

.category_wrap.fold .category_list{
    display: none;
}


.category_wrap > .category_title > .category_btn{
    position: absolute;
    right: 4%;
    top: -4px;
}

.category_wrap > .category_title > .category_btn > span{
    width: 25px;
    height: 50px;

    display: inline-block;

    background: url(../images/mimg_arr.png) no-repeat;
}

.category_wrap.fold > .category_title > .category_btn{
    top: 1px;
}

.category_wrap.fold > .category_title > .category_btn > span{
    width: 25px;
    height: 50px;
   
}

.category_wrap > .category_list > li{
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    background-color: #ffffff;
    /*border-bottom: 1px solid #e3e3e3;*/
    height: 40px;
    line-height: 40px;
    position: relative;
	font-size:16px;
	padding-left:15px;
	margin-top:14px;
	font-family:"notokr-medium"; 
	
	}

.category_wrap > .category_list > li > a{
    display: block;
   border:1px solid #e4a120;
	margin:0 35px 0 20px;
	padding-left:15px
} /*@@@@@@@@@@@@@@@@@@@@@@@@@@ 선색상변경하기 (검정색으로 변경시- #968469)/ (흰색으로 변경시 - #f2e8e3)  */

.category_wrap > .category_list > li:nth-child(odd){
    border-right: 0;
	 border-bottom:0
}

.category_wrap > .category_list > li span{
    color: #271f13;
}/*@@@@@@@@@@@@@@@@@@@@@글자색 변경 (검정색으로 변경시- #271f13)/ (흰색으로 변경시- #fff) */

.category_wrap > .category_list > li .co_spr{
    color: #444444;font-family:"notokr-medium"; 
}

.category_wrap > .category_list .arrow{
    background: url(../images/mimg_arr01.png) no-repeat;
    position: absolute;
     border:0;background-size:100%; background-position:50% 30%;
    width: 10px;
    height: 14px;
    right: 50px;
    top: 15px;
}  /*@@@@@@@@@@@@@@@@@ 카테고리별 화살표 --검정상의 경우일때 사용*/
.category_wrap > .category_list .arrow .img{ width:90%}

.category_wrap > .category_list .arrow1{
    background: url(../images/mimg_arr.png) no-repeat;
    position: absolute;
     border:0;background-size:100%; background-position:50% 30%;
    width: 10px;
    height: 14px;
    right: 50px;
    top: 15px;
}    /*@@@@@@@@@@@@@@@@@ 카테고리별 화살표01 --흰색상의 경우일때 사용*/
.category_wrap > .category_list .arrow1 .img{ width:90%}

.category_wrap > .category_list  .c_list_ba{background-color:transparent;}


/*하단_메뉴바*/
.btmGreySect02 {position:fixed; bottom:0;  width:100%; z-index:500}
.prodList02 {overflow:hidden;background-color:#fff;border-top:1px solid #ccc}
.prodList02 li {float:left;width:25%;border-bottom:1px solid #e0e0e0; background-color:#fff}
.prodList02 li+li+li+li+li {border-bottom-color:#ccc}
.prodList02 li a {display:block;width:100%;text-align:center;padding:40px 0 7px;color:#4f5462;border-left:1px solid #e0e0e0; background:no-repeat center 5px; background-size:40px 35px; font-size:13px}
.prodList02 li:nth-child(4n+1) a {border-left:none}
.prodList02 li.ico01 a {background-image:url(../images/main/bg_maintab_ico01.png)}
.prodList02 li.ico02 a {background-image:url(../images/main/bg_maintab_ico02.png)}
.prodList02 li.ico03 a {background-image:url(../images/main/bg_maintab_ico03.png)}
.prodList02 li.ico04 a {background-image:url(../images/main/bg_maintab_ico04.png)}


/* footer_1806 */


.footer_wrap {background:#666; color:#fff; position:relative; text-align:center; width:100%}
.footer { background:#414141; color:#fff; position:relative; text-align:center}
.footer ul.f_click {padding:2% 0 10px 0; border-bottom:#606570 1px solid; height:22px; line-height:22px; margin:0 auto; }
.footer ul.f_click li { text-align:center;  font-size:14px; padding:0; margin:0; font-weight:600;}
.footer ul.f_click li a {color:#fff; font-weight:600}
.footer ul.f_click li.login {border-right:1px #eee solid}
.footer ul.f_click li.logout {border-right:1px #eee solid}
.footer ul.f_click li.customer {border-right:1px #eee solid}

.f_menu {text-align:center; width:100%; height:35px; line-height:35px;  background:#f6f6f6; border-top:1px solid #CCC;position:relative; overflow:hidden}
.f_menu ul{ margin:0 auto;text-align:center;}
.f_menu li a {color:#444; font-family:"notokr-medium"; font-size:13px; }
.f_menu li { display:inline; padding:0 1.5%; text-align:center; height:14px; margin-top:10px }
.f_menu li.noline {border:0}
.f_menu li.bar{padding:0 5px}
.footer .call {padding:10px 20px 20px 20px; background:#f6f6f6; overflow:hidden; position:relative}
.footer .call .img{ width:40%; float:left; margin-top:13px}
.footer .call .time{ width:35%; float:right; margin-top:5px} 
.footer .call .time li{font-size:12px; color:#666666; text-align:left; display: block  }
.footer .copy {padding:5px 1% 15px 1%; background:#f6f6f6; font-size:11px; color:#666666;text-align:center;}
.w_footer_end2{clear:both; text-align:center; padding:20px 20px 10px 20px; font-size:11px; letter-spacing:0px; color: #666666; line-height:1.5em; overflow:hidden;background:#f6f6f6; text-align:left; border-top:1px solid #CCC  }
.footer .call .timetit{ position:absolute; top:18px; right:33%; font-size:12px; color: #333; line-height:15px; font-weight:600;  padding-right:10px;}
.footer .call .timetit img{width:50%}



/*________________________________*/


.search_fixed {width:100%; height:50px; position:relative; margin:0 auto; background:#FFF;}
.search_fixed .btn_list { position:absolute; top:0px; left:0px; padding:10px 0; background:#FFF}
.search_fixed .btn_search { position:absolute; top:0px; right:10px;  padding:10px 0; z-index:9; }


.search_fixed .search { position:absolute; top:10px;left:10px; width:95%;background-color:#FFF}
.search_fixed .search .search_bar {height:30px; width:auto; display:block; border:none; width:85%; padding-left:5px}
.sch_line{ width:95%; height:2px; background:#ef4a23; position:absolute; top:38px; left:10px; z-index:9}
.fixed-div {
	position: fixed;
	top: 0px; 
}


/*로그인*/
.log_head{overflow:hidden;position:relative;height:60px;padding:0 28px 0 28px;background:#fff; border-bottom:1px solid #CCC}
.log_head .tit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;color:#fff;font-size:16px;line-height:50px;text-align:center; font-weight:600; margin-top:14px; }
.log_head .tit img{ width:160px}
.Header_tit h1 { position: relative; text-align: center; width: 100%; height:40px; line-height:55px; font-size:15px;font-family:"notokr-bold"; top:0; color:#555; }
.Header_tit h1 a.u_logo { background:#FFF; background-size: 180px 18px; width:200px; height:50px;display: inline-block; overflow: hidden; text-indent: 200px;vertical-align:top; padding-top:30px}

.Header_tit h1 span{display: none;}

/*로그인 탭박스*/
.logbtn_box{ text-align: right; position: relative; padding: 5px 10px 0; font-size: 0.813em; height:50px }
.pass_info{ padding-left:85px; height:auto; font-size:12px; line-height:18px; background:url(../img/sub/pass_info.png) no-repeat 10px 10px; position:relative}
.pass_info .info_t{
	position:absolute;
	bottom:10px;
	left:26px;
	z-index:10;
	font-weight:600
}


/*탭*/

.boxTab{overflow:hidden; width: 100%;}
.boxTab li{width:49.3%; float: left; background: #fff; line-height: 45px; border: 1px solid #ddd; display:inline-block; text-align: center; font-size: 13px; color: #666; position:relative; cursor:pointer}
.boxTab li:first-child a{border-right: none;}
.boxTab li.active{background: #666; line-height: 45px; color: #fff; font-weight:600}
.boxTab.type3 li{width: 33%;}
.boxTab.type3 li:last-child{width: 34%;}
.boxTab.type3 li:last-child a{border-left: none;}
.boxTab.type4 li{width: 25%;}
.boxTab.type4 li:nth-child(3) a{border-left: none;}
.boxTab.type4 li:last-child a{border-left: none;}


.bx_login { padding:7px 10px; overflow: hidden; position:relative}
.bx_login li { background: #FFF; display: block; padding-left:15px; margin-bottom:7px; overflow: hidden;}
.bx_login li.id { border: solid 0.063em #aaa;}
.bx_login li.id.on { border: solid 0.063em #ef544d;}
.bx_login li.name { border: solid 0.063em #aaa;}
.bx_login li.name.on { border: solid 0.063em #ef544d;}
.bx_login li.pass { border: solid 0.063em #aaa;}
.bx_login li.pass.on { border: solid 0.063em #ef544d;}
.bx_login li.email { border: solid 0.063em #aaa;}
.bx_login li.email.on { border: solid 0.063em #ef544d;}
.bx_login li.num { border: solid 0.063em #aaa;}
.bx_login li.phone  { border: solid 0.063em #aaa;}
.bx_login li input { border: none; width: 100%; height: 39px; font-size: 0.938em; }
.bx_login input:focus {outline: none;}

.bx_login li input.tInput{ padding-bottom:2px}
.bx_login li input.logId{ background:url(../images/sub/id_i.png) no-repeat 0px 11px; background-size:15px; padding-left:30px}
.bx_login li input.logPass{ background:url(../images/sub/p_i.png) no-repeat 0px 11px; background-size:15px; padding-left:30px}
.bx_login li input.logph{ background:url(../images/sub/phone_i.png) no-repeat 0px 11px; background-size:15px; padding-left:30px}
.bx_login li input.logem{ background:url(../images/sub/email_i.png) no-repeat 0px 11px; background-size:15px; padding-left:30px}
.bx_login .new_l {display: inline-block; width: 100%;}
.bx_login .new_l span { float: left; width: 50%; position: relative }
.bx_login .new_l span.tour{width: inherit;}
.bx_login .new_l span.tour a{font-size:0.875em; margin-top: 10px; display:inline-block; color: #e3473d; padding-right: 24px;}
.bx_login .info{font-size:12px; line-height:16px; color: #666; text-align: center; margin-top:15px }
.bx_login .txt{font-size:12px; line-height:16px; color: #666; text-align:left }
.bx_login .find_end{height:auto; padding:60px 0; text-align:center; font-size:16px; font-weight:600; background:#FFFFFF; border:1px solid #ccc; margin:0 auto; line-height:20px}
.passB{ background:url(../images/sub/pass_i.png)no-repeat; background-size:20%; background-position:1px 1px;}
.bx_login .find_end span{ color:#0066FF}
.bx_login .lift{height:auto; padding:20px 0 ;  text-align:left; font-size:16px; font-weight:600; background:#fff; border:3px solid #666d79; margin:0 auto; line-height:20px}
.bx_login .lift span{ color:#0066FF}
.bx_login .lift p{ font-size:12px; text-align:left; font-weight:normal;}


.bx_login .new_l .i_Cb { z-index: 100; top: 1px; left: 2px; height: 24px; border: none; opacity: 0; color: #333; cursor:pointer }
.bx_login .new_l label { display: inline-block; position: absolute; height: 26px; padding-left: 28px; top: 0; left:0; font-size:0.875em; line-height: 22px; color: #777; background: url(../images/sub/checkbox_off.png) no-repeat; background-size:25px 25px;cursor:pointer }
.bx_login .new_l .i_Cb:checked +label { background: url(../images/sub/checkbox_on.png) no-repeat; background-size:25px 25px;}
.BtnLogin, .BtnOk { margin-top:10px; background: #ef544d; border: 1px solid #bf3129; overflow: hidden; height:45px; line-height:45px; display: block; }
.BtnOff { margin-top:10px; background: #fff; overflow: hidden; height:45px; line-height:45px; display: block; vertical-align: middle; border: 1px solid #c2c2c2 }
.BtnLogin .btn_login, .BtnOk .btn_ok{ width: 100%; height:45px; color: #FFF; border:0; background-color:#fb3030; cursor: pointer; overflow: hidden; vertical-align: text-bottom; display: inline-block; text-align: center; font-size: 1em; }
.Btnbaek .btn_baek1, .BtnOk .btn_ok{ width: 100%; height:45px; color: #FFF; border:0; background-color:#666; cursor: pointer; overflow: hidden; vertical-align: text-bottom; display: inline-block; text-align: center; font-size: 1em; }
.BtnOff .btn_off{color: #666; width: 100%; height: 45px; border: 0; background-color: transparent; cursor: pointer; overflow: hidden; vertical-align: text-bottom; display: inline-block; text-align: center; font-size: 0.938em;}
.BtnOk2 { background: linear-gradient(#fff, #e4e4e4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4e4e4)); border-radius: 4px; border: solid 1px #b4b4b4; overflow: hidden; height: 34px; line-height: 34px; display: block; vertical-align: middle; width: 40%; text-align: center; margin: 10px auto }
.BtnOk2 .btn_ok2 { width: 100%; height: 34px; text-shadow: 0.063em 0.063em #fff; font-weight: bold; color: #555; border-radius: 3px; border: solid 1px rgba(255,255,255,0.1); background-color: transparent; cursor: pointer; overflow: hidden; vertical-align: text-bottom; display: inline-block }
.memHelp {font-size: 0.875em; margin:30px 0 50px 0; color: #c8c8c8; text-align: center; padding-top:15px; border-top:1px solid #CCC}
.memHelp a { color: #666; margin: 0 5px;}
.memHelp a.join { color: #666;}
.memHelp a.or{ color:#FF3300}

.text_alert{margin-bottom:6px;color:#f2571f;font-size:11px;}
.BtnLogin{height: 43px; line-height: 43px;}
.BtnLogin .btn_login{height: 43px; font-weight: bold; font-size: 1em;}
.BtnLogin.off{background: #bbb; border: 1px solid #bbb;}
.B_gray{background: #666; border: 1px solid #bbb;  }


/*회원가입*/
 .join_content{margin:0 auto}
.terms_p{margin-bottom:22px;border:solid 1px #dadada;background:#fff}
.terms_bx{position:relative;padding:17px 17px 7px}
.terms_bx:first-child{border-top:1px solid #f0f0f0; }
.terms_chk_all{display:block;padding:15px 17px}
.terms_chk_all .input_chk label::after{position:absolute; top:50%; margin-top:-12px;}
.terms_choice{ top:50%; right:60px; position:absolute; color:#009ace; z-index:25; font-size:12px}
.input_chk{position:relative;display:block}
.input_chk input{
	position:absolute;
	z-index:15;
	top:-1px;
	right:3px;
	width:19px;
	height:19px;
	margin-top:-12px
}
.input_chk label{font-size:14px;line-height:24px;position:relative;z-index:10;top:0;left:0;display:block;width:100%;color:#333}
.input_chk label::after{position:absolute;top:0px;right:0px;display:block;width:24px;height:24px;content:'';background-position:-24px 0px}
.input_chk input:checked + label::after{background-position:-24px 0px}
.input_chk label span{font-size:12px}
.btn_group a::before,.btn_join input,.h_logo,.input_chk label::after,.join_from .cell,.ps_box::after,.sp,.wrg{background:url(../images/sub/m_sp_join01.png) no-repeat;-webkit-background-size:48px auto;background-size:48px auto}




/*이용약과,개인정보보호*/


.step_overflow{overflow:hidden}
.step1_area{background:#fff; border:solid 1px #dadada;}
.step1_area input[type="checkbox"]{
	display:block;
	overflow:hidden;
	width:0;
	height:21px
}
.step1_area label{font-family:"notokr-bold"; font-size:14px;color:#333}
.step1_area label em{font-weight:normal;color:#2170b8}
.step1_area p.top_notice{padding:40px 0;color:#666;font-size:14px;text-align:center;line-height:20px}
.step1_area p.top_notice strong{display:block;padding-bottom:6px;color:#333;font-size:18px;line-height:22px}
.sub_con{overflow:hidden; margin:0 10px 0 10px}
.step1_area .step_overflow{overflow:hidden}
.step1_area .step1_agree{position:relative;width:100%;}
.step1_area .step1_agree:first-child{margin-top:0}
.step1_area .ck_box_all{padding:30px 0 50px;border-top:1px solid #eee;border-bottom:2px solid #999}
.step1_area .main_box{overflow:hidden;padding:18px 17px;cursor:pointer}
.step1_area .main_box .ico_arw{right:10px;display:block;width:26px;height:26px;margin-right:50px;background:url(../mobile/sub/arw02_off.png) no-repeat right top; z-index:30; position:absolute}
.step1_area .main_box.on .ico_arw{background:url../mobile/sub/arw02_on.png) no-repeat right top}
.step1_area h4.check{position:relative;padding-left:13px;font-size:15px;font-weight:666;color:#333;letter-spacing:-1px}
.step1_area h4.check em{margin-left:8px;font-size:13px;color:#999;font-weight:normal;letter-spacing:normal}

.step1_area .sub_box{overflow:auto;display: block;height:120px;padding:15px;margin-bottom:0px;font-size:12px;line-height:18px;background:#fff;border:1px solid #ddd;border-top:1px solid #999;-webkit-overflow-scrolling: touch}
.step1_area .sub_box p{ font-size:12px; color:#888}
.step1_area .sub_box h5{ font-size:13px; color:#666666; margin:13px 0 5px 0}
.step1_area .ck_box_btm{margin-top:20px}
.step1_area .bt_group{margin-top:40px;text-align:center}
.step1_area .bt_group .btn{padding:0 0 0 24px;margin:0 2px}
.step1_area .bt_group .btn span{width:60px}

#anchor_art01 { font-size:13px; font-family:"notokr-medium"; line-height:20px; margin-top:13px; color:#666666}
#anchor_art01:first-child{margin-top:0px;}
.depth_1st{ overflow:hidden;}
.depth_1st li{ font-size:12px; font-weight:normal; color:#888}
.depth_2nd{ font-size:12px; font-weight:normal; color:#888}
.p_text{font-size:12px; line-height:16px;color:#777 }
.h5_tit{ font-size:13px; color:#666666; margin:13px 0 5px 0; padding-top:10px}

/*회원가입정보*/
.wrap_join input[type="text"], .wrap_join input[type="password"], .wrap_join input[type="tel"],.wrap_join input[type="email"],.wrap_join input[type="home"]{height:46px;border-radius:2px;}
.wrap_join select{height:30px; line-height:30px; font-size:13px;}
.wrap_join .chkBox label:before{margin-top:-3px;margin-right:8px;}
.wrap_join .chkBox input[type='checkbox']:checked + label:before {background-position: 0 -73px;}
.input_chk1{position: absolute;top:50%;right:3px;margin-top:-12px}
.input_chk1 input{
	position:absolute;
	
	top:12px;
	right:15px;
	width:19px;
	height:19px;
	margin-top:-10px
}
.input_chk1 label{font-size:12px;line-height:24px;position:relative;z-index:10;top:0;right:5px;display:block;width:100%;color:#333; text-align:right}
.input_chk1 label::after{position:absolute;top:0px;right:10px;display:block;width:24px;height:24px;content:'';background-position:-24px 0px}
.input_chk1 input:checked + label::after{background-position:-24px 0px}
.btn_group1 a::before,.btn_join1 input,.h_logo1,.input_chk1 label::after,.join_from .cell1,.ps_box1::after,.sp1,.wrg1{background:url(../images/sub/m_sp_join01.png) no-repeat;-webkit-background-size:48px auto;background-size:48px auto}



.btn_w .del { -webkit-appearance: none; background:#666; border: 1px solid #666; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight:600; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.btn_w .join { -webkit-appearance: none; background:#fd5004; border: 1px solid #fd5004; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight:600; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.list_form li.item{padding:4px 0 8px;background-color:#fff;border:1px solid #ccc;border-bottom:none; position:relative}
.list_form li.item+li.item:before{display:block;margin:-5px 0 0px;border-top:1px solid #f2f2f2;content:'';}
.list_form li.item:nth-of-type(11){border-bottom:1px solid #ccc;}
.list_form li.item input[type='text'], .list_form li.item input[type='password'], .list_form li.item input[type='tel'], .list_form li.item input[type='email'], .list_form li.item input[type='home']{width:90%;padding-left:16px;border:none;color:#333;font-size:13px;}
.h30_box{ height:30px; line-height:20px; font-size:13px; color:#666666; padding:12px 0 0 7px; position:relative}
.change_btn{ position:absolute; right:10px; top:10px; font-size:11px; color:#FFFFFF;padding:2px 15px 2px 15px;background:#666;margin-right:3px; letter-spacing:-0.5px; height:22px; line-height:20px; cursor:pointer }
.change_btn a{ color:#FFFFFF}
.list_form li.item_end{padding:0px;background-color:#fff;border:1px solid #ccc;border-bottom:none; position:relative}


#cts.wrap_join{margin:7px 10px 7px 10px;}
#cts.wrap_join .title_sb{margin:0 -20px 20px;}
#cts.wrap_join .btn_w{margin-right:0;margin-left:0;}

.msg_info{margin-top:10px;font-size:12px;}
.msg_info p+p{margin-top:4px}

.revise{ height:35px; line-height:35px; font-size:14px; padding-left:15px; color:#444}


.set_confirm{padding-right:92px;}
.set_confirm:after{display:block;clear:both;content:'';}
.set_confirm input[type='text']{float:left;width:100%;}
.set_confirm .mbtn{float:right;width:86px;margin-right:-86px; margin-top:10px; line-height:30px; text-align:center; background:#f6f5f5; border:1px solid #CCC; font-size:12px}

.agrlows{margin-right:0;right:10px;padding:0;font-size:12px;top:2px; position:absolute}
.chkBox{margin-right:10px;right:0;padding:0;font-size:12px; text-align:right; top:2px; position:absolute}
.agrlows .view{width:45px;padding:0 14px 0 4px;font-size:inherit;}
.agrlows .view:after{right:4px;}
.agrlows .low p.tx, .list_form .agrlows .table_box th, .list_form .agrlows .table_box td{font-size:inherit;}
.list_form label i{color:#1795ea;font-style:normal;}
.agr_title{color:#2d2d2d;font-size:inherit;}
.list_form input[type='text'], .list_form input[type='password'], .list_form input[type='tel'], .list_form input[type='email'], .list_form select{border-color:#ccc;color:#333;}
.text_guide{margin-bottom:6px;color:#4398e7;font-size:11px;}
.text_alert{margin-bottom:6px;color:#f2571f;font-size:11px;}
.text_black{margin-bottom:6px;color:#666;font-size:11px;}
.list_form .text_alert, .list_form .text_guide{margin:6px 0 3px;}
.list_form .item .text_alert, .list_form .item .text_guide{margin:0 0 6px;padding:0 10px 0 16px;}
.list_form .item_phone .area_msg{position:relative;margin-left:-108px;}
.list_form .item_email .area_msg{float:left;position:relative;margin-right:-108px;}
.list_form .item_phone .area_msg, .list_form .item_email .area_msg{clear:both;}
.btn_w .bbtn{border:0;color:#fff; width:100%; padding:15px 0 15px 0; font-weight:600; }
.btn_w .bbtn1{border:0;color:#444; width:100%; padding:15px 0 15px 0; font-weight:600; border:1px solid #999;background:#fff; }
.rd{background:#ef4a23;}
.grayb{background:#5d5f62;}
.item label {margin-right:15px}
.item label .i_radio {vertical-align:-3px; }
.gray_lb{background:#fff; }

/*추가0209*/
.btn_w .del { -webkit-appearance: none; background:#666; border: 1px solid #666; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight:600; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.btn_w .join { -webkit-appearance: none; background:#fd5004; border: 1px solid #fd5004; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 50%; display: inline-block; font-weight:600; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
/*추가_info_2112*/
.info{ margin:10px; font-size:14px; line-height:16px}


/*테이블*/
.base_tbl{ width:100%; border-top:solid 1px #ece5e0; overflow:hidden;}
.base_tbl th{ width:25%; border-bottom:solid 1px #ece5e0; border-right:solid 1px #eee; background:#f6f5f5; padding:4px 0 4px 15px; text-align:left; color:#333; font-weight:normal; font-size:13px; line-height:13px}
.base_tbl td{border-bottom:solid 1px #ece5e0;  padding:3px; color:#91837a; text-align:justify;
}
.base_tbl .thc{ background:#f4e8de; line-height:18px; }
.base_tbl .tdba{border-bottom:solid 1px #ece5e0; background:#FFFFFF;  padding:3px; color:#91837a; text-align:justify;}
.base_tbl .thfb{ font-size:12px; font-weight:600; padding:8px 0 8px 0; text-align:center}
.base_group{ width:100%; overflow:hidden; }
.gu_mbtn{width:20%; line-height:18px; text-align:center; background:#666666; border:1px solid #CCC; font-size:12px; padding:7px 8px; color:#FFF;}
.btn_box{ width:98%;overflow:hidden; margin:3px 0 5px 5px}
.btn_box .mbtn01{float:left;margin-right:5px; line-height:30px; height:auto  }
.btn_box .mbtn01 a{background:#f6f5f5; border:1px solid #CCC; font-size:12px;text-align:center; padding:5px 20px 5px 20px}
.btn_box .mbtn01 a.on{ background:#0099FF; color:#FFFFFF; font-weight:600;}
.btn_box .mbtn01 a.onck{ background:#333; color:#FFFFFF; font-weight:600;}
.set_choice{padding-left:5px;}
.set_choice .mbtn{float:left;width:60%; line-height:16px; text-align:center; background:#666666; border:1px solid #CCC; font-size:12px; padding:7px 8px; color:#FFF; }



/*공지사항*/
.m_notice {background:#fff; border-bottom:1px solid #d6d6d8; border-top:1px solid #d6d6d8; max-height:40px; min-height:20px; color:#666; font-size:13px; line-height:20px; padding:8px 0; cursor:pointer; position:relative; overflow:hidden; margin:7px 0 7px 0}
.m_ntit{max-height:40px; min-height:20px; color:#666; font-size:13px;padding:0.1em 0.8em 0.3em 0.8em;font-size:12px;color:#59a0e2;border-radius:14px; border:2px solid #83bdf3;background:#fff; letter-spacing:-0.5px; font-weight:bold; width:20px;display:inline;}
.m_more {right:5px; position:absolute; top:10px; text-align:right;}
.m_more img {width:70%;}

/*공지 리스트*/
.common_board{background:#fff;}
.common_board h3{ font-size:19px; font-family:"notokr-bold"; height:45px; line-height:45px; border-bottom:1px solid #c4c4c4; text-align:center; position:relative }
.common_board h3 .prev{ left:15px; top:10px; position:absolute; cursor:pointer}
.common_board .board_list ul li{border-bottom:1px solid #e2e2e2;padding:10px 15px}
.common_board .board_list ul li span{display:block;}
.common_board .board_list ul li span img{margin-left:5px;}
.common_board .board_list ul li span.tit{margin-bottom:7px;font-size:14px; line-height:19px; font-family:"notokr-medium";}
.common_board .board_list ul li span.tit .ing{ padding:5px 8px; font-size:11px; background:#999999; color:#FFF; right:5px; top:1px; position:absolute;font-family:"notokr-medium";}
.common_board .board_list ul li span.tit .end{ padding:5px 8px; font-size:11px; background:#fd7474; color:#FFF; right:5px; top:1px; position:absolute;font-family:"notokr-medium";}
.list_click{ position:absolute; top:7px; right:20px;border-radius:5px; padding:5px 10px 5px 10px; font-size:12px; border:1px solid #959595; cursor:pointer; height:15px; line-height:17px;font-family:"notokr-medium"; }
.list_click a{ color:#7c7c7c} 
.common_board .board_list ul li span.date{ font-size:11px; color:#999999}
/*보기*/
.common_board .board_view .tit_area{padding:10px 15px;border-bottom:1px solid #d2d2d2}
.common_board .board_view .tit_area .tit{font-size:16px; line-height:19px; font-family:"notokr-medium";  text-align:left}

.common_board .board_view .tit_area .tit .ing{ padding:5px 8px; font-size:11px; background:#999999; color:#FFF; left:5px; top:1px; position:absolute;font-family:"notokr-medium";}
.common_board .board_view .tit_area .tit .end{ padding:5px 8px; font-size:11px; background:#fd7474; color:#FFF; left:5px; top:1px; position:absolute;font-family:"notokr-medium";}

.common_board .board_view .tit_area span{display:block;font-size:13px;margin-top:8px;}
.common_board .board_view .tit_area span.date{display:block;font-size:11px;margin-top:8px; color:#999999}
.common_board .board_view .contents_area {padding:15px 10px;}
.common_board .board_view .contents_area .txt{width:100%;height:auto; font-size:12px; line-height:16px}
.common_board .board_view .contents_area img{width:100%;height:auto;}
.common_board .board_view .contents_box {padding:15px 15px;}

.common_board .board_view .contents_box .txt{width:100%;height:auto; font-size:15px; line-height:21px}
.common_board .board_view .btn_area{text-align:center;padding:10px 0px;border-bottom:1px solid #d2d2d2;}
.common_board .board_view .btn_area a{display:inline-block;width:80px;height:30px;line-height:30px;border:1px solid #a2a2a2;font-size:14px;}

.cont_wrap {padding:15px 15px;}
.cont_wrap .txt{width:100%;height:auto; font-size:12px; line-height:16px}


.choice_box{padding:10px;background:#fff;box-sizing:border-box; }
.choice_box select{width:100%;height:40px;border:1px solid #a2a2a2;text-indent:10px;border-radius:3px;background:#fff; padding-left:10px}


.view {position: relative; width:100%; height:32px}
.view .vbtn a {display:block; padding:0px 15px; height:32px;border:none;-webkit-border-radius:2px;border-radius:2px;background:#666;color:#fff;font-size:14px;line-height:32px;text-align:center;position:absolute;right:5px; }
.view .del a {display:block; padding:0px 15px; height:30px;border:none;-webkit-border-radius:2px;border-radius:2px;background:#fff;color:#444;font-size:14px;line-height:30px;text-align:center;position:absolute;right:5px;  border:1px solid #a9a9a9 }

.view .list a {display:block; padding:0px 15px; height:30px;border:none;-webkit-border-radius:2px;border-radius:2px;background:#fff;color:#444;font-size:14px;line-height:30px;text-align:center;position:absolute;left:5px; margin-right:60px; border:1px solid #a9a9a9 }


/*SNS공유*/
.ly_vip_share{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:rgba(0,0,0,0.7)}
.ly_vip_share .ly_box{position:absolute;top:50%;left:50%;width:290px;height:250px;margin:-250px 0 0 -141px;border-radius:2px;background:#fff;box-shadow:0 1px 2px 2px rgba(0,0,0,0.2); position:relative}

.ly_vip_share input.tInput{ margin:25px 0 10px 15px; width:245px; padding:1px 5px; line-height:30px; height:30px; border:1px solid #e1e1e1;border-right-color:#eee;border-bottom-color:#eee;background:transparent; color:#5273aa; font-size:15px;}

.ly_sbtn{ position:absolute;  width:70px; height:32px; border:1px solid #CCC; color:#666; font-size:13px; line-height:32px; top:64px; right:15px; z-index:100; text-align:center; background:#FFFFFF;}

.ly_vip_share .ly_tit{display:block;height:38px;border-bottom:1px solid #e5e5e5;font-size:16px;color:#233549;text-align:center;line-height:40px;font-family:"notokr-bold";}
.ly_vip_share .snsbtn{display:block;width:245px;height:30px;margin:0 auto;border:1px solid #c9cbcf;background:#666;font-size:14px;font-weight:normal;color:#fff;line-height:30px;}

.ly_vip_share .sns_list{overflow:hidden;padding:10px 6px 24px 26px; margin-left:60px}
.ly_vip_share .sns_list li{float:left;padding:10px 10px 0 0}
.ly_vip_share .sns_list a{display:block;overflow:hidden;width:50px;height:50px;background:url(../images/sub/sns_icons.png) no-repeat;background-size:205px auto;line-height:999px}
.ly_vip_share .sns_list .kakaotalk a{background-position:0 0px}
.ly_vip_share .sns_list .facebook a{background-position:-50px 0px}
/*.ly_vip_share .sns_list .instagram a{background-position:-50px 0px}
.ly_vip_share .sns_list .facebook a{background-position:-100px 0px}
.ly_vip_share .sns_list .email a{background-position:-151px 0px}*/

.ly_vip_share .btn_close{display:block;width:65px;height:28px;margin:0 auto;border:1px solid #c9cbcf;border-radius:14px;background:#fff;font-size:13px;font-weight:normal;color:#5e636d;line-height:28px;box-sizing:border-box}


/*장바구니*/

.cartDetail_order {margin-left:130px; padding-left:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; }
.cartDetail_order ul { height: auto; overflow:hidden; margin:16px 15px 0 15px; color: #666; line-height: 25px }
.cartDetail_order ul li { font-size:13px; position:relative}
.C_Numright {position:absolute; right:0px;font-family:"NotoSansKR-Light"; font-size:13px}
.jong_ch{ font-size:12px; padding:3px 5px; background:#F60; color:#FFFFFF; width:30px}
.dan_ch{ font-size:12px; padding:3px 5px; background:#39F; color:#FFFFFF; width:30px}
.book_ch{ font-size:12px; padding:3px 5px; background:#feba03; color:#FFFFFF; width:30px}

.period_b{ font-size:14px;font-family:"notokr-medium"; text-align:center; padding:5px 7px; background:#f3f3f3;color:#666; border:1px solid #666; cursor:pointer; }
.period_b a{ color:#666}
.cart_view { border:1px #d2d2d2 solid; margin:0 0 10px 0; position:relative; font-size:14px; background:#FFFFFF}
.cart_view .tit{ padding:10px 10px; background:#e4e4e5; font-size:15px; color:#333333; border-bottom:1px solid #CCC;font-family:"notokr-bold";}
.cart_view .pil_tit{ padding:10px 10px; background:#646e7c; font-size:15px; color:#333333; border-bottom:1px solid #CCC;font-family:"notokr-bold"; text-align:center}

.cart_view input.select {position:absolute; left:10px; top:10px}
.cart_view .p10{ padding:10px; height:auto; overflow:hidden}
.cartDetail_img figure { width: 89px; border: 1px solid #e4e4e4; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.cart_view .choice{ right:5px; top:5px; position:absolute; padding:3px 10px;  z-index:95; font-size:12px; border:1px solid #F00; background:#FFFFFF; color:#FF0000}/*선택*/
.cart_view .choice a{ background:#FFFFFF; color:#FF0000}

.cchk_l {display: inline-block; width: 100%; overflow:hidden}
.cchk_l span { float: left; width: 95%; position: relative }
.cchk_l span.tour{width: inherit;}
.cchk_l span.tour a{font-size:13px; margin-top: 10px; display:inline-block; color: #e3473d; padding-right: 24px;}
.cchk_l .i_Cb { z-index: 100; top: 1px; left: 2px; height:20px; border: none; opacity: 0; color: #333; cursor:pointer;  }
.cchk_l label { display: inline-block; position: absolute; height: 24px; padding-left: 31px; top:3px; left:0;  line-height:20px; color: #777; background: url(../images/sub/c_checkbox_off.png) no-repeat; background-size:20px 20px;cursor:pointer }
.cchk_l .i_Cb:checked +label { background: url(../images/sub/c_checkbox_on.png) no-repeat; background-size:20px 20px;}

/*결제완료*/
.payend_box{height:auto; padding:20px 0 ;  text-align: center; font-size:16px; font-weight:600; background:#fff; border:3px solid #666d79; line-height:20px}
.payend_box span{ color:#0066FF}
.payend_box p{ font-size:12px; text-align: center; font-weight:normal;}

.tran_tbl{ width:100%; border-collapse:collapse;}
.tran_tbl th{ width:25%; padding:6px 0 6px 5px; text-align:left; color:#333; font-weight:600; font-size:14px; line-height:13px}
.tran_tbl td{padding:6px 10px 6px 10px; color:#666; text-align:left;font-size:14px; line-height:20px}




.ing_btn {font-size:11px; background:#666; padding:4px 10px 6px 10px;  line-height:27px; color:#FFFFFF }
.ing_btn a{ color:#FFFFFF}

.mfree{display:inline-block;height:1em;line-height:9px;padding:5px 10px;font-size:12px; line-height:13px;color:#666;border-radius:2em;background:#fff;margin-right:3px; letter-spacing:-0.5px; font-weight:bold; border:1px solid #666}
.font_fnm{font-family:"notokr-medium"}

input.bt { -webkit-appearance: none; background-color: #fff; border: 1px solid #333;height: 35px; line-height:30px;font-size:14px; color:#666; text-align: center; width:100%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;cursor:pointer;}

/*결제정보선택*/
.cart_order01 { margin-top:5px; }
.cart_order01 th {width:25%; border-left:solid 2px #eee; background:#a4a6ad; padding:10px 0 10px 0; text-align: center; color:#fff; font-weight:600; font-size:14px; line-height:30px; position:relative; letter-spacing:-1px;cursor:pointer}
.cart_order01 th:first-child{border-left:0}
.cart_order01 th.on { background:#FF6600; color:#FFFFFF; font-weight:600;width:25%;padding:10px 0 10px 0; text-align: center;font-size:14px; line-height:30px;} 
.cart_order01 th.on a{ color:#FFFFFF}
.cart_order01 td{border-bottom:solid 1px #999; padding:10px; color:#666; text-align: center;font-family:"tahoma","Malgun Gothic","맑은고딕",dotum,"돋움","sans-serif"; cursor:pointer } 
.cart_order01 .b1w{ border-bottom:2px solid #FFF}

.pay_card_notice { border:1px #999 solid; margin:5px }
.pay_card_notice h5 {background:#eaebec; padding:6px}
.pay_card_notice p {background:#fff; padding:6px; line-height:160%; font-size:12px}

.info_place h3 {background:#fff; padding:7px; font-size:14px}
.info_place { border:1px #b6b9be solid; margin:5px}
.info_place input.wid_100, .info_place textarea {width:95%; margin:2px 0; border:1px solid #CCC; font-size:12px; padding:3px 6px 5px 6px}
.info_place input.wid_50 {width:50%; margin:2px 0}
.info_place input.post_search {-webkit-appearance: none; background:#383e4c; border:1px solid #383e4c; font-size: 12px; color: #fff; text-align: center; display: inline-block; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding:2px 3px}
.info_place input.wid_30, .info_place select.wid_30 {width:27%; margin:2px 0}
.info_place dl { margin:6px 10px; line-height: 16px;  font-size:13px}
.info_place dl:nth-child(1){}
.info_place dl dt { width:100px; float:left; border-right:1px solid #ccc; font-size:13px; font-weight:600; margin:7px 2px 5px 0}
.info_place dl dd { margin-left:115px; line-height:170%; }
div.pay {margin-top:10px}
div.pay li {margin:5px 10px}
div.pay li.red_info {color:#f33; font-size:12px}
div.pay li.douagree {margin-top:7px; color:#fd4505; font-weight:bold; font-size:16px}

input.pay_now { -webkit-appearance: none; background:#fb2d04; border: 1px solid #fd4505; height: 45px; font-size: 120%; color: #fff; text-align: center; width: 100%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;margin:3px 0 13px 0}
div.pay li.askagree{ font-size:13px; line-height:15px;}

/* 카드무이자 팝업레이어 추가-  */
.cardViewPop { position:absolute; z-index:100; border:1px solid #726558; background:#fff;}
.cardViewPop	.btnClose	{position:absolute; top:13px; right:13px}
.cardViewPop	.mLine	{height:30px; padding:15px 0 0 20px; font:bold 13px notokr-medium; border-bottom:1px solid #e1e1e1;margin-bottom:10px;}
.cardViewPop	.BLine	{height:34px; padding:20px 0 0 5px; font:bold 13px notokr-medium; border-bottom:1px solid #e1e1e1;margin-bottom:10px;}
.cardViewPop	.laypopCon	{padding:0 20px 20px 20px; border:0 none}
.cardViewPop	.laypop_scroll	{padding:10px 20px 20px 20px;overflow-y:scroll;overflow-x:hidden}
.cardViewPop	.laypopCon h4, .bookViewPop	.laypop_scroll h4{font-size:17px; line-height:40px}
.cardViewPop	.dot	{ padding-left:8px; font-size:18px; color:#9E8964;}
.cardViewPop .card_info th{padding:6px 5px 4px 5px; text-align: center; font-family:"notokr-medium "; font-size:13px}
.cardViewPop .card_info td{padding:6px 5px 4px 5px; text-align:left; font-family:"notokr-medium "; font-size:13px}

#layerPop_box	{position:relative; width:209px}
#layerPop_box	.btnClose	{position:absolute; top:8px; right:11px}
#layerPop_box	#layerPop_boxBg		{width:209 px; height:112px; }
#layerPop_box	#layerPop_boxCon	{position:absolute; top:27px; left:13px; width:183px; height:58px; line-height:1.5em;}

.laypop	{position:absolute; border:2px solid #B4A183; background:#fff;}
.laypop	.btnClose	{position:absolute; top:18px; right:18px}
.laypop	.mLine	{height:34px; padding:20px 0 0 5px; font:bold 18px 굴림;}
.laypop	.BLine	{height:34px; padding:20px 0 0 5px; font:bold 18px 굴림; }
.laypop	.laypopCon	{padding:0 20px 20px 20px; border:0 none}

.storeNum {margin-top:7px; width:100%; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.storeNum th {background:#f9f9f9;  font:normal 18px 돋움; color:#555; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:6px 0 4px 0}
.storeNum td { padding:6px 0 4px 0; text-align:center; font:normal 18px 돋움; color:#666; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.storeNum td a:link{ text-decoration:underline;color:#7B5A2B;}
.storeNum th{padding:6px 5px 4px 5px; }
.storeNum th.al_c, .bookViewPop .storeNum td.al_c{text-align:center !important}

.m_ess{
	top:0px;
	width:18px;
	height:18px;
	position:absolute;
	left:51px;
	z-index:15
} 



/*마이페이지*/
.my_class{ overflow:hidden;position:relative;height:60px; padding:10px 10px 10px 100px; background:#ebebec url(../images/sub/my_sbtn.png) no-repeat 30px 10px; cursor:pointer}
.my_class h3{ font-size:16px; font-weight:600; color:#333333; margin-top:10px}
.my_class p{ font-size:13px; font-weight:normal; color:#666666; line-height:18px; margin-top:7px}
.my_class span:after{position:absolute;top:50%;content:'';right:15px;width:7px;height:7px;margin-top:-3px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}
.my_class span a:after{display:none;}

/*마이테스트추가202003*/
.my_test{ overflow:hidden;position:relative;height:55px; border-top:1px solid #d1d1d6; border-bottom:1px solid #d1d1d6; padding:10px 10px 10px 100px; background:#fff url(../images/sub/my_test.png) no-repeat 40px 20px; cursor:pointer}
.my_test h3{ font-size:16px; font-weight:600; color:#333333; margin-top:6px}
.my_test p{ font-size:13px; font-weight:normal; color:#666666; line-height:18px; margin-top:5px}
.my_test span:after{position:absolute;top:50%;content:'';right:15px;width:7px;height:7px;margin-top:-3px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}
.my_test span a:after{display:none;}




.micon_cate{position:relative;margin:8px 0 0 0;background:#fff; overflow:hidden}
.micon_cate .bt_more{display:block; position:relative;width:100%;height:40px;text-align:center;line-height:40px;color:#717587;background:#fff;}
.micon_cate .bt_more span{position:relative;padding-right:15px;font-size:14px;}
.micon_cate .bt_more span:after{position:absolute;top:50%;content:'';right:0;width:7px;height:7px;margin-top:-7px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}
.micon_cate li{float:left;position:relative;display:inline-block;box-sizing:border-box;width:50%;border-right:1px solid #efeff0;}
.micon_cate li:nth-child(3n) {border-right:0}
.mcate_btlist li{float:left;overflow:hidden;width:30%;height:105px;margin-bottom:-1px;padding:1px 20; background:#fff;}
.mcate_btlist li a{display:block;height:64px;padding:10px 0;;border-width:0 1px 1px 0;}
/*.cate_btlist li:nth-child(4n) a{border-right-width:0;}*/
.mcate_btlist li a img{display:block;width:60px;height:60px;margin:auto;}
.mcate_btlist li a .tx_wrap{display:block;overflow:hidden;height:30px;padding-top:4px;width:100%;font-size:13px;text-align:center;line-height:25px;font-family:"notokr-medium";}


/*추가내용_주문배송조회내용_1907*/
.morder_cate{position:relative;margin:8px 0 0 0;background:#fff; overflow:hidden}
.morder_cate .bt_more{display:block; position:relative;width:100%;height:40px;text-align:center;line-height:40px;color:#717587;background:#fff;}
.morder_cate .bt_more span{position:relative;padding-right:15px;font-size:14px;}
.morder_cate .bt_more span:after{position:absolute;top:50%;content:'';right:0;width:7px;height:7px;margin-top:-7px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}
.morder_cate li{float:left;position:relative;display:inline-block;box-sizing:border-box;width:50%;border-right:1px solid #efeff0; overflow:hidden}
.morder_cate li:nth-child(3n) {border-right:0}

.morder_btlist li{float:left;overflow:hidden;width:30%;height:105px;margin-bottom:-1px;padding:1px 20; background:#fff;}
.morder_btlist li {display:block;padding:10px 0;border-width:0 1px 1px 0;}
/*.cate_btlist li:nth-child(4n) a{border-right-width:0;}*/
.morder_btlist li img{display:block;width:35px;height:35px;margin:auto;}
.morder_btlist li .tx_wrap {display:block;overflow:hidden;height:25px;width:100%;font-size:13px;text-align:center;line-height:25px;font-family:"notokr-medium";}

.morder_btlist li .tx_unm {display:block;overflow:hidden;height:30px;padding-top:4px;width:100%;font-size:19px;text-align:center;line-height:25px; font-family:Tahoma, Geneva, sans-serif; font-weight: 600; color:#2f6bda}

.morder_btlist li .tx_unm a{color:#2f6bda}

.morder_btlist li .tx_unm  span{ font-size:14px}

.be_o{ font-size:11px; line-height:20px; text-align:center;  padding:2px 7px 0px 7px; margin-right:5px;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;color:#fff;border-radius:20px;color:#888; text-align:center; font-weight:600; display:inline-block;  border:1px solid #888; position:absolute; top:14px; right:20px; z-index:100}
.be_x{ font-size:11px; line-height:20px; text-align:center;  padding:2px 7px 0px 7px; margin-right:5px;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;color:#fff;border-radius:20px;color:#4b7fdf; text-align:center; font-weight:600; display:inline-block;  border:1px solid #4b7fdf; position:absolute; top:14px; right:20px; z-index:100}
.pro{ position:relative}

.my_orbox{  width:100%;  overflow:hidden; margin:auto; background:#edeff2; border:1px solid #c7c7c8; } 

.myor_tbl{  width:100%;  color:#3c78bc; overflow:hidden; }
.myor_tbl th{ height:27px; padding:2px 1px 5px 0px;overflow:hidden; font-size:12px;line-height:18px; color:#666666; font-weight:600;text-align:center}
.myor_tbl td{  height:20px; overflow:hidden; padding:2px 0px 5px 0px; font-weight:normal; color:#666; line-height:30px; text-align:center; font-size:16px;}
.my_tline{ width:1px; right:1px; top:-49px; position:absolute; z-index:99}

.my_figure{ font-family:Tahoma, Geneva, sans-serif; color:#565656; font-size:22px; font-weight:600}
.myblack_s{ color:#444;font-family:notokr-medium; font-size:14px }


/*조회기간*/
.check_box{ width:100%; margin:0 10px; position:relative; overflow:hidden }
.ptxt{ font-size:14px; margin-top:0px;  line-height:25px;font-family:"notokr-medium"; left:1px; top:0px; position:absolute}
.check_box .btnbox{ width:80%; overflow:hidden; margin-left:60px}
.check_btn { border-radius:8px; font-size:13px; background:#f5f5f5; border:1px solid #b0b0b0; padding:5px 9px; margin-right:3px; display:inline-block; text-align:center; cursor:pointer; overflow:hidden }
.selbox{ margin-left:70px; bottom:5px; width:80%;}
.sel_text{ height:30px; line-height:30px; width:95px; padding-left:8px; font-size:13px }


.info_pbtn { border-radius:8px; font-size:13px; background:#565656; border:1px solid #565656; color:#FFFFFF; padding:7px 15px; margin-left:5px; display:inline-block; text-align:center; cursor:pointer; overflow:hidden; position:relative; top:9px }


.w_line{ width:100%; height:27px; background: url(../images/sub/width_line.png) no-repeat 1px 50%; position:relative}
.w_line .wcent{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; background:#FFFFFF; text-align:center; padding:5px 15px; width:120px; top:0px; left:50%; margin-left:-80px; position:absolute}
.order_list{ width:95%; margin:10px 10px 0 10px; padding:10px 10px 0px 10px}
.order_list ul{ width:100%}
.order_list ul li{ margin-bottom:10px; width:100%;  }
.mo_tit{ font-size:15px; font-family:notokr-bold; line-height:24px;}
.mo_txt{ font-size:12px; font-family:notokr-medium; line-height:25px; position:relative;  height:25px}
.mo_txt .front{ width:80px;font-size:14px;  left:0; top:1px; background: url(../images/sub/line_1.png)  no-repeat 65px 2px } 
.mo_txt .front1{ width:40%;font-size:14px;  left:40%; top:1px; position:absolute } 


.mo_txt .back { left:80px; top:1px; font-size:14px; position:absolute}
.mo_txt .back1 { left:0%; width:35%; top:1px; font-size:14px; position:absolute}

.right_sign{ position:absolute; top:50%; margin-top:-10px; right:10px; font-size:13px; text-align:center; border-radius:50px; height:25px; line-height:25px; padding:2px 15px 2px 15px; z-index:10px; border:1px solid #CCC}
.por{ position:relative}
.c_b07{font-size:15px; color:#b07d45 !important; margin-top:1px; margin-left:5px;  font-weight:300; }

.i_class{ background:#fff; color:#03a194; border:1px solid #03a194; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }/*초록색*/

.i_jone{ background:#fff; color:#fb4318; border:1px solid #fb4318; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }

.i_book{ background:#fff; color:#4473d2; border:1px solid #4473d2; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }

.alist_r {display:inline-block; padding:0 15px; color:#fc4040; font-size:13px; font-family:"notokr-medium"; height:25px; line-height:25px;  border:0; right:0px; font-family:notokr-medium; position:absolute}/*빨간색화살표*/
.alist_r span {display:inline-block; height:100%; background:url(../images/sub/list_arr01.png) no-repeat 100% 70%; padding-bottom:8px; width:65px; cursor:pointer}

.order_box{ border:1px solid #dcdcdc; padding:20px; overflow:hidden; position:relative}
.order_l{color:#555; float:left ; width:100%; position:relative;border:1px solid #dcdcdc; padding:15px 10px;}
.order_l table{table-layout: fixed; width:100%;}
.order_l table th{ padding:10px 0 12px; text-align: center; color:#545454; font-weight:600; font-size:14px; border:0;background:url(../images/sub/line_1.png) no-repeat 120px 7px}
.order_l table .th_left{  padding:10px 12px 12px; text-align:left; color:#333; font-weight:600; background:url(../images/sub/line_1.png) no-repeat 90% 15px}
.order_l table .th_left1{  padding:5px 40px 12px; text-align:left; color:#333; font-weight:600}
.order_l table td{font-size: 14px; padding:10px 0 12px; text-align: center;}
.order_l table .td_arr{ position:relative}

.order_l table .td_txt{font-size: 14px; line-height:20px; overflow: hidden; padding:5px 0 5wred_spx 15px; text-align: left;}
.order_l table .td_txt1{font-size: 14px; line-height:20px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
.order_l table .td_txt_noline{font-size: 14px; line-height:18px; overflow: hidden; padding:10px 0 12px 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap; border-bottom:0}

.sc_tit{ width:95%; margin:10px 0 10px 0; font-weight: bold; font-size:15px;background:url(../images/sub/h2_icon.png) no-repeat 1px 3px; padding-left:20px; height:22px; line-height:22px; position:relative}

.a_err{display:inline-block; padding:0 20px; color:#fff; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#797979; border:1px solid #ababab; font-family:notokr-medium; position:absolute;}
.a_err span {display:inline-block; height:100%; background:url(../images/sub/right_warr.png) no-repeat 100% 50%; padding-right:22px;}

.wred_s{ color:#ff0000;font-family:notokr-medium; }
.wred{ font-family:Tahoma, Geneva, sans-serif; color:#F30; font-size:20px; font-weight:600}

.point_t{ background:#f5f5f5;width:99%; margin-top:15px; border:1px solid #dcdcdc}
.point_t .left{ width:20%; border-right:1px solid #CCC; float:left; line-height:20px;font-family:"notokr-medium"; font-size:14px }
.point_t .money{ width:78%; font-size:14px; text-align:left; float:right}

@media screen and (min-width:360px) {
    .mcate_btlist li{width:33%;}
    .mcate_btlist li:nth-child(4n) a{border-right-width:1px;}
    .mcate_btlist li:nth-child(5n) a{border-right-width:0;}
	 .morder_btlist li{width:33%;}
    .morder_btlist li:nth-child(4n) a{border-right-width:1px;}
    .morder_btlist li:nth-child(5n) a{border-right-width:0;}
	
	
}


.mybox {text-align:left;}
.mybox .it_wrap{display:block;white-space:nowrap;text-overflow:ellipsis;}
.mybox .ic_wrap{position:absolute;left:14px;top:12px;margin:0;line-height:12px;}
.mybox .ic_wrap img{width:40px;height:26px; vertical-align:middle}
.mybox .tx_wrap{display:block;padding-left:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:42px;}
.mybox .oftx_wrap{display:block;padding-left:43px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:42px;}
.my_m{position:relative;margin:8px 0 0 0;background:#fff;border-bottom:1px solid #d1d1d6; overflow:hidden}
.my_m .bt_more{display:block; position:relative;width:100%;height:40px;text-align:center;line-height:40px;color:#717587;background:#fff;}
.my_m .bt_more span{position:relative;padding-right:15px;font-size:14px;}
.my_m .bt_more span:after{position:absolute;top:50%;content:'';right:0;width:7px;height:7px;margin-top:-7px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}

.my_lklist{background:#fff;overflow:hidden;}
.my_lklist li{float:left;position:relative;display:inline-block;box-sizing:border-box;width:100%;border-right:1px solid #efeff0;border-bottom:1px solid #efeff0;}
.my_lklist li a{display:block;position:relative;overflow:hidden;height:48px;color:#3d4050;font-size:14px;line-height:48px;}
.my_lklist li a .tx_wrap{display:block;padding-left:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:50px; font-weight:600}
.my_lklist li .off_wrap{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:50px; font-weight:600; color:#cacaca}
.my_lklist li:after{position:absolute;top:50%;content:'';right:15px;width:7px;height:7px;margin-top:-3px;border:1px solid #717587;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;}
.my_lklist .off:after{position:absolute;top:50%;content:'';right:15px;width:7px;height:7px;margin-top:-3px;border:1px solid #cacaca;border-width:0 1px 1px 0;background:none;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease; }
.my_lklist li a:after{display:none;}
.my_lklist li .info{ left:210px; top:17px; font-size:11px; position:absolute; font-weight:normal; color:#8094af}
.m_cd{ cursor:default}


/* 나의강의실 리스트*/


.my_box {position:relative; line-height:30px; width:100%;background:#009ace; padding-top:10px  }
.my_box .tit{ text-align:center; font-size:16px; padding:10px 10px; font-weight:600; color:#fff; }
.mh5{ font-size:16px; font-family:"notokr-bold"; height:30px; line-height:35px; position:relative}
.mh2{ font-size:17px; font-family:"notokr-bold"; line-height:23px; position:relative; padding:15px 0 7px 0; overflow:hidden}
.mh2 p{ font-size:13px; font-weight:normal; padding:5px 0 2px 0; color:#666666}
.mh4{ font-size:14px; font-family:"notokr-medium"; height:30px; line-height:35px; position:relative}
.Btn_right{font-size:14px; font-weight:600;background:#333; color:#fff; padding:5px 15px; height:23px; line-height:23px; cursor:pointer; margin:5px 0 10px 0;}
.ssBtn_box{  width:55px; margin:0 auto; height:40px; padding:8px 6px 4px 6px;background:#333;cursor:pointer; text-align:center; overflow:hidden;text-align:center; top:10px;}
.start_sBtn{
	font-size:12px;
	font-weight:600;
	color:#fff; 
	line-height:16px; min-height:50px;text-align:center; margin:0 auto;
}
.stop_Btn{font-size:12px; font-weight:600;background:#fff; border:1px solid #666; color:#666; padding:4px 6px; height:23px; line-height:23px; cursor:pointer; margin:5px 0 10px 0 }

.my_list { padding:2%; overflow:hidden;}
.my_list .btn{float:left; display:inline-block; width:49%; text-align:center; margin-right:0.5%; margin-bottom:1%;}
.my_list .btn.right {float:right; margin-right:0px;width:49%; text-align:center;  margin-bottom:1%;}
.my_list .btn img {display:block; width:100%;}

.my_xbtn {font-size:11px; background:#666; padding:5px 8px 5px 8px; height:26px; line-height:25px; color:#FFFFFF;font-family:"notokr-medium"; }
.my_xbtn a{ color:#FFFFFF}



.my_ebtn {font-size:11px; background:#fd7474; padding:5px 8px 5px 8px; height:26px; line-height:25px; color:#FFFFFF;font-family:"notokr-medium";}
.my_ebtn a{ color:#FFFFFF}


/*나의강의실 수정1903*/

.applyIng { margin-top:5px; background:#f5f5f5; padding:5px}
.applyIng dl {border:solid 1px #dcdcdc; border-radius:3px; background:#fff; margin-top:10px; position:relative;}
.applyIng dl:hover {border-color:#c1c1c1;}
.applyIng dl:first-child {margin-top:0}
/*.applyIng dl:hover {border-color:#c1c1c1; -webkit-box-shadow:2px 2px 5px #cccccc; -moz-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc; position:relative; top:-2px; left:-2px;}*/
.applyIng dl dt {padding:15px 15px 15px; position:relative;}
.applyIng dl dt .t1 {font-size:16px; color:#333; font-weight:500; width:100%; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; line-height:24px}/*white-space:nowrap; */
.applyIng dl dt .t1 span {float:left; top:6px}
.applyIng dl dt .t2 {font-size:13px; color:#a0a0a0; margin-top:5px; color:#888; font-weight:300;}

.applyIng dl dt .t3 {font-size:13px; color:#333; margin-top:10px; color:#555; font-weight:300; height:40px; position:relative; overflow:hidden}


.applyIng dl dt .t4 {font-size:16px; color:#333; text-align:center; margin:40px 0 40px 0}/*강의가 없을시 사용*/

.applyIng dl dt .btnArea {position:absolute; bottom:0px; right:0px}
.applyIng dl dt .btnArea a {margin-left:2px; border-radius: 4px}
/*강의보기*/
.applyIng dl dt .btnArea1 {position:absolute; bottom:0px; right:100px}
.applyIng dl dt .btnArea1 a {margin-left:2px; border-radius: 4px}

.applyIng dl dd {border-top:solid 1px #e5e5e5; padding-left:107px; position:relative;}
.applyIng dl dd .more {position:absolute; top:20px; left:25px; font-size:14px; color:#000; line-height:20px}
.applyIng dl dd .more span {color:#888; font-size:12px}
.applyIng dl dd ul {border-left:solid 1px #e5e5e5; padding:33px 0}
.applyIng dl dd ul li {position:relative; margin-top:28px}
.applyIng dl dd ul li:first-child {margin-top:0}
.applyIng dl dd ul li:before {content:""; display:block; position:absolute; top:25px; left:-4px; width:7px; height:11px; background:#fff url() no-repeat 0 0; }
.applyIng dl dd ul li:after {content:"."; display:block; height:0; overflow:hidden; clear:both;}
.applyIng dl dd ul li .chart {float:left; width:60px; height:60px; overflow:hidden; position:relative; margin-left:24px;}
.applyIng dl dd ul li .chart .fields {display:none; visibility:hidden; position:absolute; top:-9999em}
.applyIng dl dd ul li .chart .accessibility {display:none; visibility:hidden; position:absolute; top:-9999em}
.applyIng dl dd ul li .chart .tooltip {display:none; visibility:hidden; position:absolute; top:-9999em}
.applyIng dl dd ul li .chart .fields_area {display:none; visibility:hidden; position:absolute; top:-9999em} 
.applyIng dl dd ul li .chart .per {font-size:13px; color:#333; text-align:center; font-family:'Verdana'; font-weight:bold; display:block; width:60px; height:14px; line-height:14px; position:absolute; top:50%; left:0; margin-top:-7px;}
.applyIng dl dd ul li .chart .ct {height:60px; overflow:hidden}
.applyIng dl dd ul li .infoArea {float:left; line-height:21px; margin-left:19px; margin-top:-2px; width:45%}
.applyIng dl dd ul li .infoArea .desc {font-size:13px; color:#333; font-weight:400; line-height:17px;}
.applyIng dl dd ul li .infoArea .bar {color:#888; font-size:10px; position:relative; top:-2px; margin:0 6px}
.applyIng dl dd ul li .infoArea .subj {font-size:13px; color:#333; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.applyIng dl dd ul li .infoArea .subj .co1 {color:#ff5000}
.applyIng dl dd ul li .infoArea .date {font-size:13px; color:#888; margin-top:3px; font-weight:300;}
.applyIng dl dd ul li .btnArea {float:right; margin-right:25px; margin-top:15px}
.applyIng dl dd ul li .btnArea a {margin-left:2px}
.i-free{ background:#139b86; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }
.i-dan{ background:#fc5555; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }
.i-jong{ background:#0591fd; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }

.i-end{ background:#a1a0a0; color:#FFFFFF; padding:0px 7px 0px 7px; font-size:13px; margin-right:6px }


.btn_a {display:inline-block; color:#888; font-size:13px; font-weight:300; margin-left:5px;}
.btn_a:hover {color:#000; font-weight:400;}
.btn_c {display:inline-block; padding:0 20px; color:#fff; font-size:14px; font-weight:500; height:36px; line-height:35px; background-color:#f63b28;}
.btn_c span {display:inline-block; height:100%; background:#f63b28;padding-right:0px;}
.btn_d {display:inline-block; padding:0 19px; color:#333; font-size:13px; font-weight:400; height:32px; line-height:32px; background-color:#FFF; border:1px solid #e0e0e0}
.btn_e {display:inline-block; padding:0 19px; color:#f63b28; font-size:13px; font-weight:500; height:32px; line-height:32px; background-color:#fff; border:1px solid #f63b28}
.btn_d:hover,.btn_e:hover {border:1px solid #c5c5c5;}
.btn_f {display:inline-block; padding:0 19px; color:#333; font-size:13px; font-weight:400; height:35px; line-height:35px; background-color:#FFF; border:1px solid #ababab; cursor: pointer}

.btn_g {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; right:0px; font-family:notokr-medium}
.btn_g span {display:inline-block; height:100%; background:url(../img/sub/icon_gate.png) no-repeat 100% 50%; padding-right:22px;}

.btn_bmk_go {display:inline-block; padding:0 10px; color:#444444; font-size:13px; font-weight:400; height:32px; line-height:32px; background-color:#fff; border:1px solid #ababab; right:0px; font-family:notokr-medium; position:absolute}
.btn_bmk_go span {display:inline-block; height:100%; background:url(../images/sub/bookmark_i_on.png) no-repeat 1% 50%; background-size:15px 15px; padding-left:20px;}


.btn_prev {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; right:0px; font-family:notokr-medium; }
.btn_prev span {display:inline-block; height:100%; background:url(../images/sub/list_icon.png) no-repeat 1% 50%; padding-left:22px;}

.btn_h {display:inline-block; padding:0 19px; color:#fff; font-size:13px; font-weight:400; height:35px; line-height:35px; background-color:#575656; border:1px solid #575656; cursor: pointer}/*회색*/

.btn_i {display:inline-block; padding:0 19px; color:#fff; font-size:13px; font-weight:400; height:35px; line-height:35px; background-color:#bbbaba; border:1px solid #bbbaba; cursor: pointer}/*재수강할수 없을때*/

.bt_line{ border-top:1px solid #dcdcdc}
.effect_em{ overflow:hidden}

.minfo{ width:100%; background:#eff0f0; overflow:hidden}
.infobox{ margin:10px 10px 15px 10px; width:95%; height:auto; overflow:hidden }
.infobox .tit{ width:80%; float:right; padding-top:5px; font-size:13px; line-height:18px; color:#444; font-family:NotoSansKR-Light;}
.infobox .img{ width:17.5%;  padding-top:5px;}
.infobox .img img{ width:100%}

/*즐겨찾기_리스트용_추가1903*/
.new_bmk {width:90%; text-align:center; top:25px;height:24px;z-index:10; position:absolute; margin:0 auto}
.new_bmk .i_Cb { z-index:1000000; top:1px; left:2px; height:24px; border: none; opacity:0; color:#333; cursor:pointer;  }
.new_bmk label { display: inline-block; position: absolute; height: 26px; padding-left:30px; top:-8px; right:0; font-size:0.875em; line-height: 22px; color: #777; background: url(../images/sub/bookmark_i_off.png) no-repeat; background-size:19px 19px;cursor:pointer; left:50%; margin-left:-17px }
.new_bmk .i_Cb:checked +label { background: url(../images/sub/bookmark_i_on.png) no-repeat; background-size:19px 19px;}
.btn_bmk {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium}
.btn_bmk span {display:inline-block; height:100%; background:url(../images/sub/bookmark_i_on.png) no-repeat 1% 50%; background-size:15px 15px; padding-left:20px;}

.btn_bmk_list {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium; left:160px}
.btn_bmk_list  span {display:inline-block; height:100%; background:url(../images/sub/bmk_i.png) no-repeat 100% 50%; background-size:8px 13px; padding-right:15px;}

.btn_bmk_del {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium}
.btn_bmk_del span {display:inline-block; height:100%; background:url(../images/sub/all_del.png) no-repeat 1% 50%; background-size:13px 13px; padding-left:20px;}

.btn_bmk_chk {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; left:0px; font-family:notokr-medium; left:170px}
.btn_bmk_chk span {display:inline-block; height:100%; background:url(../images/sub/bmk_chk.png) no-repeat 1% 50%; background-size:13px 13px; padding-left:20px;}

.btn_bmk_go {display:inline-block; padding:0 20px; color:#444444; font-size:14px; font-weight:400; height:36px; line-height:35px; background-color:#fff; border:1px solid #ababab; right:175px; font-family:notokr-medium}
.btn_bmk_go span {display:inline-block; height:100%; background:url(../images/sub/bookmark_i_on.png) no-repeat 1% 50%; background-size:15px 15px; padding-left:20px;}






/*달력*/
.mnum { margin-bottom:10px; text-align:center; overflow:hidden; float:left; width:100%}
.mnum li{overflow:hidden; display:inline; padding:7px 2px 2px 2px; }

.mnum .year{ font-size:16px;  font-weight:bold; color:#333; margin-top:20px;}
.mnum .month{font-size:16px; font-weight:bold; color:#6fa4ce }
.mnum .holi{ float:right; width:350px; padding-top:0px; letter-spacing:0; height:16px; line-height:15px; margin-top:10px}
.mnum .holi img{ margin:0px 3px 0 0; vertical-align:middle;}

.calendar{width:100%; border-top:0px ; float:left;  color:#555 }
.calendar th{padding: 0;/* border-right:1px solid #ccc;*/ margin:0; background-color:#b8b8b8;  color:#fff; height:25px; font-size:11px; text-align:center;border:1px solid #fff}
.calendar td{ /*border-right:1px solid #ccc; border-bottom:1px solid #ccc; */ vertical-align: central; height:30px; width:110px; text-align:center; border:1px solid #fff }

.calendar .date{  color:#666;  display:block;  font-size:14px; font-weight:bold;cursor:pointer }
.calendar .today{ background-color:#d6c94d;cursor:pointer }/*-moz-border-radius:10%; *모질라*-webkit-border-radius: 10%; *웹킷*border-radius:10%;*/
.calendar .week{background:#91d0e9; cursor:pointer }

.calendar .unum{  color:#ccc;  font-size:14px; font-weight:bold;  display:block; }
.calendar .sun{  color:#F00;  font-size:14px; font-weight:bold;  display:block; cursor: pointer}
.calendar .sun a{  color:#F00; width:20px; font-size:14px; font-weight:bold; cursor: pointer}
/*.calendar .sun_td{ border-left:1px solid #ccc;}*/
.calendar img{ margin:3px 1px;}




/*북리스트*/
.book_list ul li {border-top:1px solid #e9e9e9;padding:7px 0}
.book_list ul li:first-child {border-top:0}
.book_list ul li .cont {overflow:hidden;position:relative;min-height:117px }/* min-height:120px*/
.book_list ul li .cont .img {width:90px; height:115px; position:absolute;left:0;top:0; background:#fff; }
.book_list ul li .cont .img img{ width:90px; height:115px; margin-left:7px;border:1px solid #dcdcdc}
.book_list ul li .cont .list_box {padding-left:0px}
.book_list ul li .cont .list_box .tit {font-weight:bold; line-height:25px; margin-top:10px; margin-bottom:5px; font-size:18px}


.book_list ul li .cont .list_box .tit .info_b {font-size:0.8rem;font-family:"notokr-bold";  position:absolute; right:1px; background:#fff; border:1px solid #fd4040; color:#fd4040; padding:2px 13px;  line-height:25px; top:-3px; z-index:10;  }
.book_list ul li .cont .list_box .tit .info_b a{ color:#fd4040;}


.book_list ul li .cont .list_box .tit .sj_lab{ -webkit-border-radius:10px; border-radius:10px ;-moz-border-radius:10px; background:#fff; color:#519fce; font-size:16px; padding:3px 8px 2px 8px; line-height:17px; margin-top:-5px; margin-right:2px; border:1px solid #519fce;  }

.book_list ul li .cont .list_box .subj {  color:#555; line-height:20px; font-weight:600}
.book_list ul li .cont .list_box .info {font-size:0.9rem; font-size:15px; color:#6c6c6c; line-height:20px; margin-top:3px}


.book_list ul li .cont .txt {padding-left:110px}
.book_list ul li .book_btn{ width:100%; margin-top:15px;  height:40px}
.book_list ul li .book_btn .take {font-size:0.8rem;font-family:"notokr-bold";  position:absolute; right:100px; background:#fff; color:#ff2c2c; border:1px solid #ff2c2c; padding:2px 20px;  line-height:27px;height:27px; top:0px; z-index:10;  }
.book_list ul li .book_btn .take a{ color:#ff2c2c}

.book_list ul li .book_btn .make{font-size:0.8rem;font-family:"notokr-bold";  position:absolute; right:5px; background:#ff2c2c; color:#fff; border:1px solid #ff2c2c; padding:2px 20px;  line-height:27px;height:27px; top:0px; z-index:10;  }
.book_list ul li .book_btn .make a{ color:#fff}

.book_list ul li .book_btn .list_i{font-size:0.8rem;font-family:"notokr-bold";  position:absolute; right:195px; background:#fff; color:#666; border:1px solid #666; padding:2px 20px; height:27px; line-height:27px; top:0px; z-index:100;  }
.book_list ul li .book_btn .list_i a{ color:#666}

.book_buy a{ color:#FFF}
.book_list ul li .cont .txt .explan {font-weight:bold; line-height:18px; margin-top:10px}
.book_list ul li .cont .txt .explan_1 {font-weight:bold; line-height:18px; padding:1px 30px 0 0 }

.downb{ position:absolute; bottom:1px; right:0px; line-height:18px; cursor:pointer; margin-right:-15px}
.downb img{ width:70%}
.book_list ul li .cont .txt .subj {  color:#666; line-height:20px}
.book_list ul li .cont .txt .info {font-size:0.9rem; font-size:13px; color:#6c6c6c; line-height:18px; margin-top:7px}
.book_list ul li .cont .txt .buy {font-size:0.9rem; font-size:13px; color:#6c6c6c; line-height:18px; margin-top:7px; padding:1px 80px 20px 0 }


/*버튼*/
.dis_menu{width:100%; display:block;  float:left; height:auto}
.dis_menu .p_tab{display:block; padding:0px;}
.dis_menu .p_tab li{ width:50%; float:left; display:inline; text-align:center; border:solid 1px #eee; padding:15px 0; margin:0 1% 20px 1%; color:# 000; background:#fff; border:1px solid #ccc; border-radius: 10px; font-size:15px; line-height:20px }
.dis_menu .p_tab li a{color:#000; text-decoration:none; font-weight:bold}
.dis_menu .p_tab .w103px{width:98px;}
.dis_menu .p_tab li .on { font-weight:600; color:#f94505; }



/*페이지버튼탭*/
.page_tap{width:100%; height:100%; position:relative; margin-bottom:0px;float:left; }
.page_tap .p_tab{display:block; padding:0px;border-top:1px solid #ccc; border-left:1px solid #ccc;}

.page_tap .p_tab li a{width:50%; position:relative; float:left; padding:10px 0; color:#333; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;background:#fff; box-sizing:border-box; font-size:14px}
.page_tap .p_tab li .on{font-weight:bold; color:#fff; border-bottom:1px solid #999; border-right:1px solid #999;  background:#999; box-sizing:border-box;}

.page_tap li .line{border-left:1px solid #ccc; }



/*플레이어사용안내*/

.play_menu2{width:100%; display:block;  float:left; height:auto}
.play_menu2 .p_tab{display:block; padding:0px;}
.play_menu2 .p_tab li{ width:50%; float:left; display:inline; text-align:center; border:solid 1px #eee; padding:15px 0; margin:0 1% 20px 1%; color:# 000; background:#fff; border:1px solid #ccc; border-radius: 10px; font-size:15px; line-height:20px }
.play_menu2 .p_tab li a{color:#000; text-decoration:none; font-weight:bold}



.play_menu2 .p_tab .w103px{width:98px;}

.play_menu2 .p_tab li .on { font-weight:600; color:#f94505; }
.f_tits{ width:100%; padding:15px 1% 15px 1%}
.txt_c01{ color:#0092d2; font-weight:600; font-size:14px; width:100%; line-height:20px; border-bottom:1px solid #0092d2; padding:10px 0 10px 0; text-align:center; margin-top:10px; float:left}

.f_img {display:block;text-align:center;}
.f_img img{ width:100%}
.f_btn{font-size:18px; font-weight:600; width:90%; text-align:center; background:#fff; color:#FFFFFF; margin:0 5% 0 5%;padding:10px 0;}



/*FAQ*/

.view_info .sub_box{padding:10px;display:none; overflow:hidden}
.view_info .sub_box dl{margin-bottom:20px;border-bottom:1px solid #e2e2e2;}
.view_info .sub_box dl:last-child{border-bottom:0px;}
.view_info .sub_box p{font-size:13px;margin-bottom:10px;color:#666; line-height:20px}
.view_info .sub_box .view_info{padding:20px 10px;border-top:1px solid #e2e2e2;}
.view_info .sub_box .view_info dt{margin-bottom:10px;font-size:14px;font-weight:bold;}
.view_info .sub_box .view_info dd{line-height:18px;}


.hidden_box{background:#fff;width:100%;}
.hidden_box > a.option_tit{position:relative;display:block;overflow:hidden;padding:20px 35px 16px 10px;border-bottom:1px solid #d2d2d2; background:#fff;}
.hidden_box > a.option_tit h4{float:left;font-size:14px;font-weight:800;line-height:20px;cursor:pointer}
.faq_text{ padding-left:80px; padding-right:40px;   line-height:20px; z-index:1000}
.faq_icon{ position:absolute; width:65px; top:20%; left:10px }
.hidden_box > a.option_tit .date_info{ font-size:11px; line-height:15px; float:left; width:100%; color:#888 }
.hidden_box > a.option_tit span.on{position:absolute;right:10px;top:17px;display:block;;width:20px;height:15px;background:url('../images/sub/icon_box.png') no-repeat -20px -2px;z-index:20;content:''; }
.hidden_box > a.option_tit span{position:absolute;right:10px;top:22px;display:block;;width:20px;height:15px; background:url('../images/sub/icon_box.png') no-repeat 0 -2px ;z-index:20;content:'';}
.hidden_box .sub_box{border-bottom:1px solid #d2d2d2;}


.faq_box{padding:10px 0;box-sizing:border-box; border-bottom:1px solid #d2d2d2;}
.faq_box select{width:100%;height:40px;border:1px solid #a2a2a2;text-indent:10px;border-radius:3px;background:#fff; padding-left:10px}

.f_item{overflow:hidden; float:left; width:50px; height:50px;  margin-right:7px; margin-top:-15px}
.file-face{width:100%; height:100%; background:url(../images/sub/file_p.png)no-repeat 0 -3px ;  font-size:0px}
.file-hidden{margin-bottom:-25px; margin-top:15px; opacity:0;}






@-webkit-keyframes animate3dIn{
0%{opacity:0;-webkit-transform:rotateX(90deg) translateZ(20px)}
100%{opacity:1;-webkit-transform:rotateX(0) translateZ(20px)}

}

@-webkit-keyframes animate3dOut{
0%{opacity:1;-webkit-transform:rotateX(0) translateZ(20px)}
100%{opacity:0;-webkit-transform:rotateX(-90deg) translateZ(20px)}
}

@-webkit-keyframes animateTypeIn{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes animateTypeOut{
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes animate3dIn{
0%{opacity:0;-moz-transform:rotateX(90deg) translateZ(20px)}
100%{opacity:1;-moz-transform:rotateX(0) translateZ(20px)}
}

@-moz-keyframes animate3dOut{
0%{opacity:1;-moz-transform:rotateX(0) translateZ(20px)}
100%{opacity:0;-moz-transform:rotateX(-90deg) translateZ(20px)}
}

@-moz-keyframes animateTypeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes animateTypeOut{0%{opacity:1}100%{opacity:0}}
@keyframes animate3dIn{0%{opacity:0;transform:rotateX(90deg) translateZ(20px)}100%{opacity:1;transform:rotateX(0) translateZ(20px)}}
@keyframes animate3dOut{0%{opacity:1;transform:rotateX(0) translateZ(20px)}100%{opacity:0;transform:rotateX(-90deg) translateZ(20px)}}
@keyframes animateTypeIn{0%{opacity:0}100%{opacity:1}}@keyframes animateTypeOut{0%{opacity:1}100%{opacity:0}}

@-webkit-keyframes avia_image_appear {
  0%   { -webkit-transform:scale(0.7); opacity: 0.1;  }
  100% { -webkit-transform:scale(1); opacity: 1; }
}
@-moz-keyframes avia_image_appear {
	0%{opacity:0.1;-moz-transform:scale(0.7);}
	100%{opacity:1;-moz-transform:scale(1);}
}
@keyframes avia_image_appear {
  0%   { transform:scale(0.7); opacity: 0.1;  }
  100% { transform:scale(1); opacity: 1;  }
}


/* reCAPTCHA */
@media screen and (max-height: 575px){
	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}