@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-family:"notokr-medium"; }
.font_14px { font-size: 14px; font-family:"notokr-medium"; }
.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:"돋움"}
.font_tah{font-family:"tahoma"}
.font_13px_1 { font-size: 13px; font-family:"notokr-medium"; color:#666666; line-height:18px }

/*인포*/
.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:#555; 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 }

.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}
.w5p{ width:5%}
.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}
.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}
.pbm5{ padding:5px}
.pbm10{ padding:10px}
.pbm15{ padding:15px}
.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}
.bbs_ch{ border-bottom:1px solid #9ad3d0}/*초록색*/
.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:#3a9967}/*초록*/
.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}
.n_size{ width:8px}
.back_c{ background-color:#eeefef}

.txt_box { line-height:17px; font-size:12px; }
.txt_box1 { line-height:18px; font-size:14px; font-family:notokr-medium; color:#666 }
.tit_box{ font-size:15px; line-height:30px; font-family:"notokr-bold"; overflow:hidden}
.tit_box1{ font-size:18px; 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";}
.ellipse{border-radius:20px; background:#666666; color:#FFFFFF; padding:5px 10px; width:20%; text-align:center}


.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)}





.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:#0ca56f}
.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}






/*하단_메뉴바@@@@@*/
.btmGreySect02 {position:fixed; bottom:0;  width:100%; z-index:500}
.prodList02 {overflow:hidden; }
.prodList02 li {float:left;width:50%; background:#ffffff}
.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:#fff; background:no-repeat center 5px; background-size:35px 30px; font-size:13px; font-weight:600}
.prodList02 li:nth-child(5n+1) a {border-left:none}
.prodList02 li.ico01 a { background-color:#333333; color:#333333; background-image:url(/images/main/talk.png)}
.prodList02 li.ico02 a { background-color:#36b044;background-image:url(/images/main/naver_t.png)}
.prodList02 li.ico03 a { color:#333333;  background-image:url(/images/main/coun.png)}
.prodList02 li.ico04 a {color:#333333; background-image:url(/images/main/tel.png)}


/* footer_1806 */


.footer_wrap {background:#666; color:#fff; position:relative; text-align:center; width:100%}
.footer { background:#727171; 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:#727171; border-top:1px solid #CCC;position:relative; overflow:hidden}
.f_menu ul{ margin:0 auto;text-align:center;}
.f_menu li a {color:#fff; font-family:"notokr-medium"; font-size:12px; }
.f_menu li { display:inline; padding:0 2%; 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:#727171; 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:#fff; text-align:left; display: block  }
.footer .copy {padding:5px 1% 15px 1%; background:#727171; font-size:11px; color:#fff;text-align:center;}
.w_footer_end2{clear:both; text-align:center; padding:20px 20px 10px 20px; font-size:11px; letter-spacing:0px; color: #fff; line-height:1.5em; overflow:hidden;background:#727171; }
.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:#0ca56f; 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:130px; margin-top:-5px}
.Header_tit h1 { position: relative; text-align: center; width: 100%; height:40px; line-height:55px; font-size:18px;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:15px; 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 .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:#3a9967}
.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:15px; font-weight:600; line-height: 22px; color:#555; 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:#3a9967;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; font-family:"notokr-medium";}
.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}
.js_art{ font-size:14px; font-family:"notokr-medium"; line-height:20px; margin-top:13px; color:#666666; width:100%}
/*회원가입정보*/
.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; font-family:"notokr-medium"}
.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:#3a9967;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; }



/*테이블*/
.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:47%; 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:15px; line-height:19px; font-family:"notokr-medium";}
.common_board .board_list ul li span.qna{margin-bottom:7px;font-size:15px; line-height:19px; font-family:"notokr-medium"; padding-right:70px}


.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}
.re_no{ font-size:11px; padding:1px 5px 1px 5px; right:0px; top:0;*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border-radius:5px;background:#999; color:#fff; border:1px solid #999; text-align:center; font-weight:600; display:inline-block; position:absolute}

.re_yes{ font-size:11px; padding:1px 5px 1px 5px; right:0px; top:0;*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border-radius:5px;background:#45ad91; color:#fff; border:1px solid #45ad91; text-align:center; font-weight:600; display:inline-block; position:absolute}

/*글쓰기*/
.btn_write {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:15px; font-family:notokr-medium; }
.btn_write span {display:inline-block; height:100%; background:url(/images/sub/w_icon.png) no-repeat 1% 50%; padding-left:25px; background-size:17px}


/*보기*/
.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; line-height: 25px;}
.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:14px; line-height:20px; }
.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;}
.ba_c{ background:#fdfdf3}/*답변배경색상*/
.cont_wrap {padding:15px 15px;}
.cont_wrap .txt{width:100%;height:auto; font-size:12px; line-height:20px}


.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 }





@-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;}
}