@charset "utf-8";
/* common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin:0;
	padding:0;
	font-family:NanumGothic, "나눔고딕", "Malgun Gothic", Dotum, "돋움", Gulim, "굴림", Helvetica, Apple-Gothic;
	-webkit-text-size-adjust:none;
}
body {background:#fff; 
	position:relative;
	font-size:14px;
	line-height:1.25em;
	letter-spacing:-0px;
	color:#000; 
    overflow-x:hidden;
 -webkit-text-size-adjust:none
}

li { list-style:none}
.pointer { cursor:pointer}
:focus {outline:none; }
section, nav, article, aside, hgroup, header, footer {display:block}
input, textarea, select, button, table {
	font-size:inherit;
	font-family:inherit;
	line-height:inherit
}
img, fieldset {
	border:0
}

a {
	text-decoration: none;
	color:#474d56;
}
a:link, a:hover, a:active {
	text-decoration: none;
}


.blackbg_gra {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url(/images/intro/intro/bg_black70.png) repeat;  position:absolute; top:0; left:0;z-index:1000;}

/*로그인*/
.pop_login_bg{ width:100%; height:100%; background:url(/images/intro/intro/bg_black80.png) repeat; position:absolute; top:0; left:0 ; z-index:1000;}
.pop_login { width:400px; margin:0 auto;  text-align:center;  position:relative;  top:12%; left:0;   } 
.pop_login .btn_close {width:50px;height:50px;cursor:pointer;position:absolute;top:-50px;right:-50px;}

/*가입탭 메뉴*/
.pop_login .log_tab { width:400px; margin:0 auto; z-index:500;  }

.pop_login .log_tab {overflow:hidden; margin:0 auto;  text-align:center;}
.pop_login .log_tab li {  list-style:none; float:left; width:200px;  -webkit-border-radius: 5em 0em 5em 0em; -moz-border-radius:  5em 0em 5em 0em; border-radius: 5em 0em 5em 0em;  }
.pop_login .log_tab li a { width:50%;display:block; font-weight:bold;font-size:1.2em;}

