@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@font-face {
  font-family: 'Nanum Gothic';
  src: url(/font/NanumGothic.eot);
  src: url(/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic.woff) format('woff'),
       url(/font/NanumGothic.ttf) format('truetype');
}
*{margin:0;padding:0;}
html {overflow-x:hidden;}
body{font-family: 'Raleway','Noto Sans KR','Apple SD Gothic Neo', 'Malgun Gothic','¸¼Àº °íµñ','Nanum Gothic', 'Noto Sans','sans-serif';position: relative;}
img{vertical-align:middle;}
a{text-decoration:none !important;outline:none;}
.cls{clear:both;}
.pc {display:block !important;}
.mobile {display:none !important;}
span.f_bold{font-weight:600;}
span.color_r{color:#C5363C;}
span.qty_btn{cursor:pointer;padding:1px 3px;border:1px solid #b7b7b7;margin-left:10px;}
span.qty_btn2{cursor:pointer;padding:1px 5px ;border:1px solid #b7b7b7;margin-left:2px;}
div.hd{width:100%;position:relative;}
div.hd_t{}
div.hd_t p span{padding:0 2px;margin:0 2px;font-size:12px;}
div.navi{height:40px;position:relative;}
div.navi ul li{float:left;list-style:none;text-align:center;color:#fff;padding:10px 0;}
div.navi ul li.navi_left{width:40%;}
div.navi ul li.navi_left dl dd{cursor:pointer;float:right;margin:0 20px;padding-bottom:20px;}
div.navi ul li.navi_center{width:20%;position:relative;}
div.navi ul li.navi_right{width:40%;}
div.navi ul li.navi_right dl dd {cursor:pointer;float:left;margin:0 20px;}
div.navi div.smenu{width:1120px;background:#fff;border:3px solid #b7b7b7;display:none;}
div.navi div.smenu ul li{float:left;width:140px;margin:10px;height:30px;text-align:left;}
div.navi div#smenu1{position:absolute;z-index:1;top:40px;}
div.navi div#smenu2{position:absolute;z-index:1;top:40px;}
div.navi div#smenu3{position:absolute;z-index:1;top:40px;}
/*·Î±×ÀÎÈ­¸é*/

div#full_back{display:none;width:100%;height:100%;position: fixed;top:0;left:0;z-index:1000;}
div#full_back div.full_backbg{width:100%;height:100%;background:#000;filter:alpha(opacity=75);opacity: 0.75;}
div#full_back div.loginbox{position: absolute;top:150px;left:50%;margin-left:-150px;width:300px;height:340px;background:#fff;}
div#full_back div.loginbox p.loginclose{cursor:pointer;width:25px;position:absolute;top:10px;right:10px;}

div#full_back div.loginbox  h3 {text-align:center;font-weight:600;font-size:24px;padding:30px 0;}
div#full_back div.loginbox div.logins{padding:0 20px;}
div#full_back div.loginbox div.logins p input{width:100%;padding:10px;font-size:14px;font-weight:600;border:1px solid #b7b7b7;margin-bottom:10px;}
div#full_back div.loginbox div.logins p.login_submitbtn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#00D255;border:1px solid #00D255}
div#full_back div.loginbox div.logins p.login_submitbtn:hover{color:#00D255;background:#fff;}
div#full_back div.loginbox div.logins div.login_btns{position: relative;font-size:12px;margin-top:10px;color:#696969;} 
div#full_back div.loginbox div.logins div.login_btns p.login_btns1{cursor:pointer;width:100px}
div#full_back div.loginbox div.logins div.login_btns p.login_btns2{cursor:pointer;width:120px;text-align:right;position: absolute;top:0px;right:0;}	
div#full_back div.loginbox div.logins span.autologin{cursor:pointer;}
div#full_back div.loginbox div.logins p.ft12{font-size:12px;color:#696969;}
span#autologin{display:none;}
span#autologin_on{}
div.loginbox2{;margin:50px auto;padding:20px;width:400px;background:#fff;border-radius:20px;}
div.loginbox2  h3 {text-align:center;font-weight:600;font-size:24;padding:30px 0;}
div.loginbox2 div.logins{padding:0 20px;}
div.loginbox2 div.logins p input{width:100%;padding:10px;font-size:14px;font-weight:600;border:1px solid #b7b7b7;margin-bottom:10px;}
div.loginbox2 div.logins p.login_submitbtn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#F06310;border:1px solid #F06310}
div.loginbox2 div.logins p.login_submitbtn:hover{color:#F06310;background:#fff;}
div.loginbox2 div.logins p.login_submitbtn2{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#ff1123;border:1px solid #ff1123}
div.loginbox2 div.logins p.login_submitbtn2:hover{color:#ff1123;background:#fff;}
div.loginbox2 div.logins p.login_submitbtn3{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#0f36fe;border:1px solid #0f36fe}
div.loginbox2 div.logins p.login_submitbtn3:hover{color:#0f36fe;background:#fff;}
div.loginbox2 div.logins p.nv_login_btn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#00D255;border:1px solid #00D255}
div.loginbox2 div.logins p.nv_login_btn:hover{color:#00D255;background:#fff;}
div.loginbox2 div.logins p.fb_login_btn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#3C5898;border:1px solid #3C5898}
div.loginbox2 div.logins p.fb_login_btn:hover{color:#3C5898;background:#fff;}
div.loginbox2 div.logins p.tw_login_btn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#2EC6F5;border:1px solid #2EC6F5}
div.loginbox2 div.logins p.tw_login_btn:hover{color:#2EC6F5;background:#fff;}



div.loginbox2 div.logins div.login_btns{position: relative;font-size:12px;margin-top:10px;color:#696969;} 
div.loginbox2 div.logins div.login_btns p.login_btns1{cursor:pointer;width:100px}
div.loginbox2 div.logins div.login_btns p.login_btns2{cursor:pointer;width:120px;text-align:right;position: absolute;top:0px;right:0;}	
div.loginbox2 div.logins span.autologin{cursor:pointer;}
div.loginbox2 div.logins p.ft12{font-size:12px;color:#696969;}


div.joinbox{margin:0 auto;width:400px;background:#fff;border:1px solid #b7b7b7;padding:20px;}
div.joinbox h3 {text-align:center;font-weight:600;font-size:24px;padding:20px 0;}
div.joinbox p input.w400{width:400px;padding:10px;}
div.joinbox p input.w190{width:190px;padding:10px;}
div.joinbox p input.w100{width:100px;padding:10px;}
div.joinbox p select{height:30px;} 
div.joinbox div.idbox{position: relative;}
div.joinbox div.idbox p#idcheck{position: absolute;top:10px;right:10px;text-align:right;width:250px;}
div.joinbox span.zip_btn{cursor:pointer;border-radius:4px;color:#fff;background:#696969;padding:12px;}
div.joinbox p span.rmg{margin-right:16px;}
div.joinbox div.emailbox{position: relative;}
div.joinbox div.emailbox p.emailin{width:210px;}
div.joinbox div.emailbox p.email2in{width:190px;position: absolute;top:0px;right:0px;}
div.joinbox div.emailbox div#email2_v{display:none;width:188px;position: absolute;top:38px;right:0px;border:1px solid #b7b7b7;background:#fff;}
div.joinbox div.emailbox div#email2_v p{cursor: pointer;padding:3px 0;}
div.joinbox div.emailbox div.email2_btn {cursor: pointer;position: absolute;top: 10px;right: 10px;height: 17px;width: 19px;background-image: url('/imgs/dn_btn.png');}
div.joinbox p.ft11{font-size:11px;color:#696969;}

div.joinbox div.agreebox{position: relative;}
div.joinbox div.agreebox div#agree_pop1{display:none;position: absolute;left:-350px;top:-300px;width:300px;border:1px solid #b7b7b7;height:400px;overflow-y:auto;padding:10px;background:#fff;}
div.joinbox div.agreebox div#agree_pop2{display:none;position: absolute;left:-350px;top:-300px;width:300px;border:1px solid #b7b7b7;height:400px;overflow-y:auto;padding:10px;background:#fff;}
div.joinbox div.agreebox p.agree_tx_btn{cursor: pointer;position: absolute;top: 0;right: 0px;border-radius:4px;color:#fff;background:#696969;padding:1px 3px;}
div.joinbox span.autologin{cursor:pointer;}
div.joinbox p.join_submitbtn{cursor:pointer;text-align:center;font-weight:600;font-size:14;padding:10px 0;border-radius:4px;color:#fff;background:#00D255;}

div.joinbox p.bz_up_btn{width:140px;text-align:center;cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#F06310;border:1px solid #F06310}
div.joinbox p.bz_up_btn:hover{color:#F06310;background:#fff;}
div.join_fl{text-align:center;}
div.join_fl h3{font-size:24px;font-weight:100;}
div.join_fl div.fl_box{border:5px solid #b7b7b7;width:80%;padding:20px 0;margin:50px auto;}
div.join_fl div.fl_btn{margin:0 0 50px;}
div.join_fl div.fl_btn span.login_btn{cursor:pointer;border:1px solid #696969;padding:10px;background:#696969;color:#fff;}
div.join_fl div.fl_btn span.main_btn{cursor:pointer;border:1px solid #696969;margin-left:10px;padding:10px;color:#696969;} 

div.maincon1{width:100%;margin:0 auto;min-width:1280px}
div.maincon1 ul li{float:left;list-style:none;}
div.maincon1 ul li.w190{width:16%;border:2px solid #fff;}
div.maincon1 ul li.w_slide{width:15.1%;border:2px solid #fff;}
div.maincon1 ul li.h142{width:19.3%;}
div.maincon1 ul li.h142 p{border:2px solid #fff;}
div.maincon2{width:100%;margin:40px auto;min-width:1260px}
div.maincon2 ul li{float:left;list-style:none;border:2px solid #fff;width:33%;}
div.main_copy{width:100%;border-top:2px solid #000;margin-top:100px;}
div.main_copy ul{width:1200px;margin:20px auto;}
div.main_copy ul li{float:left;list-style:none;width:33.3%;}

/*¸¶ÀÌÆäÀÌÁö */
div.my_tit{border-left:3px solid #696969;font-size:18px;font-weight:600;padding-left:10px;margin-bottom:20px; }
div.mymenu ul li{cursor:pointer;float:left;list-style:none;border:1px solid #696969;color:#696969;text-align:center;font-size:14px;font-weight:600;width:10%;padding:10px 4px; }
div.mymenu ul li.my_atv{background:#696969;color:#fff;}
/*¸¶ÀÌÆäÀÌÁö */
p.top_benner_close{z-index:1000;position:absolute;width:21px;height:21px;background:#fff;right:50px;top:20px;display:none; }



.intro_wrap{margin:  30px auto 0 auto; text-align:center;} 
.intro_wrap .intro_img img{max-width:100%}
.intro_wrap .intro_btn{
	display: flex;
	justify-content: center;
 	align-items: center;
	margin:50px 0 0 0
}
.intro_wrap .intro_logo{
	margin-bottom:30px
}
.intro_wrap .intro_logo img{
	max-width:100%;
 
}

.intro_wrap .intro_img img{max-height:550px}
.intro_wrap .intro_btn a{
	width:150px;
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	background:#f1c1cf;
	color:#fff;
	padding:15px 0;
	margin:0 20px

}
.intro_wrap .intro_btn a:hover{
	background:#8c7a70
}

@media (max-width: 768px) {

	.intro_wrap{margin: 0 auto 30px auto; text-align:center;} 
	 

	.intro_wrap .intro_btn a{
		width:150px;
		font-size:16px;
		font-weight:600;
		border-radius:10px;
		background:#f1c1cf;
		color:#fff;
		padding:15px 0;
		margin:0  10px

	}

}