.pop_login .log_tab .tab_login a{width:100%; height:45px;line-height:45px; background-color:#53606f; color:#fff; border-radius: 1em 0em 0em 0em; }
.pop_login .log_tab .tab_login.on{  background-color:#fff; color:#35aa15; 
border-radius: 1em 0em 0em 0em;}

.pop_login .log_tab .tab_join a{width:100%; height:45px;line-height:45px; background-color:#53606f; color:#fff; border-radius: 0em 1em 0em 0em; }
.pop_login .log_tab .tab_join .on{background-color:#fff; color:#35aa15; border-radius:0em 1em 0em 0em;}

.pop_login .log_box { width:100%; height:auto; margin:0 auto; background-color:#FFF; padding-bottom:20px; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius:0em 0em 1em 1em; border-radius: 0em 0em 1em 1em;}
.pop_login .log_box_s {width:90%;margin:0 auto; padding-top:10px;} 
.pop_login .log_box_s li {list-style:none; display:block; margin-bottom:5px; text-align:left}
.pop_login .log_box_s .input_tt { line-height:15px; font-size:.9em; color:#666}


.input_log {  width:100%; height:45px;  line-height:30px;   background-color:#fafafa; border:#CCCCCC 1px solid; -webkit-border-radius: 7px; -moz-border-radius:7px; border-radius:7px;  font-size:1.2em; text-indent:5px; padding-left:5px;}
.input_mail { float:left; width:49%; height:45px;  background-color:#fafafa; border:#CCCCCC 1px solid; -webkit-border-radius: 7px; -moz-border-radius:7px; border-radius:7px; font-size:1.2em; text-indent:5px; padding-left:5px;margin-bottom:10px;}
.select_no{ float:left;  height:45px;  background-color:#fafafa; border:#CCCCCC 1px solid; -webkit-border-radius: 7px; -moz-border-radius:7px; border-radius:7px; font-size:.9em; text-indent:5px; padding-left:5px;margin-bottom:10px;}



.log_box .log_txt { clear:both; width:90%; margin:0 auto; text-align:left;height:30px; margin-top:5px; position:relative; }
.log_box .log_txt .find_txt { height:20px; position:absolute; top:5px; right:0px; font-size:.8em; }
.log_box .btn_login { clear:both;  width:90%; height:50px; line-height:50px;margin:0 auto; background:#F30000;	
border:#F03 1px solid; text-align:center; font-weight:bold; color:#fff;font-size:1.2em;
-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; margin-top:10px; }



.log_box .btn_login2 {position:absolute; top:50px; right:15px;  width:30%; height:70px; line-height:70px; margin:0 auto; background: #8bc23f;	
background:-webkit-gradient(linear, left top, left bottom, from(#8ece35), to(#8bc23f));	
background: -moz-linear-gradient(top,  #8ece35,  #8bc23f);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ece35', endColorstr='#8bc23f');  
border:#5d9115 1px solid; text-align:center; font-weight:bold; color:#fff;font-size:1.2em; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;  }

.log_box .btn_login3 {position:absolute; top:128px; right:15px;  width:30%; height:30px; line-height:29px; margin:0 auto; background: #666666;	
border:#666666 1px solid; text-align:center;  color:#fff;font-size:.8em; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;  }

.input_log2 {  width:65%; height:30px;  background-color:#fafafa; border:#CCCCCC 1px solid; -webkit-border-radius: 7px; -moz-border-radius:7px; border-radius:7px;  font-size:.9em; text-indent:5px; padding-left:5px;}
.input_ck {height:15px;margin:0 auto; }



/*##### 레이아웃 */
#header_wrap {width:100%;min-width:1000px;height:auto;margin:0 auto; text-align:center;cursor:pointer }
#main_wrap { clear:both; width:100%; height:auto ;margin:0 auto; text-align:center;  position:relative;cursor:pointer }
#main_wrap .main_tot { width:1000px; height:auto ;margin:0 auto; text-align:center; position:relative;cursor:pointer }
#main_wrap .main_tot .main_left { width:219px; margin:0 auto;  float:left;cursor:pointer }
#main_wrap .main_tot .main_right { width:770px; height:auto; margin:0 auto;  float:right; background-color:#FFFFFF; border:#CCC 1px solid; }
#main_wrap .main_tot .main_ctn { width:770px; height:auto; margin:0 auto;  float:right; background-color:#FFFFFF; }

#footer_wrap {clear:both;width:100%; min-width:1200px;min-height:300px; height:auto; padding-top:20px; background:#bec6cd; color:#ffffff; text-align:center;cursor:pointer }


#header_wrap .top { width:100%; height:89px; margin:0 auto; background:url(/images/intro/intro/top_bg.jpg) repeat-x; }
.top .top_s { width:1000px; height:87px; margin:0 auto; position:relative  }
.top .top_s .logo { width:274px; height:87px; background:url(/images/intro/intro/top_logo.png) no-repeat; background-position:left; cursor:pointer; float:left; }

.top .top_s .top_nav {  float:left; height:89px; vertical-align:middle; margin:0 auto; text-align:center; font-weight:bold; position:relative}
.top .top_s .top_nav li { height:35px; line-height:35px;  margin:0px 10px; list-style:none; float:left; margin-top:35px; cursor:pointer; color:#000; font-size:16px;}
.top .top_s .top_nav li:hover { color:#ed1d37; border-bottom:#ed1d37 2px solid }
.top .top_s .top_nav li.on { color:#ed1d37; border-bottom:#ed1d37 2px solid }

.top .top_s .seach { width:225px; height:87px; background:url(/images/intro/intro/top_img.jpg) no-repeat; background-position:right; cursor:pointer; float:right;}


#header_wrap .main_mid  { clear:both; width:100%; height:345px; margin:0 auto; background-color:#212319; border-bottom:#ffde16 5px solid;position:relative; margin-bottom:5px;cursor:pointer }
#header_wrap .main_mid_s  { width:1000px; margin:0 auto; position:relative; text-align:center; }
#header_wrap .main_mid_s .btn_left  { width:40px; height:60px; margin:0 auto; position:absolute; left:0px; top:150px; background:url(/images/intro/intro/btn_left.png) no-repeat; z-index:100 }
#header_wrap .main_mid_s .btn_right { width:40px; height:60px; margin:0 auto; position:absolute; right:0px; top:150px; background:url(/images/intro/intro/btn_right.png) no-repeat; z-index:100  }


#header_wrap .main_mid_s .mig_img {width:880px; margin:0 auto;text-align:center;}
#header_wrap .main_mid_s .mig_img li { list-style:none; float:left; margin:25px 10px;}

#main_wrap .banner_1000 { clear:both;  width:100%;  height:54px; margin:0 auto; text-align:center; background:url(/images/intro/intro/banner_100_54.jpg); background-position:center;margin-bottom:5px; cursor:pointer }


/*### 메인왼쪽 ###*/
#main_wrap .main_left .login_box { width:100%; height:198px; background:url(/images/intro/intro/login_box.jpg) no-repeat; border:#cbcbcb 1px solid; margin-bottom:10px;}

#main_wrap .main_left .ctn_box {  width:100%; height:198px;  border:#cbcbcb 1px solid; background-color:#f9f9f9}
#main_wrap .main_left .ctn_box .img_bx { width:100%; height:75px; overflow:hidden;  background-color:#ffffff;  border-bottom:#999999 1px dotted}
#main_wrap .main_left .ctn_box .img_bx  img { width:100%; background-size:contain }  

.main_left .ctn_box .txt_tit  {width:200px; margin:0 auto; height:30px; line-height:30px; margin-top:5px; font-weight:bold; color:#f42e48; font-size:12px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_left .ctn_box .txt_info {width:200px; height:62px; overflow:hidden; margin:0 auto; line-height:20px;color:#666666; font-size:12px; text-align:left; }
.main_left .tit_img { width:210px; height:25px; margin:0 auto;  background:url(/images/intro/intro/tit_img.jpg) no-repeat; margin-top:15px;}

#main_wrap .main_left .ctn_box2 {  width:100%; height:265px; border:#cbcbcb 1px solid; background-color:#f9f9f9; position:relative}
.main_left .ctn_box2 .img_bx2 .icon_hot { width:58px; height:58px; background:url(/images/intro/intro/icon_hot.png) no-repeat; position:absolute; top:0px; left:0px}
.main_left .ctn_box2 .img_bx2 { width:100%; background-color:#FFFFFF; height:110px; overflow:hidden;  border-bottom:#666666 1px dotted; position:relative }
.main_left .ctn_box2 .img_bx2 img { width:100%; background-size:contain }  
.main_left .ctn_box2 .txt_tit2  {width:200px;margin:0 auto; height:35px; line-height:35px; font-weight:bold; color:#f42e48; font-size:12px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_left .ctn_box2 .txt_info2 {width:200px;line-height:20px; overflow:hidden; margin:0 auto; line-height:20px;color:#666666; font-size:12px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_left .tit_img { width:217px; height:25px; background:url(/images/intro/intro/tit_img.jpg) no-repeat; margin-top:20px;}


/*### 회원가입###*/
.banner_join {clear:both; width:100%; margin:0 auto; }
.sh_join {width:100%; margin:0 auto; text-align:center; padding-top:30px;}
.sh_join_tit {width:90%; height:40px; margin:0 auto; text-align:left; }

.sh_join_s {width:90%; margin:0 auto; background-color:#FF0000}
.sh_join_s .tit_pat {width:auto; height:25px;margin:0 auto; line-height:25px; background:url(/images/intro/intro/sub/join_tit_pat.gif) no-repeat 0px 0px; margin:0 auto; text-align:left; padding-left:105px; margin-bottom:10px; letter-spacing:-.5px; color:#666666; 
margin-left:20px;}
.sh_join_s .radio_pat {width:15px; height:40px;  line-height:40px; margin-right:10px;}


.sh_join_s  table {width:100%; margin:0 auto; background-color:#fff; border:#F00 2px solid; }
.sh_join_s  table td {padding-left:10px; height:50px; line-height:50px;vertical-align:middle; border-bottom:#ccc 1px dotted}

.sh_join_s  table .td_tit { line-height:25px; height:25px; background-color:#f8f8f8; border-right:#dbdbdb 1px solid; border-bottom:#ccc 1px dotted; color:#666666; font-size:11px;}
.sh_join_s .btn_join {width:100%; margin:0 auto; text-align:center; margin-top:30px;}

.sh_join .join_jum_bx {width:100%; height:190px; text-align:center;  margin:0 auto; background:#f8f8f8; padding-top:20px;border-top:#ccc 2px dotted; margin-top:70px;} 
.sh_join .join_jum_bx li { list-style:none}
.sh_join .join_jum_bx .sh_agreement{ width:95%;height:100px; margin:0 auto; }
.sh_join .join_jum_bx .sh_agreement .agree_box { width:48%; float:left; list-style: none; text-align:left; background-color:#fff; margin-bottom:10px; border:1px #ccc solid; }
.sh_join .join_jum_bx .sh_agreement .agrep { width:48%; float:left; list-style: none; text-align:left; margin-bottom:10px; height:40px;color:#666; }


.input_join { height:25px; line-height:25px; font-size:12px; color:#000; background:#FFFFFF; border:#CCCCCC 1px solid; margin-top:7px;} 
.input_join:focus { background-color:#f0f4e3; border:#81a412 1px solid }



	/* 회원가입란 */
	#member_join { width:100%; height:auto; position:relative; margin:auto;}
	#member_join .memberinput { width:100%; height:auto;border:1px solid #d6d6d6;position:relative; background-color:#fff; clear:left; margin-top:10px;}
	#member_join .memberinput td { height:40px; text-align:left;color:#636363; padding-left:5px;}

    #member_join .new_topbanner{height:auto;}
    #member_join .n_vjoin_member{width:90%; border:1px solid #dfdfdf; background:#fbfbfb; margin:0 auto; padding-top:40px;}
	#vmemberjoin {width:90%;  margin:0 auto; padding:30px 15px 30px 15px; background:#ffffff;border:1px solid #dfdfdf;}
	#vmemberjoin td {text-align:left;}
    #vmemberjoin th{height:35px;text-align:left;}
    #vmemberjoin td span{font-size:11px; letter-spacing:-0.5px; color:#666666;}
    #vmemberjoin td .seller_tot {font-size:15px; letter-spacing:-0.5px; color:#ef4f4f; font-weight:bold;}

	#clause_warp { width:90%; margin:0 auto; border: 1px solid #d6d6d6; background-color:#fafafa; margin-top:20px; margin-bottom:40px;}
	#clause_warp li{ margin:10px 25px 15px 25px; text-align:left; font-size:11px; }
	#clause {width:90%; height:100px; border:1px solid #d6d6d6; overflow-x:auto; overflow-y:scroll;background-color:#fff; margin:0 auto; margin-top:10px; font-size:11px; color:#949494; text-align:left; padding:10px;}

	#clause_warp_seller { width:90%; min-height:380px;border: 1px solid #d6d6d6; background-color:#fafafa; margin-top:20px;}
	#clause_warp_seller li{ font-size:11px;}

    /* 클래스 변경 */
    #vmemberjoin td .input_on{width:150px; height:30px; border:1px #ef4f4f solid; background:#fae9e9; outline: none; -webkit-appearance: none; font-size:13px; padding:0 0 0 10px;ime-mode:disabled; margin-right:10px}
    #vmemberjoin td .input_off{width:150px; height:30px; border:1px #cccccc solid; background:#f9f9f9; outline: none; -webkit-appearance: none; font-size:13px; padding:0 0 0 10px;ime-mode:disabled;margin-right:10px}
    #vmemberjoin td .input_on2{width:150px; height:30px; border:1px #ef4f4f solid; background:#fae9e9; outline: none; -webkit-appearance: none; font-size:13px; padding:0 0 0 10px; margin-right:10px}
    #vmemberjoin td .input_off2{width:150px; height:30px; border:1px #cccccc solid; background:#f9f9f9; outline: none; -webkit-appearance: none; font-size:13px; padding:0 0 0 10px; margin-right:10px}

    /*#vmemberjoin td input{width:320px; height:36px; background:url(/images/moon/member/vjoin_input_background.png) no-repeat left top; border: 1px #838383 solid; outline: none; -webkit-appearance: none; font-size:12px; padding:0 0 0 10px;}*/
    #vmemberjoin .btn_bf_e_join{text-align:center; height:50px;}
    #vmemberjoin .m_join_infotext td{height:16px; padding:0; font-size:11px; color:#fff; letter-spacing:-0.5px;}
    #vmemberjoin .vjoin_email input{width:150px; padding:0 0 0 10px;}
    #vmemberjoin .vjoin_email select{height:36px; width:147px; border: 1px #838383 solid;}
    .n_vjoin_member .btn_n_vjoin{height:54px; text-align:center; margin-bottom:30px;margin-top:30px;}
    .n_vjoin_member .btn_n_vtit {width:85%;  margin:0 auto; text-align:left;height:18px;  margin-bottom:10px;margin-top:10px;}
    .join_check {width:100%;  height:25px;  margin:0 auto; text-align:center; margin-bottom:10px;margin-top:20px;}


	#member_join .red{color:red}
	#member_join .blue{color:red}
	#member_join .green{color:green}








/*### 컨텐츠 리스트 ###*/
.main_ctn { width:770px; height:auto; margin:0 auto; float:right; background-color:#FFFFFF;  }
.main_ctn .ctn_tit { width:100%; text-align:left; background:url(../images/tab.jpg) no-repeat; background-position:left; margin-top:20px; margin-bottom:5px;}
.main_ctn .ctn_page { clear:both; width:100%; height:20px; line-height:20px; margin:0 auto; text-align:center; margin-top:20px; }
.main_ctn .ctn_page span { padding:3px;}


.main_ctn table { width:100%;margin:0 auto; }
.main_ctn table td { height:25px; line-height:25px; border-bottom:#CCCCCC 1px dotted; font-size:11px; padding:5px;}
.main_ctn table .ctit { height:20px; line-height:20px; background-color:#f9f9f9; text-align:center; font-size:11px; font-weight:bold; border-bottom:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid}
.main_ctn table .ctn_txt { width:400px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left}
.main_ctn table .ctn_name{ width:100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


#footer_wrap {clear:both;width:100%; min-width:1000px;min-height:100px; height:auto; padding-top:20px; background:#ffffff; color:#ffffff; text-align:center; }
#footer_wrap .footer  {clear:both;width:100%;  height:auto; background:#ffffff; color:#ffffff; text-align:center; border-top:#cccccc 1px solid}
#footer_wrap .footer_s {width:1000px; height:auto; margin:0 auto;  line-height:20px; color:#666; text-align:left;;}
#footer_wrap .footer_s li { list-style:none;}
#footer_wrap .footer_s .footer_logo { width:240px; height:90px; padding-top:25px;float:left; text-align:center;}
#footer_wrap .footer_s .footer_copy { padding-top:20px; text-align:left; font-size:11px; color:#666; line-height:18px; letter-spacing:-.25px; }








/*### 정렬 ###*/
.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}
.chargok_ridio { width:16px; height:16px;line-height:16px; vertical-align:middle;} 
.img_martop10 { margin-top:10px;}


/*### 폰트 ###*/
.font_through { text-decoration:line-through;}
.bold {font-weight:bold;}
.font8 {font-size:8px;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}

.fontva10 {font-family:Verdana;font-size:10px;}
.fontva11 {font-family:Verdana;font-size:11px;}
.fontva12 {font-family:Verdana;font-size:12px;}
.fontva13 {font-family:Verdana;font-size:13px;}
.fontva14 {font-family:Verdana;font-size:14px;}
.fontva15 {font-family:Verdana;font-size:15px;}
.fontva16 {font-family:Verdana;font-size:16px;}
.fontva18 {font-family:Verdana;font-size:18px;}
.fontSpacing {letter-spacing:-1px;}

.fontWhite { color:#ffffff;}
.fontRed { color:#e21317;}
.fontRedr { color:#ff0000;}
.fontBlue{ color:#0e61ae;}
.fontBlueR{ color:#2e7de4;}
.fontBlack{ color:#000;}
.fontGreen{ color:#378b33;}
.fontOrange{ color:#F30;}
.fontGray { color:#757575}
.fontlemon { color:#fffc00}





/*### 여백 ###*/
.mar_left3 { margin-left:3px}
.mar_left5 { margin-left:5px}
.mar_left10 { margin-left:10px}

.mar_top5 { margin-top:5px}
.mar_top10{ margin-top:10px}
.mar_top20{ margin-top:20px}
.mar_top30{ margin-top:30px}
.mar_top40{ margin-top:40px}

.mar_rig3 { margin-right:3px}
.mar_rig5 { margin-right:5px}
.mar_rig10 { margin-right:10px}
.mar_rig20 { margin-right:20px}
.mar_rig30 { margin-right:30px}

.pad_top5 { padding-top:5px}
.pad_top10 { padding-top:10px}
.pad_right5 { padding-right:5px}
.pad_right10 { padding-right:10px}
.pad_right20 { padding-right:20px}

.pad_left5 {padding-left:5px}